<template>
	<view>
		<view>请完善您的收件信息</view>
		<uni-forms ref="baseForm" :modelValue="baseFormData">
			<uni-forms-item label="收件人" required>
				<uni-easyinput v-model="baseFormData.name" placeholder="请输入姓名" />
			</uni-forms-item>
			<uni-forms-item label="联系电话" required>
				<uni-easyinput v-model="baseFormData.phone" placeholder="请输入联系电话" />
			</uni-forms-item>
			<uni-forms-item label="省/市/区/县" required>
				<uni-data-picker placeholder="请选择  省/市/区/县" popup-title="请选择所在地区" :localdata="dataTree"
					v-model="baseFormData.areaInfo" @change="onchange" @nodeclick="onnodeclick"
					@popupopened="onpopupopened" @popupclosed="onpopupclosed">
				</uni-data-picker>
			</uni-forms-item>
			<uni-forms-item label="详细地址" required>
				<uni-easyinput v-model="baseFormData.address" placeholder="请输入详细地址" />
			</uni-forms-item>

		</uni-forms>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue'
	const dataTree = ref([{
		text: "江苏",
		value: "00",
		children: [{
			text: "无锡",
			value: "001"
		}, {
			text: "苏州",
			value: "002"
		}]
	}]);
	const baseFormData = ref({});
</script>

<style>

</style>