|
|
@ -112,7 +112,7 @@ |
|
|
|
<el-form-item label="与房主关系" prop="lessorRelation" label-width="140px"> |
|
|
|
<!--<el-input v-model="dataForm.lessorRelation" placeholder="与房主关系"></el-input>--> |
|
|
|
<el-select v-model="dataForm.lessorRelation" placeholder="与房主关系"> |
|
|
|
<el-option v-for="item in lessorRelationArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue"> |
|
|
|
<el-option v-for="item in lessorRelationArr_" :key="item.dictValue" :label="item.dictName" :value="item.dictValue"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
@ -149,42 +149,35 @@ |
|
|
|
<br/> |
|
|
|
<el-button @click="addMember()" type="primary">添加成员</el-button> |
|
|
|
<div><br/></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'" required :show-message="false"> |
|
|
|
<div class="add-member" v-for="(item, index) in dataForm.tenantList" :key="index"> |
|
|
|
<el-form-item label="姓名" :prop="'tenantList['+ index +'].name'" required :show-message="false" label-width="150px"> |
|
|
|
<el-input v-model="dataForm.tenantList[index].name" placeholder="请输入" ></el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="与户主关系" :prop="'tenantList['+index+'].yfzgx'" required :show-message="false"> |
|
|
|
<el-select v-model="dataForm.tenantList[index].yfzgx" placeholder="请选择"> |
|
|
|
<el-option v-for="item in lessorRelationArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="手机" :prop="'tenantList['+ index +'].mobile'" required :show-message="false"> |
|
|
|
<el-form-item label="手机" :prop="'tenantList['+ index +'].mobile'" required :show-message="false" label-width="150px"> |
|
|
|
<el-input v-model="dataForm.tenantList[index].mobile" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
<br/> |
|
|
|
|
|
|
|
<el-form-item label="证件号" :prop="'tenantList['+index+'].idCard'" required :show-message="false"> |
|
|
|
<el-form-item label="证件号" :prop="'tenantList['+index+'].idCard'" required :show-message="false" label-width="150px"> |
|
|
|
<el-input v-model="dataForm.tenantList[index].idCard" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="户籍地" :prop="'tenantList['+index+'].hjszd'" required :show-message="false"> |
|
|
|
<el-form-item label="户籍地" :prop="'tenantList['+index+'].hjszd'" required :show-message="false" label-width="150px"> |
|
|
|
<el-input v-model="dataForm.tenantList[index].hjszd" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="工作单位" :prop="'tenantList['+index+'].unit'" required :show-message="false"> |
|
|
|
<el-form-item label="工作单位" :prop="'tenantList['+index+'].unit'" required :show-message="false" label-width="150px"> |
|
|
|
<el-input v-model="dataForm.tenantList[index].unit" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<br/> |
|
|
|
|
|
|
|
<el-form-item label="与户主关系" :prop="'tenantList['+index+'].yfzgx'" required :show-message="false" label-width="150px"> |
|
|
|
<el-select v-model="dataForm.tenantList[index].yfzgx" placeholder="请选择"> |
|
|
|
<el-option v-for="item in lessorRelationArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="政治面貌" :prop="'tenantList['+index+'].politicalStatus'" required :show-message="false"> |
|
|
|
<el-form-item label="政治面貌" :prop="'tenantList['+index+'].politicalStatus'" required :show-message="false" label-width="150px"> |
|
|
|
<el-select v-model="dataForm.tenantList[index].politicalStatus" placeholder="请选择"> |
|
|
|
<el-option |
|
|
|
v-for="item in zzmmOptions" |
|
|
@ -195,7 +188,7 @@ |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="是否服过兵役" label-width="140px" :prop="'tenantList['+index+'].isMilitary'" required :show-message="false"> |
|
|
|
<el-form-item label="是否服过兵役" :prop="'tenantList['+index+'].isMilitary'" required :show-message="false" label-width="150px"> |
|
|
|
<el-select v-model="dataForm.tenantList[index].isMilitary" placeholder="请选择"> |
|
|
|
<el-option |
|
|
|
v-for="item in shifouOptions" |
|
|
@ -206,8 +199,7 @@ |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="国籍" :prop="'tenantList['+index+'].nation'" required :show-message="false"> |
|
|
|
<el-form-item label="国籍" :prop="'tenantList['+index+'].nation'" required :show-message="false" label-width="150px"> |
|
|
|
<el-select v-model="dataForm.tenantList[index].nation" placeholder="请选择"> |
|
|
|
<el-option |
|
|
|
v-for="item in nationOptions" |
|
|
@ -219,7 +211,7 @@ |
|
|
|
</el-form-item> |
|
|
|
<br/> |
|
|
|
|
|
|
|
<el-form-item label="证件照片"> |
|
|
|
<el-form-item label="证件照片" label-width="150px"> |
|
|
|
<template> |
|
|
|
<upload-image |
|
|
|
:defaultFileList="dataForm.tenantList[index].idCardImgList" |
|
|
@ -229,7 +221,7 @@ |
|
|
|
</template> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="照片"> |
|
|
|
<el-form-item label="照片" label-width="150px"> |
|
|
|
<template> |
|
|
|
<upload-image |
|
|
|
:defaultFileList="dataForm.tenantList[index].imgList" |
|
|
@ -239,7 +231,7 @@ |
|
|
|
</template> |
|
|
|
</el-form-item> |
|
|
|
<br/> |
|
|
|
<el-form-item label="民族" :prop="'tenantList['+index+'].mz'" required :show-message="false"> |
|
|
|
<el-form-item label="民族" :prop="'tenantList['+index+'].mz'" required :show-message="false" label-width="150px"> |
|
|
|
<el-select v-model="dataForm.tenantList[index].mz" placeholder="请选择"> |
|
|
|
<el-option |
|
|
|
v-for="item in mzOptions" |
|
|
@ -251,7 +243,7 @@ |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="性别" :prop="'tenantList['+index+'].gender'" required :show-message="false"> |
|
|
|
<!-- <el-form-item label="性别" :prop="'tenantList['+index+'].gender'" required :show-message="false"> |
|
|
|
<el-select v-model="dataForm.tenantList[index].gender" placeholder="请选择"> |
|
|
|
<el-option |
|
|
|
v-for="item in genderOptions" |
|
|
@ -260,10 +252,10 @@ |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> --> |
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="出生日期" :prop="'tenantList['+index+'].birthday'" required :show-message="false" label-width="150px"> |
|
|
|
<!-- <el-form-item label="出生日期" :prop="'tenantList['+index+'].birthday'" required :show-message="false" label-width="150px"> |
|
|
|
<el-date-picker |
|
|
|
v-model="dataForm.tenantList[index].birthday" |
|
|
|
type="date" |
|
|
@ -273,13 +265,9 @@ |
|
|
|
style="width: 200px; margin-right: 20px" |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<br/> |
|
|
|
|
|
|
|
|
|
|
|
</el-form-item> --> |
|
|
|
|
|
|
|
<el-form-item label="是否接种" :prop="'tenantList['+index+'].isVaccination'" required :show-message="false"> |
|
|
|
<el-form-item label="是否接种" :prop="'tenantList['+index+'].isVaccination'" required :show-message="false" label-width="150px"> |
|
|
|
<el-select v-model="dataForm.tenantList[index].isVaccination" placeholder="请选择"> |
|
|
|
<el-option |
|
|
|
v-for="item in isVaccinationOption" |
|
|
@ -362,7 +350,7 @@ |
|
|
|
</el-form-item> |
|
|
|
<br/> |
|
|
|
|
|
|
|
<el-form-item label="原因" :show-message="false"> |
|
|
|
<el-form-item label="原因" :show-message="false" label-width="150px"> |
|
|
|
<el-select v-model="dataForm.tenantList[index].reason" placeholder="请选择"> |
|
|
|
<el-option |
|
|
|
v-for="item in reasonOption" |
|
|
@ -372,8 +360,7 @@ |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<br/> |
|
|
|
<el-form-item label="备注" :show-message="false"> |
|
|
|
<el-form-item label="备注" :show-message="false" label-width="150px"> |
|
|
|
<el-input |
|
|
|
type="textarea" |
|
|
|
maxlength="500" |
|
|
@ -382,9 +369,8 @@ |
|
|
|
placeholder="请输入备注,不超过500字" |
|
|
|
v-model="dataForm.tenantList[index].note"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<br/> |
|
|
|
<el-form-item> |
|
|
|
<el-button type="primary" size="small" @click="deleteMember(index)">删除</el-button> |
|
|
|
<el-button style="float: right" type="primary" size="small" @click="deleteMember(index)">删除</el-button> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -573,6 +559,18 @@ export default { |
|
|
|
{ dictValue: '兄弟姐妹', dictName: '兄弟姐妹' }, |
|
|
|
{ dictValue: '其他', dictName: '其他' } |
|
|
|
], |
|
|
|
lessorRelationArr_: [ |
|
|
|
{ dictValue: '本人', dictName: '本人' }, |
|
|
|
{ dictValue: '配偶', dictName: '配偶' }, |
|
|
|
{ dictValue: '子女', dictName: '子女' }, |
|
|
|
{ dictValue: '父母', dictName: '父母' }, |
|
|
|
{ dictValue: '岳父母或公婆', dictName: '岳父母或公婆' }, |
|
|
|
{ dictValue: '祖父母', dictName: '祖父母' }, |
|
|
|
{ dictValue: '媳婿', dictName: '媳婿' }, |
|
|
|
{ dictValue: '孙子女', dictName: '孙子女' }, |
|
|
|
{ dictValue: '兄弟姐妹', dictName: '兄弟姐妹' }, |
|
|
|
{ dictValue: '中介', dictName: '中介' } |
|
|
|
], |
|
|
|
checkVisible: false, |
|
|
|
disabledBtn: false, |
|
|
|
gridOptions: [], |
|
|
@ -1194,6 +1192,16 @@ export default { |
|
|
|
margin-bottom: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.add-member{ |
|
|
|
border-bottom: 1px dashed #dcdfe6; |
|
|
|
margin-bottom: 20px; |
|
|
|
.el-form-item { |
|
|
|
.el-form-item__content{ |
|
|
|
width: 190px !important; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
<style lang="scss" scoped> |
|
|
|
::v-deep .el-upload-list__item.is-success.focusing .el-icon-close-tip { |
|
|
@ -1220,4 +1228,6 @@ export default { |
|
|
|
.margin_left10 { |
|
|
|
margin-left: 10px; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
</style> |
|
|
|