<template>
	<view class="remove_account">
		<view class="title">注销账户</view>
		<view class="sub_title" style="margin-top: 20rpx;">账号主体:{{getPhone}}</view>
		<view class="content">
			<text class="text">
				如您注销优学乐业服务，则当前服务在APP
				小程序、等留存的信息均将被清空且无法被
				找回。具体包括一下信息：

				· 优学乐业学生注册账号及状态信息

				· 优学乐业保存的学生个人信息

				· 优学乐业保存的学生学籍信息

				· 学生所有实习及相关活动记录

				· 学生实习成绩信息

				· 订阅消息、短信等通知不再进行推送
			</text>
		</view>
		<view class="footer">
			<view class="left_btn">
				<c-button type="confirm" shape="circle" @click="removeAccount" :disabled="false" text="注销申请"></c-button>
			</view>
		</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/main/my/againRemove/againRemove');
			}
		}
	}
</script>

<style lang="scss" scoped>
	.remove_account {
		background-color: #FFFFFF;
	}

	.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: 594rpx;
		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: 96rpx;
		padding: 28rpx 30rpx;
		background: #FFFFFF;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 99;
		border-top: 2rpx solid #E2E2E8;
	
		view {
			display: inline-block;
		}
	
		.left_btn {
			width: 690rpx;
			margin: 0 30rpx 0 0;
		}
	}
</style>