109 lines
2.2 KiB
Vue
109 lines
2.2 KiB
Vue
<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>
|