13 changed files with 221 additions and 60 deletions
@ -1,58 +1,139 @@ |
|||||
<template> |
<template> |
||||
<view> |
<view class="flex flex-col items-center"> |
||||
<u-button |
<img class="my-28 w-24 h-24" src="https://www.tall.wiki/staticrec/yanyuan/logo.png" /> |
||||
:custom-style="customStyle" |
<view class="flex flex-col w-full px-4"> |
||||
shape="square" |
<u-button shape="square" type="primary" class="w-full mb-3" @click="openAuth" v-if="!showBindPnone"> 微信授权登录 </u-button> |
||||
size="default" |
<u-button shape="square" type="primary" class="w-full mb-3" open-type="getPhoneNumber" @getphonenumber="getphonenumber" v-else> |
||||
type="primary" |
绑定手机号 |
||||
open-type="getPhoneNumber" |
</u-button> |
||||
@getphonenumber="getphonenumber" |
<u-button class="w-full" shape="square" @click="back"> 取消 </u-button> |
||||
> |
</view> |
||||
授权手机号 |
|
||||
</u-button> |
<!-- 合并账号 --> |
||||
|
<u-top-tips ref="uTips"></u-top-tips> |
||||
|
<u-modal |
||||
|
v-model="bindingPhone" |
||||
|
content="该手机号已经注册过账号，是否将账号合并?" |
||||
|
class="p-4 ml-7 mr-7" |
||||
|
:show-cancel-button="true" |
||||
|
@confirm="yesMerge()" |
||||
|
@cancel="noMerge()" |
||||
|
></u-modal> |
||||
|
|
||||
|
<u-modal v-model="mergePop" class="p-4 ml-7 mr-7" :show-cancel-button="true" @confirm="isMerge(0)" @cancel="isMerge(1)"> |
||||
|
<view class="slot-content"> |
||||
|
<view class="p-4"> |
||||
|
<p>1、您可以选择合并账号完成手机号的绑定，系统会为您自动合并两个账号的数据信息</p> |
||||
|
<br /> |
||||
|
<p>2、如果选择不合并，已注册手机号的已有数据可能会被清空</p> |
||||
|
<br /> |
||||
|
<p class="text-red-500">注意：合并账号可能会带来不确定的数据丢失</p> |
||||
|
</view> |
||||
|
</view> |
||||
|
</u-modal> |
||||
</view> |
</view> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
|
import UserAuthMixin from '@/mixins/userAuth'; |
||||
|
import { mapMutations } from 'vuex'; |
||||
|
|
||||
export default { |
export default { |
||||
|
mixins: [UserAuthMixin], |
||||
data() { |
data() { |
||||
return { |
return { |
||||
customStyle: { |
|
||||
margin: '188rpx 88rpx', |
|
||||
width: '574rpx', |
|
||||
}, |
|
||||
show: false, |
show: false, |
||||
|
// 合并手机号弹窗 |
||||
|
bindingPhone: false, |
||||
|
// 确认合并手机号弹窗 |
||||
|
mergePop: false, |
||||
|
showBindPnone: false, |
||||
}; |
}; |
||||
}, |
}, |
||||
|
|
||||
|
mounted() { |
||||
|
if (this.user && this.user.wxInfo && this.user.wxInfo.nickname) { |
||||
|
this.showBindPnone = true; |
||||
|
} |
||||
|
}, |
||||
|
|
||||
methods: { |
methods: { |
||||
|
...mapMutations('user', ['setToken', 'setUser']), |
||||
// 点击体验按钮,获取用户手机号权限并绑定 |
// 点击体验按钮,获取用户手机号权限并绑定 |
||||
// 如果拒绝授权,则跳转到手机号验证码绑定界面 |
// 如果拒绝授权,则跳转到手机号验证码绑定界面 |
||||
// 如果授权,查看返回的绑定信息,如果有id,则直接绑定成功,跳转到项目列表页 |
// 如果授权,查看返回的绑定信息,如果有id,则直接绑定成功,跳转到项目列表页 |
||||
// 如果没有id,则提示当前手机号已存在,是否合并信息 |
// 如果没有id,则提示当前手机号已存在,是否合并信息 |
||||
async getphonenumber(e) { |
async getphonenumber(e) { |
||||
|
if (this.user && this.user.phone) return; |
||||
|
console.log('e: ', e, e.detail.errMsg); |
||||
// if (e.detail.errMsg === 'getPhoneNumber:fail user deny') { |
// if (e.detail.errMsg === 'getPhoneNumber:fail user deny') { |
||||
// this.$u.route('/pagesUser/phone-bind/phone-bind'); |
// this.$u.route('/pagesUser/phone-bind/phone-bind'); |
||||
// } else { |
// } else { |
||||
|
|
||||
// 如果用户授权信息 |
// 如果用户授权信息 |
||||
if (e.detail.errMsg === 'getPhoneNumber:ok') { |
if (e.detail.errMsg === 'getPhoneNumber:ok') { |
||||
const params = { |
try { |
||||
encryptedData: e.detail.encryptedData, |
const params = { |
||||
iv: e.detail.iv, |
encryptedData: e.detail.encryptedData, |
||||
miniType: 'basicCar', |
iv: e.detail.iv, |
||||
}; |
miniType: 'basicCar', |
||||
const data = await this.$u.api.bindPhone(params); |
}; |
||||
if (data && data.id) { |
const data = await this.$u.api.bindPhone(params); |
||||
// const newUser = { ...this.user, phone: data.phone }; |
if (data && data.id) { |
||||
// this.setUser(newUser); |
this.setUser(data); |
||||
// setTimeout(() => uni.navigateBack({ delta: 2 }), 50); |
this.setToken(data.token); |
||||
this.$u.route('pages/questionnaire-webview/questionnaire-webview', { u: this.userId }); |
// const newUser = { ...this.user, phone: data.phone }; |
||||
} else { |
// this.setUser(newUser); |
||||
this.phone = data.phone; |
// setTimeout(() => uni.navigateBack({ delta: 2 }), 50); |
||||
this.show = true; |
// this.$u.route('pages/questionnaire-webview/questionnaire-webview', { u: this.userId }); |
||||
|
} else { |
||||
|
this.phone = data.phone; |
||||
|
} |
||||
|
} catch (error) { |
||||
|
console.log('error: ', error); |
||||
|
if (error.code === 75) { |
||||
|
this.bindingPhone = true; |
||||
|
} |
||||
} |
} |
||||
|
} else { |
||||
|
this.$u.route('/pagesUser/phone-bind/phone-bind'); |
||||
} |
} |
||||
}, |
}, |
||||
|
|
||||
|
// 取消合并账号弹窗 |
||||
|
noMerge() { |
||||
|
this.bindingPhone = false; |
||||
|
}, |
||||
|
// 确定合并账号弹窗 |
||||
|
yesMerge() { |
||||
|
this.mergePop = true; |
||||
|
}, |
||||
|
// 确定合并账号 |
||||
|
async isMerge(merge) { |
||||
|
try { |
||||
|
const data = await this.$u.api.phoneMerge(this.model.phone, merge); |
||||
|
this.setUser(data); |
||||
|
this.setToken(data.token); |
||||
|
this.$refs.uTips.show({ |
||||
|
title: '手机号合并成功, 即将跳转上一页', |
||||
|
type: 'success', |
||||
|
duration: '3000', |
||||
|
}); |
||||
|
setTimeout(() => uni.redirectTo({ url: '/pages/index/index' }), 2000); |
||||
|
} catch (error) { |
||||
|
this.$refs.uTips.show({ |
||||
|
title: error.msg || '手机号合并失败', |
||||
|
type: 'error', |
||||
|
duration: '3000', |
||||
|
}); |
||||
|
} |
||||
|
this.mergePop = false; |
||||
|
}, |
||||
|
|
||||
|
// 取消 返回首页 |
||||
|
back() { |
||||
|
uni.redirectTo({ url: '/pages/index/index' }); |
||||
|
}, |
||||
}, |
}, |
||||
}; |
}; |
||||
</script> |
</script> |
||||
|
|||||
Loading…
Reference in new issue