<template>
	<view style="min-height: 100%;">
		<view class="title">账户注销</view>
		<view class="sub_title" style="margin-top: 20rpx;" >账号主体:{{getPhone}}</view>
		<view class="content">
			<text class="text">
			如您注销{{vuex_appName}}服务，则当前服务在APP、小程序等留存的信息均将被清空且无法被找回。
			
			具体信息包括但不限于以下信息：
			
			· 智用工用户注册账号
			
			· 智用工个人简历信息
			
			· 您在智用工的求职记录
			
			· 您在智用工收藏的职位
			
			</text>
		</view>
		<view class="footer">
			<c-button type="confirm" shape="circle" @click="removeAccount" :disabled="false" text="注销申请"></c-button>
		</view>
	</view>
</template>

<script>
	import {
		replaceTextToStar
	} from '@/common/commonUtil.js'
	import {
		mapState,
		mapActions
	} from 'vuex'
	
	export default {
		data() {
			return {
			}
		},
		

		computed: {
			...mapState({
				getPhone(state) {
					let phone = state.vuex_user.phone;
					return replaceTextToStar(phone);
				},
			}),
		},
		
		methods: {
			removeAccount() {
				this.$u.route('/pages/student/my/again-remove/again-remove');
			}
		}
	}
</script>

<style lang="scss" scoped>
	.title{
		font-size: 44rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #000000;
		margin-top: 48rpx;
		text-align: center;
	}
	
	.sub_title{
		font-size: 17px;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: rgba(0, 0, 0, 0.65);
		line-height: 24px;
		text-align: center;
	}
	
	.content{
		width: 88%;
		background: rgba(0, 0, 0, 0.03);
		padding: 48rpx;
		margin:48rpx auto;
		
		.text{
			font-size: 30rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(0, 0, 0, 0.65);
			line-height: 42rpx;
		}
	}
	
	.footer {
		width: 100%;
		height: 130rpx;
		padding: 20rpx 40rpx;
		background: #FFFFFF;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 99;
		border-top: 2rpx solid #F0F0F1;
	}
	
</style>