<template>
	<view style="background-color: $color-white !important;">
		<u-navbar :back-text="i18n('Back')" :back-text-style="backStyle" back-icon-color="#fff" title-color="#fff"
		 :background="background" title-width="300" :title="i18n('PersonalInformation')"></u-navbar>
		<!-- 基本信息 -->
		<list-cell iconColor="#333" :title="i18n('BasicInformation')" @eventClick="toBasicInformation"></list-cell>
		<!-- 单位信息 -->
		<!-- <list-cell iconColor="#333" :title="i18n('UnitInformation')" @eventClick="toUnitInformation"></list-cell> -->
		<!-- 认证信息 -->
		<!-- <list-cell iconColor="#333" :title="i18n('Authentication Information')" @eventClick="toAuthenticationInformation"></list-cell> -->
	</view>
</template>

<script>
	import listCell from '@/components/JumpBox';
	export default {
		components: {
			listCell
		},
		data() {
			return {
				background: {
					backgroundImage: 'linear-gradient(270deg, #4BC0E2 0%, #538BE7 100%)',
				},
				backStyle: {
					color: '#FFFFFF',
				},
			};
		},
		onShow() {
		},
		methods: {
			toBasicInformation() {
				this.navTo('/pages/profile/profileSetUp/basicInformation');
			},
			toUnitInformation() {
				this.navTo('/pages/profile/profileSetUp/unitInformation');
			},
			toAuthenticationInformation() {
				this.navTo('/pages/profile/profileSetUp/authenticationInformation');
			},
			navTo(route) {
				this.$mRouter.push({
					route
				});
			},
			i18n(data) {
				return this.$t('common.' + data);
			},
		}
	}
</script>

<style lang="scss" scoped>
	page,
	body.pages-profile-profileSetUp-setUp uni-page-body {
		background-color: #fff !important;
	}
</style>
