118 lines
3.5 KiB
Vue
118 lines
3.5 KiB
Vue
<template>
|
||
<page-container title="注销账号" :showBack="true">
|
||
|
||
<view class="" style="margin: 50rpx 40rpx 0;">
|
||
<text>尊敬的用户，您正式开始有关帐号的注销流程前，我们先为您做出如下特别说明：注销本帐号后，除法律法规另有规定外，您在该帐号下的个人信息将进行删除或匿名化处理，且此前已关联该帐号的相关产品与服务将不再关联。该帐号一旦注销完成，将无法恢复，请您谨慎操作。若您经过慎重考虑后仍执意决定注销本帐号的，请您务必先行仔细阅读和充分理解本《帐号注销协议》
|
||
（“本协议”），并同意本协议全部内容。您按照我们的注销操作流程开始注销流程的，或者您勾选本注销协议并开始下一步操作的，均视为您已经同意和遵守本协议全部内容。为确保注销的顺利完成，请您在锁定期内不要登录和使用该帐号，否则视为您撤销注销该帐号。注销流程大概需要7-15个工作日！如您在注销后需要再次使用我们的服务的，欢迎您重新注册登录。</text>
|
||
</view>
|
||
|
||
<view class="center" style="width: 100%; margin-top: 100rpx;">
|
||
<view class="center" @click="cancelpop()"
|
||
style="width: 416rpx; height: 80rpx; background-color: #333333; border-radius: 16rpx;">
|
||
<text style="font-size: 28rpx; color: #CDEF27;">确定注销</text>
|
||
</view>
|
||
|
||
</view>
|
||
|
||
<uni-popup ref="cancel_pop" type="center" maskBackgroundColor="rgba(0,0,0,0.6)">
|
||
|
||
<view class="" style="width: 480rpx; height: 500rpx; ">
|
||
|
||
<view class="column align-center"
|
||
style="width: 100%; height: 200rpx; background-color: white; border-radius: 16rpx;">
|
||
<text style="font-size: 28rpx; font-weight: 600; margin-top: 10rpx;">注销账户</text>
|
||
<text style="font-size: 24rpx; margin: 30rpx 20rpx 0; text-align: center;">你确定要注销当前账户吗?
|
||
7-15个工作日内注销账户</text>
|
||
</view>
|
||
|
||
<view class="row justify-between" style="margin-top: 40rpx;">
|
||
<view class="center" @click="closePop()"
|
||
style="width: 220rpx; height: 72rpx; background-color: #F5F5F5; border-radius: 16rpx;">
|
||
<text style="color: #333333; font-size: 24rpx; font-weight: 600;">取消</text>
|
||
</view>
|
||
<view class="center" @click="cancelAccount()"
|
||
style="width: 220rpx; height: 72rpx; background-color: #D8FD24; border-radius: 16rpx;">
|
||
<text style="color: #333333; font-size: 24rpx; font-weight: 600">确认</text>
|
||
</view>
|
||
</view>
|
||
|
||
</view>
|
||
|
||
</uni-popup>
|
||
|
||
</page-container>
|
||
</template>
|
||
|
||
<script>
|
||
import { logOff } from '@/common/server/auth.js';
|
||
|
||
export default {
|
||
components: {},
|
||
data() {
|
||
return {
|
||
|
||
}
|
||
},
|
||
onLoad(e) {
|
||
|
||
},
|
||
methods: {
|
||
|
||
cancelpop() {
|
||
this.$refs.cancel_pop.open();
|
||
},
|
||
|
||
closePop() {
|
||
this.$refs.cancel_pop.close();
|
||
},
|
||
|
||
//注销账号
|
||
async cancelAccount() {
|
||
const res = await logOff();
|
||
if (res.status == 1) {
|
||
this.$c.toast({
|
||
title: res.msg,
|
||
duration: 500,
|
||
success: () => {
|
||
this.getdata()
|
||
}
|
||
})
|
||
}
|
||
this.closePop();
|
||
uni.switchTab({
|
||
url: '/pages/shouye/index'
|
||
});
|
||
}
|
||
|
||
}
|
||
}
|
||
</script>
|
||
|
||
|
||
<style>
|
||
>>>span {
|
||
text-wrap: wrap !important;
|
||
}
|
||
|
||
.text_2,
|
||
.text_3 {
|
||
font-size: 28rpx;
|
||
margin-top: 60rpx;
|
||
}
|
||
|
||
.text_1 {
|
||
margin-top: 30rpx;
|
||
font-size: 32rpx;
|
||
color: #fff;
|
||
|
||
}
|
||
|
||
.guize {
|
||
width: 100vw;
|
||
min-height: 100vh;
|
||
position: relative;
|
||
padding: 24rpx;
|
||
background-color: #FFFFFF;
|
||
box-sizing: border-box;
|
||
}
|
||
</style> |