elink-star
/
epmet-work-pc
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

新增详情修改居民布局调整老年人回填问题

dlt_manageScope_0428
mk 2 years ago
parent
5aa7b9c343
commit
6940bfe6c7
6 changed files with 429 additions and 595 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 20
      src/assets/scss/pages/resiAdd.scss
  2. 48
      src/assets/scss/pages/resiInfo.scss
  3. 285
      src/views/components/addResi.vue
  4. 407
      src/views/components/editResi.vue
  5. 10
      src/views/components/resiSearch.vue
  6. 254
      src/views/modules/portrayal/jumin/index.vue

20
src/assets/scss/pages/resiAdd.scss
View File

@ -2,11 +2,29 @@
height: 100%;
padding:16px;
.item_width_1{
width: 514px;
width: 498px;
}
.form{
background-color: #fff;
padding:16px;
.flex_box{
display: flex;
flex-wrap: wrap;
.flex_item_width1{
width: 332px;
}
.flex_item_width2{
width: 700px;
}
.flex_item_width3{
width: 120px;
}
.flex_item_width4{
width: 300px;
}
}
}
}
h5 {

48
src/assets/scss/pages/resiInfo.scss
View File

@ -84,6 +84,7 @@
}
.right{
flex: 1;
width: 100%;
height: 100%;
background: #ffffff;
position: relative;
@ -104,31 +105,40 @@
margin-left: 0px;
margin-top: 22px;
}
.f-label {
width: 100px;
text-align: right;
color: rgba(51, 51, 51, .85) ;
>b{
font-weight: 400;
position: relative;
color: rgba(51, 51, 51, .85) ;
.flex_box{
display: flex;
flex-wrap: wrap;
&::after{
content: '*';
position: absolute;
top: 0px;
color: #ff5107;
left: -7px;
.f-flex{
margin-top: 23px;
width: 332px;
align-items: center;
.f-label {
width: 100px;
text-align: right;
color: rgba(51, 51, 51, .85) ;
>b{
font-weight: 400;
position: relative;
color: rgba(51, 51, 51, .85) ;
&::after{
content: '*';
position: absolute;
top: 0px;
color: #ff5107;
left: -7px;
}
}
}
}
}
.f-labels{
width: 155px;
text-align: right;
}
.f-flex{
align-items: center;
}
.f-m-top23{
margin-top: 23px;
}
@ -138,6 +148,4 @@
::v-deep .el-button--text{
padding: 0;
}
::v-deep .el-row{
padding-left: 37px;
}

285
src/views/components/addResi.vue
View File

@ -3,85 +3,70 @@
<div class="form">
<el-form :model="form" :rules="rules" label-width="105px" ref="addForm">
<h5 style="margin-top: 6px;">基础信息登记</h5>
<div class="basicInfo">
<el-row type="flex" justify="space-between">
<el-col :span="6">
<el-form-item label="姓名" prop="baseInfoDto.name" class="font-color-orange">
<div class="flex_box">
<el-form-item label="姓名" prop="baseInfoDto.name" class="font-color-orange flex_item_width1">
<el-input class="list_item_width_1" v-model="form.baseInfoDto.name" placeholder="请输入内容"
size="small" clearable></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="证件类型" prop="baseInfoDto.idType" class="font-color-orange">
<el-form-item label="证件类型" prop="baseInfoDto.idType" class="font-color-orange flex_item_width1">
<el-select v-model="form.baseInfoDto.idType" placeholder="请选择" size="small"
class="list_item_width_1" clearable>
<el-option v-for="(item, index) in idTypeList" :key="index" :label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="证件号" prop="baseInfoDto.idNum" class="font-color-orange">
<el-form-item label="证件号" prop="baseInfoDto.idNum" class="font-color-orange flex_item_width1">
<el-input v-model="form.baseInfoDto.idNum" placeholder="请输入内容" clearable size="small"
class="list_item_width_1" @blur="handleValidBlur"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="国籍" prop="baseInfoDto.nationality" class="font-color-orange">
<el-form-item label="国籍" prop="baseInfoDto.nationality" class="font-color-orange flex_item_width1">
<el-select v-model="form.baseInfoDto.nationality" placeholder="请选择" size="small"
class="list_item_width_1" clearable>
<el-option v-for="(item, index) in dicts.nationalityList" :key="index"
:label="item.label" :value="item.value"></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">
<el-form-item label="联系电话" prop="baseInfoDto.mobile" class="font-color-orange flex_item_width1">
<el-input class="list_item_width_1" v-model="form.baseInfoDto.mobile"
placeholder="请输入内容" size="small" clearable></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="性别">
<el-form-item label="性别" class="flex_item_width1">
<el-select v-model="form.baseInfoDto.gender" placeholder="请选择" size="small"
class="list_item_width_1" clearable>
<el-option v-for="(item, index) in genderList" :key="index" :label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="出生日期">
<el-form-item label="出生日期" class="flex_item_width1">
<el-date-picker v-model.trim="form.baseInfoDto.birthday" class="list_item_width_1"
type="date" size="small" clearable placeholder="选择日期" format="yyyy 年 MM 月 dd 日"
value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="民族">
<el-form-item label="民族" class="flex_item_width1">
<el-select v-model="form.baseInfoDto.nation" placeholder="请选择" size="small"
class="list_item_width_1" clearable>
<el-option v-for="(item, index) in dicts.nationList" :key="index"
:label="item.label" :value="item.value"></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="文化程度">
<el-form-item label="文化程度" class="flex_item_width1">
<el-select v-model="form.eduInfoDto.cultureLevel" placeholder="请选择" size="small"
class="list_item_width_1" clearable>
<el-option v-for="(item, index) in dicts.educationList" :key="index"
:label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="婚姻状况">
<el-form-item label="婚姻状况" class="flex_item_width1">
<el-select v-model="form.familyInfoDto.marriage" placeholder="请选择" size="small"
class="list_item_width_1" clearable>
<el-option v-for="(item, index) in dicts.marriageList" :key="index"
@ -89,65 +74,56 @@
@click.native="handelClickMarriage(item.value)"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6"
v-if="form.familyInfoDto.marriage == 'chuhun' || form.familyInfoDto.marriage == 'zaihun' || form.familyInfoDto.marriage == 'fuhun'">
<el-form-item label="配偶情况">
<el-form-item label="配偶情况" v-if="form.familyInfoDto.marriage == 'chuhun' || form.familyInfoDto.marriage == 'zaihun' || form.familyInfoDto.marriage == 'fuhun'" class="flex_item_width1">
<el-select v-model="form.familyInfoDto.spouseSituation" placeholder="请选择" size="small"
class="list_item_width_1" clearable>
<el-option v-for="(item, index) in dicts.spouseSituationList" :key="index"
:label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="籍贯">
<el-form-item label="籍贯" class="flex_item_width1">
<el-input v-model="form.baseInfoDto.nativePlace" placeholder="请输入内容" clearable
size="small" class="list_item_width_1"></el-input>
<el-radio v-model="form.baseInfoDto.localResidenceFlag" style="margin-left: 10px;"
@click.native="handleLocalRadio($event)" :label="1">本地</el-radio>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="备注">
<el-form-item label="备注" class="flex_item_width2" >
<el-input type="textarea" class="item_width_1" :rows="3" placeholder="请输入内容"
v-model="form.baseInfoDto.remark" clearable>
</el-input>
</el-form-item>
</div>
<h5>居住信息登记</h5>
<div class="house">
<section v-for="(item, index) in this.form.resideInfoDtos" :key="index">
<el-row type="flex" justify="start" style="margin-bottom: 24px;">
<el-col :span="8">
<el-form-item label="所属组织" class="font-color-orange" style="margin:0px "
<section v-for="(item, index) in this.form.resideInfoDtos" :key="index" class="flex_box">
<el-form-item label="所属组织" class="font-color-orange flex_item_width1"
:prop="`resideInfoDtos[${index}].gridId`" :rules="[
{ required: true, message: '请选择所属组织', trigger: 'blur' },
]">
<el-cascader class="u-item-width-agency" ref="myCascader" clearable size="small"
{ required: true, message: '请选择所属组织', trigger: 'blur' },
]">
<el-cascader class="list_item_width_1" ref="myCascader" clearable size="small"
v-model="form.resideInfoDtos[index].gridId" :options="orgOptions"
:props="orgOptionProps" @change="handleChangeAgency(index)"></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" :rules="[
{ required: true, message: '请选择小区', trigger: 'blur' },
]">
label-width="100px" class="font-color-orange flex_item_width4" :rules="[
{ required: true, message: '请选择小区', trigger: 'blur' },
]">
<el-select v-model.trim="form.resideInfoDtos[index].villageId" placeholder="请选择小区"
size="small" class="u-item-width-communitycascader f-bto0" clearable>
size="small" class="f-bto0" clearable>
<el-option v-for="item in item.optionsV" :key="item.value" :label="item.label"
:value="item.value" @click.native="handleChangeV(index)">
</el-option>
</el-select>
</el-form-item>
<el-form-item :prop="`resideInfoDtos[${index}].buildId`" label-width="0"
style="margin:0px" :rules="[
{ required: true, message: '请选择楼栋', trigger: 'blur' },
]">
]" class="flex_item_width3">
<el-select v-model.trim="form.resideInfoDtos[index].buildId" placeholder="楼号"
size="small" clearable @change="handleChangeB(index)"
class="u-item-width-buildcascader f-bto0">
class=" f-bto0">
<el-option v-for="item in item.optionsB" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
@ -156,9 +132,9 @@
<el-form-item :prop="`resideInfoDtos[${index}].unitId`" label-width="0"
style="margin:0px" :rules="[
{ required: true, message: '请选择单元', trigger: 'blur' },
]">
]" class="flex_item_width3">
<el-select v-model.trim="form.resideInfoDtos[index].unitId" placeholder="单元"
size="small" clearable class="u-item-width-buildcascader f-bto0"
size="small" clearable class=" f-bto0"
@change="handleChangeD(index)">
<el-option v-for="item in item.optionsD" :key="item.value" :label="item.label"
:value="item.value">
@ -168,27 +144,17 @@
<el-form-item :prop="`resideInfoDtos[${index}].homeId`" label-width="0"
style="margin:0px " :rules="[
{ required: true, message: '请选择房屋', trigger: 'blur' },
]">
]" class="flex_item_width3">
<el-select v-model.trim="form.resideInfoDtos[index].homeId" placeholder="房号"
size="small" clearable class="u-item-width-buildcascader f-bto0"
size="small" clearable class=" f-bto0"
@change="handleChangeH(index)">
<el-option v-for="item in item.optionsH" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-button type="primary" size="mini" icon="el-icon-plus" circle
@click="handelClickAddHouse" style="margin-left: 16px; height: 30px;"></el-button>
<el-button type="danger" v-if="form.resideInfoDtos.length > 1" size="small"
icon="el-icon-minus" @click="handelClickDelHouse(index)" style="height: 30px;"
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">
<el-form-item label="人房关系" class="font-color-blue flex_item_width1">
<el-select v-model="form.resideInfoDtos[index].resiHouseRel" placeholder="请选择"
size="small" class="list_item_width_1"
@change="handelChangeResiHouseRel($event, index)" clearable>
@ -196,64 +162,53 @@
:label="item.label" :value="item.value"></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="请选择"
size="small" class="list_item_width_1" clearable>
<el-option v-for="(item, index) in dicts.householdSituationList" :key="index"
:label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="与户主关系" class="font-color-blue font-color-blue2">
<el-select v-model="form.resideInfoDtos[index].houseHolderRel" placeholder="请选择"
size="small" class="list_item_width_1" clearable>
<el-option v-for="(item, index) in dicts.houseHolderRelList" :key="index"
:label="item.label" :value="item.value"></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-input class="list_item_width_1"
<el-form-item class="flex_item_width1" label="户籍所在地" v-if="form.resideInfoDtos[index].householdSituation == 'rzhbz'">
<el-input
v-model="form.resideInfoDtos[index].placeOfDomicile" placeholder="请输入内容"
size="small" clearable></el-input>
</el-form-item>
</el-col>
<el-col :span="6" v-else-if="form.resideInfoDtos[index].householdSituation == 'hzrbz'">
<el-form-item label="现居住地址">
<el-input class="list_item_width_1"
<el-form-item class="flex_item_width1" label="现居住地址" v-else-if="form.resideInfoDtos[index].householdSituation == 'hzrbz'">
<el-input
v-model="form.resideInfoDtos[index].currentResidence" placeholder="请输入内容"
size="small" clearable></el-input>
</el-form-item>
</el-col>
<el-col :span="6" v-else-if="form.resideInfoDtos[index].householdSituation == 'rhdbz'">
<el-form-item label="迁出时间">
<el-form-item class="flex_item_width1" label="迁出时间" v-else-if="form.resideInfoDtos[index].householdSituation == 'rhdbz'">
<el-date-picker v-model.trim="form.resideInfoDtos[index].outOfTime"
class="list_item_width_1" type="date" size="small" clearable placeholder="选择日期"
format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="6" v-else>
</el-col>
</el-row>
<el-form-item class="flex_item_width1 font-color-blue font-color-blue2" label="与户主关系" >
<el-select v-model="form.resideInfoDtos[index].houseHolderRel" placeholder="请选择"
size="small" class="list_item_width_1" clearable>
<el-option v-for="(item, index) in dicts.houseHolderRelList" :key="index"
:label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item>
<el-button type="primary" size="mini" icon="el-icon-plus" circle
@click="handelClickAddHouse" style="margin-left: 16px; height: 30px;"></el-button>
<el-button type="danger" v-if="form.resideInfoDtos.length > 1" size="small"
icon="el-icon-minus" @click="handelClickDelHouse(index)" style="height: 30px;"
circle>
</el-button>
</section>
</div>
<h5>拓展信息登记</h5>
<div class="expand">
<el-row type="flex" justify="space-between">
<el-col :span="6">
<el-form-item label="宗教信仰">
<div class="flex_box">
<el-form-item label="宗教信仰" class="flex_item_width1">
<el-input class="list_item_width_1" v-model="form.religionDto.religion"
placeholder="请输入内容" size="small" clearable></el-input>
</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.workInfoDto.careerStatus" placeholder="请选择" size="small"
class="list_item_width_1" clearable>
<el-option v-for="(item, index) in dicts.careerStatusList" :key="index"
@ -261,138 +216,103 @@
@click.native="handelClickCareerStatus(item.value)"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6"
v-if="form.workInfoDto.careerStatus >= 1 && form.workInfoDto.careerStatus <= 5">
<el-form-item label="工作单位">
<el-form-item label="工作单位" class="flex_item_width1" v-if="form.workInfoDto.careerStatus >= 1 && form.workInfoDto.careerStatus <= 5">
<el-input class="list_item_width_1" v-model="form.workInfoDto.workUnit"
placeholder="请输入内容" size="small" clearable></el-input>
</el-form-item>
</el-col>
<el-col :span="6"
v-if="form.workInfoDto.careerStatus >= 1 && form.workInfoDto.careerStatus <= 5">
<el-form-item label="职业">
<el-form-item label="职业" class="flex_item_width1" v-if="form.workInfoDto.careerStatus >= 1 && form.workInfoDto.careerStatus <= 5">
<el-input class="list_item_width_1" v-model="form.workInfoDto.occupation"
placeholder="请输入内容" size="small" clearable></el-input>
</el-form-item>
</el-col>
<el-col :span="6"
v-if="(form.workInfoDto.careerStatus == 0 || form.workInfoDto.careerStatus == 6) && form.workInfoDto.careerStatus">
<el-form-item label="原工作单位">
<el-form-item label="原工作单位" class="flex_item_width1" v-if="(form.workInfoDto.careerStatus == 0 || form.workInfoDto.careerStatus == 6) && form.workInfoDto.careerStatus">
<el-input class="list_item_width_1" v-model="form.unemployedDto.originWorkUnit"
placeholder="请输入内容" size="small" clearable></el-input>
</el-form-item>
</el-col>
<el-col :span="6"
v-if="(form.workInfoDto.careerStatus == 0 || form.workInfoDto.careerStatus == 6) && form.workInfoDto.careerStatus">
<el-form-item label="失业时间">
<el-form-item label="失业时间" class="flex_item_width1" v-if="(form.workInfoDto.careerStatus == 0 || form.workInfoDto.careerStatus == 6) && form.workInfoDto.careerStatus">
<el-date-picker v-model.trim="form.unemployedDto.unemploymentTime"
class="list_item_width_1" type="date" size="small" clearable placeholder="选择日期"
format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd">
</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="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="月收入">
<el-form-item label="月收入" class="flex_item_width1" v-if="form.workInfoDto.careerStatus >= 1 && form.workInfoDto.careerStatus <= 5">
<el-input class="list_item_width_1" v-model="form.economyDto.monthIncome"
placeholder="请输入内容" size="small" clearable></el-input>
</el-form-item>
</el-col>
<el-col :span="18">
</el-col>
</el-row>
<el-row type="flex" justify=""
v-if="(form.workInfoDto.careerStatus == 0 || form.workInfoDto.careerStatus == 6) && form.workInfoDto.careerStatus">
<el-col :span="6">
<el-form-item label="失业证号">
<el-form-item label="失业证号" class="flex_item_width1" v-if="(form.workInfoDto.careerStatus == 0 || form.workInfoDto.careerStatus == 6) && form.workInfoDto.careerStatus">
<el-input class="list_item_width_1" v-model="form.unemployedDto.unemploymentNum"
placeholder="请输入内容" size="small" clearable></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="失业原因">
<el-form-item label="失业原因" class="flex_item_width1" v-if="(form.workInfoDto.careerStatus == 0 || form.workInfoDto.careerStatus == 6) && form.workInfoDto.careerStatus">
<el-select v-model="form.unemployedDto.unemploymentReason" placeholder="请选择"
size="small" class="list_item_width_1" clearable>
<el-option v-for="(item, index) in dicts.unemploymentReasonList" :key="index"
:label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="再就业优惠证号" label-width="120px">
<el-form-item label="再就业优惠证号" class="flex_item_width1" v-if="(form.workInfoDto.careerStatus == 0 || form.workInfoDto.careerStatus == 6) && form.workInfoDto.careerStatus">
<el-input class="list_item_width_1" v-model="form.unemployedDto.employmentNum"
placeholder="请输入内容" size="small" clearable></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="技术特长">
<el-form-item label="技术特长"class="flex_item_width1" 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"
placeholder="请输入内容" size="small" clearable></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row type="flex"
v-if="(form.workInfoDto.careerStatus == 0 || form.workInfoDto.careerStatus == 6) && form.workInfoDto.careerStatus">
<el-col :span="6">
<el-form-item label="是否领取失业金" label-width="120px">
<el-form-item label="是否领取失业金" class="flex_item_width1" v-if="(form.workInfoDto.careerStatus == 0 || form.workInfoDto.careerStatus == 6) && form.workInfoDto.careerStatus">
<el-radio-group v-model="form.unemployedDto.unempCompensationFlag">
<el-radio :label="item.value" v-for="item in disabilityFlagList" :key="item.value">{{
item.label
}}</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="是否就业困难对象" label-width="150px">
<el-form-item label="是否就业困难对象" class="flex_item_width1" v-if="(form.workInfoDto.careerStatus == 0 || form.workInfoDto.careerStatus == 6) && form.workInfoDto.careerStatus">
<el-radio-group v-model="form.unemployedDto.employmentHardFlag">
<el-radio :label="item.value" v-for="item in disabilityFlagList" :key="item.value">{{
item.label
}}</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="劳动就业愿望">
<el-form-item label="劳动就业愿望" class="flex_item_width1" v-if="(form.workInfoDto.careerStatus == 0 || form.workInfoDto.careerStatus == 6) && form.workInfoDto.careerStatus">
<el-select v-model="form.workInfoDto.employmentWish" placeholder="请选择" size="small"
class="list_item_width_1" clearable>
<el-option v-for="(item, index) in dicts.employmentWishList" :key="index"
:label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row type="flex" justify="">
<el-col :span="6">
<el-form-item label="有无赡养人">
<el-form-item label="有无赡养人" class="flex_item_width1">
<el-radio-group v-model="form.familyInfoDto.elderlyFlag">
<el-radio :label="item.value" v-for="item in hasOptions" :key="item.value"
@click.native="handelClickelderly">{{ item.label
}}</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6" v-if="form.familyInfoDto.elderlyFlag == 1">
<el-form-item label="与赡养人关系">
<el-form-item label="与赡养人关系" class="flex_item_width1" v-if="form.familyInfoDto.elderlyFlag == 1">
<el-select v-model="form.familyInfoDto.elderlyRelation" placeholder="请选择" size="small"
class="list_item_width_1" clearable>
<el-option v-for="(item, index) in dicts.houseHolderRelList" :key="index"
:label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6" v-if="form.familyInfoDto.elderlyFlag == 1">
<el-form-item label="赡养人联系电话" label-width="150px">
<el-form-item label="赡养人联系电话" class="flex_item_width1"v-if="form.familyInfoDto.elderlyFlag == 1">
<el-input class="list_item_width_1" v-model="form.familyInfoDto.dependantMobile"
placeholder="请输入内容" size="small" clearable></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<h5>人员标签</h5>
<div class="stafftag">
@ -650,11 +570,12 @@ export default {
children: [
{
label: "老年人分类",
itemType: "select1",
multiple: true,
itemType: "checkbox",
formName: "oldPeopleCategories",
opctionUrl: 'sys/dict/data/dictlist',
opctionParams: { dictType: 'oldPeople_categories' },
opction:[]
},
{
label: "居住情况",

407
src/views/components/editResi.vue
View File

@ -3,13 +3,11 @@
<div class="form">
<el-form :model="form" :rules="rules" label-width="100px" 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,8 +196,7 @@
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="籍贯" prop="baseInfoDto.nativePlace">
<el-input
v-model="form.baseInfoDto.nativePlace"
@ -233,9 +213,7 @@
>本地</el-radio
>
</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"
@ -248,16 +226,14 @@
</el-form-item>
</div>
<h5>居住信息登记</h5>
<div class="house">
<section
v-for="(rowItem, index) in this.form.resideInfoDtos"
:key="index"
class="flex_box"
>
<el-row type="flex" justify="start" style="margin-bottom: 24px">
<el-col :span="8">
<el-form-item
label="所属组织"
class="font-color-orange"
class="font-color-orange flex_item_width1"
style="margin: 0px"
:prop="`resideInfoDtos[${index}].gridId`"
:rules="[
@ -269,7 +245,7 @@
]"
>
<el-cascader
class="u-item-width-agency"
class="list_item_width_1"
ref="myCascader"
clearable
size="small"
@ -280,14 +256,13 @@
: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' },
]"
@ -296,7 +271,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"
@ -324,7 +299,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
@ -349,7 +324,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"
>
@ -376,7 +351,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"
>
@ -389,28 +364,7 @@
</el-option>
</el-select>
</el-form-item>
<el-button
type="primary"
size="mini"
icon="el-icon-plus"
circle
@click="handelClickAddHouse"
style="margin-left: 16px; height: 30px"
></el-button>
<el-button
type="danger"
v-if="form.resideInfoDtos.length > 1 && rowItem.accessable !== 0"
size="small"
icon="el-icon-minus"
@click="handelClickDelHouse(index)"
style="height: 30px"
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">
<el-select
v-model="form.resideInfoDtos[index].resiHouseRel"
@ -429,8 +383,6 @@
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="人户状况" class="font-color-blue">
<el-select
v-model="form.resideInfoDtos[index].householdSituation"
@ -448,8 +400,6 @@
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item
label="与户主关系"
class="font-color-blue font-color-blue2"
@ -470,12 +420,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'">
<el-input
class="list_item_width_1"
v-model="form.resideInfoDtos[index].placeOfDomicile"
@ -485,14 +431,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="现居住地址">
">
<el-input
class="list_item_width_1"
v-model="form.resideInfoDtos[index].currentResidence"
@ -502,14 +444,10 @@
clearable
></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 == 'rhdbz'
"
>
<el-form-item label="迁出时间">
">
<el-date-picker
v-model.trim="form.resideInfoDtos[index].outOfTime"
class="list_item_width_1"
@ -523,16 +461,29 @@
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="6" v-else> </el-col>
</el-row>
<el-button
type="primary"
size="mini"
icon="el-icon-plus"
circle
@click="handelClickAddHouse"
style="margin-left: 16px; height: 30px"
></el-button>
<el-button
type="danger"
v-if="form.resideInfoDtos.length > 1 && rowItem.accessable !== 0"
size="small"
icon="el-icon-minus"
@click="handelClickDelHouse(index)"
style="height: 30px"
circle
>
</el-button>
</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"
@ -541,11 +492,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
@ -564,15 +514,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"
@ -581,15 +527,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"
@ -598,16 +540,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"
>
@ -619,17 +557,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"
>
@ -645,23 +578,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"
@ -670,22 +592,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"
@ -695,11 +610,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"
@ -716,12 +635,16 @@
></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"
@ -731,9 +654,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"
@ -742,18 +668,14 @@
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"
@ -769,9 +691,13 @@
>
</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"
@ -785,9 +711,13 @@
>
</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"
@ -807,11 +737,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"
@ -822,9 +751,9 @@
>
</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"
@ -844,9 +773,8 @@
></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"
@ -859,8 +787,6 @@
clearable
></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<h5>人员标签</h5>
<div class="stafftag">
@ -1015,7 +941,7 @@ export default {
optionsB: [],
optionsH: [],
optionsD: [],
orgOptions:[]
orgOptions: [],
},
],
religionDto: {
@ -1044,7 +970,7 @@ export default {
monthIncome: null, //月收入
},
},
orgOption:[],
orgOption: [],
footerInputList: [
{
id: "healthDto",
@ -1168,12 +1094,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: "居住情况",
@ -1594,7 +1520,7 @@ export default {
title: "志愿者",
},
},
formCopy:null
formCopy: null,
};
},
async created() {
@ -1604,7 +1530,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: {
@ -1622,8 +1548,8 @@ 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;
@ -1662,7 +1588,7 @@ export default {
if (!res.data.data.subsistenceAllowanceDto) {
this.form.subsistenceAllowanceDto = {
reasons: [],
category:null ,
category: null,
};
}
if (!res.data.data.unemployedDto) {
@ -1699,12 +1625,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;
}
@ -1785,9 +1716,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);
@ -1802,12 +1733,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(() => {
@ -1884,7 +1815,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) {
@ -1967,7 +1898,7 @@ export default {
optionsB: [],
optionsH: [],
optionsD: [],
orgOptions:this.orgOption
orgOptions: this.orgOption,
});
},
handelClickDelHouse(i) {
@ -2063,22 +1994,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"

10
src/views/components/resiSearch.vue
View File

@ -358,16 +358,6 @@ export default {
value: "xiejiaorenyuan",
children: null
},
{
label: "信访人员",
value: "petitionOfficerFlag",
children: null
},
{
label: "统战人员",
value: "unitedFrontFlag",
children: null
}
],
careerStatusList: [],
form: {

254
src/views/modules/portrayal/jumin/index.vue
View File

@ -46,10 +46,9 @@
>
</div>
<div class="title-small" id="base">基础信息</div>
<el-row type="flex" justify="" class="f-m-top23">
<el-col :span="6" class="f-flex">
<div class="flex_box">
<div class="f-flex">
<div class="f-label"><b>国籍：</b></div>
<div
class="f-left8 f-font-color"
v-if="this.resiDetailObj.baseInfoDto"
@ -57,8 +56,8 @@
{{ nationalityText() }}
</div>
<div class="f-left8 f-font-color" v-else>--</div>
</el-col>
<el-col :span="6" class="f-flex">
</div>
<div class="f-flex">
<div class="f-label"><b>证件类型：</b></div>
<div
class="f-left8 f-font-color"
@ -67,8 +66,8 @@
{{ idTypeText() }}
</div>
<div class="f-left8 f-font-color" v-else>--</div>
</el-col>
<el-col :span="6" class="f-flex">
</div>
<div class="f-flex">
<div class="f-label"><b>证件号：</b></div>
<div class="f-left8 f-font-color">
{{
@ -98,8 +97,8 @@
@click="handelCLickShowCheckPassword('idCard')"
>{{ showFlagIdCardBtn ? "显示" : "隐藏" }}</el-button
>
</el-col>
<el-col :span="6" class="f-flex">
</div>
<div class="f-flex">
<div class="f-label"><b>联系电话：</b></div>
<div class="f-left8 f-font-color">
{{
@ -129,10 +128,9 @@
@click="handelCLickShowCheckPassword('mobile')"
>{{ showFlagMobileBtn ? "显示" : "隐藏" }}</el-button
>
</el-col>
</el-row>
<el-row type="flex" justify="" class="f-m-top23">
<el-col :span="6" class="f-flex">
</div>
<div class="f-flex">
<div class="f-label">性别：</div>
<div class="f-left8 f-font-color">
{{
@ -141,14 +139,14 @@
: "--"
}}
</div>
</el-col>
<el-col :span="6" class="f-flex">
</div>
<div class="f-flex">
<div class="f-label">出生日期：</div>
<div class="f-left8 f-font-color" v-if="resiDetailObj.baseInfoDto">
{{ resiDetailObj.baseInfoDto.birthday || "--" }}
</div>
</el-col>
<el-col :span="6" class="f-flex">
</div>
<div class="f-flex">
<div class="f-label">民族：</div>
<div class="f-left8 f-font-color">
{{
@ -157,8 +155,8 @@
: "--"
}}
</div>
</el-col>
<el-col :span="6" class="f-flex">
</div>
<div class="f-flex">
<div class="f-label">文化程度：</div>
<span class="f-left8 f-font-color">
{{
@ -168,10 +166,8 @@
: "--"
}}</span
>
</el-col>
</el-row>
<el-row type="flex" justify="" class="f-m-top23">
<el-col :span="6" class="f-flex">
</div>
<div class="f-flex">
<div class="f-flex">
<div class="f-label">婚姻状况：</div>
<span
@ -182,8 +178,8 @@
>
<span v-else> -- </span>
</div>
</el-col>
<el-col :span="6" class="f-flex">
</div>
<div class="f-flex">
<div class="f-flex">
<div class="f-label">配偶情况：</div>
<span
@ -193,8 +189,8 @@
>
<span v-else> -- </span>
</div>
</el-col>
<el-col :span="6" class="f-flex">
</div>
<div class="f-flex">
<div class="f-label">备注：</div>
<div class="f-left8 f-font-color" v-if="resiDetailObj.baseInfoDto">
{{
@ -203,9 +199,9 @@
: "--"
}}
</div>
</el-col>
<el-col :span="6" class="f-flex">
<div class="f-label">创建日期：</div>
</div>
<div class="f-flex">
<div class="f-label">创建时间：</div>
<span class="f-left8 f-font-color" v-if="resiDetailObj.baseInfoDto">
{{
resiDetailObj.baseInfoDto.createdTime
@ -213,10 +209,8 @@
: "--"
}}</span
>
</el-col>
</el-row>
<el-row type="flex" justify="" class="f-m-top23">
<el-col :span="24" class="f-flex">
</div>
<div class="f-flex">
<div class="f-flex">
<div class="f-label">更新时间：</div>
<span class="f-left8 f-font-color" v-if="resiDetailObj.baseInfoDto">
@ -227,33 +221,26 @@
}}</span
>
</div>
</el-col>
</el-row>
</div>
</div>
<div class="title-small">居住信息</div>
<section
v-for="(item, indexK) in resiDetailObj.resideInfoDtos"
:key="indexK"
class="flex_box"
>
<el-row type="flex" justify="" class="f-m-top23">
<el-col :span="12" class="f-flex">
<div class="f-flex">
<div class="f-label"><b>所属网格：</b></div>
<span class="f-left8 f-font-color">
{{ item.gridName || "--" }}
</span>
</div>
</el-col>
<el-col :span="12" class="f-flex">
<div class="f-flex">
<div class="f-label"><b>所属房屋：</b></div>
<span class="f-left8 f-font-color">
{{ item.gridName + "-" + item.homeName || "--" }}
</span>
</div>
</el-col>
</el-row>
<el-row type="flex" justify="" class="f-m-top23">
<el-col :span="6" class="f-flex">
<div class="f-flex">
<div class="f-label"><b>人房关系：</b></div>
<span class="f-left8 f-font-color">
@ -267,35 +254,30 @@
: "--"
}}
</span>
</div>
</el-col>
<el-col :span="6" class="f-flex">
</div>
<div class="f-flex">
<div class="f-label"><b>人户状况：</b></div>
<span class="f-left8 f-font-color">{{
householdSituationText(indexK)
}}</span>
</div>
</el-col>
<el-col :span="6" class="f-flex">
<div class="f-flex">
<div class="f-label"><b>户籍所在地：</b></div>
<div class="f-left8 f-font-color">
{{ item.placeOfDomicile || "--" }}
</div>
</el-col>
<el-col :span="6" class="f-flex">
</div>
<div class="f-flex">
<div class="f-label"><b>与户主关系：</b></div>
<span class="f-left8 f-font-color">{{
houseHolderRelText(indexK)
}}</span>
</el-col>
</el-row>
</div>
</section>
<div class="title-small" id="ext">拓展信息</div>
<el-row type="flex" justify="" class="f-m-top23">
<el-col :span="6" class="f-flex">
<div class="f-flex">
<section class="flex_box">
<div class="f-flex">
<div class="f-label">宗教信仰：</div>
<span class="f-left8 f-font-color">{{
resiDetailObj.religionDto && resiDetailObj.religionDto.religion
@ -303,8 +285,6 @@
: "--"
}}</span>
</div>
</el-col>
<el-col :span="6" class="f-flex">
<div class="f-flex">
<div class="f-label">籍贯：</div>
<span class="f-left8 f-font-color">{{
@ -314,17 +294,16 @@
: "--"
: "--"
}}</span>
</div>
</el-col>
<el-col :span="6" class="f-flex">
</div>
<div class="f-flex">
<div class="f-label"><b>就业状态：</b></div>
<span class="f-left8 f-font-color" v-if="resiDetailObj.workInfoDto">
{{ careerStatusText() }}
</span>
<span v-else>--</span>
</el-col>
<el-col
:span="6"
</div>
<div
class="f-flex"
v-if="
resiDetailObj.workInfoDto &&
@ -340,9 +319,9 @@
: "--"
: "--"
}}</span>
</el-col>
<el-col
:span="6"
</div>
<div
class="f-flex"
v-if="
resiDetailObj.workInfoDto &&
@ -358,11 +337,9 @@
: "--"
: "--"
}}</span>
</el-col>
</el-row>
<el-row type="flex" class="f-m-top23">
<el-col
:span="6"
</div>
<div
class="f-flex"
v-if="
resiDetailObj.workInfoDto &&
@ -370,7 +347,6 @@
resiDetailObj.workInfoDto.careerStatus <= 5
"
>
<div class="f-flex">
<div class="f-label">职业：</div>
<span class="f-left8 f-font-color">{{
resiDetailObj.workInfoDto
@ -379,10 +355,9 @@
: "--"
: "--"
}}</span>
</div>
</el-col>
<el-col
:span="6"
</div>
<div
class="f-flex"
v-if="
resiDetailObj.workInfoDto &&
@ -398,9 +373,9 @@
: "--"
: "--"
}}</span>
</el-col>
<el-col
:span="6"
</div>
<div
class="f-flex"
v-if="
resiDetailObj.workInfoDto &&
@ -408,7 +383,6 @@
resiDetailObj.workInfoDto.careerStatus <= 5
"
>
<div class="f-flex">
<div class="f-label">月收入：</div>
<span class="f-left8 f-font-color">{{
resiDetailObj.economyDto
@ -418,9 +392,7 @@
: "--"
}}</span>
</div>
</el-col>
<el-col
:span="6"
<div
class="f-flex"
v-if="
resiDetailObj.workInfoDto &&
@ -436,9 +408,8 @@
: "--"
: "--"
}}</span>
</el-col>
<el-col
:span="6"
</div>
<div
class="f-flex"
v-if="
resiDetailObj.workInfoDto &&
@ -454,9 +425,8 @@
: "--"
: "--"
}}</span>
</el-col>
<el-col
:span="6"
</div>
<div
class="f-flex"
v-if="
resiDetailObj.workInfoDto &&
@ -476,9 +446,8 @@
: "--"
}}
</div>
</el-col>
<el-col
:span="6"
</div>
<div
class="f-flex"
v-if="
resiDetailObj.workInfoDto &&
@ -494,18 +463,13 @@
: "--"
: "--"
}}</span>
</el-col>
</el-row>
<el-row
type="flex"
class="f-m-top23"
v-if="
</div>
<div class="f-flex" v-if="
resiDetailObj.workInfoDto &&
(resiDetailObj.workInfoDto.careerStatus == 0 ||
resiDetailObj.workInfoDto.careerStatus == 6)
"
>
<el-col :span="6" class="f-flex">
">
<div class="f-label" style="width: 113px">再就业优惠证号：</div>
<span class="f-left8 f-font-color">{{
resiDetailObj.unemployedDto
@ -514,8 +478,12 @@
: "--"
: "--"
}}</span>
</el-col>
<el-col :span="6" class="f-flex">
</div>
<div class="f-flex" v-if="
resiDetailObj.workInfoDto &&
(resiDetailObj.workInfoDto.careerStatus == 0 ||
resiDetailObj.workInfoDto.careerStatus == 6)
">
<div class="f-label" style="width: 113px">是否领取失业金：</div>
<span class="f-left8 f-font-color" v-if="resiDetailObj.unemployedDto">
{{
@ -529,8 +497,12 @@
}}
</span>
<span v-else>--</span>
</el-col>
<el-col :span="6" class="f-flex">
</div>
<div class="f-flex" v-if="
resiDetailObj.workInfoDto &&
(resiDetailObj.workInfoDto.careerStatus == 0 ||
resiDetailObj.workInfoDto.careerStatus == 6)
">
<div class="f-label" style="width: 113px">是否就业困难对象：</div>
<span class="f-left8 f-font-color" v-if="resiDetailObj.unemployedDto">
{{
@ -544,8 +516,12 @@
}}
</span>
<span v-else>--</span>
</el-col>
<el-col :span="6" class="f-flex">
</div>
<div class="f-flex" v-if="
resiDetailObj.workInfoDto &&
(resiDetailObj.workInfoDto.careerStatus == 0 ||
resiDetailObj.workInfoDto.careerStatus == 6)
">
<div class="f-label" style="width: 113px">劳动就业愿望：</div>
<span class="f-left8 f-font-color">
{{
@ -556,17 +532,13 @@
: "--"
}}
</span>
</el-col>
</el-row>
<el-row
v-if="
</div>
<div class="f-flex" v-if="
resiDetailObj.workInfoDto &&
(resiDetailObj.workInfoDto.careerStatus == 0 ||
resiDetailObj.workInfoDto.careerStatus == 6)
"
class="f-m-top23"
>
<el-col :span="6" class="f-flex">
">
<div class="f-label">有无赡养人：</div>
<div class="f-left8 f-font-color">
{{
@ -579,8 +551,8 @@
: "--"
}}
</div>
</el-col>
</el-row>
</div>
</section>
<div class="title-small">关系图谱</div>
<graph
:userInfo="resiDetailObj.baseInfoDto"
@ -600,27 +572,20 @@
<div class="title-small" :id="sectionItem.scrollId">
{{ sectionItem.title }}
</div>
<el-row
type="flex"
justify=""
class="f-m-top23"
v-for="(row, rowIndex) in sectionItem.rows"
<section class="flex_box">
<div
class="f-flex"
v-for="(row, rowIndex) in sectionItem.children"
:key="rowIndex + sectionItem.id"
>
<el-col
:span="8"
class="f-flex"
v-for="(item, itemIndex) in row"
:key="itemIndex"
>
<div class="f-flex">
<div class="f-label">{{ item.label }}：</div>
<div class="f-label">{{ row.label }}：</div>
<span class="f-left8 f-font-color">{{
item.value ? item.value : "--"
row.value ? row.value : "--"
}}</span>
</div>
</el-col>
</el-row>
</div>
</section>
</section>
<div class="title-small" id="businessRecord">业务记录</div>
@ -798,7 +763,7 @@ export default {
children: [
{
label: "老年人分类",
itemType: "select1",
itemType: "checkbox",
multiple: true,
formName: "oldPeopleCategories",
opctionUrl: "sys/dict/data/dictlist",
@ -1199,14 +1164,15 @@ export default {
})
);
this.expandList.forEach((item) => {
const rows = [];
const chunkSize = 3;
for (let i = 0; i < item.children.length; i += chunkSize) {
rows.push(item.children.slice(i, i + chunkSize));
}
item.rows = rows;
});
// this.expandList.forEach((item) => {
// const rows = [];
// const chunkSize = 3;
// for (let i = 0; i < item.children.length; i += chunkSize) {
// rows.push(item.children.slice(i, i + chunkSize));
// }
// item.rows = rows;
// });
console.log(this.expandList);
this.menuList.push(
{
name: "业务记录",

Write Preview
Loading…
Cancel
Save