Browse Source

居住成员信息

feature/rentalRevision
zhaoyongnian 3 years ago
parent
commit
eeac2665b8
  1. 6
      src/views/modules/plugins/rent/rentcontractinfo-add-or-update.vue
  2. 154
      src/views/modules/plugins/rent/rentcontractinfo-look-or-check.vue

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

@ -275,6 +275,8 @@
</el-date-picker>
</el-form-item>
<br/>
<el-form-item label="是否接种" :prop="'tenantList['+index+'].isVaccination'" required :show-message="false">
@ -360,7 +362,7 @@
</el-form-item>
<br/>
<el-form-item label="原因" :prop="'tenantList['+index+'].reason'" required :show-message="false">
<el-form-item label="原因" :show-message="false">
<el-select v-model="dataForm.tenantList[index].reason" placeholder="请选择">
<el-option
v-for="item in reasonOption"
@ -371,7 +373,7 @@
</el-select>
</el-form-item>
<br/>
<el-form-item label="备注" :prop="'tenantList['+ index +'].note'" required :show-message="false">
<el-form-item label="备注" :show-message="false">
<el-input
type="textarea"
maxlength="500"

154
src/views/modules/plugins/rent/rentcontractinfo-look-or-check.vue

@ -74,35 +74,118 @@
<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="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>
<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="border-bottom: 1px dashed #dcdfe6;margin-bottom: 20px;" v-for="(item, index) in dataForm.tenantList" :key="index">
<el-form-item label="姓名" :prop="'tenantList['+ index +'].name'">
<el-input v-model="dataForm.tenantList[index].name" disabled></el-input>
</el-form-item>
<el-form-item label="与户主关系" :prop="'tenantList['+ index +'].yfzgx'">
<el-input v-model="dataForm.tenantList[index].yfzgx" disabled></el-input>
</el-form-item>
<el-form-item label="手机" :prop="'tenantList['+ index +'].mobile'">
<el-input v-model="dataForm.tenantList[index].mobile" disabled></el-input>
</el-form-item>
<el-form-item label="证件号" :prop="'tenantList['+ index +'].idCard'">
<el-input v-model="dataForm.tenantList[index].idCard" disabled></el-input>
</el-form-item>
<el-form-item label="工作单位" :prop="'tenantList['+ index +'].unit'">
<el-input v-model="dataForm.tenantList[index].unit" disabled></el-input>
</el-form-item>
<el-form-item label="政治面貌" :prop="'tenantList['+ index +'].politicalStatus'">
<el-input v-model="dataForm.tenantList[index].politicalStatus" disabled></el-input>
</el-form-item>
<el-form-item label="是否服过兵役" :prop="'tenantList['+ index +'].isMilitary'">
<el-input v-model="dataForm.tenantList[index].isMilitary" disabled></el-input>
</el-form-item>
<el-form-item label="国籍" :prop="'tenantList['+ index +'].nation'">
<el-input v-model="dataForm.tenantList[index].nation" disabled></el-input>
</el-form-item>
<br/>
<el-form-item label="证件照片" :prop="'tenantList['+ index +'].idCardImgList'">
<template>
<div v-for="(item,index) in dataForm.tenantList[index].idCardImgList" :key="index">
<img :src="item.fileUrl" @click="imgShow(item.fileUrl)" width="40" height="40" />
</div>
</template>
</el-form-item>
<el-form-item label="照片" :prop="'tenantList['+ index +'].imgList'">
<template>
<div v-for="(item,index) in dataForm.tenantList[index].imgList" :key="index">
<img :src="item.fileUrl" @click="imgShow(item.fileUrl)" width="40" height="40" />
</div>
</template>
</el-form-item>
<br/>
<el-form-item label="民族" :prop="'tenantList['+index+'].mz'">
<el-select v-model="dataForm.tenantList[index].mz" placeholder="请选择" disabled>
<el-option
v-for="item in mzOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="性别" :prop="'tenantList['+ index +'].gender'">
<el-input v-model="dataForm.tenantList[index].gender === '1' ? '' : ''" disabled></el-input>
</el-form-item>
<el-form-item label="出生日期" :prop="'tenantList['+ index +'].birthday'">
<el-input v-model="dataForm.tenantList[index].birthday" disabled></el-input>
</el-form-item>
<el-form-item label="是否接种" :prop="'tenantList['+ index +'].isVaccination'">
<el-input v-model="dataForm.tenantList[index].isVaccination === '0' ? '' : ''" disabled></el-input>
</el-form-item>
<el-form-item v-if="dataForm.tenantList[index].isVaccination === '1'" label="第一次接种时间" :prop="'tenantList['+ index +'].firstVacTime'">
<el-input v-model="dataForm.tenantList[index].firstVacTime" disabled></el-input>
</el-form-item>
<el-form-item v-if="dataForm.tenantList[index].isVaccination === '1'" label="第一次接种地点" :prop="'tenantList['+ index +'].firstVacSite'">
<el-input v-model="dataForm.tenantList[index].firstVacSite" disabled></el-input>
</el-form-item>
<el-form-item v-if="dataForm.tenantList[index].isVaccination === '1'" label="第二次接种时间" :prop="'tenantList['+ index +'].secondVacTime'">
<el-input v-model="dataForm.tenantList[index].secondVacTime" disabled></el-input>
</el-form-item>
<el-form-item v-if="dataForm.tenantList[index].isVaccination === '1'" label="第二次接种地点" :prop="'tenantList['+ index +'].secondVacSite'">
<el-input v-model="dataForm.tenantList[index].secondVacSite" disabled></el-input>
</el-form-item>
<el-form-item v-if="dataForm.tenantList[index].isVaccination === '1'" label="第三次接种时间" :prop="'tenantList['+ index +'].thirdVacTime'">
<el-input v-model="dataForm.tenantList[index].thirdVacTime" disabled></el-input>
</el-form-item>
<el-form-item v-if="dataForm.tenantList[index].isVaccination === '1'" label="第三次接种地点" :prop="'tenantList['+ index +'].thirdVacSite'">
<el-input v-model="dataForm.tenantList[index].thirdVacSite" disabled></el-input>
</el-form-item>
<el-form-item label="原因" :prop="'tenantList['+ index +'].reason'">
<el-input v-model="dataForm.tenantList[index].reason" disabled></el-input>
</el-form-item>
<br/>
<el-form-item label="备注">
<el-input
type="textarea"
maxlength="500"
show-word-limit
:rows="3"
v-model="dataForm.tenantList[index].note" disabled></el-input>
</el-form-item>
</div>
<div style="margin-left: 50px;height: 30px;font-weight: bold;">合同内容</div>
<el-form-item label="签署日期" prop="signDate">
@ -210,7 +293,8 @@ export default {
],
checkReason: '',
checkVisible: false,
disabledBtn: false
disabledBtn: false,
mzOptions:[],
}
},
computed: {
@ -301,6 +385,7 @@ export default {
...this.dataForm,
...res.data
}
this.getMz()
}).catch(() => {})
},
//
@ -356,6 +441,15 @@ export default {
downFile(fileUrl) {
window.open(fileUrl)
},
getMz() {
this.$http.post(`/sys/dict/data/nation`).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.mzOptions = res.data
console.log(res)
}).catch(() => {})
},
//
dataFormSubmitHandle: debounce(function () {
this.$refs['dataForm'].validate((valid) => {

Loading…
Cancel
Save