会员相关更新、商品列表更新

pages/user/my_info.vue

@@ -21,12 +21,17 @@
 			<view class="list_item">
 				<view class="list_item_left">账号</view>
 				<view class="list_item_right ">
-					<button open-type="getPhoneNumber" @getphonenumber="getPhone">
+					<button v-if="!mobile" open-type="getPhoneNumber" @getphonenumber="getPhone">
 						<view class="flex-colum-end">
-							<view class="text">{{phonetitle || '请授权手机号'}}</view>
-							<view class="place" v-if="phonetitle">绑定的手机号不能修改</view>
+							<view class="text">请授权手机号</view>
 						</view>
 					</button>
+					<view v-else >
+						<view class="flex-colum-end">
+							<view class="text">{{phonetitle }}</view>
+							<view class="place">绑定的手机号不能修改</view>
+						</view>
+					</view>
 				</view>
 			</view>
 			<view class="list_item">
@@ -64,7 +69,7 @@
 			</view>
 		</view>
 		
-		<view class="save" @click="sumbit">保存</view>
+		<view class="save active" @click="$u.debounce(sumbit, 500)">保存</view>
 	</view>
 </template>
 
@@ -104,6 +109,7 @@
 				userHeadImg: "",
 				nickName: '',
 				birthDay: "",
+				mobile: "",
 				phonetitle: ""
 			};
 		},
@@ -120,6 +126,7 @@
 			}
 			this.birthDay = this.userInfo.birthDay;
 			this.phonetitle = this.userInfo.telephone ? (this.userInfo.telephone.substr(0, 3) + "****" + this.userInfo.telephone.substr(7)) : ""
+			this.mobile = this.userInfo.telephone;
 			this.date = this.getDate({ format: true})
 		},
 		
@@ -163,9 +170,6 @@
 			 * @param {Object} d
 			 */
 			async getPhone(d) {
-				if ( this.phonetitle ) {
-					return;
-				}
 				if (d.detail.iv) {
 					uni.login({
 						provider: 'weixin',
@@ -176,7 +180,8 @@
 								encryptedData: d.detail.encryptedData,
 								iv: d.detail.iv,
 							})
-							this.phonetitle = res.data
+							this.phonetitle = res.data.substr(0, 3) + "****" + res.data.substr(7)
+							this.mobile = res.data;
 						}
 					})
 				}
@@ -243,7 +248,7 @@
 					nickName: this.nickName,
 					sex: this.sex,
 					birthDay: this.birthDay,
-					telephone: this.phonetitle == '请授权手机号' ? '' : this.phonetitle
+					telephone: this.mobile,
 				})
 				if (res.code == 0) {
 					uni.navigateBack()
@@ -305,6 +310,7 @@
 						margin-right: 16rpx;
 					}
 					button{
+						outline: none;
 						text{
 							color: #fff!important;
 						}
@@ -312,6 +318,9 @@
 					button::after{
 						border: none;
 					}
+					button:active {
+					    background-color: inherit;
+					}
 				}
 			}
 		}
@@ -320,7 +329,7 @@
 			height: 96rpx;
 			line-height: 96rpx;
 			text-align: center;
-			background: #E0E0E0;
+			background-color: #E0E0E0;
 			border-radius: 48rpx;
 			font-weight: 400;
 			font-size: 32rpx;
@@ -331,6 +340,10 @@
 			right: 0;
 			margin: auto;
 		}
+		.save.active{
+			background-color: #E3AD7F;
+			color: #fff;
+		}
 	}