|
|
@ -1,15 +1,13 @@ |
|
|
|
<template> |
|
|
|
<div class="div_form" v-loading="loading"> |
|
|
|
<div class="form"> |
|
|
|
<el-form :model="form" :rules="rules" label-width="100px" ref="editForm"> |
|
|
|
<el-form :model="form" :rules="rules" label-width="105px" ref="editForm"> |
|
|
|
<h5 style="margin-top: 6px">基础信息登记</h5> |
|
|
|
<div class="basicInfo"> |
|
|
|
<el-row type="flex" justify="space-between"> |
|
|
|
<el-col :span="6"> |
|
|
|
<div class="flex_box"> |
|
|
|
<el-form-item |
|
|
|
label="姓名" |
|
|
|
prop="baseInfoDto.name" |
|
|
|
class="font-color-orange" |
|
|
|
class="font-color-orange flex_item_width1" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
class="list_item_width_1" |
|
|
@ -19,12 +17,11 @@ |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="证件类型" |
|
|
|
prop="baseInfoDto.idType" |
|
|
|
class="font-color-orange" |
|
|
|
class="font-color-orange flex_item_width1" |
|
|
|
> |
|
|
|
<el-select |
|
|
|
v-model="form.baseInfoDto.idType" |
|
|
@ -41,12 +38,11 @@ |
|
|
|
></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="证件号" |
|
|
|
prop="baseInfoDto.idNum" |
|
|
|
class="font-color-orange" |
|
|
|
class="flex_item_width1" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
v-model="form.baseInfoDto.idNum" |
|
|
@ -57,12 +53,11 @@ |
|
|
|
@blur="handleValidBlur" |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="国籍" |
|
|
|
prop="baseInfoDto.nationality" |
|
|
|
class="font-color-orange" |
|
|
|
class="font-color-orange flex_item_width1" |
|
|
|
> |
|
|
|
<el-select |
|
|
|
v-model="form.baseInfoDto.nationality" |
|
|
@ -79,14 +74,11 @@ |
|
|
|
></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row type="flex" justify="space-between"> |
|
|
|
<el-col :span="6"> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="联系电话" |
|
|
|
prop="baseInfoDto.mobile" |
|
|
|
class="font-color-orange" |
|
|
|
class="font-color-orange flex_item_width1" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
class="list_item_width_1" |
|
|
@ -96,9 +88,8 @@ |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="性别" prop="baseInfoDto.gender"> |
|
|
|
|
|
|
|
<el-form-item label="性别" prop="baseInfoDto.gender" class="flex_item_width1"> |
|
|
|
<el-select |
|
|
|
v-model="form.baseInfoDto.gender" |
|
|
|
placeholder="请选择" |
|
|
@ -114,9 +105,8 @@ |
|
|
|
></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="出生日期" prop="baseInfoDto.birthday"> |
|
|
|
|
|
|
|
<el-form-item label="出生日期" class="flex_item_width1" prop="baseInfoDto.birthday"> |
|
|
|
<el-date-picker |
|
|
|
v-model.trim="form.baseInfoDto.birthday" |
|
|
|
class="list_item_width_1" |
|
|
@ -128,10 +118,8 @@ |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="民族" prop="baseInfoDto.nation"> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="民族" class="flex_item_width1" prop="baseInfoDto.nation"> |
|
|
|
<el-select |
|
|
|
v-model="form.baseInfoDto.nation" |
|
|
|
placeholder="请选择" |
|
|
@ -147,11 +135,8 @@ |
|
|
|
></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row type="flex" justify="space-between"> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="文化程度" prop="eduInfoDto.cultureLevel"> |
|
|
|
|
|
|
|
<el-form-item label="文化程度" class="flex_item_width1" prop="eduInfoDto.cultureLevel"> |
|
|
|
<el-select |
|
|
|
v-model="form.eduInfoDto.cultureLevel" |
|
|
|
placeholder="请选择" |
|
|
@ -167,9 +152,8 @@ |
|
|
|
></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="婚姻状况" prop="familyInfoDto.marriage"> |
|
|
|
|
|
|
|
<el-form-item label="婚姻状况" class="flex_item_width1" prop="familyInfoDto.marriage"> |
|
|
|
<el-select |
|
|
|
v-model="form.familyInfoDto.marriage" |
|
|
|
placeholder="请选择" |
|
|
@ -186,19 +170,16 @@ |
|
|
|
></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col |
|
|
|
:span="6" |
|
|
|
v-if=" |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
class="flex_item_width1" |
|
|
|
label="配偶情况" |
|
|
|
prop="familyInfoDto.spouseSituation" v-if=" |
|
|
|
(form.familyInfoDto && |
|
|
|
form.familyInfoDto.marriage == 'chuhun') || |
|
|
|
form.familyInfoDto.marriage == 'zaihun' || |
|
|
|
form.familyInfoDto.marriage == 'fuhun' |
|
|
|
" |
|
|
|
> |
|
|
|
<el-form-item |
|
|
|
label="配偶情况" |
|
|
|
prop="familyInfoDto.spouseSituation" |
|
|
|
> |
|
|
|
<el-select |
|
|
|
v-model="form.familyInfoDto.spouseSituation" |
|
|
@ -215,9 +196,8 @@ |
|
|
|
></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="籍贯" prop="baseInfoDto.nativePlace"> |
|
|
|
|
|
|
|
<el-form-item label="籍贯" class="flex_item_width1" prop="baseInfoDto.nativePlace"> |
|
|
|
<el-input |
|
|
|
v-model="form.baseInfoDto.nativePlace" |
|
|
|
placeholder="请输入内容" |
|
|
@ -239,9 +219,7 @@ |
|
|
|
> |
|
|
|
</el-radio-group> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-form-item label="备注" prop="baseInfoDto.remark"> |
|
|
|
<el-form-item label="备注" prop="baseInfoDto.remark" class="flex_item_width2"> |
|
|
|
<el-input |
|
|
|
type="textarea" |
|
|
|
class="item_width_1" |
|
|
@ -254,17 +232,14 @@ |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
<h5>居住信息登记</h5> |
|
|
|
<div class="house"> |
|
|
|
<section |
|
|
|
v-for="(rowItem, index) in this.form.resideInfoDtos" |
|
|
|
:key="index" |
|
|
|
> |
|
|
|
<el-row type="flex" justify="start" style="margin-bottom: 24px"> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item |
|
|
|
<div class="flex_box"> |
|
|
|
<el-form-item |
|
|
|
label="所属组织" |
|
|
|
class="font-color-orange" |
|
|
|
style="margin: 0px" |
|
|
|
class="font-color-orange flex_item_width1" |
|
|
|
:prop="`resideInfoDtos[${index}].gridId`" |
|
|
|
:rules="[ |
|
|
|
{ |
|
|
@ -275,7 +250,7 @@ |
|
|
|
]" |
|
|
|
> |
|
|
|
<el-cascader |
|
|
|
class="u-item-width-agency" |
|
|
|
class="list_item_width_1" |
|
|
|
ref="myCascader" |
|
|
|
clearable |
|
|
|
size="small" |
|
|
@ -286,14 +261,12 @@ |
|
|
|
:disabled="rowItem.accessable === 0" |
|
|
|
></el-cascader> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="16" style="display: flex"> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
:prop="`resideInfoDtos[${index}].villageId`" |
|
|
|
label="所属房屋" |
|
|
|
style="margin: 0px" |
|
|
|
label-width="100px" |
|
|
|
class="font-color-orange" |
|
|
|
class="font-color-orange flex_item_width4" |
|
|
|
:rules="[ |
|
|
|
{ required: true, message: '请选择小区', trigger: 'blur' }, |
|
|
|
]" |
|
|
@ -302,7 +275,7 @@ |
|
|
|
v-model.trim="form.resideInfoDtos[index].villageId" |
|
|
|
placeholder="请选择小区" |
|
|
|
size="small" |
|
|
|
class="u-item-width-communitycascader f-bto0" |
|
|
|
class=" f-bto0" |
|
|
|
clearable |
|
|
|
@change="handleChangeV(index)" |
|
|
|
:disabled="rowItem.accessable === 0" |
|
|
@ -330,7 +303,7 @@ |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
@change="handleChangeB(index)" |
|
|
|
class="u-item-width-buildcascader f-bto0" |
|
|
|
class="flex_item_width3 f-bto0" |
|
|
|
:disabled="rowItem.accessable === 0" |
|
|
|
> |
|
|
|
<el-option |
|
|
@ -355,7 +328,7 @@ |
|
|
|
placeholder="单元" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="u-item-width-buildcascader f-bto0" |
|
|
|
class="flex_item_width3 f-bto0" |
|
|
|
@change="handleChangeD(index)" |
|
|
|
:disabled="rowItem.accessable === 0" |
|
|
|
> |
|
|
@ -382,7 +355,7 @@ |
|
|
|
placeholder="房号" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="u-item-width-buildcascader f-bto0" |
|
|
|
class="flex_item_width3 f-bto0" |
|
|
|
@change="handleChangeH(index)" |
|
|
|
:disabled="rowItem.accessable === 0" |
|
|
|
> |
|
|
@ -413,11 +386,9 @@ |
|
|
|
circle |
|
|
|
> |
|
|
|
</el-button> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row type="flex" justify="space-between"> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="人房关系" class="font-color-blue"> |
|
|
|
</div> |
|
|
|
<div class="flex_box"> |
|
|
|
<el-form-item label="人房关系" class="font-color-blue flex_item_width1"> |
|
|
|
<el-select |
|
|
|
v-model="form.resideInfoDtos[index].resiHouseRel" |
|
|
|
placeholder="请选择" |
|
|
@ -435,9 +406,7 @@ |
|
|
|
></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="人户状况" class="font-color-blue"> |
|
|
|
<el-form-item label="人户状况" class="font-color-blue flex_item_width1"> |
|
|
|
<el-select |
|
|
|
v-model="form.resideInfoDtos[index].householdSituation" |
|
|
|
placeholder="请选择" |
|
|
@ -454,11 +423,9 @@ |
|
|
|
></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item |
|
|
|
label="与户主关系" |
|
|
|
class="font-color-blue font-color-blue2" |
|
|
|
class="font-color-blue font-color-blue2 flex_item_width1" |
|
|
|
> |
|
|
|
<el-select |
|
|
|
v-model="form.resideInfoDtos[index].houseHolderRel" |
|
|
@ -476,12 +443,8 @@ |
|
|
|
></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col |
|
|
|
:span="6" |
|
|
|
v-if="form.resideInfoDtos[index].householdSituation == 'rzhbz'" |
|
|
|
> |
|
|
|
<el-form-item label="户籍所在地"> |
|
|
|
|
|
|
|
<el-form-item label="户籍所在地" v-if="form.resideInfoDtos[index].householdSituation == 'rzhbz'" class="flex_item_width1"> |
|
|
|
<el-input |
|
|
|
class="list_item_width_1" |
|
|
|
v-model="form.resideInfoDtos[index].placeOfDomicile" |
|
|
@ -491,14 +454,10 @@ |
|
|
|
:disabled="rowItem.accessable === 0" |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col |
|
|
|
:span="6" |
|
|
|
v-else-if=" |
|
|
|
|
|
|
|
<el-form-item label="现居住地址" v-else-if=" |
|
|
|
form.resideInfoDtos[index].householdSituation == 'hzrbz' |
|
|
|
" |
|
|
|
> |
|
|
|
<el-form-item label="现居住地址"> |
|
|
|
" class="flex_item_width1"> |
|
|
|
<el-input |
|
|
|
class="list_item_width_1" |
|
|
|
v-model="form.resideInfoDtos[index].currentResidence" |
|
|
@ -508,14 +467,11 @@ |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col |
|
|
|
:span="6" |
|
|
|
v-else-if=" |
|
|
|
|
|
|
|
<el-form-item label="迁出时间" |
|
|
|
class="flex_item_width1" v-else-if=" |
|
|
|
form.resideInfoDtos[index].householdSituation == 'rhdbz' |
|
|
|
" |
|
|
|
> |
|
|
|
<el-form-item label="迁出时间"> |
|
|
|
"> |
|
|
|
<el-date-picker |
|
|
|
v-model.trim="form.resideInfoDtos[index].outOfTime" |
|
|
|
class="list_item_width_1" |
|
|
@ -529,16 +485,12 @@ |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6" v-else> </el-col> |
|
|
|
</el-row> |
|
|
|
</div> |
|
|
|
</section> |
|
|
|
</div> |
|
|
|
<h5>拓展信息登记</h5> |
|
|
|
<div class="expand"> |
|
|
|
<el-row type="flex" justify="space-between"> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="宗教信仰" prop="religionDto.religion"> |
|
|
|
<div class="flex_box"> |
|
|
|
|
|
|
|
<el-form-item class="flex_item_width1" label="宗教信仰" prop="religionDto.religion"> |
|
|
|
<el-input |
|
|
|
class="list_item_width_1" |
|
|
|
v-model="form.religionDto.religion" |
|
|
@ -547,11 +499,10 @@ |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="就业状态" |
|
|
|
class="font-color-blue" |
|
|
|
class="font-color-blue flex_item_width1" |
|
|
|
prop="workInfoDto.careerStatus" |
|
|
|
> |
|
|
|
<el-select |
|
|
@ -570,15 +521,11 @@ |
|
|
|
></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col |
|
|
|
:span="6" |
|
|
|
v-if=" |
|
|
|
|
|
|
|
<el-form-item label="工作单位" class="flex_item_width1" prop="workInfoDto.workUnit" v-if=" |
|
|
|
form.workInfoDto.careerStatus >= 1 && |
|
|
|
form.workInfoDto.careerStatus <= 5 |
|
|
|
" |
|
|
|
> |
|
|
|
<el-form-item label="工作单位" prop="workInfoDto.workUnit"> |
|
|
|
"> |
|
|
|
<el-input |
|
|
|
class="list_item_width_1" |
|
|
|
v-model="form.workInfoDto.workUnit" |
|
|
@ -587,15 +534,11 @@ |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col |
|
|
|
:span="6" |
|
|
|
v-if=" |
|
|
|
|
|
|
|
<el-form-item v-if=" |
|
|
|
form.workInfoDto.careerStatus >= 1 && |
|
|
|
form.workInfoDto.careerStatus <= 5 |
|
|
|
" |
|
|
|
> |
|
|
|
<el-form-item label="职业" prop="workInfoDto.occupation"> |
|
|
|
" label="职业" class="flex_item_width1" prop="workInfoDto.occupation"> |
|
|
|
<el-input |
|
|
|
class="list_item_width_1" |
|
|
|
v-model="form.workInfoDto.occupation" |
|
|
@ -604,16 +547,12 @@ |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col |
|
|
|
:span="6" |
|
|
|
v-if=" |
|
|
|
<el-form-item v-if=" |
|
|
|
(form.workInfoDto.careerStatus == 0 || |
|
|
|
form.workInfoDto.careerStatus == 6) && |
|
|
|
form.workInfoDto.careerStatus |
|
|
|
" |
|
|
|
> |
|
|
|
<el-form-item |
|
|
|
class="flex_item_width1" |
|
|
|
label="原工作单位" |
|
|
|
prop="unemployedDto.originWorkUnit" |
|
|
|
> |
|
|
@ -625,17 +564,12 @@ |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col |
|
|
|
:span="6" |
|
|
|
v-if=" |
|
|
|
|
|
|
|
<el-form-item class="flex_item_width1" v-if=" |
|
|
|
(form.workInfoDto.careerStatus == 0 || |
|
|
|
form.workInfoDto.careerStatus == 6) && |
|
|
|
form.workInfoDto.careerStatus |
|
|
|
" |
|
|
|
> |
|
|
|
<el-form-item |
|
|
|
label="失业时间" |
|
|
|
prop="unemployedDto.unemploymentTime" |
|
|
|
> |
|
|
@ -651,23 +585,12 @@ |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12" v-if="!form.workInfoDto.careerStatus"></el-col> |
|
|
|
</el-row> |
|
|
|
<el-row |
|
|
|
v-if=" |
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="月收入" class="flex_item_width1" v-if=" |
|
|
|
form.workInfoDto.careerStatus >= 1 && |
|
|
|
form.workInfoDto.careerStatus <= 5 |
|
|
|
" |
|
|
|
> |
|
|
|
<el-col |
|
|
|
:span="6" |
|
|
|
v-if=" |
|
|
|
form.workInfoDto.careerStatus >= 1 && |
|
|
|
form.workInfoDto.careerStatus <= 5 |
|
|
|
" |
|
|
|
> |
|
|
|
<el-form-item label="月收入" prop="economyDto.monthIncome"> |
|
|
|
" prop="economyDto.monthIncome"> |
|
|
|
<el-input |
|
|
|
class="list_item_width_1" |
|
|
|
v-model="form.economyDto.monthIncome" |
|
|
@ -676,22 +599,15 @@ |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="18"> </el-col> |
|
|
|
</el-row> |
|
|
|
<el-row |
|
|
|
type="flex" |
|
|
|
justify="" |
|
|
|
v-if=" |
|
|
|
|
|
|
|
<el-form-item class="flex_item_width1" |
|
|
|
label="失业证号" |
|
|
|
prop="unemployedDto.unemploymentNum" |
|
|
|
v-if=" |
|
|
|
(form.workInfoDto.careerStatus == 0 || |
|
|
|
form.workInfoDto.careerStatus == 6) && |
|
|
|
form.workInfoDto.careerStatus |
|
|
|
" |
|
|
|
> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item |
|
|
|
label="失业证号" |
|
|
|
prop="unemployedDto.unemploymentNum" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
class="list_item_width_1" |
|
|
@ -701,11 +617,15 @@ |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item |
|
|
|
|
|
|
|
<el-form-item class="flex_item_width1" |
|
|
|
label="失业原因" |
|
|
|
prop="unemployedDto.unemploymentReason" |
|
|
|
v-if=" |
|
|
|
(form.workInfoDto.careerStatus == 0 || |
|
|
|
form.workInfoDto.careerStatus == 6) && |
|
|
|
form.workInfoDto.careerStatus |
|
|
|
" |
|
|
|
> |
|
|
|
<el-select |
|
|
|
v-model="form.unemployedDto.unemploymentReason" |
|
|
@ -722,12 +642,15 @@ |
|
|
|
></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item |
|
|
|
|
|
|
|
<el-form-item class="flex_item_width1" |
|
|
|
label="再就业优惠证号" |
|
|
|
label-width="120px" |
|
|
|
prop="unemployedDto.employmentNum" |
|
|
|
v-if=" |
|
|
|
(form.workInfoDto.careerStatus == 0 || |
|
|
|
form.workInfoDto.careerStatus == 6) && |
|
|
|
form.workInfoDto.careerStatus |
|
|
|
" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
class="list_item_width_1" |
|
|
@ -737,9 +660,12 @@ |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="技术特长" prop="unemployedDto.specialSkill"> |
|
|
|
|
|
|
|
<el-form-item label="技术特长" class="flex_item_width1" prop="unemployedDto.specialSkill" v-if=" |
|
|
|
(form.workInfoDto.careerStatus == 0 || |
|
|
|
form.workInfoDto.careerStatus == 6) && |
|
|
|
form.workInfoDto.careerStatus |
|
|
|
"> |
|
|
|
<el-input |
|
|
|
class="list_item_width_1" |
|
|
|
v-model="form.unemployedDto.specialSkill" |
|
|
@ -748,20 +674,15 @@ |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row |
|
|
|
type="flex" |
|
|
|
v-if=" |
|
|
|
|
|
|
|
|
|
|
|
<el-form-item v-if=" |
|
|
|
(form.workInfoDto.careerStatus == 0 || |
|
|
|
form.workInfoDto.careerStatus == 6) && |
|
|
|
form.workInfoDto.careerStatus |
|
|
|
" |
|
|
|
> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item |
|
|
|
class="flex_item_width1" |
|
|
|
label="是否领取失业金" |
|
|
|
label-width="120px" |
|
|
|
prop="unemployedDto.unempCompensationFlag" |
|
|
|
> |
|
|
|
<el-radio-group |
|
|
@ -775,11 +696,14 @@ |
|
|
|
> |
|
|
|
</el-radio-group> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item |
|
|
|
|
|
|
|
<el-form-item v-if=" |
|
|
|
(form.workInfoDto.careerStatus == 0 || |
|
|
|
form.workInfoDto.careerStatus == 6) && |
|
|
|
form.workInfoDto.careerStatus |
|
|
|
" |
|
|
|
class="flex_item_width1" |
|
|
|
label="是否就业困难对象" |
|
|
|
label-width="150px" |
|
|
|
prop="unemployedDto.employmentHardFlag" |
|
|
|
> |
|
|
|
<el-radio-group v-model="form.unemployedDto.employmentHardFlag"> |
|
|
@ -791,11 +715,14 @@ |
|
|
|
> |
|
|
|
</el-radio-group> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item |
|
|
|
|
|
|
|
<el-form-item v-if=" |
|
|
|
(form.workInfoDto.careerStatus == 0 || |
|
|
|
form.workInfoDto.careerStatus == 6) && |
|
|
|
form.workInfoDto.careerStatus |
|
|
|
" |
|
|
|
class="flex_item_width1" |
|
|
|
label="劳动就业愿望" |
|
|
|
label-width="105px" |
|
|
|
prop="workInfoDto.employmentWish" |
|
|
|
> |
|
|
|
<el-select |
|
|
@ -813,11 +740,10 @@ |
|
|
|
></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row type="flex" justify=""> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="有无赡养人" prop="familyInfoDto.elderlyFlag"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="有无赡养人" class="flex_item_width1" prop="familyInfoDto.elderlyFlag"> |
|
|
|
<el-radio-group v-model="form.familyInfoDto.elderlyFlag"> |
|
|
|
<el-radio |
|
|
|
:label="item.value" |
|
|
@ -828,11 +754,10 @@ |
|
|
|
> |
|
|
|
</el-radio-group> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6" v-if="form.familyInfoDto.elderlyFlag == 1"> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
v-if="form.familyInfoDto.elderlyFlag == 1" class="flex_item_width1" |
|
|
|
label="与赡养人关系" |
|
|
|
label-width="105px" |
|
|
|
prop="familyInfoDto.elderlyRelation" |
|
|
|
> |
|
|
|
<el-select |
|
|
@ -850,11 +775,9 @@ |
|
|
|
></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6" v-if="form.familyInfoDto.elderlyFlag == 1"> |
|
|
|
<el-form-item |
|
|
|
v-if="form.familyInfoDto.elderlyFlag == 1" class="flex_item_width1" |
|
|
|
label="赡养人联系电话" |
|
|
|
label-width="150px" |
|
|
|
prop="familyInfoDto.dependantMobile" |
|
|
|
> |
|
|
|
<el-input |
|
|
@ -865,8 +788,6 @@ |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</div> |
|
|
|
<h5>人员标签</h5> |
|
|
|
<div class="stafftag"> |
|
|
@ -1021,7 +942,7 @@ export default { |
|
|
|
optionsB: [], |
|
|
|
optionsH: [], |
|
|
|
optionsD: [], |
|
|
|
orgOptions:[] |
|
|
|
orgOptions: [], |
|
|
|
}, |
|
|
|
], |
|
|
|
religionDto: { |
|
|
@ -1050,7 +971,7 @@ export default { |
|
|
|
monthIncome: null, //月收入 |
|
|
|
}, |
|
|
|
}, |
|
|
|
orgOption:[], |
|
|
|
orgOption: [], |
|
|
|
footerInputList: [ |
|
|
|
{ |
|
|
|
id: "healthDto", |
|
|
@ -1174,12 +1095,12 @@ export default { |
|
|
|
children: [ |
|
|
|
{ |
|
|
|
label: "老年人分类", |
|
|
|
itemType: "select1", |
|
|
|
multiple: true, |
|
|
|
itemType: "checkbox", |
|
|
|
formName: "oldPeopleCategories", |
|
|
|
opctionUrl: "sys/dict/data/dictlist", |
|
|
|
opctionParams: { dictType: "oldPeople_categories" }, |
|
|
|
pformName: "oldPeopleDto", |
|
|
|
opction:[] |
|
|
|
}, |
|
|
|
{ |
|
|
|
label: "居住情况", |
|
|
@ -1600,7 +1521,7 @@ export default { |
|
|
|
title: "志愿者", |
|
|
|
}, |
|
|
|
}, |
|
|
|
formCopy:null |
|
|
|
formCopy: null, |
|
|
|
}; |
|
|
|
}, |
|
|
|
async created() { |
|
|
@ -1610,7 +1531,7 @@ export default { |
|
|
|
this.resiId = this.$route.query.id; |
|
|
|
this.loading = true; |
|
|
|
await this.getDicts(); |
|
|
|
await this.getOrgTreeListAll() |
|
|
|
await this.getOrgTreeListAll(); |
|
|
|
await this.getResiDetail(); |
|
|
|
}, |
|
|
|
methods: { |
|
|
@ -1628,12 +1549,13 @@ export default { |
|
|
|
promises.push(this.getBuildList(i)); |
|
|
|
promises.push(this.getHouseList(i)); |
|
|
|
promises.push(this.getUniList(i)); |
|
|
|
this.form.resideInfoDtos[i].orgOptions = [] |
|
|
|
this.getOrgTreeList(this.form.resideInfoDtos[i].agencyId,i); |
|
|
|
this.form.resideInfoDtos[i].orgOptions = []; |
|
|
|
this.getOrgTreeList(this.form.resideInfoDtos[i].agencyId, i); |
|
|
|
} |
|
|
|
this.form = { ...res.data.data }; |
|
|
|
this.form.baseInfoDto.idNum = this.$route.params.idNum; |
|
|
|
this.form.baseInfoDto.mobile = this.$route.params.mobile; |
|
|
|
this.form.baseInfoDto.name = this.$route.params.name; |
|
|
|
if (!res.data.data.familyInfoDto) { |
|
|
|
this.form.familyInfoDto = { |
|
|
|
marriage: null, //婚姻状况 |
|
|
@ -1668,7 +1590,7 @@ export default { |
|
|
|
if (!res.data.data.subsistenceAllowanceDto) { |
|
|
|
this.form.subsistenceAllowanceDto = { |
|
|
|
reasons: [], |
|
|
|
category:null , |
|
|
|
category: null, |
|
|
|
}; |
|
|
|
} |
|
|
|
if (!res.data.data.unemployedDto) { |
|
|
@ -1705,12 +1627,17 @@ export default { |
|
|
|
formData && |
|
|
|
Object.keys(formData).includes(formName) |
|
|
|
) { |
|
|
|
if(this.footerInputList[i].children[index].itemType == 'cascader1'){ |
|
|
|
if ( |
|
|
|
this.footerInputList[i].children[index].itemType == |
|
|
|
"cascader1" |
|
|
|
) { |
|
|
|
this.footerInputList[i].children[index].orgPath = |
|
|
|
formData.partyOrgIdPath || null; |
|
|
|
formData.partyOrgIdPath || null; |
|
|
|
} |
|
|
|
this.footerInputList[i].children[index].value = |
|
|
|
formData[formName] != null?formData[formName]:null |
|
|
|
formData[formName] != null |
|
|
|
? formData[formName] |
|
|
|
: null; |
|
|
|
this.footerInputList[i].children[index].id = |
|
|
|
formData.id; |
|
|
|
} |
|
|
@ -1791,9 +1718,9 @@ export default { |
|
|
|
console.log("获取字典失败: ", error); |
|
|
|
} |
|
|
|
}, |
|
|
|
getOrgTreeList(id,i) { |
|
|
|
getOrgTreeList(id, i) { |
|
|
|
this.$http |
|
|
|
.post("/gov/org/customeragency/rootagencygridtree", {agencyId:id}) |
|
|
|
.post("/gov/org/customeragency/rootagencygridtree", { agencyId: id }) |
|
|
|
.then(({ data: res }) => { |
|
|
|
if (res.code !== 0) { |
|
|
|
return this.$message.error(res.msg); |
|
|
@ -1808,12 +1735,12 @@ export default { |
|
|
|
}, |
|
|
|
getOrgTreeListAll() { |
|
|
|
this.$http |
|
|
|
.post("/gov/org/customeragency/agencygridtree", {}) |
|
|
|
.post("/gov/org/customeragency/agencygridtree", {}) |
|
|
|
.then(({ data: res }) => { |
|
|
|
if (res.code !== 0) { |
|
|
|
return this.$message.error(res.msg); |
|
|
|
} else { |
|
|
|
this.orgOption.push(res.data) |
|
|
|
this.orgOption.push(res.data); |
|
|
|
} |
|
|
|
}) |
|
|
|
.catch(() => { |
|
|
@ -1890,7 +1817,7 @@ export default { |
|
|
|
this.$http |
|
|
|
.post("/actual/base/communityQuarters/listQuartersOptions", { |
|
|
|
gridId: this.form.resideInfoDtos[index].gridId, |
|
|
|
agencyId:this.form.resideInfoDtos[index].agencyId || user.agencyId, |
|
|
|
agencyId: this.form.resideInfoDtos[index].agencyId || user.agencyId, |
|
|
|
}) |
|
|
|
.then(({ data: res }) => { |
|
|
|
if (res.code !== 0) { |
|
|
@ -1973,7 +1900,7 @@ export default { |
|
|
|
optionsB: [], |
|
|
|
optionsH: [], |
|
|
|
optionsD: [], |
|
|
|
orgOptions:this.orgOption |
|
|
|
orgOptions: this.orgOption, |
|
|
|
}); |
|
|
|
}, |
|
|
|
handelClickDelHouse(i) { |
|
|
@ -2068,22 +1995,22 @@ export default { |
|
|
|
}); |
|
|
|
}, |
|
|
|
handleClickSubmit(house) { |
|
|
|
this.$refs["editForm"].validate((valid) => { |
|
|
|
if (valid) { |
|
|
|
this.form.resideInfoDtos.forEach((item) => { |
|
|
|
delete item.optionsV; |
|
|
|
delete item.optionsB; |
|
|
|
delete item.optionsH; |
|
|
|
delete item.optionsD; |
|
|
|
delete item.orgOptions; |
|
|
|
}); |
|
|
|
delete this.form.integrityData; |
|
|
|
this.submitForm(house); |
|
|
|
} |
|
|
|
}); |
|
|
|
this.$refs["editForm"].validate((valid) => { |
|
|
|
if (valid) { |
|
|
|
this.form.resideInfoDtos.forEach((item) => { |
|
|
|
delete item.optionsV; |
|
|
|
delete item.optionsB; |
|
|
|
delete item.optionsH; |
|
|
|
delete item.optionsD; |
|
|
|
delete item.orgOptions; |
|
|
|
}); |
|
|
|
delete this.form.integrityData; |
|
|
|
this.submitForm(house); |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
async submitForm(house) { |
|
|
|
this.btnLoading = true |
|
|
|
this.btnLoading = true; |
|
|
|
try { |
|
|
|
let url = this.houseType |
|
|
|
? "/actual/base/residentBaseInfo/update" |
|
|
|