Merge pull request 'gdpaoup' (#216) from gyh into master

Reviewed-on: http://git.luyuan.tk/luyuan/deming/pulls/216

common/http.interceptor.js

@@ -47,6 +47,10 @@ const install = (Vue, vm) => {
             // 假设201为token失效，这里跳转登录
             // vm.$u.toast('您还没有登录哦，请先去登录！');
             if (res.data.data.action != "memberinfo") {
+                uni.showToast({
+                    title: "您还没有登录，请先去登录哦！",
+                    icon: "none"
+                })
                 setTimeout(() => {
                     // 此为uView的方法，详见路由相关文档
                     uni.navigateTo({

pageA/bindinges/bindinges.vue

@@ -3,32 +3,28 @@
 	<view>
 		<view class="login">
 			<view class="content">
-				<view class="title">手机登录</view>
+				<view class="title">请绑定手机号</view>
 				<view class="labales">
-					<text>手机号</text>
+					<input type="number" maxlength="11" v-model="phone" placeholder="手机号" />
-					<input type="tel" placeholder="" />
 				</view>
-				<view class="labales">
+				<view class="labales flex-inp">
-					<text>请输入验证码</text>
+					<input type="number" maxlength="6" placeholder="请输入验证码" v-model="sms_code" />
-					<input type="tel" placeholder="" />
+					<button class="identifying" :class="is_sendcode ? 'sended' : ''" @click="getCode" :disabled="is_sendcode">{{ is_sendcode ? time_count + "后可以重新发送" : "发送验证码" }}</button>
-					<text class="identifying">获取验证码</text>
 				</view>
 				<!-- 服务协议 -->
 				<view class="pact">
-					<view></view>
+                    <checkbox-group @change="change">
+                        <checkbox class="check-tit" color="#1ADE00" :checked="checked" />
+                    </checkbox-group>
 					<text>我已详细阅读并同意</text>
-					<text class="pact_text">《用户协议》</text>
+					<text class="pact_text" v-for="(item,index) in pactList" :key="index" @click="infoPact(index)">
-					<text class="pact_text">《隐私协议》</text>
+                        {{ item }}
-					<text class="pact_text">《使用协议》</text>
+                    </text>
-					<u-checkbox-group @change="checkboxGroupChange" size="27">
-						<u-checkbox @change="checkboxChange" v-model="item.checked" v-for="(item, index) in list" :key="index" :name="item.name"
-						 shape="circle" size="14" active-color="#19BE6B"></u-checkbox>
-					</u-checkbox-group>
 				</view>
 			</view>
 			<!-- denglu QQ weixin -->
-			<u-button>{{login}}</u-button>
+			<view class="btn-login" @click="bindPhone">{{login}}</view>
-			
+            <u-toast ref="uToast" />
 		</view>
 	</view>
 </template>
@@ -36,80 +32,150 @@
 	export default {
 		data() {
 			return {
-				list: [{
+                phone: "",
+                sms_code: "",
+				login: '绑定',
+				show: true,
                 checked: false,
-					disabled: false
+                // 时间
-				}],
+                timer: null,
-				value: '',
+				is_sendcode: false, // 60s
-				login: '注册',
+                time_count: 60,
-				show: true
+                pactList: [ "《用户协议》", "《隐私协议》", "《使用协议》" ],
 			};
 		},
 		methods: {
-			// 选中某个复选框时，由checkbox时触发
+            // 勾选协议
-			checkboxChange(e) {
+			change(e) {
-				//console.log(e);
+                this.checked = !this.checked;
+                console.log(this.checked);
             },
-			// 选中任一checkbox时，由checkbox-group触发
+            // 获取验证码
-			checkboxGroupChange(e) {
+            getCode() {
-				// console.log(e);
+                if (this.$u.test.isEmpty(this.phone)) {
+                    this.$refs.uToast.show({
+                        title: '手机号格式不能为空！',
+                        type: 'error',
+                    })
+                    return;
+                }
+                if(!(/^1[3456789]\d{9}$/.test(this.phone))){
+                    this.$refs.uToast.show({
+                        title: '手机号格式不正确！',
+                        type: 'warning',
+                    })
+                    return;
+                }
+                this.$u.api.sendSmsCode({
+                    member_mobile: this.phone,
+                    smslog_type: 4,
+                }).then(res => {
+                    if (res.errCode == 0) {
+                        console.log(res);
+                        this.$refs.uToast.show({
+                            title: res.message,
+                            type: 'success',
+                        })
+                        // 发送验证码
+                        this.getSendCode();
+                    } else {
+                        this.$refs.uToast.show({
+                            title: res.message,
+                            type: 'warning',
+                        })
+                    }
+                })
             },
-			mask_u(){
+            // 绑定手机号
-				this.show = !this.show
+            bindPhone() {
+                if (this.$u.test.isEmpty(this.phone)) {
+                    this.$refs.uToast.show({
+                        title: '手机号不能为空！',
+                        type: 'error',
+                    })
+                    return;
+                }
+                if(!(/^1[3456789]\d{9}$/.test(this.phone))){
+                    this.$refs.uToast.show({
+                        title: '手机号格式不正确！',
+                        type: 'warning',
+                    })
+                    return;
+                }
+                if(this.$u.test.isEmpty(this.sms_code)){
+                    this.$refs.uToast.show({
+                        title: '验证码不能为空！',
+                        type: 'warning',
+                    })
+                    return;
+                }
+                if(this.sms_code.length == 0){
+                    this.$refs.uToast.show({
+                        title: '验证码有误！',
+                        type: 'warning',
+                    })
+                    return;
+                }
+                if(!this.checked){
+                    this.$refs.uToast.show({
+                        title: '请同意协议！',
+                        type: 'warning',
+                    })
+                    return;
+                }
+                this.$u.api.mobileBind({
+                    member_mobile: this.phone,
+                    sms_code: this.sms_code,
+                }).then(res => {
+                    console.log(res);
+                    if (res.errCode == 0) {
+                        this.$refs.uToast.show({
+                            title: res.message,
+                            type: 'success',
+                        })
+                        uni.switchTab({
+                             url: '/pages/index/index'
+                        });
+                    } else {
+                        this.$refs.uToast.show({
+                            title: res.message,
+                            type: 'warning',
+                        })
+                    }
+                })
+            },
+            // 协议详情
+            infoPact(index) {
+                // console.log(index);
+                uni.navigateTo({
+				    url: '/pageA/pactList/pactList?index=' + index
+				});
+            },
+            // 60s
+            getSendCode() {
+                const TIME_COUNT = 60;
+                if (!this.timer) {
+                    this.time_count = TIME_COUNT;
+                    this.is_sendcode = true;
+                    this.timer = setInterval(() => {
+                        if (this.time_count > 0 && this.time_count <= TIME_COUNT) {
+                            this.time_count--;
+                        } else {
+                            this.is_sendcode = false;
+                            clearInterval(this.timer);
+                            this.timer = null;
+                        }
+                    }, 1000);
+                }
             },
 		}
 	};
 </script>
 
 <style lang="scss" scoped>
-	.uni-page-wrapper{
-		background: #fff;
-	}
-	.login {
-		// background: url(../../static/pageA/loginbackground.png) no-repeat!important;
-		.images {
-			position: fixed;
-			width: 100%;
-			height: 100%;
-			top: 0;
-			left: 0;
-			z-index: -1;
-		}
     
-		.backes {
+    page {
-			background: rgba(0, 0, 0, 0.4);
+        background-color: #fff;
-			position: fixed;
-			width: 100%;
-			height: 100%;
-			z-index: -1;
-
-		}
-
-		text {
-			z-index: 9;
-			color: #fff;
-		}
-
-		.more_Login {
-			overflow: hidden;
-			zoom: 1;
-			width: 630rpx;
-			margin: 0 auto;
-		}
-
-		.more_Login text {
-			display: inline-block;
-			width: 50%;
-			float: left;
-			font-size: 30rpx;
-			color: rgba(255, 255, 255, 1);
-			line-height: 36px;
-			margin: 97rpx 0;
-		}
-
-		.more_Login .other {
-			text-align: right;
-		}
     }
 
 	.title {
@@ -125,162 +191,86 @@
 		margin: 0 auto;
 		padding-top: 130rpx;
         
+        .labales {
+            position: relative;
+            display: flex;
+            align-items: center;
+            padding: 20rpx;
+        	border-bottom: 1px #BFBFBF solid;
+            input {
+                width: 100%;
+            }
+        }
+        
+        .flex-inp {
+            justify-content: space-between;
+            margin-top: 70rpx;
+        }
+
 		.labales text {
 			font-size: 30rpx;
 			color: #999;
 		}
         
-		.labales {
-			border-bottom: 1px #BFBFBF solid;
-			margin-bottom: 90rpx;
-		}
-
-		.labales {
-			position: relative;
-		}
-
 		.identifying {
-			position: absolute;
+            flex-shrink: 0;
-			right: 0;
+			font-size: 26rpx;
-			top: 0;
-			bottom: 0;
-			margin: auto;
-			font-size: 30rpx;
 			font-weight: 500;
-			color: #FF780F!important;
+			color: #FF780F !important;
-		}
+            border: none;
+		    background-color: #fff;
 		}
 
-	.pact text {
+        .sended {
+            color: #666 !important;
+        }
+
+	}
+    
+    .pact {
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+        margin: 20rpx 0;
+        &>text {
             font-size: 22rpx;
             font-weight: 400;
             color: #333;
-		line-height: 36px;
+        }
+    }
+    
+    .check-tit {
+        font-size: 20rpx;
+    }
+    
+    ::v-deep uni-checkbox .uni-checkbox-input {
+        width: 24rpx;
+        height: 24rpx;
+        border-color: #d1d1d1 !important;
+        border-radius: 50% !important;
+    }
+    
+    ::v-deep uni-checkbox .uni-checkbox-input-checked:before {
+        font-size: 28rpx;
     }
 
 	.pact_text {
 		font-size: 22px;
 		font-weight: 400;
 		color: rgba(129, 188, 253, 1) !important;
-		line-height: 36px;
 	}
 
-	//单选框的样式
+	.btn-login {
-	.pact {
+        width: 650rpx;
-		position: relative;
+        height: 90rpx;
-		padding-left: 38rpx;
+        margin: 300rpx auto 0;
-	}
-
-	.u-checkbox-group {
-		position: absolute;
-		left: 0;
-		top: 0;
-		bottom: 0;
-		margin: auto;
-	}
-
-	.u-checkbox__icon--square {
-		border-radius: 50rpx !important;
-		width: 22rpx;
-		height: 22rpx;
-	}
-
-	.u-btn {
-		width: 628rpx;
-		height: 98rpx;
-		background: rgba(255, 120, 15, 1) !important;
-		border-radius: 49rpx;
-		margin: 0 auto;
-		font-size: 36rpx;
-		color: rgba(255, 255, 255, 1) !important;
-		line-height: 36px;
-		border: 1px #ff780f solid;
-		outline: none;
-		border-color: rgba(255, 120, 15, 1) !important;
-		margin-top: 225rpx;
-	}
-
-	.warp {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		height: 100%;
-	}
-
-	.rect {
-		width: 558rpx;
-		height: 300rpx;
-		background-color: #fff;
-		border-radius: 20rpx;
-		overflow: hidden;
-		zoom: 1;
-		position: relative;
-		display: flex;
-		 flex-wrap:wrap;
-		 display: -webkit-flex; /* Safari */
-		.rect_view{
-			width: 100rpx;
-			height: 100rpx;
-			.image{
-			width: 45rpx;
-			height: 53rpx;
-			display: inline-block;
-			
-			}
-			flex:1;
-			margin-top: 77rpx;
-		}
-		.rect_view:nth-child(2) image{
-			width: 57rpx;
-			height: 45rpx;
-		}
-		
-		.rect_butoon{
-			width: 100%;
-			position: absolute;
-			bottom: 0;
-			height: 85rpx;
         text-align: center;
-			line-height: 85rpx;
+        line-height: 90rpx;
-			border-top: 1px #999999 solid;
+        color: #fff;
+        font-size: 34rpx;
+        border-radius: 50rpx !important;
+        background-color: #FF780F;
     }
-		view{
-			color: #666;
-			font-size:24rpx;
-			margin-top: 30rpx;
 
-		}
+    button::after{ border: none; }
-	}
-	.rect_view:nth-child(1) image,.rect_view:nth-child(1) view{
-		float: right;
-	}
-	.rect_view:nth-child(1) image{
-		margin-right: 20rpx;
-	}
-	.rect_view:nth-child(1){
-		position: relative;
-		margin-right: 79rpx;
-	}
-	.rect_view:nth-child(1) view{
-		position: absolute;
-		bottom: 0;
-		right: 0;
-	}
-	.rect_view:nth-child(2) image,.rect_view:nth-child(2) view{
-		float: left;
-	}
-	.rect_view:nth-child(2) image{
-		margin-left: 20rpx;
-	}
-	.rect_view:nth-child(2){
-		position: relative;
-	}
-	.rect_view:nth-child(2) view{
-		position: absolute;
-		bottom: 0;
-		left: 0;
-	}
-	u-button{
-		margin-top: 225rpx;
-	}
 </style>

pageA/login/login.vue

@@ -226,14 +226,20 @@
 												member_nickname: data.userInfo.nickName,
 												member_avatar: data.userInfo.avatarUrl,
 											}).then(res => {
-												console.log(res.errCode);
 												if (res.errCode == 0) {
 													this.loginIn(res.data.token);
                           uni.setStorageSync('user_info',res.data);
 													this.show = false;
+                                                    console.log(res.data.member.member_mobilebind);
+													if(res.data.member.member_mobilebind) {
 														uni.switchTab({
-														url: "../../pages/index/index"
+																url: "/pages/index/index"
-													})
+														});
+													} else {
+														uni.navigateTo({
+															 url: '/pageA/bindinges/bindinges'
+														});
+													}
 												}
 											})
 										}
@@ -247,11 +253,11 @@
 							uni.login({
 								provider: 'weixin',
 								success: (wxres) => {
-									console.log(wxres);
+									// console.log(wxres);
 									uni.getUserInfo({
 										provider: 'weixin',
 										success: (data) => {
-											console.log(data);
+											// console.log(data);
 											this.$u.api.wechatLogin({
 												member_wxopenid: data.userInfo.openId,
 												member_nickname: data.userInfo.nickName,
@@ -262,9 +268,16 @@
 													this.loginIn(res.data.token);
                           uni.setStorageSync('user_info',res.data);
 													this.show = false;
+                                                    console.log(res.data.member.member_mobilebind);
+													if(res.data.member.member_mobilebind) {
 														uni.switchTab({
-														url: "../../pages/index/index"
+																url: "/pages/index/index"
-													})
+														});
+													} else {
+														uni.navigateTo({
+															 url: '/pageA/bindinges/bindinges'
+														});
+													}
 												}
 											})
 										}

pageA/pactList/pactList.vue

@@ -69,7 +69,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-	.packlist{}
 	.packlist > view{
 		width: 90%;
 		margin: 0 auto;

pageB/photo/index.vue

@@ -543,8 +543,8 @@ export default {
 				reply_id: this.reply_id,
 			}).then(res => {
 				// console.log(res.data);
-				if (res.errCode == 0) {
                 this.send_value = "";
+				if (res.errCode == 0) {
                     this.comment_num = res.data.num;
                     // console.log(this.comment_num);
 					this.is_edit = false;

pageB/video/video.nvue

@@ -266,8 +266,8 @@
                     success: (res) => {
                         console.log(res);
                         this.is_edit = false;
-                        if (res.data.errCode == 0) {
                         this.send_value = "";
+                        if (res.data.errCode == 0) {
                             this.comment_num = res.data.num;
                             let p_id = res.data.data.data.pid;
                             console.log(this.pid, this.reply_id, this.comment_id);

pages/index/index.vue

@@ -265,14 +265,14 @@
 		onShow() {
             this.page = 1;
             if (this.page != 1) {
-                this.articleList = [];
             }
-            this.getArticlelist();
             // if (this.hasLogin) {
             //     this.isNewmembervoucher();
             // }
 		},
 		onLoad(){
+            this.articleList = [];
+            this.getArticlelist();
             this.getSwiper();
             // 优惠券
 			if(this.$store.state.hasLogin){
@@ -397,16 +397,18 @@
                     }
                 }
 			},
-            // 发现别表
+            // 发现列表
 			getArticlelist() {
+                if (this.page > 1) {
                     uni.showLoading({
                         title: "loading..."
                     })
+                }
 				this.$u.api.getArticlelist({
 					page: this.page,
 					is_video_img: 0, // 查询视频1 图文2 都查0
 				}).then(res => {
-                    // uni.stopPullDownRefresh();
+                    uni.stopPullDownRefresh();
                     this.status = "loading";
                     if (res.errCode == 0) {
                         uni.hideLoading();