You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2608 lines
83 KiB
2608 lines
83 KiB
<template>
|
|
<div class="g-main">
|
|
<div class="title-small title_postion">基础信息</div>
|
|
<el-row type="flex" class="f-m-top29">
|
|
<el-col :span="12" class="f-flex">
|
|
<div class="f-label">所属网格:</div>
|
|
<div class="f-left8 f-font-color">{{ gridName }}</div>
|
|
</el-col>
|
|
<el-col :span="12" class="f-flex">
|
|
<div class="f-label">所属房屋:</div>
|
|
<div class="f-left8 f-font-color">{{ homeName }}</div>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row type="flex" justify="" class="f-m-top29">
|
|
<el-col :span="24" class="f-flex">
|
|
<div class="f-label">本地户籍:</div>
|
|
<div class="f-left8 f-font-color">
|
|
{{
|
|
resiDetailObj.localResidenceFlag == 1
|
|
? "是"
|
|
: resiDetailObj.localResidenceFlag == 0
|
|
? "否"
|
|
: "--"
|
|
}}
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row type="flex" justify="" class="f-m-top29">
|
|
<el-col :span="12" class="f-flex">
|
|
<div class="f-label">居民姓名:</div>
|
|
<div class="f-left8 f-font-color">
|
|
{{ resiDetailObj.name ? resiDetailObj.name : "--" }}
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="12" class="f-flex">
|
|
<div class="f-label">出生日期:</div>
|
|
<div class="f-left8 f-font-color">{{ resiDetailObj.birthday }}</div>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row type="flex" justify="" class="f-m-top29">
|
|
<el-col :span="12" class="f-flex">
|
|
<div class="f-label">性别:</div>
|
|
<div class="f-left8 f-font-color">
|
|
{{
|
|
resiDetailObj.gender
|
|
? resiDetailObj.gender == 1
|
|
? "男"
|
|
: "女"
|
|
: "--"
|
|
}}
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="12" class="f-flex">
|
|
<div class="f-label">民族:</div>
|
|
<div class="f-left8 f-font-color">
|
|
{{ resiDetailObj.nationName ? resiDetailObj.nationName : "--" }}
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row type="flex" justify="" class="f-m-top29">
|
|
<el-col :span="12" class="f-flex">
|
|
<div class="f-label">联系电话:</div>
|
|
<div class="f-left8 f-font-color">
|
|
{{
|
|
resiDetailObj.showMobile
|
|
? resiDetailObj.showMobile
|
|
: resiDetailObj.mobile
|
|
? `${resiDetailObj.mobile.substr(0, 3)}` +
|
|
"****" +
|
|
`${resiDetailObj.mobile.substr(7, 5)}`
|
|
: "--"
|
|
}}
|
|
</div>
|
|
<img
|
|
v-show="this.showFlagMobileBtn && resiDetailObj.mobile"
|
|
src="../../assets/img/yanjing1.png"
|
|
alt=""
|
|
width="14px"
|
|
style="margin-left: 10px"
|
|
/>
|
|
<img
|
|
v-show="!this.showFlagMobileBtn"
|
|
src="../../assets/img/yanjing2.png"
|
|
alt=""
|
|
width="14px"
|
|
style="margin-left: 10px"
|
|
/>
|
|
<el-button
|
|
v-if="resiDetailObj.mobile"
|
|
type="text"
|
|
class="div-table-button--blue"
|
|
size="small"
|
|
@click="handleTuomin('mobile')"
|
|
>{{ showFlagMobileBtn ? "显示" : "隐藏" }}</el-button
|
|
>
|
|
</el-col>
|
|
<el-col :span="12" class="f-flex">
|
|
<div class="f-label">证件号:</div>
|
|
<div class="f-left8 f-font-color">
|
|
{{
|
|
resiDetailObj.showIdNum
|
|
? resiDetailObj.showIdNum
|
|
: resiDetailObj.idNum
|
|
? `${resiDetailObj.idNum.substr(0, 11)}` +
|
|
"******" +
|
|
`${resiDetailObj.idNum.substr(16, 2)}`
|
|
: "--"
|
|
}}
|
|
</div>
|
|
<img
|
|
v-show="this.showFlagIdCardBtn && resiDetailObj.idNum"
|
|
src="../../assets/img/yanjing1.png"
|
|
alt=""
|
|
width="14px"
|
|
style="margin-left: 10px"
|
|
/>
|
|
<img
|
|
v-show="!this.showFlagIdCardBtn"
|
|
src="../../assets/img/yanjing2.png"
|
|
alt=""
|
|
width="14px"
|
|
style="margin-left: 10px"
|
|
/>
|
|
<el-button
|
|
v-if="resiDetailObj.idNum"
|
|
type="text"
|
|
class="div-table-button--blue"
|
|
size="small"
|
|
@click="handleTuomin('idCard')"
|
|
>{{ showFlagIdCardBtn ? "显示" : "隐藏" }}</el-button
|
|
>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row type="flex" justify="" class="f-m-top29">
|
|
<el-col :span="24" class="f-flex">
|
|
<div class="f-label">备注:</div>
|
|
<div class="f-left8 f-font-color">
|
|
{{ resiDetailObj.remark ? resiDetailObj.remark : "--" }}
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
<div class="title-small title_postion f-top40">分类信息</div>
|
|
<el-row class="f-m-top29">
|
|
<el-col :span="24" class="f-flex">
|
|
<div class="f-label">居民分类:</div>
|
|
<section
|
|
class="f-left15 f-flex f-flex1"
|
|
v-if="resiDetailObj.categoryInfo && resiClass"
|
|
style="flex: 1; flex-wrap: wrap"
|
|
>
|
|
<span
|
|
class="f-right30 f-w70 f-font-color f-bto16"
|
|
v-show="resiDetailObj.categoryInfo.bereavedPersonFlag == 1"
|
|
>特扶人员
|
|
</span>
|
|
<span
|
|
class="f-right30 f-w70 f-font-color f-bto16"
|
|
v-show="resiDetailObj.categoryInfo.chronicDiseaseFlag == 1"
|
|
>慢病</span
|
|
>
|
|
<span
|
|
class="f-right30 f-w70 f-font-color f-bto16"
|
|
v-show="resiDetailObj.categoryInfo.dementedFlag == 1"
|
|
>失智老人</span
|
|
>
|
|
<span
|
|
class="f-right30 f-w70 f-font-color f-bto16"
|
|
v-show="resiDetailObj.categoryInfo.disabilityFlag == 1"
|
|
>
|
|
残疾</span
|
|
>
|
|
<span
|
|
class="f-right30 f-w70 f-font-color f-bto16"
|
|
v-show="resiDetailObj.categoryInfo.disabledFlag == 1"
|
|
>失能老人</span
|
|
>
|
|
<span
|
|
class="f-right30 f-w70 f-font-color f-bto16"
|
|
v-show="resiDetailObj.categoryInfo.emptyNesterFlag == 1"
|
|
>空巢老人</span
|
|
>
|
|
<span
|
|
class="f-right30 f-w70 f-font-color f-bto16"
|
|
v-show="resiDetailObj.categoryInfo.ensureHouseFlag == 1"
|
|
>保障房人员</span
|
|
>
|
|
<span
|
|
class="f-right30 f-w70 f-font-color f-bto16"
|
|
v-show="resiDetailObj.categoryInfo.fertileWomanFlag == 1"
|
|
>育龄妇女</span
|
|
>
|
|
<span
|
|
class="f-right30 f-w70 f-font-color f-bto16"
|
|
v-show="resiDetailObj.categoryInfo.floatingFlag == 1"
|
|
>流动人口</span
|
|
>
|
|
<span
|
|
class="f-right30 f-w70 f-font-color f-bto16"
|
|
v-show="resiDetailObj.categoryInfo.liveAloneFlag == 1"
|
|
>独居老人</span
|
|
>
|
|
<span
|
|
class="f-right30 f-w70 f-font-color f-bto16"
|
|
v-show="resiDetailObj.categoryInfo.oldPeopleFlag == 1"
|
|
>老年人</span
|
|
>
|
|
<span
|
|
class="f-right30 f-w70 f-font-color f-bto16"
|
|
v-show="resiDetailObj.categoryInfo.partyFlag == 1"
|
|
>
|
|
党员</span
|
|
>
|
|
<span
|
|
class="f-right30 f-w70 f-font-color f-bto16"
|
|
v-show="resiDetailObj.categoryInfo.petitionOfficerFlag == 1"
|
|
>信访人员</span
|
|
>
|
|
<span
|
|
class="f-right30 f-w70 f-font-color f-bto16"
|
|
v-show="resiDetailObj.categoryInfo.seriousIllnessFlag == 1"
|
|
>
|
|
大病</span
|
|
>
|
|
<span
|
|
class="f-right30 f-w70 f-font-color f-bto16"
|
|
v-show="resiDetailObj.categoryInfo.specialCrowdFlag == 1"
|
|
>特殊人群</span
|
|
>
|
|
<span
|
|
class="f-right30 f-w70 f-font-color f-bto16"
|
|
v-show="resiDetailObj.categoryInfo.subsistenceAllowanceFlag == 1"
|
|
>低保人员</span
|
|
>
|
|
<span
|
|
class="f-right30 f-w70 f-font-color f-bto16"
|
|
v-show="resiDetailObj.categoryInfo.unitedFrontFlag == 1"
|
|
>统战人员</span
|
|
>
|
|
<span
|
|
class="f-right30 f-w70 f-font-color f-bto16"
|
|
v-show="resiDetailObj.categoryInfo.tenantFlag == 1"
|
|
>租户</span
|
|
>
|
|
<span
|
|
class="f-right30 f-w70 f-font-color f-bto16"
|
|
v-show="resiDetailObj.categoryInfo.unemployedFlag == 1"
|
|
>失业人员</span
|
|
>
|
|
<span
|
|
class="f-right30 f-w70 f-font-color f-bto16"
|
|
v-show="resiDetailObj.categoryInfo.veteranFlag == 1"
|
|
>退役军人</span
|
|
>
|
|
<span
|
|
class="f-right30 f-w70 f-font-color f-bto16"
|
|
v-show="resiDetailObj.categoryInfo.volunteerFlag == 1"
|
|
>志愿者</span
|
|
>
|
|
<span
|
|
class="f-right30 f-w70 f-font-color f-bto16"
|
|
v-show="resiDetailObj.categoryInfo.publicWelfareFlag == 1"
|
|
>公益岗人员</span
|
|
>
|
|
</section>
|
|
<section v-else>--</section>
|
|
</el-col>
|
|
</el-row>
|
|
<div class="title-small title_postion f-top40 f-bot24">其他信息</div>
|
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
|
<el-tab-pane label="教育">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">文化程度:</div>
|
|
<span class="f-left8 f-font-color">{{ educationText }}</span>
|
|
</div>
|
|
<div class="f-flex f-bto16">
|
|
<div class="f-labels">备注:</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
eduInfoDto.eduRemark ? eduInfoDto.eduRemark : "--"
|
|
}}</span>
|
|
</div>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="兴趣爱好">
|
|
<section class="f-flex f-flex1" style="flex: 1; flex-wrap: wrap">
|
|
<div class="f-labels f-top24">兴趣分类 :</div>
|
|
<div
|
|
v-for="(item, index) in hobbyCodeArr"
|
|
:key="index"
|
|
class="f-top24"
|
|
>
|
|
<span class="f-right24 f-font-color">
|
|
{{ item }}
|
|
</span>
|
|
</div>
|
|
<span v-show="hobbyCodeArr.length == 0" class="f-top24 f-left8">
|
|
--
|
|
</span>
|
|
</section>
|
|
<el-row type="flex" class="f-flex f-bto16 f-top24">
|
|
<el-col :span="24" class="f-flex">
|
|
<div class="f-labels">兴趣:</div>
|
|
<div class="f-left8 f-font-color">
|
|
{{ hobbyInfoObj.interestDesc ? hobbyInfoObj.interestDesc : "--" }}
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row type="flex">
|
|
<el-col :span="24" class="f-flex">
|
|
<div class="f-labels">备注:</div>
|
|
<div class="f-left8 f-font-color">
|
|
{{ hobbyInfoObj.hobbyRemark ? hobbyInfoObj.hobbyRemark : "--" }}
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="宗教信仰">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">宗教:</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentReligionObj.religion ? residentReligionObj.religion : "--"
|
|
}}</span>
|
|
</div>
|
|
<div class="f-flex f-bto16">
|
|
<div class="f-labels">备注:</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentReligionObj.religionRemark
|
|
? residentReligionObj.religionRemark
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="健康">
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">残疾类别:</div>
|
|
<span class="f-left8 f-font-color">{{ categoryText }}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">残疾等级:</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
disabilityLevelText
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">残疾证号:</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
resiHealthInfonObj
|
|
? resiHealthInfonObj.disabilityNum
|
|
? resiHealthInfonObj.disabilityNum
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">残疾说明:</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
resiHealthInfonObj
|
|
? resiHealthInfonObj.disabilityDesc
|
|
? resiHealthInfonObj.disabilityDesc
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">监护人:</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
resiHealthInfonObj.guardianFlag == 1
|
|
? "有"
|
|
: resiHealthInfonObj.guardianFlag == 0
|
|
? "无"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">技能特长:</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
resiHealthInfonObj.specialSkillFlag == 1
|
|
? "有"
|
|
: resiHealthInfonObj.specialSkillFlag == 0
|
|
? "无"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">劳动能力:</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
resiHealthInfonObj.workCapacityFlag == 1
|
|
? "有"
|
|
: resiHealthInfonObj.workCapacityFlag == 0
|
|
? "无"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">非义务教育阶段助学:</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
resiHealthInfonObj.voluntaryEducationFlag == 1
|
|
? "有"
|
|
: resiHealthInfonObj.voluntaryEducationFlag == 0
|
|
? "无"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">所患大病:</div>
|
|
<span class="f-left8 f-font-color">{{ illnessText }}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">大病患病时间:</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
resiHealthInfonObj.illnessTime
|
|
? resiHealthInfonObj.illnessTime
|
|
? resiHealthInfonObj.illnessTime
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">所患慢性病:</div>
|
|
<span class="f-left8 f-font-color">{{ chronicText }}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">慢病患病时间:</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
resiHealthInfonObj.chronicDiseaseTime
|
|
? resiHealthInfonObj.chronicDiseaseTime
|
|
? resiHealthInfonObj.chronicDiseaseTime
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">是否参保:</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
resiHealthInfonObj.insuredFlag == 1
|
|
? "是"
|
|
: resiHealthInfonObj.insuredFlag == 0
|
|
? "否"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">自付金额:</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
resiHealthInfonObj
|
|
? resiHealthInfonObj.selfPayAmount
|
|
? resiHealthInfonObj.selfPayAmount
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">救助金额:</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
resiHealthInfonObj
|
|
? resiHealthInfonObj.deliveranceAmount
|
|
? resiHealthInfonObj.deliveranceAmount
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">救助时间:</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
resiHealthInfonObj
|
|
? resiHealthInfonObj.deliveranceTime
|
|
? resiHealthInfonObj.deliveranceTime
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">享受救助明细序号:</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
resiHealthInfonObj
|
|
? resiHealthInfonObj.deliveranceNum
|
|
? resiHealthInfonObj.deliveranceNum
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">备注:</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
resiHealthInfonObj
|
|
? resiHealthInfonObj.healthRemark
|
|
? resiHealthInfonObj.healthRemark
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="工作">
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">工作单位:</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentWorkInfoObj
|
|
? residentWorkInfoObj.workUnit
|
|
? residentWorkInfoObj.workUnit
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">职业:</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentWorkInfoObj
|
|
? residentWorkInfoObj.occupation
|
|
? residentWorkInfoObj.occupation
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">离退休时间:</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentWorkInfoObj
|
|
? residentWorkInfoObj.retireTime
|
|
? residentWorkInfoObj.retireTime.substr(0, 10)
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">备注:</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentWorkInfoObj
|
|
? residentWorkInfoObj.workRemark
|
|
? residentWorkInfoObj.workRemark
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-row>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="经济状况">
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">退休金额:</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
resiEconomyObj
|
|
? resiEconomyObj.retirementAmount
|
|
? resiEconomyObj.retirementAmount
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">月收入:</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
resiEconomyObj
|
|
? resiEconomyObj.monthIncome
|
|
? resiEconomyObj.monthIncome
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="居住">
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">籍贯:</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentResideInfoObj
|
|
? residentResideInfoObj.nativePlace
|
|
? residentResideInfoObj.nativePlace
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">户籍所在地:</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentResideInfoObj
|
|
? residentResideInfoObj.placeOfDomicile
|
|
? residentResideInfoObj.placeOfDomicile
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">现居住地:</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentResideInfoObj
|
|
? residentResideInfoObj.currentResidence
|
|
? residentResideInfoObj.currentResidence
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">人户状况:</div>
|
|
<span class="f-left8 f-font-color">{{ householdText }}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="16">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">备注:</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentResideInfoObj
|
|
? residentResideInfoObj.resiRemark
|
|
? residentResideInfoObj.resiRemark
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="家庭">
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">与户主关系 :</div>
|
|
<span class="f-left8 f-font-color">{{ relationshipText }}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">居住情况 :</div>
|
|
<span class="f-left8 f-font-color">{{ resideText }}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">婚姻状况 :</div>
|
|
<span class="f-left8 f-font-color">{{ categoryDictText }}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">有无赡养人 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentFamilyInfoObj.elderlyFlag == 1
|
|
? "有"
|
|
: residentFamilyInfoObj.elderlyFlag == 0
|
|
? "无"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">与赡养人关系 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
elderlyRelationText
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">赡养人联系电话 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentFamilyInfoObj
|
|
? residentFamilyInfoObj.dependantMobile
|
|
? residentFamilyInfoObj.dependantMobile
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">配偶情况 :</div>
|
|
<span class="f-left8 f-font-color">{{ spouseText }}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="16">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">备注 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentFamilyInfoObj
|
|
? residentFamilyInfoObj.familyInfoRemark
|
|
? residentFamilyInfoObj.familyInfoRemark
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
</el-tab-pane>
|
|
|
|
<el-tab-pane label="出生信息">
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">出生地 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentBirthRecordObj
|
|
? residentBirthRecordObj.birthplace
|
|
? residentBirthRecordObj.birthplace
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">父亲姓名 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentBirthRecordObj
|
|
? residentBirthRecordObj.father
|
|
? residentBirthRecordObj.father
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">母亲姓名 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentBirthRecordObj
|
|
? residentBirthRecordObj.mother
|
|
? residentBirthRecordObj.mother
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">胎次 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentBirthRecordObj
|
|
? residentBirthRecordObj.count
|
|
? residentBirthRecordObj.count
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">申报日期 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentBirthRecordObj
|
|
? residentBirthRecordObj.reportDate
|
|
? residentBirthRecordObj.reportDate
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
</el-tab-pane>
|
|
|
|
<el-tab-pane label="更新记录">
|
|
<el-table
|
|
class="m-table-item"
|
|
:data="tableData"
|
|
border
|
|
style="width: 100%"
|
|
>
|
|
<el-table-column
|
|
label="序号"
|
|
type="index"
|
|
fixed="left"
|
|
align="left"
|
|
width="50"
|
|
>
|
|
</el-table-column>
|
|
<el-table-column
|
|
v-for="item in tableHeader"
|
|
:key="item.columnName"
|
|
:prop="item.columnName"
|
|
:label="item.label"
|
|
align="left"
|
|
:show-overflow-tooltip="true"
|
|
:width="item.width || ''"
|
|
>
|
|
<template slot-scope="scope">
|
|
<span>{{ handleFilterSpan(scope.row, item) }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-tab-pane>
|
|
|
|
<el-tab-pane label="党员" v-if="dyShowStatus">
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">入党时间 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentPartyMemberInfoObj.joinTime
|
|
? residentPartyMemberInfoObj.joinTime.substr(0, 10)
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">转正时间 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentPartyMemberInfoObj
|
|
? residentPartyMemberInfoObj.positiveTime
|
|
? residentPartyMemberInfoObj.positiveTime.substr(0, 10)
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">所属支部 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentPartyMemberInfoObj
|
|
? residentPartyMemberInfoObj.branchId
|
|
? residentPartyMemberInfoObj.branchId
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">是否退休 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentPartyMemberInfoObj.retiredFlag == 1
|
|
? "是"
|
|
: residentPartyMemberInfoObj.retiredFlag == 0
|
|
? "否"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">是否党员中心户 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentPartyMemberInfoObj.centerFlag == 1
|
|
? "是"
|
|
: residentPartyMemberInfoObj.centerFlag == 0
|
|
? "否"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">入党时所在党支部 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentPartyMemberInfoObj
|
|
? residentPartyMemberInfoObj.joinBranchName
|
|
? residentPartyMemberInfoObj.joinBranchName
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">组织关系转入社区时间 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentPartyMemberInfoObj
|
|
? residentPartyMemberInfoObj.joinCommunityTime
|
|
? residentPartyMemberInfoObj.joinCommunityTime.substr(0, 10)
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">是否请长假 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentPartyMemberInfoObj.longHolidayFlag == 1
|
|
? "是"
|
|
: residentPartyMemberInfoObj.longHolidayFlag == 0
|
|
? "否"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="保障房" v-if="bzfShowStatus">
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">住房性质 :</div>
|
|
<span class="f-left8 f-font-color">{{ houseText }}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">保障类型 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentEnsureHouseObj
|
|
? residentEnsureHouseObj.securityType
|
|
? residentEnsureHouseObj.securityType
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">发证日期 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentEnsureHouseObj
|
|
? residentEnsureHouseObj.certificateDate
|
|
? residentEnsureHouseObj.certificateDate.substr(0, 10)
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">补贴编号 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentEnsureHouseObj
|
|
? residentEnsureHouseObj.subsidyNum
|
|
? residentEnsureHouseObj.subsidyNum
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">补贴金额 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentEnsureHouseObj
|
|
? residentEnsureHouseObj.subsidyAmount
|
|
? residentEnsureHouseObj.subsidyAmount
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="失业" v-if="syShowStatus">
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">原工作单位 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentUnemployedObj
|
|
? residentUnemployedObj.originWorkUnit
|
|
? residentUnemployedObj.originWorkUnit
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">失业时间 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentUnemployedObj
|
|
? residentUnemployedObj.unemploymentTime
|
|
? residentUnemployedObj.unemploymentTime.substr(0, 10)
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">失业证号 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentUnemployedObj
|
|
? residentUnemployedObj.unemploymentNum
|
|
? residentUnemployedObj.unemploymentNum
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">再就业优惠证号 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentUnemployedObj
|
|
? residentUnemployedObj.employmentNum
|
|
? residentUnemployedObj.employmentNum
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">技术特长 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentUnemployedObj
|
|
? residentUnemployedObj.specialSkill
|
|
? residentUnemployedObj.specialSkill
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">失业原因 :</div>
|
|
<span class="f-left8 f-font-color">{{ unemploymentText }}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">再就业优惠证号 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentUnemployedObj
|
|
? residentUnemployedObj.employmentNum
|
|
? residentUnemployedObj.employmentNum
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">是否就业困难对象 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentUnemployedObj.employmentHardFlag == 1
|
|
? "是"
|
|
: residentUnemployedObj.employmentHardFlag == 0
|
|
? "否"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">劳动能力就业愿望 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentUnemployedObj
|
|
? residentUnemployedObj.employmentWish
|
|
? residentUnemployedObj.employmentWish
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="退役军人" v-if="tyjrShowStatus">
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">入伍时间 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentVeteranObj
|
|
? residentVeteranObj.joinArmyTime
|
|
? residentVeteranObj.joinArmyTime.substr(0, 10)
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">退伍时间 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentVeteranObj
|
|
? residentVeteranObj.leaveArmyTime
|
|
? residentVeteranObj.leaveArmyTime.substr(0, 10)
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">服役单位 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentVeteranObj
|
|
? residentVeteranObj.serviceUnit
|
|
? residentVeteranObj.serviceUnit
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">接收单位 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentVeteranObj
|
|
? residentVeteranObj.receiveUnit
|
|
? residentVeteranObj.receiveUnit
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">待安置补助金 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentVeteranObj
|
|
? residentVeteranObj.settlementAmount
|
|
? residentVeteranObj.settlementAmount
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">培训状况 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentVeteranObj
|
|
? residentVeteranObj.trainDesc
|
|
? residentVeteranObj.trainDesc
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">参战时间开始日期 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentVeteranObj
|
|
? residentVeteranObj.joinWarStartTime
|
|
? residentVeteranObj.joinWarStartTime.substr(0, 10)
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">参战时间截止日期 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentVeteranObj
|
|
? residentVeteranObj.joinWarEndTime
|
|
? residentVeteranObj.joinWarEndTime.substr(0, 10)
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">现就业情况 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentVeteranObj
|
|
? residentVeteranObj.employmentSituation
|
|
? residentVeteranObj.employmentSituation
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">是否办理公益性岗位 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentVeteranObj.pubWelfareJobFlag == 1
|
|
? "是"
|
|
: residentVeteranObj.pubWelfareJobFlag == 0
|
|
? "否"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="统战人员" v-if="tzryShowStatus">
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">职务 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentUnitedFrontObj
|
|
? residentUnitedFrontObj.duty
|
|
? residentUnitedFrontObj.duty
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">探亲情况 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentUnitedFrontObj
|
|
? residentUnitedFrontObj.visitation
|
|
? residentUnitedFrontObj.visitation
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="志愿者" v-if="zyzShowStatus">
|
|
<section class="f-flex f-flex1" style="flex: 1; flex-wrap: wrap">
|
|
<div class="f-labels f-top24">志愿者类别 :</div>
|
|
<div
|
|
v-for="(item, index) in volunteerCategoryArr"
|
|
:key="index"
|
|
class="f-top24"
|
|
>
|
|
<span class="f-right24 f-font-color">
|
|
{{ item }}
|
|
</span>
|
|
</div>
|
|
<span
|
|
v-show="volunteerCategoryArr.length == 0"
|
|
class="f-top24 f-left8"
|
|
>
|
|
--
|
|
</span>
|
|
</section>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">备注 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentVolunteerObj
|
|
? residentVolunteerObj.volunteerRemark
|
|
? residentVolunteerObj.volunteerRemark
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="老年人" v-if="lnrShowStatus">
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">高龄补助 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentOldPeopleObj.oldSubsidy
|
|
? residentOldPeopleObj.oldSubsidy
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="特殊人群" v-if="tsrqShowStatus">
|
|
<section class="f-flex f-flex1" style="flex: 1; flex-wrap: wrap">
|
|
<div class="f-labels f-top24">特殊人群类别 :</div>
|
|
<div
|
|
v-for="(item, index) in specialDtoArrText"
|
|
:key="index"
|
|
class="f-top24"
|
|
>
|
|
<span class="f-right24 f-font-color">
|
|
{{ item }}
|
|
</span>
|
|
</div>
|
|
<span v-show="specialDtoArrText.length == 0" class="f-top24 f-left8">
|
|
--
|
|
</span>
|
|
</section>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="死亡人员" v-if="resiDetailObj.deathFlag">
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">死亡时间 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentDeathRecordObj
|
|
? residentDeathRecordObj.deathDate
|
|
? residentDeathRecordObj.deathDate.substr(0, 10)
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">加入原因 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentDeathRecordObj
|
|
? residentDeathRecordObj.deathReason
|
|
? residentDeathRecordObj.deathReason
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">移除时间 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentDeathRecordObj
|
|
? residentDeathRecordObj.removeDate
|
|
? residentDeathRecordObj.removeDate.substr(0, 10)
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">移除原因 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentDeathRecordObj
|
|
? residentDeathRecordObj.removeReason
|
|
? residentDeathRecordObj.removeReason
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="迁出" v-if="qcShowStatus">
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">迁出日期 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentMoveOutRecordObj
|
|
? residentMoveOutRecordObj.outOfTime
|
|
? residentMoveOutRecordObj.outOfTime.substr(0, 10)
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">迁出类型 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentMoveOutRecordObj
|
|
? residentMoveOutRecordObj.type
|
|
? residentMoveOutRecordObj.type
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">迁出原因 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentMoveOutRecordObj
|
|
? residentMoveOutRecordObj.reason
|
|
? residentMoveOutRecordObj.reason
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">迁出至组织 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentMoveOutRecordObj
|
|
? residentMoveOutRecordObj.deptId
|
|
? residentMoveOutRecordObj.deptId
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">小区 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentMoveOutRecordObj
|
|
? residentMoveOutRecordObj.villageName
|
|
? residentMoveOutRecordObj.villageName
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">楼号 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentMoveOutRecordObj
|
|
? residentMoveOutRecordObj.buildName
|
|
? residentMoveOutRecordObj.buildName
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">单元 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentMoveOutRecordObj
|
|
? residentMoveOutRecordObj.unitName
|
|
? residentMoveOutRecordObj.unitName
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">房屋 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentMoveOutRecordObj
|
|
? residentMoveOutRecordObj.homeName
|
|
? residentMoveOutRecordObj.homeName
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">外迁地址 :</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
residentMoveOutRecordObj
|
|
? residentMoveOutRecordObj.address
|
|
? residentMoveOutRecordObj.address
|
|
: "--"
|
|
: "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="公益岗人员" v-if="gygShowStatus">
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">入职时间:</div>
|
|
<span class="f-left8 f-font-color">{{
|
|
postDto.hiredate ? postDto.hiredate : "--"
|
|
}}</span>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="f-flex f-bto16 f-top24">
|
|
<div class="f-labels">岗位类型:</div>
|
|
<span class="f-left8 f-font-color">{{ PostText }}</span>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { requestPost, requestGet } from "@/js/dai/request";
|
|
export default {
|
|
name: "resInfo",
|
|
props: {
|
|
resiId: {
|
|
type: String,
|
|
},
|
|
},
|
|
data() {
|
|
return {
|
|
tableData: [], //更新记录
|
|
resiDetailObj: {},
|
|
activeName: 0,
|
|
eduInfoDto: {},
|
|
tableHeader: [
|
|
{ columnName: "typeName", label: "变更类型", width: 80 },
|
|
{ columnName: "reason", label: "原因", width: 150 },
|
|
{ columnName: "createdTime", label: "变更时间", width: 150 },
|
|
{ columnName: "beforeChangeName", label: "变更前", width: 200 },
|
|
{ columnName: "afterChangeName", label: "变更后", width: 200 },
|
|
{ columnName: "operatorName", label: "操作人", width: 80 },
|
|
{ columnName: "changeTime", label: "调整时间", width: 150 },
|
|
{ columnName: "remark", label: "备注", width: 100 },
|
|
],
|
|
PostDictonArr: [],
|
|
hobbyInfoObj: {},
|
|
residentReligionObj: {},
|
|
resiHealthInfonObj: {}, //健康
|
|
residentWorkInfoObj: {},
|
|
residentUnitedFrontObj: {},
|
|
residentVolunteerObj: {}, //志愿者
|
|
residentBirthRecordObj: {},
|
|
residentOldPeopleObj: {},
|
|
residentSpecialObj: {}, //特殊人群
|
|
residentVeteranObj: {},
|
|
residentUnemployedObj: {}, //失业
|
|
residentEnsureHouseObj: {}, //保障房
|
|
residentPartyMemberInfoObj: {}, //党员
|
|
residentResideInfoObj: {}, //居住
|
|
residentFamilyInfoObj: {}, //家庭
|
|
residentDeathRecordObj: {}, //死亡
|
|
postDto: {}, //公益岗人员
|
|
resiEconomyObj: {},
|
|
residentMoveOutRecordObj: {}, //迁出
|
|
// 字典分割线
|
|
educationDictonArr: [],
|
|
hobbyArr: [],
|
|
volunteerArr: [],
|
|
disability_levelArr: [],
|
|
illnessArr: [],
|
|
householdArr: [],
|
|
houseArr: [],
|
|
unemploymentArr: [],
|
|
chronicArr: [],
|
|
resideArr: [],
|
|
marriageArr: [],
|
|
specialDtoArr: [],
|
|
spouseArr: [],
|
|
relationshipArr: [],
|
|
categoryDictArr: [],
|
|
showFlagIdCardBtn: true,
|
|
showFlagMobileBtn: true,
|
|
};
|
|
},
|
|
computed: {
|
|
gridName() {
|
|
let arr = [];
|
|
if (
|
|
this.resiDetailObj.houseInfo &&
|
|
this.resiDetailObj.houseInfo.gridName
|
|
) {
|
|
arr = this.resiDetailObj.houseInfo.gridName;
|
|
} else {
|
|
arr = "--";
|
|
}
|
|
return arr;
|
|
},
|
|
homeName(item) {
|
|
let arr = [];
|
|
if (
|
|
this.resiDetailObj.houseInfo &&
|
|
this.resiDetailObj.houseInfo.homeName
|
|
) {
|
|
arr = this.resiDetailObj.houseInfo.homeName;
|
|
} else {
|
|
arr = "--";
|
|
}
|
|
return arr;
|
|
},
|
|
educationText() {
|
|
let text = "--";
|
|
this.educationDictonArr.forEach((item) => {
|
|
if (item.value == this.eduInfoDto.cultureLevel) {
|
|
text = item.label;
|
|
}
|
|
});
|
|
return text;
|
|
},
|
|
hobbyCodeArr() {
|
|
let arr = [];
|
|
if (this.hobbyInfoObj.hobbyCode) {
|
|
let test = this.hobbyInfoObj.hobbyCode.split(",");
|
|
for (let i of this.hobbyArr) {
|
|
for (let j of test) {
|
|
if (i.value == j) {
|
|
arr.push(i.label);
|
|
}
|
|
}
|
|
}
|
|
} else {
|
|
arr = [];
|
|
}
|
|
return arr;
|
|
},
|
|
educationText() {
|
|
let text = "--";
|
|
this.educationDictonArr.forEach((item) => {
|
|
if (item.value == this.eduInfoDto.cultureLevel) {
|
|
text = item.label;
|
|
}
|
|
});
|
|
return text;
|
|
},
|
|
PostText() {
|
|
let text = "--";
|
|
this.PostDictonArr.forEach((item) => {
|
|
if (item.value == this.postDto.jobPost) {
|
|
text = item.label;
|
|
}
|
|
});
|
|
return text;
|
|
},
|
|
resiClass() {
|
|
let flag = true;
|
|
var num = 0;
|
|
if (this.resiDetailObj.categoryInfo != "undefined") {
|
|
for (let key in this.resiDetailObj.categoryInfo) {
|
|
if (this.resiDetailObj.categoryInfo[key] == 0) {
|
|
num++;
|
|
if (num >= 22) {
|
|
flag = false;
|
|
} else {
|
|
flag = true;
|
|
}
|
|
}
|
|
}
|
|
} else {
|
|
flag = false;
|
|
}
|
|
return flag;
|
|
},
|
|
categoryText() {
|
|
let text = "--";
|
|
this.categoryDictArr.forEach((item) => {
|
|
if (item.value == this.resiHealthInfonObj.disabilityCategoryCode) {
|
|
text = item.label;
|
|
}
|
|
});
|
|
return text;
|
|
},
|
|
disabilityLevelText() {
|
|
let text = "--";
|
|
this.disability_levelArr.forEach((item) => {
|
|
if (item.value == this.resiHealthInfonObj.disabilityLevel) {
|
|
text = item.label;
|
|
}
|
|
});
|
|
return text;
|
|
},
|
|
illnessText() {
|
|
let text = "--";
|
|
this.illnessArr.forEach((item) => {
|
|
if (item.value == this.resiHealthInfonObj.illnessCode) {
|
|
text = item.label;
|
|
}
|
|
});
|
|
return text;
|
|
},
|
|
chronicText() {
|
|
let text = "--";
|
|
this.chronicArr.forEach((item) => {
|
|
if (item.value == this.resiHealthInfonObj.chronicDiseaseCode) {
|
|
text = item.label;
|
|
}
|
|
});
|
|
return text;
|
|
},
|
|
householdText() {
|
|
let text = "--";
|
|
this.householdArr.forEach((item) => {
|
|
if (item.value == this.residentResideInfoObj.householdSituation) {
|
|
text = item.label;
|
|
}
|
|
});
|
|
return text;
|
|
},
|
|
relationshipText() {
|
|
let text = "--";
|
|
this.relationshipArr.forEach((item) => {
|
|
if (item.value == this.residentFamilyInfoObj.houseHolderRel) {
|
|
text = item.label;
|
|
}
|
|
});
|
|
return text;
|
|
},
|
|
elderlyRelationText() {
|
|
let text = "--";
|
|
this.relationshipArr.forEach((item) => {
|
|
if (item.value == this.residentFamilyInfoObj.elderlyRelation) {
|
|
text = item.label;
|
|
}
|
|
});
|
|
return text;
|
|
},
|
|
resideText() {
|
|
let text = "--";
|
|
this.resideArr.forEach((item) => {
|
|
if (item.value == this.residentFamilyInfoObj.resideSituation) {
|
|
text = item.label;
|
|
}
|
|
});
|
|
return text;
|
|
},
|
|
categoryDictText() {
|
|
let text = "--";
|
|
this.marriageArr.forEach((item) => {
|
|
if (item.value == this.residentFamilyInfoObj.marriage) {
|
|
text = item.label;
|
|
}
|
|
});
|
|
return text;
|
|
},
|
|
spouseText() {
|
|
let text = "--";
|
|
this.spouseArr.forEach((item) => {
|
|
if (item.value == this.residentFamilyInfoObj.spouseSituation) {
|
|
text = item.label;
|
|
}
|
|
});
|
|
return text;
|
|
},
|
|
houseText() {
|
|
let text = "--";
|
|
this.houseArr.forEach((item) => {
|
|
if (item.value == this.residentEnsureHouseObj.housingNature) {
|
|
text = item.label;
|
|
}
|
|
});
|
|
return text;
|
|
},
|
|
unemploymentText() {
|
|
let text = "--";
|
|
console.log(this.unemploymentArr);
|
|
this.unemploymentArr.forEach((item) => {
|
|
if (item.value == this.residentUnemployedObj.unemploymentReason) {
|
|
text = item.label;
|
|
}
|
|
});
|
|
return text;
|
|
},
|
|
volunteerCategoryArr() {
|
|
let arr = [];
|
|
if (this.residentVolunteerObj.volunteerCategory) {
|
|
let test = this.residentVolunteerObj.volunteerCategory.split(",");
|
|
for (let i of this.volunteerArr) {
|
|
for (let j of test) {
|
|
if (i.value == j) {
|
|
arr.push(i.label);
|
|
}
|
|
}
|
|
}
|
|
} else {
|
|
arr = [];
|
|
}
|
|
return arr;
|
|
},
|
|
specialDtoArrText() {
|
|
let arr = [];
|
|
let temp = [];
|
|
if (this.residentSpecialObj.specialCategoryCode) {
|
|
arr = this.residentSpecialObj.specialCategoryCode.split(",");
|
|
for (let i of arr) {
|
|
for (let tab of this.specialDtoArr) {
|
|
if (i == tab.value) {
|
|
temp.push(tab.label);
|
|
}
|
|
}
|
|
}
|
|
} else {
|
|
temp = [];
|
|
}
|
|
return temp;
|
|
},
|
|
dyShowStatus() {
|
|
let flag = false;
|
|
console.log(this.resiDetailObj);
|
|
if (this.resiDetailObj.categoryInfo) {
|
|
if (this.resiDetailObj.categoryInfo.partyFlag == 1) {
|
|
flag = true;
|
|
} else {
|
|
flag = false;
|
|
}
|
|
} else {
|
|
flag = false;
|
|
}
|
|
return flag;
|
|
},
|
|
|
|
bzfShowStatus() {
|
|
let flag = false;
|
|
if (this.resiDetailObj.categoryInfo) {
|
|
if (this.resiDetailObj.categoryInfo.ensureHouseFlag == 1) {
|
|
flag = true;
|
|
} else {
|
|
flag = false;
|
|
}
|
|
} else {
|
|
flag = false;
|
|
}
|
|
return flag;
|
|
},
|
|
syShowStatus() {
|
|
let flag = false;
|
|
if (this.resiDetailObj.categoryInfo) {
|
|
if (this.resiDetailObj.categoryInfo.unemployedFlag == 1) {
|
|
flag = true;
|
|
} else {
|
|
flag = false;
|
|
}
|
|
} else {
|
|
flag = false;
|
|
}
|
|
return flag;
|
|
},
|
|
tyjrShowStatus() {
|
|
let flag = false;
|
|
if (this.resiDetailObj.categoryInfo) {
|
|
if (this.resiDetailObj.categoryInfo.veteranFlag == 1) {
|
|
flag = true;
|
|
} else {
|
|
flag = false;
|
|
}
|
|
} else {
|
|
flag = false;
|
|
}
|
|
return flag;
|
|
},
|
|
tzryShowStatus() {
|
|
let flag = false;
|
|
if (this.resiDetailObj.categoryInfo) {
|
|
if (this.resiDetailObj.categoryInfo.unitedFrontFlag == 1) {
|
|
flag = true;
|
|
} else {
|
|
flag = false;
|
|
}
|
|
} else {
|
|
flag = false;
|
|
}
|
|
return flag;
|
|
},
|
|
zyzShowStatus() {
|
|
let flag = false;
|
|
if (this.resiDetailObj.categoryInfo) {
|
|
if (this.resiDetailObj.categoryInfo.volunteerFlag == 1) {
|
|
flag = true;
|
|
} else {
|
|
flag = false;
|
|
}
|
|
} else {
|
|
flag = false;
|
|
}
|
|
return flag;
|
|
},
|
|
lnrShowStatus() {
|
|
let flag = false;
|
|
if (this.resiDetailObj.categoryInfo) {
|
|
if (this.resiDetailObj.categoryInfo.oldPeopleFlag == 1) {
|
|
flag = true;
|
|
} else {
|
|
flag = false;
|
|
}
|
|
} else {
|
|
flag = false;
|
|
}
|
|
return flag;
|
|
},
|
|
tsrqShowStatus() {
|
|
let flag = false;
|
|
if (this.resiDetailObj.categoryInfo) {
|
|
if (this.resiDetailObj.categoryInfo.specialCrowdFlag == 1) {
|
|
flag = true;
|
|
} else {
|
|
flag = false;
|
|
}
|
|
} else {
|
|
flag = false;
|
|
}
|
|
return flag;
|
|
},
|
|
qcShowStatus() {
|
|
let flag = false;
|
|
console.log(this.resiDetailObj);
|
|
if (this.resiDetailObj.houseInfo) {
|
|
if (this.resiDetailObj.houseInfo.moveOutFlag == 1) {
|
|
flag = true;
|
|
} else {
|
|
flag = false;
|
|
}
|
|
} else {
|
|
flag = false;
|
|
}
|
|
return flag;
|
|
},
|
|
gygShowStatus() {
|
|
let flag = false;
|
|
if (this.resiDetailObj.categoryInfo) {
|
|
if (this.resiDetailObj.categoryInfo.publicWelfareFlag == 1) {
|
|
flag = true;
|
|
} else {
|
|
flag = false;
|
|
}
|
|
} else {
|
|
flag = false;
|
|
}
|
|
return flag;
|
|
},
|
|
},
|
|
watch: {},
|
|
created() {
|
|
this.getResiDetail();
|
|
this.getEduInfoDtoObj();
|
|
this.getEducation();
|
|
this.getdisabilityNationClass();
|
|
},
|
|
methods: {
|
|
getResiDetail() {
|
|
this.$http
|
|
.post(`/actual/base/residentBaseInfo/detail/${this.resiId}`)
|
|
.then((res) => {
|
|
this.resiDetailObj = res.data.data;
|
|
})
|
|
.catch((err) => {
|
|
console.log(err);
|
|
});
|
|
},
|
|
handleFilterSpan(row, item) {
|
|
let _val = "";
|
|
if (item.itemType === "radio" && item.options.length > 0) {
|
|
item.options.forEach((n) => {
|
|
if (n.value === row[item.columnName]) _val = n.label;
|
|
});
|
|
if (row[item.columnName] == "0") return (_val = "");
|
|
}
|
|
|
|
return _val || row[item.columnName];
|
|
},
|
|
async getVolunteerNation() {
|
|
try {
|
|
const { data } = await this.$http.post("sys/dict/data/dictlist", {
|
|
dictType: "VOLUNTEER_CATEGORY",
|
|
});
|
|
this.volunteerArr = data.data;
|
|
} catch (error) {
|
|
console.log(error, "获取志愿者字典");
|
|
}
|
|
},
|
|
handleClick(tab) {
|
|
if (tab._props.label == "教育") {
|
|
this.getEducation();
|
|
this.getEduInfoDtoObj();
|
|
} else if (tab._props.label == "兴趣爱好") {
|
|
this.gethobbyNation();
|
|
this.getResidentHobbyInfoObj();
|
|
} else if (tab._props.label == "宗教信仰") {
|
|
this.getResidentReligionObj();
|
|
} else if (tab._props.label == "健康") {
|
|
this.getdisabilityNation();
|
|
this.getillnessNation();
|
|
this.getchronicNation();
|
|
this.getHealthInfoDetailById();
|
|
} else if (tab._props.label == "工作") {
|
|
this.getResidentWorkInfoObj();
|
|
} else if (tab._props.label == "经济状况") {
|
|
this.getEconomyDetailById();
|
|
} else if (tab._props.label == "居住") {
|
|
this.getHouseholdNation();
|
|
this.getResideInfoDetailById();
|
|
} else if (tab._props.label == "家庭") {
|
|
this.getrelationshipArr();
|
|
this.getSpouse();
|
|
this.getMarriageNation();
|
|
this.getResideNation();
|
|
this.getFamilyInfoDetailById();
|
|
} else if (tab._props.label == "党员") {
|
|
this.getResidentPartyMemberInfo();
|
|
} else if (tab._props.label == "保障房") {
|
|
this.getHousing();
|
|
this.getResidentEnsureHouse();
|
|
} else if (tab._props.label == "失业") {
|
|
this.getUnemployment();
|
|
this.getResidentUnemployed();
|
|
} else if (tab._props.label == "退役军人") {
|
|
this.getVeteranDetailById();
|
|
} else if (tab._props.label == "统战人员") {
|
|
this.getResidentUnitedFront();
|
|
} else if (tab._props.label == "志愿者") {
|
|
this.getVolunteerNation();
|
|
this.getVolunteerDetailById();
|
|
} else if (tab._props.label == "老年人") {
|
|
this.getOldPeopleDetailById();
|
|
} else if (tab._props.label == "特殊人群") {
|
|
this.getResidentNation();
|
|
this.getresidentSpecial();
|
|
} else if (tab._props.label == "出生信息") {
|
|
this.getResidentBirthRecord();
|
|
} else if (tab._props.label == "死亡人员") {
|
|
this.getResidentDeathRecord();
|
|
} else if (tab._props.label == "迁出") {
|
|
this.getResidentMoveOutRecord();
|
|
} else if (tab._props.label == "更新记录") {
|
|
this.getChangeRecordDetailById();
|
|
} else if (tab._props.label == "公益岗人员") {
|
|
this.getChangepostDtoById();
|
|
}
|
|
},
|
|
async getEduInfoDtoObj() {
|
|
try {
|
|
const { data } = await this.$http.get(
|
|
`/actual/base/residentEduInfo/detail/${this.resiId}`
|
|
);
|
|
if (data.data == null) {
|
|
this.eduInfoDto = {};
|
|
} else {
|
|
this.eduInfoDto = data.data;
|
|
}
|
|
} catch (error) {
|
|
console.log(error);
|
|
}
|
|
},
|
|
async getChangeRecordDetailById() {
|
|
try {
|
|
const { data } = await this.$http.post(
|
|
`/actual/base/residentChangeRecord/getChangeRecordDetailById/${this.resiId}`
|
|
);
|
|
if (data.data == null) {
|
|
this.eduInfoDto = {};
|
|
} else {
|
|
this.tableData = data.data;
|
|
}
|
|
} catch (error) {
|
|
console.log(error);
|
|
}
|
|
},
|
|
async getChangepostDtoById() {
|
|
try {
|
|
const { data } = await this.$http.post(
|
|
`/actual/base/publicWelfarePost/detail`,
|
|
{ id: this.resiId }
|
|
);
|
|
if (data.data == null) {
|
|
this.postDto = {};
|
|
} else {
|
|
this.postDto = data.data;
|
|
}
|
|
} catch (error) {
|
|
console.log(error);
|
|
}
|
|
},
|
|
//获取兴趣爱好
|
|
async getResidentHobbyInfoObj() {
|
|
try {
|
|
const { data } = await this.$http.get(
|
|
`/actual/base/residentHobbyInfo/detail/${this.resiId}`
|
|
);
|
|
if (data.data == null) {
|
|
this.hobbyInfoObj = {};
|
|
} else {
|
|
this.hobbyInfoObj = data.data;
|
|
}
|
|
} catch (error) {
|
|
console.log(error);
|
|
}
|
|
},
|
|
async gethobbyNation() {
|
|
try {
|
|
const { data } = await this.$http.post("sys/dict/data/dictlist", {
|
|
dictType: "SPECIAL_SKILL",
|
|
});
|
|
this.hobbyArr = data.data;
|
|
} catch (error) {
|
|
console.log(error, "获取兴趣爱好字典");
|
|
}
|
|
},
|
|
//获取宗教信仰
|
|
async getResidentReligionObj() {
|
|
try {
|
|
const { data } = await this.$http.get(
|
|
`/actual/base/residentReligion/detail/${this.resiId}`
|
|
);
|
|
if (data.data == null) {
|
|
this.residentReligionObj = {};
|
|
} else {
|
|
this.residentReligionObj = data.data;
|
|
}
|
|
} catch (error) {
|
|
console.log(error);
|
|
}
|
|
},
|
|
//获取健康信息
|
|
async getHealthInfoDetailById() {
|
|
try {
|
|
const { data } = await this.$http.post(
|
|
`/actual/base/residentHealthInfo/getHealthInfoDetailById/${this.resiId}`
|
|
);
|
|
if (data.data == null) {
|
|
this.resiHealthInfonObj = {};
|
|
} else {
|
|
this.resiHealthInfonObj = data.data;
|
|
}
|
|
} catch (error) {
|
|
console.log(error);
|
|
}
|
|
},
|
|
//获取特殊人群
|
|
async getresidentSpecial() {
|
|
try {
|
|
const { data } = await this.$http.get(
|
|
`/actual/base/residentSpecial/detail/${this.resiId}`
|
|
);
|
|
if (data.data == null) {
|
|
this.residentSpecialObj = {};
|
|
} else {
|
|
this.residentSpecialObj = data.data;
|
|
}
|
|
} catch (error) {
|
|
console.log(error);
|
|
}
|
|
},
|
|
//获取出生人员详情
|
|
async getResidentBirthRecord() {
|
|
try {
|
|
const { data } = await this.$http.post(
|
|
`/actual/base/residentBirthRecord/detail/${this.resiId}`
|
|
);
|
|
if (data.data == null) {
|
|
this.residentBirthRecordObj = {};
|
|
} else {
|
|
this.residentBirthRecordObj = data.data;
|
|
}
|
|
} catch (error) {
|
|
console.log(error);
|
|
}
|
|
},
|
|
//获取死亡人员详情
|
|
async getResidentDeathRecord() {
|
|
try {
|
|
const { data } = await this.$http.post(
|
|
`/actual/base/residentDeathRecord/detail/${this.resiId}`
|
|
);
|
|
if (data.data == null) {
|
|
this.residentDeathRecordObj = {};
|
|
} else {
|
|
this.residentDeathRecordObj = data.data;
|
|
}
|
|
} catch (error) {
|
|
console.log(error);
|
|
}
|
|
},
|
|
//获取迁出详情
|
|
async getResidentMoveOutRecord() {
|
|
try {
|
|
const { data } = await this.$http.post(
|
|
`/actual/base/residentMoveOutRecord/detail/${this.resiId}`
|
|
);
|
|
if (data.data == null) {
|
|
this.residentMoveOutRecordObj = {};
|
|
} else {
|
|
this.residentMoveOutRecordObj = data.data;
|
|
}
|
|
} catch (error) {
|
|
console.log(error);
|
|
}
|
|
},
|
|
//获取工作信息
|
|
async getResidentWorkInfoObj() {
|
|
try {
|
|
const { data } = await this.$http.get(
|
|
`/actual/base/residentWorkInfo/detail/${this.resiId}`
|
|
);
|
|
if (data.data == null) {
|
|
this.residentWorkInfoObj = {};
|
|
} else {
|
|
this.residentWorkInfoObj = data.data;
|
|
}
|
|
} catch (error) {
|
|
console.log(error);
|
|
}
|
|
},
|
|
//获取党员信息
|
|
async getResidentPartyMemberInfo() {
|
|
try {
|
|
const { data } = await this.$http.get(
|
|
`/actual/base/residentPartyMemberInfo/detail/${this.resiId}`
|
|
);
|
|
|
|
this.residentPartyMemberInfoObj = data.data;
|
|
} catch (error) {
|
|
console.log(error);
|
|
}
|
|
},
|
|
//获取保障房
|
|
async getResidentEnsureHouse() {
|
|
try {
|
|
const { data } = await this.$http.get(
|
|
`/actual/base/residentEnsureHouse/detail/${this.resiId}`
|
|
);
|
|
if (data.data == null) {
|
|
this.residentEnsureHouseObj = {};
|
|
} else {
|
|
this.residentEnsureHouseObj = data.data;
|
|
}
|
|
} catch (error) {
|
|
console.log(error);
|
|
}
|
|
},
|
|
//获取失业
|
|
async getResidentUnemployed() {
|
|
try {
|
|
const { data } = await this.$http.get(
|
|
`/actual/base/residentUnemployed/detail/${this.resiId}`
|
|
);
|
|
if (data.data == null) {
|
|
this.residentUnemployedObj = {};
|
|
} else {
|
|
this.residentUnemployedObj = data.data;
|
|
}
|
|
} catch (error) {
|
|
console.log(error);
|
|
}
|
|
},
|
|
//获取统战
|
|
async getResidentUnitedFront() {
|
|
try {
|
|
const { data } = await this.$http.get(
|
|
`/actual/base/residentUnitedFront/detail/${this.resiId}`
|
|
);
|
|
if (data.data == null) {
|
|
this.residentUnitedFrontObj = {};
|
|
} else {
|
|
this.residentUnitedFrontObj = data.data;
|
|
}
|
|
} catch (error) {
|
|
console.log(error);
|
|
}
|
|
},
|
|
//获取经济状况
|
|
async getEconomyDetailById() {
|
|
try {
|
|
const { data } = await this.$http.post(
|
|
`/actual/base/residentEconomy/getEconomyDetailById/${this.resiId}`
|
|
);
|
|
if (data.data == null) {
|
|
this.resiEconomyObj = {};
|
|
} else {
|
|
this.resiEconomyObj = data.data;
|
|
}
|
|
} catch (error) {
|
|
console.log(error);
|
|
}
|
|
},
|
|
async getHousing() {
|
|
try {
|
|
let { data } = await this.$http.post("sys/dict/data/house", {
|
|
formCode: "resi_base_info",
|
|
});
|
|
this.houseArr = data.data;
|
|
} catch (error) {
|
|
console.log(error, "获取住房性质字典");
|
|
}
|
|
},
|
|
//获取残疾类别字典
|
|
async getdisabilityNation() {
|
|
try {
|
|
const { data } = await this.$http.post("sys/dict/data/dictlist", {
|
|
dictType: "disability_category_code",
|
|
});
|
|
|
|
this.categoryDictArr = data.data;
|
|
} catch (error) {
|
|
console.log(error, "获取残疾类别字典");
|
|
}
|
|
},
|
|
async getResidentNation() {
|
|
try {
|
|
const { data } = await this.$http.post("sys/dict/data/dictlist", {
|
|
dictType: "special_resident_category",
|
|
});
|
|
this.specialDtoArr = data.data;
|
|
} catch (error) {
|
|
console.log(error, "获取特殊人群字典");
|
|
}
|
|
},
|
|
async getMarriageNation() {
|
|
try {
|
|
const { data } = await this.$http.post("sys/dict/data/dictlist", {
|
|
dictType: "marriage",
|
|
});
|
|
this.marriageArr = data.data;
|
|
} catch (error) {
|
|
console.log(error, "获取婚姻状况字典");
|
|
}
|
|
},
|
|
// 获取残疾等级字典
|
|
async getdisabilityNationClass() {
|
|
try {
|
|
const { data } = await this.$http.post("sys/dict/data/dictlist", {
|
|
dictType: "disability_level",
|
|
});
|
|
this.disability_levelArr = data.data;
|
|
} catch (error) {
|
|
console.log(error, "获取残疾等级字典");
|
|
}
|
|
},
|
|
async getSpouse() {
|
|
try {
|
|
const { data } = await this.$http.post("sys/dict/data/dictlist", {
|
|
dictType: "spouse_situation",
|
|
});
|
|
this.spouseArr = data.data;
|
|
} catch (error) {
|
|
console.log(error, "获取配偶情况字典");
|
|
}
|
|
},
|
|
async getrelationshipArr() {
|
|
try {
|
|
const { data } = await this.$http.post("sys/dict/data/relationship", {
|
|
formCode: "resi_base_info",
|
|
});
|
|
this.relationshipArr = data.data;
|
|
} catch (error) {
|
|
console.log(error, "获取户主关系字典");
|
|
}
|
|
},
|
|
//获取老年人信息详情
|
|
async getOldPeopleDetailById() {
|
|
try {
|
|
const { data } = await this.$http.post(
|
|
`/actual/base/residentOldPeople/getOldPeopleDetailById/${this.resiId}`
|
|
);
|
|
if (data.data == null) {
|
|
this.residentOldPeopleObj = {};
|
|
} else {
|
|
this.residentOldPeopleObj = data.data;
|
|
}
|
|
} catch (error) {
|
|
console.log(error);
|
|
}
|
|
},
|
|
async getillnessNation() {
|
|
try {
|
|
const { data } = await this.$http.post("sys/dict/data/dictlist", {
|
|
dictType: "illness_code",
|
|
});
|
|
this.illnessArr = data.data;
|
|
} catch (error) {
|
|
console.log(error, "获取所患大病字典");
|
|
}
|
|
},
|
|
//居住
|
|
async getResideInfoDetailById() {
|
|
try {
|
|
const { data } = await this.$http.post(
|
|
`/actual/base/residentResideInfo/getResideInfoDetailById/${this.resiId}`
|
|
);
|
|
if (data.data == null) {
|
|
this.residentResideInfoObj = {};
|
|
} else {
|
|
this.residentResideInfoObj = data.data;
|
|
}
|
|
} catch (error) {
|
|
console.log(error);
|
|
}
|
|
},
|
|
//获取退役军人信息
|
|
async getVeteranDetailById() {
|
|
try {
|
|
const { data } = await this.$http.post(
|
|
`/actual/base/residentVeteran/getVeteranDetailById/${this.resiId}`
|
|
);
|
|
if (data.data == null) {
|
|
this.residentVeteranObj = {};
|
|
} else {
|
|
this.residentVeteranObj = data.data;
|
|
}
|
|
} catch (error) {
|
|
console.log(error);
|
|
}
|
|
},
|
|
//家庭信息
|
|
async getFamilyInfoDetailById() {
|
|
try {
|
|
const { data } = await this.$http.post(
|
|
`/actual/base/residentFamilyInfo/getFamilyInfoDetailById/${this.resiId}`
|
|
);
|
|
if (data.data == null) {
|
|
this.residentFamilyInfoObj = {};
|
|
} else {
|
|
this.residentFamilyInfoObj = data.data;
|
|
}
|
|
} catch (error) {
|
|
console.log(error);
|
|
}
|
|
},
|
|
//志愿者信息详情
|
|
async getVolunteerDetailById() {
|
|
try {
|
|
const { data } = await this.$http.post(
|
|
`/actual/base/residentVolunteer/getVolunteerDetailById/${this.resiId}`
|
|
);
|
|
if (data.data == null) {
|
|
this.residentVolunteerObj = {};
|
|
} else {
|
|
this.residentVolunteerObj = data.data;
|
|
}
|
|
} catch (error) {
|
|
console.log(error);
|
|
}
|
|
},
|
|
async getEducation() {
|
|
try {
|
|
let { data } = await this.$http.post("sys/dict/data/education", {
|
|
formCode: "resi_base_info",
|
|
});
|
|
this.educationDictonArr = data.data;
|
|
} catch (error) {
|
|
console.log(error, "获取学历字典");
|
|
}
|
|
},
|
|
async getPostNation() {
|
|
try {
|
|
let { data } = await this.$http.post("sys/dict/data/dictlist", {
|
|
dictType: "welfare_post",
|
|
});
|
|
this.PostDictonArr = data.data;
|
|
} catch (error) {
|
|
console.log(error, "获取学历字典");
|
|
}
|
|
},
|
|
async getchronicNation() {
|
|
try {
|
|
const { data } = await this.$http.post("sys/dict/data/dictlist", {
|
|
dictType: "chronic_disease_code",
|
|
});
|
|
this.chronicArr = data.data;
|
|
} catch (error) {
|
|
console.log(error, "获取所患慢病字典");
|
|
}
|
|
},
|
|
async getHouseholdNation() {
|
|
try {
|
|
const { data } = await this.$http.post("sys/dict/data/dictlist", {
|
|
dictType: "household_situation",
|
|
});
|
|
this.householdArr = data.data;
|
|
} catch (error) {
|
|
console.log(error, "获取人户状况字典");
|
|
}
|
|
},
|
|
async getResideNation() {
|
|
try {
|
|
const { data } = await this.$http.post("sys/dict/data/dictlist", {
|
|
dictType: "reside_situation",
|
|
});
|
|
this.resideArr = data.data;
|
|
} catch (error) {
|
|
console.log(error, "获取居住情况字典");
|
|
}
|
|
},
|
|
async getUnemployment() {
|
|
try {
|
|
const { data } = await this.$http.post("sys/dict/data/dictlist", {
|
|
dictType: "unemployment_reason",
|
|
});
|
|
this.unemploymentArr = data.data;
|
|
} catch (error) {
|
|
console.log(error, "获取失业原因字典");
|
|
}
|
|
},
|
|
async handleTuomin(type) {
|
|
const url = `/actual/base/residentBaseInfo/getResiUserInfo/${this.resiId}`;
|
|
const { data, code, msg } = await requestPost(url);
|
|
if (code === 0) {
|
|
if (type === "mobile") {
|
|
this.$set(this.resiDetailObj, "showMobile", data.mobile);
|
|
this.showFlagMobileBtn = !this.showFlagMobileBtn;
|
|
if (this.showFlagMobileBtn) {
|
|
this.$set(
|
|
this.resiDetailObj,
|
|
"showMobile",
|
|
data.mobile.substr(0, 3) + "****" + data.mobile.substr(7, 4)
|
|
);
|
|
}
|
|
}
|
|
if (type === "idCard") {
|
|
this.$set(this.resiDetailObj, "showIdNum", data.idNum);
|
|
this.showFlagIdCardBtn = !this.showFlagIdCardBtn;
|
|
if (this.showFlagIdCardBtn) {
|
|
this.$set(
|
|
this.resiDetailObj,
|
|
"showIdNum",
|
|
data.idNum.substr(0, 11) + "****" + data.idNum.substr(16, 2)
|
|
);
|
|
}
|
|
}
|
|
} else {
|
|
this.$message.error(msg);
|
|
}
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
@import "@/assets/scss/modules/management/list-main.scss";
|
|
.f-m-top29 {
|
|
margin-top: 29px;
|
|
padding-left: 20px;
|
|
}
|
|
.f-left8 {
|
|
margin-left: 8px;
|
|
}
|
|
.f-font-color {
|
|
color: #000;
|
|
font-weight: 400;
|
|
}
|
|
.f-right30 {
|
|
margin-right: 50px;
|
|
}
|
|
.f-left15 {
|
|
padding-left: 15px;
|
|
}
|
|
.f-w70 {
|
|
width: 70px;
|
|
}
|
|
.el-button--small,
|
|
.el-button--small.is-round {
|
|
padding: 0;
|
|
}
|
|
.f-bto16 {
|
|
margin-bottom: 16px;
|
|
}
|
|
.f-label {
|
|
width: 65px;
|
|
text-align: right;
|
|
}
|
|
.f-labels {
|
|
width: 100px;
|
|
text-align: right;
|
|
margin-right: 10px;
|
|
}
|
|
</style>
|