<template>
|
<view class="">
|
|
<u-form labelPosition="left" :model="info" :rules="rules" ref="form" labelWidth="100"
|
:labelStyle="{fontSize:'28rpx'}">
|
<view class="form-row">
|
<u-form-item label="地址" prop="districtName" borderBottom required>
|
<view class="content-name f-28">
|
{{info.districtName}}
|
</view>
|
</u-form-item>
|
<u-form-item label="姓名" prop="checkUserName" borderBottom required>
|
<u-input v-model="info.checkUserName" border="none" placeholder="请输入" placeholderClass="f-28 c-99"
|
inputAlign="right"></u-input>
|
</u-form-item>
|
<u-form-item label="手机" prop="checkTelephone" borderBottom required>
|
<u-input v-model="info.checkTelephone" border="none" placeholder="请输入" placeholderClass="f-28 c-99"
|
inputAlign="right"></u-input>
|
</u-form-item>
|
<u-form-item label="性别" prop="applyTime" borderBottom required @click="showSelectDate = true">
|
<u-input v-model="info.applyTime" disabled disabledColor="#ffffff" border="none" placeholder="请输入"
|
placeholderClass="f-28 c-99" inputAlign="right"></u-input>
|
<u-icon slot="right" name="arrow-right"></u-icon>
|
</u-form-item>
|
<u-form-item label="生日" prop="applyTime" borderBottom required @click="showSelectDate = true">
|
<u-input v-model="info.applyTime" disabled disabledColor="#ffffff" border="none" placeholder="请输入"
|
placeholderClass="f-28 c-99" inputAlign="right"></u-input>
|
<u-icon slot="right" name="arrow-right"></u-icon>
|
</u-form-item>
|
<u-form-item label="民族" prop="applyTime" borderBottom required @click="showSelectDate = true">
|
<u-input v-model="info.applyTime" disabled disabledColor="#ffffff" border="none" placeholder="请输入"
|
placeholderClass="f-28 c-99" inputAlign="right"></u-input>
|
<u-icon slot="right" name="arrow-right"></u-icon>
|
</u-form-item>
|
<u-form-item label="是否党员" prop="applyTime" borderBottom required @click="showSelectDate = true">
|
<u-input v-model="info.applyTime" disabled disabledColor="#ffffff" border="none" placeholder="请输入"
|
placeholderClass="f-28 c-99" inputAlign="right"></u-input>
|
<u-icon slot="right" name="arrow-right"></u-icon>
|
</u-form-item>
|
<u-form-item label="与业主关系" prop="applyTime" borderBottom required @click="showSelectDate = true">
|
<u-input v-model="info.applyTime" disabled disabledColor="#ffffff" border="none" placeholder="请输入"
|
placeholderClass="f-28 c-99" inputAlign="right"></u-input>
|
<u-icon slot="right" name="arrow-right"></u-icon>
|
</u-form-item>
|
</view>
|
</u-form>
|
<view class="footer flex j-c-s-b a-i-c" v-if="id">
|
<button class="del-btn footer-btn">删除</button>
|
<button class="save-btn footer-btn">保存</button>
|
</view>
|
<view class="footer flex j-c-s-b a-i-c" v-if="!id">
|
<button class="add-btn footer-btn">提交</button>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
info: {
|
checkUserName: "",
|
checkTelephone: "",
|
applyName: "",
|
applyTime: '',
|
location: "",
|
houseCode: "",
|
districtName: "",
|
checkUserId: "",
|
},
|
rules: {
|
'name': {
|
type: 'string',
|
required: true,
|
message: '请输入姓名',
|
trigger: ['blur', 'change']
|
},
|
|
'checkName': {
|
type: 'string',
|
required: true,
|
message: '请输入手机',
|
trigger: ['blur', 'change']
|
},
|
'checkPhone': {
|
type: 'number',
|
required: true,
|
message: '请输入名称',
|
trigger: ['blur', 'change']
|
},
|
'location': {
|
type: 'string',
|
required: true,
|
message: '请输入位置',
|
trigger: ['blur', 'change']
|
}
|
},
|
id: ""
|
}
|
},
|
|
onLoad(option) {
|
this.id = option.id;
|
},
|
|
methods: {
|
confirmDate(e) {
|
this.showSelectDate = false;
|
this.info.applyTime = uni.$u.timeFormat(e.value, 'yyyy-mm-dd hh:MM:ss')
|
},
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
page {
|
background-color: #F5F5F5;
|
}
|
|
.form-row {
|
margin: 20rpx 30rpx;
|
padding: 0 30rpx;
|
background-color: #fff;
|
|
.content-name {
|
flex: 1;
|
text-align: right;
|
}
|
}
|
|
.footer {
|
width: 100%;
|
padding: 30rpx;
|
box-sizing: border-box;
|
z-index: 10;
|
position:fixed;
|
bottom:0;
|
left:0;
|
backgroun-color:#fff;
|
.footer-btn {
|
height: 78rpx;
|
line-height: 78rpx;
|
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
font-size: 32rpx;
|
color: #fff;
|
}
|
|
.add-btn {
|
width: 100%;
|
background: linear-gradient(163deg, #01BDFC 0%, #017BFC 100%);
|
}
|
|
.del-btn {
|
width: 236rpx;
|
background: linear-gradient(163deg, #FE6C5C 0%, #EA1F1F 99%);
|
|
}
|
|
.save-btn {
|
width: 424rpx;
|
background: linear-gradient(163deg, #01BDFC 0%, #017BFC 100%);
|
}
|
}
|
</style>
|
