|
|
@@ -10,9 +10,10 @@
|
|
|
<textarea v-model="loginInfo" maxlength="-1" style="height: 120upx;"></textarea>
|
|
|
</view>
|
|
|
<view class="logi-btn">
|
|
|
- <button class="u-button full" @click="getUserInfo" v-if="checkTrueState">快捷一键登录</button>
|
|
|
- <!-- <button class="u-button full" open-type="getPhoneNumber" @getphonenumber="toLogin" v-if="checkTrueState">手机号一键登录</button> -->
|
|
|
+ <!-- <button class="u-button full" @click="getUserInfo" v-if="checkTrueState">快捷一键登录</button> -->
|
|
|
+ <button class="u-button full" open-type="getPhoneNumber" @getphonenumber="toLogin" v-if="checkTrueState">手机号一键登录</button>
|
|
|
<button class="u-button full" @click="toLoginCheck" v-else>快捷登录</button>
|
|
|
+ <!-- <button class="u-button" @click="popState(1)">展示</button> -->
|
|
|
<button class="u-button" @click="reback">返回</button>
|
|
|
</view>
|
|
|
<view class="login-footer">
|
|
|
@@ -20,7 +21,16 @@
|
|
|
<view @click="checkTrue">我已阅读并同意</view>
|
|
|
<text @click="toWeb('privacy')">用户协议、</text><text @click="toWeb('privacy')">隐私协议</text>
|
|
|
</view>
|
|
|
-
|
|
|
+
|
|
|
+ <uni-popup ref="userpopup" type="bottom" border-radius="10px 10px 0 0" background-color="#ffffff" :mask-click="false">
|
|
|
+ <view class="user-pop">
|
|
|
+ <view class="title">登录提醒</view>
|
|
|
+ <view class="pop-body">为了更好的区分完善信息,还需授权获取到您的头像、昵称信息</view>
|
|
|
+ <view class="pop-btn">
|
|
|
+ <button class="u-button full" open-type="getUserInfo" @click="getUserInfo">授权头像、昵称信息</button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </uni-popup>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -38,22 +48,31 @@ export default {
|
|
|
reType:"switchTab",
|
|
|
storeId:"",
|
|
|
loginCode:"",
|
|
|
- loginInfo:""
|
|
|
+ loginInfo:"",
|
|
|
+ mobileData:null
|
|
|
}
|
|
|
},
|
|
|
onLoad({store,type,url}) {
|
|
|
app = this;
|
|
|
app.reType = type?type:"switchTab";
|
|
|
app.reUri = url?url:null;
|
|
|
- uni.login({
|
|
|
+ // app.storeId = app.$dialog.shopId();
|
|
|
+ uni.login({
|
|
|
force:true,
|
|
|
- success(res){
|
|
|
- app.loginCode = res.code;
|
|
|
+ success(resp){
|
|
|
+ app.loginCode = resp.code;
|
|
|
}
|
|
|
})
|
|
|
- // app.storeId = app.$dialog.shopId();
|
|
|
},
|
|
|
methods: {
|
|
|
+ popState(type){
|
|
|
+ if (type == 1) {
|
|
|
+ app.$refs.userpopup.open()
|
|
|
+ } else {
|
|
|
+ app.$refs.userpopup.close()
|
|
|
+ }
|
|
|
+ return ;
|
|
|
+ },
|
|
|
reback(){
|
|
|
uni.navigateBack();
|
|
|
},
|
|
|
@@ -78,11 +97,12 @@ export default {
|
|
|
var detail = {};
|
|
|
detail.avatar = resp.userInfo.avatarUrl
|
|
|
detail.nickname = resp.userInfo.nickName
|
|
|
- detail.login = app.loginCode
|
|
|
- Api.nickname(detail).then((res)=>{
|
|
|
+ detail.mobile = JSON.stringify(app.mobileData)
|
|
|
+ Api.nicknameAuth(detail).then((res)=>{
|
|
|
if (res.code == 0) {
|
|
|
return app.$dialog.showSuccess(res.msg);
|
|
|
- }
|
|
|
+ }
|
|
|
+ app.popState(2)
|
|
|
uni.setStorageSync("user_token", res.data.access_token)
|
|
|
uni.navigateBack();
|
|
|
})
|
|
|
@@ -95,29 +115,27 @@ export default {
|
|
|
},
|
|
|
toLogin(e){
|
|
|
var detail = e.detail;
|
|
|
- detail.login = app.loginCode;
|
|
|
- uni.getUserProfile({
|
|
|
- force: true,
|
|
|
- success(resp) {
|
|
|
- console.log("success",resp)
|
|
|
- },
|
|
|
- fail(e) {
|
|
|
- console.log(e)
|
|
|
- }
|
|
|
+ detail.login = app.loginCode;
|
|
|
+ Api.mobileAuth(detail).then((res)=>{
|
|
|
+ if (!res.data.mobile) {
|
|
|
+ return app.$dialog.showSuccess(res.msg);
|
|
|
+ }
|
|
|
+ app.mobileData = res.data;
|
|
|
+ app.popState(1)
|
|
|
})
|
|
|
- // Api.login(detail).then((res)=>{
|
|
|
- // if (res.code == 0) {
|
|
|
- // return app.$dialog.showSuccess(res.msg);
|
|
|
- // }
|
|
|
- // uni.setStorageSync("user_token", res.data.access_token)
|
|
|
- // uni.navigateBack();
|
|
|
- // })
|
|
|
},
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style>
|
|
|
+.user-pop .title{padding: 20upx;border-bottom: 2upx solid #f8f8f8;font-size: 28upx;font-weight: bold;color: #000;}
|
|
|
+.user-pop .pop-body{padding: 20upx;font-size: 24upx;color: #555;line-height: 60upx;text-align: center;}
|
|
|
+.user-pop .pop-btn{display: flex;align-items: center;margin-top: 20upx;justify-content: end;}
|
|
|
+.user-pop .u-button{font-size: 28upx;height: 80upx;border-radius: 40upx;line-height: 80upx;margin-bottom: 40upx;color: #333;border: 2upx solid #007aff;background-color: #fff;padding: 0 40upx;}
|
|
|
+.user-pop .u-button::after{border: 0;}
|
|
|
+.user-pop .u-button.full{background-color: #007aff;color: #fff;}
|
|
|
+
|
|
|
.test{width: 80%;overflow: auto;height: 100upx;}
|
|
|
.content{position: relative;height: 100vh;display: flex;flex-direction: column;}
|
|
|
.login-logo{width: 80%;margin: 60upx auto;text-align: center;height: 40%;display: flex;align-items: center;justify-content: center;}
|
|
|
@@ -125,6 +143,7 @@ export default {
|
|
|
.login-logo image{width: 180upx;height: 180upx;}
|
|
|
.logi-btn{width: 50%;margin: 20upx auto;height: 40%;}
|
|
|
.logi-btn .u-button{font-size: 28upx;height: 80upx;border-radius: 40upx;line-height: 80upx;margin-bottom: 40upx;color: #333;border: 2upx solid #007aff;background-color: #fff;}
|
|
|
+.logi-btn .u-button::after{border: 0;}
|
|
|
.logi-btn .u-button.full{background-color: #007aff;color: #fff;}
|
|
|
.login-footer{text-align: center;font-size: 28upx;color: #666;height: 20%;display: flex;align-items: center;justify-content: center;}
|
|
|
.login-footer text{color: #007aff;}
|