You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
110 lines
3.4 KiB
110 lines
3.4 KiB
<template>
|
|
<navigation-general title="房屋信息采集">
|
|
<template v-slot:right>
|
|
<u-button style="margin-right: 20rpx;" type="error" size="mini" @click="show = true">删除</u-button>
|
|
</template>
|
|
<u-form :model="form" ref="uForm" label-width="130rpx">
|
|
<!-- <u-form-item label="填写方式" prop="name">
|
|
<u-radio-group v-model="radio">
|
|
<u-radio v-for="(item, index) in list" :key="index" :name="item.name">
|
|
{{item.name}}
|
|
</u-radio>
|
|
</u-radio-group>
|
|
</u-form-item> -->
|
|
<u-form-item label="房东姓名"><u-input v-model="form.fdxm" /></u-form-item>
|
|
<u-form-item label="房东电话" prop="phone"><u-input v-model="form.fdlxdh" /></u-form-item>
|
|
<u-form-item label="证件类型" prop="phone">
|
|
|
|
<u-input type="select" v-model="form.fdzjlx" @click="show = true" />
|
|
<u-action-sheet :list="dict.zjlx" v-model="show"></u-action-sheet>
|
|
</u-form-item>
|
|
<u-form-item label="身份证号" prop="phone"><u-input v-model="form.fdsfzh" /></u-form-item>
|
|
<u-form-item label="房屋类型" prop="phone"><u-input v-model="form.fwlx" /></u-form-item>
|
|
<u-form-item label="租住类型"><u-input v-model="form.zzlx" /></u-form-item>
|
|
<u-form-item label="出租间数"><u-input v-model="form.czjs" /></u-form-item>
|
|
<u-form-item label="出租面积"><u-input v-model="form.czmj" /></u-form-item>
|
|
<u-form-item label="社区"><u-input v-model="form.sqcjwh" /></u-form-item>
|
|
<u-form-item label="是否群租"><u-input v-model="form.sfqzf" /></u-form-item>
|
|
<u-form-item label="备注"><u-input v-model="form.person_information" /></u-form-item>
|
|
</u-form>
|
|
<bottom-btn type="primary" title="提交" @handlerClick="handlerClick"></bottom-btn>
|
|
|
|
<!-- 证件类型 -->
|
|
<!-- <u-select v-model="show" :list="dict.zjlx"></u-select> -->
|
|
</navigation-general>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
getDicts
|
|
} from "@/api/system/dict/data";
|
|
import {
|
|
getCommunitylist
|
|
} from "@/api/taicangpop/data";
|
|
export default {
|
|
data() {
|
|
return {
|
|
show: false,
|
|
dict: {},
|
|
radio: '人工填写',
|
|
list: [{
|
|
name: '人工填写'
|
|
},
|
|
{
|
|
name: '下拉选择'
|
|
},
|
|
],
|
|
form: {
|
|
sqcjwh: undefined, //社区
|
|
person_id: undefined, //房东
|
|
fdxm: undefined, //房东名字
|
|
fdlxdh: undefined, //联系方式
|
|
fdzjlx: undefined, //房东证件类型
|
|
fdsfzh: undefined, //请输入身份证
|
|
fwlx: undefined, //房屋类型
|
|
sfqzf: undefined, //是否群租房
|
|
zzlx: undefined, //租住类型
|
|
czjs: undefined, //出租间数
|
|
czmj: undefined, //出租面积
|
|
person_information: undefined, //备注信息
|
|
},
|
|
};
|
|
},
|
|
onLoad() {
|
|
this.getdicts()
|
|
},
|
|
methods: {
|
|
//获取全部字典
|
|
async getdicts() {
|
|
//证件类型
|
|
const res1 = await getDicts('bm_czfw_zjlx')
|
|
this.dict.zjlx = res1.data.map(item => {
|
|
item.text = item.dictLabel
|
|
return item
|
|
})
|
|
//房屋类型
|
|
const res2 = await getDicts('bm_fwlx')
|
|
this.dict.fwlx = res2.data
|
|
//租房类型
|
|
const res3 = await getDicts('bm_czfw_zzlx')
|
|
this.dict.zzlx = res3.data
|
|
//社区
|
|
const res4 = await getCommunitylist()
|
|
this.dict.shequ = res4.data['社区list集合']
|
|
|
|
console.log(this.dict)
|
|
},
|
|
handlerClick() {
|
|
console.log(this.form)
|
|
}
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.u-form {
|
|
background: #fff;
|
|
padding: 20rpx;
|
|
padding-bottom: 120rpx;
|
|
}
|
|
</style> |