100 lines
2.6 KiB
Vue
100 lines
2.6 KiB
Vue
|
<template>
|
|||
|
|
<view class="mine-pages-setting">
|
|||
|
|
<view class="flex-center flex-column fill-base mt-lg ml-lg mr-lg radius-24">
|
|||
|
|
<image mode="aspectFill" class="logout-img" src="https://lbqny.migugu.com/admin/anmo/mine/logout.png"></image>
|
|||
|
|
<view class="f-title c-title text-bold mb-lg">账户注销，将放弃以下权益和财产</view>
|
|||
|
|
<view class="f-desc c-caption pb-lg" style="padding-right: 50rpx;" v-html="text"></view>
|
|||
|
|
</view>
|
|||
|
|
<view class="pd-lg f-desc c-title">为保护您的权益，请确保您所有订单均已完成且无纠纷，否则将暂时无法进行注销操作</view>
|
|||
|
|
|
|||
|
|
<fix-bottom-button @confirm="toLoginOut" :text="[{ text: '已清楚风险, 确认注销', type: 'confirm' }]" bgColor="#fff">
|
|||
|
|
</fix-bottom-button>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import {
|
|||
|
|
mapState,
|
|||
|
|
mapActions,
|
|||
|
|
mapMutations
|
|||
|
|
} from "vuex"
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
isLoad: false,
|
|||
|
|
options: {},
|
|||
|
|
text: `1、账号将无法登录<br>2、历史订单将无法查询<br>3、放弃钱余额、卡券等资产<br>`,
|
|||
|
|
user_info: {}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
computed: mapState({
|
|||
|
|
primaryColor: state => state.config.configInfo.primaryColor,
|
|||
|
|
subColor: state => state.config.configInfo.subColor,
|
|||
|
|
userInfo: state => state.user.userInfo,
|
|||
|
|
}),
|
|||
|
|
async onLoad() {
|
|||
|
|
// #ifdef H5
|
|||
|
|
if (this.$jweixin.isWechat()) {
|
|||
|
|
await this.$jweixin.initJssdk();
|
|||
|
|
this.$jweixin.wxReady(() => {
|
|||
|
|
this.$jweixin.hideOptionMenu()
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
// #endif
|
|||
|
|
this.$util.setNavigationBarColor({
|
|||
|
|
bg: this.primaryColor
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
...mapActions(['getUserInfo']),
|
|||
|
|
...mapMutations(['updateUserItem', 'updateServiceItem', 'updateTechnicianItem', 'updateOrderItem']),
|
|||
|
|
async toLoginOut() {
|
|||
|
|
await this.$api.user.delUserInfo()
|
|||
|
|
this.$util.showToast({
|
|||
|
|
title: `注销成功`
|
|||
|
|
})
|
|||
|
|
let methodArr = ['updateServiceItem', 'updateTechnicianItem', 'updateOrderItem']
|
|||
|
|
methodArr.map(item => {
|
|||
|
|
this[item]({
|
|||
|
|
key: 'pageActive',
|
|||
|
|
val: false
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
let arr = ['autograph', 'userInfo', 'location', 'appLogin', 'loginType',
|
|||
|
|
'isGzhLogin', 'isShowLogin', 'mineInfo', 'coachInfo', 'userPageType',
|
|||
|
|
]
|
|||
|
|
arr.map(key => {
|
|||
|
|
this.updateUserItem({
|
|||
|
|
key,
|
|||
|
|
val: key === 'isShowLogin' ? true : key === 'userPageType' ? 1 : ''
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
setTimeout(() => {
|
|||
|
|
this.$util.goUrl({
|
|||
|
|
url: `/pages/service`,
|
|||
|
|
openType: `reLaunch`
|
|||
|
|
})
|
|||
|
|
}, 1000)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<style lang="scss">
|
|||
|
|
.mine-pages-setting {
|
|||
|
|
.logout-img {
|
|||
|
|
width: 165rpx;
|
|||
|
|
height: 160rpx;
|
|||
|
|
margin-top: 70rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.iconfont {
|
|||
|
|
color: #999
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|