<template>
	<view class="container">
		<div class="line"></div>
		<view class="main">
			<view class="table">
				<view class="label">房产</view>
				<view class="flexBox" @click="choseCommunity">
					<input type="text" disabled placeholder="请选择房产">
					<u-icon name="arrow-right"></u-icon>
				</view>
			</view>
			<view class="table">
				<view class="label">姓名</view>
				<input type="text" placeholder="请输入姓名">
			</view>
			<view class="table">
				<view class="label">手机</view>
				<input type="text" placeholder="请输入手机号">
			</view>
			<view class="table">
				<view class="label">身份</view>

				<view class="flexBox" @click="chooseIdentity">
					<input type="number" disabled placeholder="请选择身份">
					<u-icon name="arrow-right"></u-icon>
				</view>

			</view>
			<!-- <view class="tip">
				注意：业主为在物业登记在册的人员，需经过物业审 核确认后，即可成为该房产的业主。如需帮助可与物 业或平台联系。
			</view> -->
		</view>
		<view class="btn" @click="headerSubmitClick">确定</view>

		<u-popup :show="show" @close="close" mode="bottom" customStyle="width: 500rpx;" round="20rpx">
			<u-picker :show="show" :columns="columns" keyName="label" @cancel="close" @confirm="confirm"></u-picker>
		</u-popup>
	</view>
</template>

<script>
import { request, NavgateTo, isPhone } from '../../../utils';
import { apiArr } from '../../../api/community';
export default {
	data() {
		return {
			managementMobile: '',
			show: false,
			columns: [[
				{
					label: "业主",
					value: "1"
				},
				{
					label: "家属",
					value: "2"
				},
				{
					label: "租客",
					value: "3"
				},
				{
					label: "访客",
					value: "4"
				},]
			]
		}
	},
	methods: {
		close(){
			this.show = false
		},
		chooseIdentity(){
			this.show = true
		},
		confirm() {
			this.show = false
		},
		headerCloseClick() {
			this.show = false;
		},

		headerInputClick(e) {
			const { name } = e.currentTarget.dataset;
			const { value } = e.detail;
			this[name] = value;
		},


		choseCommunity(){
			NavgateTo("/packages/community/choseCommunity/index")
		},

	},

	onLoad(options) {

	},

	onReachBottom() {

	},
}
</script>

<style>
@import url("./index.css");
</style>
