<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>