|
|
@ -17,30 +17,35 @@ |
|
|
|
<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"></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="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"> |
|
|
@ -82,7 +87,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> |
|
|
|