|
|
@ -1,21 +1,21 @@ |
|
|
|
<template> |
|
|
|
<el-dialog class="rent" :visible.sync="visible" :title="dataForm.flag === '1' ? '查看详情' : '审核'" :close-on-click-modal="false" :close-on-press-escape="false"> |
|
|
|
<el-form :inline="true" :model="dataForm" :rules="dataRule" ref="dataForm" |
|
|
|
@keyup.enter.native="dataFormSubmitHandle()" label-width="140px" disabled> |
|
|
|
@keyup.enter.native="dataFormSubmitHandle()" label-width="140px"> |
|
|
|
<div v-if="dataForm.flag === '2'"> |
|
|
|
<div style="margin-left: 50px;height: 30px;font-weight: bold;">房屋信息</div> |
|
|
|
<el-form-item label="所属社区" prop="gridName"> |
|
|
|
<el-input v-model="dataForm.gridName" placeholder="网格"></el-input> |
|
|
|
<el-input v-model="dataForm.gridName" placeholder="网格" disabled></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="所属网格" prop="gridName"> |
|
|
|
<el-input v-model="dataForm.gridName" placeholder="所属网格"></el-input> |
|
|
|
<el-input v-model="dataForm.gridName" placeholder="所属网格" disabled></el-input> |
|
|
|
</el-form-item> |
|
|
|
<br/> |
|
|
|
<el-form-item label="房屋" prop="homeName"> |
|
|
|
<el-input v-model="dataForm.homeName" placeholder="房屋"></el-input> |
|
|
|
<el-input v-model="dataForm.homeName" placeholder="房屋" disabled></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="房主姓名" prop="ownerName"> |
|
|
|
<el-input v-model="dataForm.ownerName" placeholder="房主姓名"></el-input> |
|
|
|
<el-input v-model="dataForm.ownerName" placeholder="房主姓名" disabled></el-input> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
<div style="padding:20px 30px"> |
|
|
@ -30,6 +30,7 @@ |
|
|
|
<el-table-column prop="yfzgx" label="与户主关系" header-align="center" align="center" width="120"></el-table-column> |
|
|
|
<el-table-column prop="mobile" label="手机" header-align="center" align="center" width="120"></el-table-column> |
|
|
|
<el-table-column prop="idCard" label="身份证号" header-align="center" align="center" width="180"></el-table-column> |
|
|
|
<el-table-column prop="unit" label="工作单位" header-align="center" align="center" width="180" show-overflow-tooltip></el-table-column> |
|
|
|
<el-table-column prop="politicalStatus" label="政治面貌" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column prop="isMilitary" label="是否服过兵役" header-align="center" align="center" width="120"></el-table-column> |
|
|
|
<el-table-column prop="nation" label="国籍" header-align="center" align="center"></el-table-column> |
|
|
@ -52,31 +53,37 @@ |
|
|
|
<div style="margin-left: 50px;height: 30px;font-weight: bold;">合同信息</div> |
|
|
|
<div style="margin-left: 50px;height: 30px;">出租人信息</div> |
|
|
|
<el-form-item label="出租人姓名" prop="lessorName"> |
|
|
|
<el-input v-model="dataForm.lessorName" placeholder="出租人姓名"></el-input> |
|
|
|
<el-input v-model="dataForm.lessorName" placeholder="出租人姓名" disabled></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="出租人身份证" prop="lessorIdCard"> |
|
|
|
<el-input v-model="dataForm.lessorIdCard" placeholder="出租人身份证"></el-input> |
|
|
|
<el-input v-model="dataForm.lessorIdCard" placeholder="出租人身份证" disabled></el-input> |
|
|
|
</el-form-item> |
|
|
|
<br/> |
|
|
|
<el-form-item label="出租人手机" prop="lessorMobile"> |
|
|
|
<el-input v-model="dataForm.lessorMobile" placeholder="出租人手机"></el-input> |
|
|
|
<el-input v-model="dataForm.lessorMobile" placeholder="出租人手机" disabled></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="与房主关系" prop="lessorRelation"> |
|
|
|
<!--<el-input v-model="dataForm.lessorRelation" placeholder="与房主关系"></el-input>--> |
|
|
|
<el-select v-model="dataForm.lessorRelation" placeholder="与房主关系" :disabled="dataForm.state !== '0'"> |
|
|
|
<el-option v-for="item in lessorRelationArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<br/> |
|
|
|
|
|
|
|
<div style="margin-left: 50px;height: 30px;">承租人信息</div> |
|
|
|
<el-form-item label="承租人姓名" prop="lesseeName"> |
|
|
|
<el-input v-model="dataForm.lesseeName" placeholder="承租人姓名"></el-input> |
|
|
|
<el-input v-model="dataForm.lesseeName" placeholder="承租人姓名" disabled></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="承租人身份证" prop="lesseeIdCard"> |
|
|
|
<el-input v-model="dataForm.lesseeIdCard" placeholder="承租人身份证"></el-input> |
|
|
|
<el-input v-model="dataForm.lesseeIdCard" placeholder="承租人身份证" disabled></el-input> |
|
|
|
</el-form-item> |
|
|
|
<br/> |
|
|
|
<el-form-item label="承租人手机" prop="lesseeMobile"> |
|
|
|
<el-input v-model="dataForm.lesseeMobile" placeholder="承租人手机"></el-input> |
|
|
|
<el-input v-model="dataForm.lesseeMobile" placeholder="承租人手机" disabled></el-input> |
|
|
|
</el-form-item> |
|
|
|
<br/> |
|
|
|
<el-form-item label="与房主关系" prop="lessorRelation"> |
|
|
|
<el-input v-model="dataForm.lessorRelation" placeholder="与房主关系"></el-input> |
|
|
|
<el-form-item label="工作单位" prop="lesseeUnit"> |
|
|
|
<el-input v-model="dataForm.lesseeUnit" placeholder="工作单位" disabled></el-input> |
|
|
|
</el-form-item> |
|
|
|
<br/> |
|
|
|
<el-form-item label="中介合同附件" prop="agencyImgList" v-if="dataForm.lessorRelation ==='中介'"> |
|
|
@ -90,14 +97,14 @@ |
|
|
|
|
|
|
|
<div style="margin-left: 50px;height: 30px;font-weight: bold;">合同内容</div> |
|
|
|
<el-form-item label="签署日期" prop="signDate"> |
|
|
|
<el-input v-model="dataForm.signDate" placeholder="签署日期"></el-input> |
|
|
|
<el-input v-model="dataForm.signDate" placeholder="签署日期" disabled></el-input> |
|
|
|
</el-form-item> |
|
|
|
<br/> |
|
|
|
<el-form-item label="合同开始日期" prop="startDate"> |
|
|
|
<el-input v-model="dataForm.startDate" placeholder="合同开始日期"></el-input> |
|
|
|
<el-input v-model="dataForm.startDate" placeholder="合同开始日期" disabled></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="合同结束日期" prop="endDate"> |
|
|
|
<el-input v-model="dataForm.endDate" placeholder="合同结束日期"></el-input> |
|
|
|
<el-input v-model="dataForm.endDate" placeholder="合同结束日期" disabled></el-input> |
|
|
|
</el-form-item> |
|
|
|
<br/> |
|
|
|
|
|
|
@ -145,16 +152,30 @@ export default { |
|
|
|
lessorName: '', |
|
|
|
lessorIdCard: '', |
|
|
|
lessorMobile: '', |
|
|
|
lessorRelation: '', |
|
|
|
lesseeName: '', |
|
|
|
lesseeIdCard: '', |
|
|
|
lesseeMobile: '', |
|
|
|
lesseeUnit: '', |
|
|
|
signDate: '', |
|
|
|
startDate: '', |
|
|
|
endDate: '' |
|
|
|
}, |
|
|
|
dataListLoading: false, |
|
|
|
dialogVisible: false, |
|
|
|
dialogImageUrl: '' |
|
|
|
dialogImageUrl: '', |
|
|
|
lessorRelationArr: [ |
|
|
|
{ dictValue: '本人', dictName: '本人' }, |
|
|
|
{ dictValue: '配偶', dictName: '配偶' }, |
|
|
|
{ dictValue: '子女', dictName: '子女' }, |
|
|
|
{ dictValue: '父母', dictName: '父母' }, |
|
|
|
{ dictValue: '岳父母或公婆', dictName: '岳父母或公婆' }, |
|
|
|
{ dictValue: '祖父母', dictName: '祖父母' }, |
|
|
|
{ dictValue: '媳婿', dictName: '媳婿' }, |
|
|
|
{ dictValue: '孙子女', dictName: '孙子女' }, |
|
|
|
{ dictValue: '兄弟姐妹', dictName: '兄弟姐妹' }, |
|
|
|
{ dictValue: '中介', dictName: '中介' } |
|
|
|
] |
|
|
|
} |
|
|
|
}, |
|
|
|
computed: { |
|
|
@ -252,7 +273,8 @@ export default { |
|
|
|
const params = { |
|
|
|
id: this.dataForm.id, |
|
|
|
state: type, |
|
|
|
homeId: this.dataForm.homeId |
|
|
|
homeId: this.dataForm.homeId, |
|
|
|
lessorRelation: this.dataForm.lessorRelation |
|
|
|
} |
|
|
|
this.$http.post('/pli/power/rentContractInfo/review', params).then(({ data: res }) => { |
|
|
|
if (res.code !== 0) { |
|
|
|