<template>
	<template v-for="(col,index) in list" :key="index">
		<view class="title">{{col.title}}</view>
		<u-cell-group>
			<u-cell-item :title="item.title" v-for="(item,i) in col.columns" :key="i" @click="itemClick(item)"
				:titleStyle="titleStyle"></u-cell-item>
		</u-cell-group>
	</template>
</template>

<script setup lang="ts">
	import { msg, navTo } from '@/utils/utils';
	import { onLoad } from "@dcloudio/uni-app"
	import {
		reactive
	} from "vue";
	const titleStyle = { fontSize: '28rpx', color: '#333333' };
	const basePath = "/subpackage/personal-center/setting/";
	const list = [
		{
			columns: [
				{ title: 'ETC预留经办人手机号', path: 'personal-information/choice-verification-way?changeMobileType="ETC_MOBILE"', login: true },
				{ title: '对公账户手机号', path: 'personal-information/choice-verification-way?changeMobileType="ENTERPRISE_ACCOUNT_MOBILE"', login: true },
			]
		},
	]
	const state = reactive({
		userType:1  //1个人 2单位
	})
    onLoad((options) => {
		state.userType=options.userType
	})
	/* item点击 */
	const itemClick = (item) => {
		navTo(basePath + item.path+`userType=${state.userType}`, item.login);
	}
</script>

<style>
	page {
		background: #EEF7F7;
	}
</style>

<style lang="scss" scoped>
	.title {
		font-size: 26rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #666666;
		height: 20rpx;
		padding-left: 30rpx
	}
</style>