|
|
@ -17,30 +17,38 @@ |
|
|
|
<el-form-item label="房主姓名" prop="ownerName"> |
|
|
|
<el-input v-model="dataForm.ownerName" placeholder="房主姓名"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<br/> |
|
|
|
|
|
|
|
<div style="margin-left: 50px;height: 30px;font-weight: bold;">居住成员信息</div> |
|
|
|
<el-table v-loading="dataListLoading" :data="dataForm.tenantList" border style="width: 100%"> |
|
|
|
<el-table-column label="序号" header-align="center" align="center" width="50px"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{scope.$index+1}} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="name" label="姓名" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column prop="yfzgx" label="与户主关系" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column prop="mobile" label="手机" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column prop="idCard" label="身份证号" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column prop="imgList" label="照片" header-align="center" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div v-for="(item,index) in scope.row.imgList" :key="index"> |
|
|
|
<img :src="item.fileUrl" @click="imgShow(item.fileUrl)" width="40" height="40" /> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<br/> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div style="padding:20px 30px"> |
|
|
|
<div style="height: 30px;font-weight: bold;">居住成员信息</div> |
|
|
|
<el-table v-loading="dataListLoading" :data="dataForm.tenantList" border style="width: 100%"> |
|
|
|
<el-table-column label="序号" header-align="center" align="center" width="50px"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{scope.$index+1}} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="name" label="姓名" header-align="center" align="center"></el-table-column> |
|
|
|
<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="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> |
|
|
|
<el-table-column prop="idCardImgList" label="身份证照片" header-align="center" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div v-for="(item,index) in scope.row.idCardImgList" :key="index"> |
|
|
|
<img :src="item.fileUrl" @click="imgShow(item.fileUrl)" width="40" height="40" /> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="imgList" label="照片" header-align="center" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div v-for="(item,index) in scope.row.imgList" :key="index"> |
|
|
|
<img :src="item.fileUrl" @click="imgShow(item.fileUrl)" width="40" height="40" /> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
<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"> |
|
|
@ -67,6 +75,18 @@ |
|
|
|
<el-input v-model="dataForm.lesseeMobile" placeholder="承租人手机"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<br/> |
|
|
|
<el-form-item label="与房主关系" prop="lessorRelation"> |
|
|
|
<el-input v-model="dataForm.lessorRelation" placeholder="与房主关系"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<br/> |
|
|
|
<el-form-item label="中介合同附件" prop="agencyImgList" v-if="dataForm.lessorRelation ==='中介'"> |
|
|
|
<template> |
|
|
|
<label v-for="(item,index) in dataForm.agencyImgList" :key="index"> |
|
|
|
<img :src="item.fileUrl" @click="imgShow(item.fileUrl)" width="100" height="100" /> |
|
|
|
</label> |
|
|
|
</template> |
|
|
|
</el-form-item> |
|
|
|
<br/> |
|
|
|
|
|
|
|
<div style="margin-left: 50px;height: 30px;font-weight: bold;">合同内容</div> |
|
|
|
<el-form-item label="签署日期" prop="signDate"> |
|
|
@ -82,7 +102,7 @@ |
|
|
|
<br/> |
|
|
|
|
|
|
|
<el-form-item label="合同附件" prop="fileList"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<template> |
|
|
|
<label v-for="(item,index) in dataForm.fileList" :key="index"> |
|
|
|
<img :src="item.fileUrl" @click="imgShow(item.fileUrl)" width="100" height="100" /> |
|
|
|
</label> |
|
|
@ -238,17 +258,27 @@ export default { |
|
|
|
if (res.code !== 0) { |
|
|
|
return this.$message.error(res.msg) |
|
|
|
} |
|
|
|
this.$message({ |
|
|
|
message: this.$t('prompt.success'), |
|
|
|
type: 'success', |
|
|
|
duration: 500, |
|
|
|
onClose: () => { |
|
|
|
this.visible = false |
|
|
|
this.$emit('refreshDataList') |
|
|
|
} |
|
|
|
}) |
|
|
|
// 调用文件下发权限接口 |
|
|
|
this.fileJurisdiction(params) |
|
|
|
}).catch(() => {}) |
|
|
|
}, |
|
|
|
// 文件下发权限接口 |
|
|
|
fileJurisdiction (params) { |
|
|
|
this.$http.post('/pli/power/rentContractInfo/send', params).then(({ data: res }) => { |
|
|
|
if (res.code !== 0) { |
|
|
|
return this.$message.error(res.msg) |
|
|
|
} |
|
|
|
this.$message({ |
|
|
|
message: this.$t('prompt.success'), |
|
|
|
type: 'success', |
|
|
|
duration: 500, |
|
|
|
onClose: () => { |
|
|
|
this.visible = false |
|
|
|
this.$emit('refreshDataList') |
|
|
|
} |
|
|
|
}) |
|
|
|
}).catch(() => {}) |
|
|
|
}, |
|
|
|
// 表单提交 |
|
|
|
dataFormSubmitHandle: debounce(function () { |
|
|
|
this.$refs['dataForm'].validate((valid) => { |
|
|
|