Browse Source

feat:新增房东、成员身份证照片

master
123456 3 years ago
parent
commit
c529cded93
  1. 17
      src/views/modules/plugins/rent/rentcontractinfo-add-or-update.vue
  2. 2
      src/views/modules/plugins/rent/rentcontractreview.vue
  3. 9
      src/views/modules/plugins/rent/renttenantinfo-add-or-update.vue

17
src/views/modules/plugins/rent/rentcontractinfo-add-or-update.vue

@ -17,9 +17,9 @@
<el-form-item label="房主姓名" prop="ownerName"> <el-form-item label="房主姓名" prop="ownerName">
<el-input v-model="dataForm.ownerName" placeholder="房主姓名"></el-input> <el-input v-model="dataForm.ownerName" placeholder="房主姓名"></el-input>
</el-form-item> </el-form-item>
<br/> </div>
<div style="padding:20px 30px">
<div style="margin-left: 50px;height: 30px;font-weight: bold;">居住成员信息</div> <div style="height: 30px;font-weight: bold;">居住成员信息</div>
<el-table v-loading="dataListLoading" :data="dataForm.tenantList" border style="width: 100%"> <el-table v-loading="dataListLoading" :data="dataForm.tenantList" border style="width: 100%">
<el-table-column label="序号" header-align="center" align="center" width="50px"> <el-table-column label="序号" header-align="center" align="center" width="50px">
<template slot-scope="scope"> <template slot-scope="scope">
@ -30,6 +30,13 @@
<el-table-column prop="yfzgx" 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="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="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"> <el-table-column prop="imgList" label="照片" header-align="center" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<div v-for="(item,index) in scope.row.imgList" :key="index"> <div v-for="(item,index) in scope.row.imgList" :key="index">
@ -38,9 +45,7 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<br/>
</div> </div>
<div style="margin-left: 50px;height: 30px;font-weight: bold;">合同信息</div> <div style="margin-left: 50px;height: 30px;font-weight: bold;">合同信息</div>
<div style="margin-left: 50px;height: 30px;">出租人信息</div> <div style="margin-left: 50px;height: 30px;">出租人信息</div>
<el-form-item label="出租人姓名" prop="lessorName"> <el-form-item label="出租人姓名" prop="lessorName">
@ -82,7 +87,7 @@
<br/> <br/>
<el-form-item label="合同附件" prop="fileList"> <el-form-item label="合同附件" prop="fileList">
<template slot-scope="scope"> <template>
<label v-for="(item,index) in dataForm.fileList" :key="index"> <label v-for="(item,index) in dataForm.fileList" :key="index">
<img :src="item.fileUrl" @click="imgShow(item.fileUrl)" width="100" height="100" /> <img :src="item.fileUrl" @click="imgShow(item.fileUrl)" width="100" height="100" />
</label> </label>

2
src/views/modules/plugins/rent/rentcontractreview.vue

@ -172,7 +172,7 @@
<el-table-column prop="isBlack" label="是否黑名单人员" header-align="center" align="center"></el-table-column> <el-table-column prop="isBlack" label="是否黑名单人员" header-align="center" align="center"></el-table-column>
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150"> <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button v-if="scope.row.state === '0'" type="text" size="small" @click="addOrUpdateHandle(scope.row.id,'2')">{{ $t('checkBtn') }}</el-button> <el-button v-if="scope.row.state === '0'" type="text" size="small" @click="addOrUpdateHandle(scope.row.id,'2')">登记</el-button>
<el-button v-else type="text" size="small" @click="addOrUpdateHandle(scope.row.id,'1')">{{ $t('lookBtn') }}</el-button> <el-button v-else type="text" size="small" @click="addOrUpdateHandle(scope.row.id,'1')">{{ $t('lookBtn') }}</el-button>
<!-- <el-button type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>--> <!-- <el-button type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>-->
</template> </template>

9
src/views/modules/plugins/rent/renttenantinfo-add-or-update.vue

@ -13,8 +13,15 @@
<!--<el-form-item label="与房主关系" prop="yfzgx">--> <!--<el-form-item label="与房主关系" prop="yfzgx">-->
<!--<el-input v-model="dataForm.yfzgx" placeholder="与房主关系" disabled></el-input>--> <!--<el-input v-model="dataForm.yfzgx" placeholder="与房主关系" disabled></el-input>-->
<!--</el-form-item>--> <!--</el-form-item>-->
<el-form-item label="身份证照片" prop="idCardImgList">
<template>
<label v-for="(item,index) in dataForm.idCardImgList" :key="index">
<img :src="item.fileUrl" @click="imgShow(item.fileUrl)" width="100" height="100" />
</label>
</template>
</el-form-item>
<el-form-item label="照片" prop="imgList"> <el-form-item label="照片" prop="imgList">
<template slot-scope="scope"> <template>
<label v-for="(item,index) in dataForm.imgList" :key="index"> <label v-for="(item,index) in dataForm.imgList" :key="index">
<img :src="item.fileUrl" @click="imgShow(item.fileUrl)" width="100" height="100" /> <img :src="item.fileUrl" @click="imgShow(item.fileUrl)" width="100" height="100" />
</label> </label>

Loading…
Cancel
Save