|
|
@ -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) => { |
|
|
|