<template>
	<view class="freezing" :style="vuex_theme">
		<view class="box">
			<view class="icon">
				<icon type="waiting" size="53"></icon>
			</view>
			<view class="text">
				<view class="title">冻结中</view>
				<view class="describe">您已经提交账号注销申请，此账号已被冻结， 工作人员会在15个工作日内处理您的请求</view>
			</view>
		</view>

		<view class="btn fixed_bottom_btn">
			<view class="left_btn">
				<c-button type="cancel" text="撤销注销" @click="giveUp">
				</c-button>
			</view>
			<view class="right_btn">
				<c-button type="confirm" text="联系客服" @click="contactCustomer">
				</c-button>
			</view>
		</view>

	</view>
</template>

<script>
	import {
		mapState,
		mapActions
	} from 'vuex'

	import {
		cancelDelAccountApi,
	} from '@/config/api.js';

	export default {
		data() {
			return {

			}
		},

		onLoad(option) {

		},

		computed: {
			...mapState({
				// vuex_phone: (state) => state.vuex_phone,
			}),
		},

		methods: {
			giveUp() {
				cancelDelAccountApi({
					phone: this.vuex_phone,
				}).then(async data => {
					console.log(data)
					uni.showToast({
						title: '撤销成功'
					});
					
					this.$u.route('/pages/main/my/login/login');
				})
			},

			contactCustomer() {
				uni.makePhoneCall({
					phoneNumber: "150-7142-1900"
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.freezing {
		width: 100%;
		height: 100%;
		position: relative;

		.box {
			.icon {
				padding: 308rpx 0 0 0;
				text-align: center;
			}

			.text {
				text-align: center;

				.title {
					font-size: 34rpx;
					color: #000000;
					line-height: 48rpx;
					margin: 44rpx 0 32rpx 0;
				}

				.describe {
					width: 560rpx;
					margin: 0 auto;
					font-size: 28rpx;
					color: rgba(0, 0, 0, 0.5);
					line-height: 40rpx;
				}
			}
		}

		.fixed_bottom_btn {
			width: 100%;
			height: 144rpx;
			padding: 24rpx 32rpx;
			background: #FFFFFF;
			position: fixed;
			bottom: 0;
			left: 0;
			z-index: 99;
			border-top: 1rpx solid #F0F0F1;

			view {
				display: inline-block;
			}

			.left_btn {
				width: 212rpx;
				margin: 0 40rpx 0 0;
			}

			.right_btn {
				width: 434rpx;
			}
		}
	}
</style>