|
|
@ -6,20 +6,18 @@ |
|
|
|
:inline="false" |
|
|
|
:model="dataForm" |
|
|
|
:rules="dataRule" |
|
|
|
:disabled="formType === 'detail'" |
|
|
|
class="form"> |
|
|
|
label-width="150px" |
|
|
|
class="edit_form"> |
|
|
|
|
|
|
|
<el-form-item label="所属楼栋" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<span>{{ agencyObj.neighborHoodName }}-{{agencyObj.label}}</span> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="单元号" |
|
|
|
prop="buildingUnitId" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<el-select class="item_width_1" |
|
|
|
<el-select class="edit_item_width_normal" |
|
|
|
v-model="dataForm.buildingUnitId" |
|
|
|
placeholder="请选择" |
|
|
|
clearable> |
|
|
@ -33,40 +31,56 @@ |
|
|
|
|
|
|
|
<el-form-item label="门牌号" |
|
|
|
prop="doorName" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="item_width_1" |
|
|
|
<el-input class="edit_item_width_normal" |
|
|
|
placeholder="请输入门牌号" |
|
|
|
v-model="dataForm.doorName"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item v-if="formType != 'detail'" |
|
|
|
label="房屋编码" |
|
|
|
<el-form-item label="房屋编码" |
|
|
|
prop="coding" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="item_width_2" |
|
|
|
<el-input class="edit_item_width_normal" |
|
|
|
maxlength="50" |
|
|
|
placeholder="请输入楼栋编码" |
|
|
|
v-model="dataForm.coding"> |
|
|
|
|
|
|
|
</el-input> |
|
|
|
<el-button style="margin-left: 10px" |
|
|
|
type="primary" |
|
|
|
type="text" |
|
|
|
class="div-table-button--blue" |
|
|
|
icon="el-icon-upload2" |
|
|
|
size="small" |
|
|
|
@click="handleCode">生成</el-button> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="房屋编码" |
|
|
|
prop="houseCode" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="edit_item_width_normal" |
|
|
|
maxlength="30" |
|
|
|
v-model="dataForm.houseCode"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<div v-if="formType === 'detail'"> |
|
|
|
<el-form-item label="房屋编码" |
|
|
|
prop="houseCode" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="item_width_1" |
|
|
|
maxlength="30" |
|
|
|
v-model="dataForm.houseCode"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<div v-if="dataForm.houseQrcodeUrl" |
|
|
|
|
|
|
|
<el-form-item v-if="dataForm.houseQrcodeUrl" |
|
|
|
label="二维码" |
|
|
|
prop="coding" |
|
|
|
style="display: block"> |
|
|
|
<div style="display: flex; align-items:center"> |
|
|
|
<div class="edit_item_width_normal"> |
|
|
|
<img style="margin-left: 30px;width: 200px;" |
|
|
|
:src="dataForm.houseQrcodeUrl"> |
|
|
|
</div> |
|
|
|
<a style="margin-left: 10px;" |
|
|
|
class="div-table-button--blue" |
|
|
|
:href="dataForm.houseQrcodeUrl" |
|
|
|
target="_blank"><i class="el-icon-download"></i>下载</a> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<!-- <div v-if="dataForm.houseQrcodeUrl" |
|
|
|
style="display: flex;flex-direction: column;"> |
|
|
|
<img style="margin-left: 70px;width: 200px;" |
|
|
|
:src="dataForm.houseQrcodeUrl"> |
|
|
@ -74,11 +88,11 @@ |
|
|
|
:href="dataForm.houseQrcodeUrl" |
|
|
|
target="_blank">下载</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
--> |
|
|
|
<!-- <el-form-item label="居住人数" |
|
|
|
style="display: block" |
|
|
|
prop="realPerson" |
|
|
|
label-width="150px"> |
|
|
|
> |
|
|
|
<el-input-number class="item_width_4" |
|
|
|
v-model="dataForm.realPerson" |
|
|
|
:min="0" |
|
|
@ -87,7 +101,6 @@ |
|
|
|
</el-form-item> --> |
|
|
|
<el-form-item label="房屋类型" |
|
|
|
prop="houseType" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<el-radio-group v-model="houseType"> |
|
|
|
|
|
|
@ -99,8 +112,8 @@ |
|
|
|
|
|
|
|
<el-form-item label="房屋用途" |
|
|
|
prop="purpose" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
style="display: block" |
|
|
|
class="edit_item_radio_long"> |
|
|
|
<el-radio-group v-model="purpose"> |
|
|
|
|
|
|
|
<el-radio :label="'1'">住宅</el-radio> |
|
|
@ -115,7 +128,6 @@ |
|
|
|
|
|
|
|
<el-form-item label="房屋状态" |
|
|
|
prop="rentFlag" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<el-radio-group v-model="rentFlag"> |
|
|
|
|
|
|
@ -129,9 +141,8 @@ |
|
|
|
|
|
|
|
<el-form-item label="房主姓名" |
|
|
|
prop="ownerName" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="item_width_1" |
|
|
|
<el-input class="edit_item_width_normal" |
|
|
|
maxlength="30" |
|
|
|
placeholder="请输入房主姓名" |
|
|
|
v-model="dataForm.ownerName"> |
|
|
@ -139,9 +150,8 @@ |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="联系方式" |
|
|
|
prop="ownerPhone" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="item_width_1" |
|
|
|
<el-input class="edit_item_width_normal" |
|
|
|
type='number' |
|
|
|
placeholder="请输入联系方式" |
|
|
|
v-model="dataForm.ownerPhone"> |
|
|
@ -149,18 +159,16 @@ |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="房主身份证" |
|
|
|
prop="ownerIdCard" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="item_width_1" |
|
|
|
<el-input class="edit_item_width_normal" |
|
|
|
placeholder="请输入房主身份证" |
|
|
|
v-model="dataForm.ownerIdCard"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="备注" |
|
|
|
prop="remark" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="item_width_1" |
|
|
|
<el-input class="edit_item_width_normal" |
|
|
|
maxlength="30" |
|
|
|
placeholder="请输入备注" |
|
|
|
v-model="dataForm.remark"> |
|
|
@ -171,10 +179,11 @@ |
|
|
|
</div> |
|
|
|
<div class="div_btn"> |
|
|
|
<el-button size="small" |
|
|
|
class="diy-button--white" |
|
|
|
@click="handleCancle">取 消</el-button> |
|
|
|
<el-button size="small" |
|
|
|
v-if="formType != 'detail'" |
|
|
|
type="primary" |
|
|
|
class="diy-button--blue" |
|
|
|
:disabled="btnDisable" |
|
|
|
@click="handleComfirm">确 定</el-button> |
|
|
|
</div> |
|
|
@ -463,7 +472,7 @@ export default { |
|
|
|
} |
|
|
|
</script> |
|
|
|
<style lang="scss" scoped > |
|
|
|
@import "@/assets/scss/modules/visual/communityManageForm.scss"; |
|
|
|
@import "@/assets/scss/modules/management/edit-main.scss"; |
|
|
|
|
|
|
|
.div_tuomin { |
|
|
|
position: absolute; |
|
|
|