|
|
@ -1,10 +1,10 @@ |
|
|
|
<template> |
|
|
|
<popup :title="title" @close="handleClose"> |
|
|
|
<popup title="综治人群详情" @close="handleClose"> |
|
|
|
<template v-slot:cnt> |
|
|
|
<div class="m-info"> |
|
|
|
<div class="subtitle"> |
|
|
|
<i class="i-chunk"></i> |
|
|
|
基本信息 |
|
|
|
<span>基本信息</span> |
|
|
|
<i class="i-line"></i> |
|
|
|
</div> |
|
|
|
<div class="row"> |
|
|
@ -65,31 +65,32 @@ |
|
|
|
<span>分类信息</span> |
|
|
|
<i class="i-line"></i> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">居民分类:</div> |
|
|
|
<div class="value"> |
|
|
|
<div class="u-categorys"> |
|
|
|
<span v-if="info.crowd">党员</span> |
|
|
|
<span v-if="info.mlsp">低保人员</span> |
|
|
|
<span v-if="info.srs">保障房人员</span> |
|
|
|
<span v-if="info.unemployed">失业人员</span> |
|
|
|
<span v-if="info.woca">育龄妇女</span> |
|
|
|
<span v-if="info.exs">退役军人</span> |
|
|
|
<span v-if="info.ufs">统战人员</span> |
|
|
|
<span v-if="info.petitioner">信访人员</span> |
|
|
|
<span v-if="info.volunteer">志愿者</span> |
|
|
|
<span v-if="info.in_person">特扶人员</span> |
|
|
|
<span v-if="info.tenant">租户</span> |
|
|
|
<span v-if="info.float_popu">流动人口</span> |
|
|
|
<span v-if="info.special_popu">特殊人群</span> |
|
|
|
<span v-if="info.aaaa">独居老人</span> |
|
|
|
<span v-if="info.empty_nest">空巢老人</span> |
|
|
|
<span v-if="info.disability">失能老人</span> |
|
|
|
<span v-if="info.dementia">失智老人</span> |
|
|
|
<span v-if="info.adisability">残疾</span> |
|
|
|
<span v-if="info.ser_ill">大病</span> |
|
|
|
<span v-if="info.ncd">慢病</span> |
|
|
|
<span v-if="info.crowd != '0'">党员</span> |
|
|
|
<span v-if="info.mlsp != '0'">低保人员</span> |
|
|
|
<span v-if="info.srs != '0'">保障房人员</span> |
|
|
|
<span v-if="info.unemployed != '0'">失业人员</span> |
|
|
|
<span v-if="info.woca != '0'">育龄妇女</span> |
|
|
|
<span v-if="info.exs != '0'">退役军人</span> |
|
|
|
<span v-if="info.ufs != '0'">统战人员</span> |
|
|
|
<span v-if="info.petitioner != '0'">信访人员</span> |
|
|
|
<span v-if="info.volunteer != '0'">志愿者</span> |
|
|
|
<span v-if="info.in_person != '0'">特扶人员</span> |
|
|
|
<span v-if="info.tenant != '0'">租户</span> |
|
|
|
<span v-if="info.float_popu != '0'">流动人口</span> |
|
|
|
<span v-if="info.special_popu != '0'">特殊人群</span> |
|
|
|
<span v-if="info.aaaa != '0'">独居老人</span> |
|
|
|
<span v-if="info.empty_nest != '0'">空巢老人</span> |
|
|
|
<span v-if="info.disability != '0'">失能老人</span> |
|
|
|
<span v-if="info.dementia != '0'">失智老人</span> |
|
|
|
<span v-if="info.adisability != '0'">残疾</span> |
|
|
|
<span v-if="info.ser_ill != '0'">大病</span> |
|
|
|
<span v-if="info.ncd != '0'">慢病</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -100,11 +101,7 @@ |
|
|
|
<span>其他信息</span> |
|
|
|
<i class="i-line"></i> |
|
|
|
</div> |
|
|
|
<div class="subtitle"> |
|
|
|
<i class="i-chunk"></i> |
|
|
|
其他信息 |
|
|
|
<i class="i-line"></i> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="m-tabs"> |
|
|
|
<div class="tab-btn" @click="subStartTabIndex" v-if="tabList.length > 7"><img src="@/assets/img/shuju/people/arrow-double-left.png" /></div> |
|
|
|
<div |
|
|
@ -120,7 +117,7 @@ |
|
|
|
<div class="tab-btn" @click="addStartTabIndex" v-if="tabList.length > 7"><img src="@/assets/img/shuju/people/arrow-double-right.png" /></div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- <div v-if="currentTab == '教育信息'"> |
|
|
|
<div v-if="currentTab == '教育信息'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">文化程度:</div> |
|
|
@ -551,9 +548,9 @@ |
|
|
|
<div class="value">{{ info.reportDate }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> --> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- <div v-if="currentTab == '死亡信息'"> |
|
|
|
<div v-if="currentTab == '死亡信息'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">死亡时间:</div> |
|
|
@ -572,9 +569,9 @@ |
|
|
|
<div class="value">{{ info.removeReason }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> --> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- <div v-if="currentTab == '迁出'"> |
|
|
|
<div v-if="currentTab == '迁出'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">迁出信息:</div> |
|
|
@ -613,7 +610,7 @@ |
|
|
|
<div class="value">{{ info.address }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</popup> |
|
|
@ -621,28 +618,164 @@ |
|
|
|
|
|
|
|
<script> |
|
|
|
import popup from '@/views/dataBoard/cpts/popup'; |
|
|
|
|
|
|
|
import { requestPostBi } from '@/js/dai/request-bipass'; |
|
|
|
|
|
|
|
export default { |
|
|
|
name: 'eventdetail', |
|
|
|
name: 'residentDetails', |
|
|
|
props: { |
|
|
|
detailId: { |
|
|
|
type: String, |
|
|
|
default: '' |
|
|
|
}, |
|
|
|
detailType: { |
|
|
|
type: String, |
|
|
|
default: '' |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
components: { popup }, |
|
|
|
created() {}, |
|
|
|
|
|
|
|
data() { |
|
|
|
return { |
|
|
|
info: {}, |
|
|
|
title: '', |
|
|
|
info: { |
|
|
|
// woca: true, |
|
|
|
// exs: false, |
|
|
|
// srs: true, |
|
|
|
// household: "--", |
|
|
|
// holdingrel: "--", |
|
|
|
// ethnic: "--", |
|
|
|
// community: "--", |
|
|
|
// user_id: "--", |
|
|
|
// census_type: "--", |
|
|
|
// aged: true, |
|
|
|
// spouse: "--", |
|
|
|
// mlsp: false, |
|
|
|
// ncp: true, |
|
|
|
// disable_idcard: "--", |
|
|
|
// volunteer: false, |
|
|
|
// village: "--", |
|
|
|
// disable_degree: "--", |
|
|
|
// marital: "--", |
|
|
|
// native_place: "--", |
|
|
|
// disable_type: "--", |
|
|
|
// building: "--", |
|
|
|
// disable_remark: "--", |
|
|
|
// skill: "--", |
|
|
|
// petitioner: true, |
|
|
|
// unemployed: true, |
|
|
|
// needs_group: "--", |
|
|
|
// hobby: "--", |
|
|
|
// unit: "--", |
|
|
|
// gender: "--", |
|
|
|
// retire_income: "--", |
|
|
|
// workunit: "--", |
|
|
|
// ufs: false, |
|
|
|
// birthday: "--", |
|
|
|
// in_person: false, |
|
|
|
// adisability: false, |
|
|
|
// household_remark: "--", |
|
|
|
// belief: "--", |
|
|
|
// education_remark: "--", |
|
|
|
// education: "--", |
|
|
|
// residence_current: "--", |
|
|
|
// career: "--", |
|
|
|
// empty_nest: false, |
|
|
|
// idcard: "--", |
|
|
|
// room: "--", |
|
|
|
// guardian: "--", |
|
|
|
// tenant: true, |
|
|
|
// residence: "--", |
|
|
|
// supporters: "--", |
|
|
|
// ser_ill: false, |
|
|
|
// ncd: true, |
|
|
|
// belief_remark: "--", |
|
|
|
// dementia: false, |
|
|
|
// disability: true, |
|
|
|
// telephone: "--", |
|
|
|
// income: "--", |
|
|
|
// native: "--", |
|
|
|
// crowd: false, |
|
|
|
// resident_remark: "--", |
|
|
|
// hobby_remark: "--", |
|
|
|
// retire_remark: "--", |
|
|
|
// special_popu: true, |
|
|
|
// street: "--", |
|
|
|
// float_popu: true, |
|
|
|
// supporters_relation: "--", |
|
|
|
// name: "--", |
|
|
|
// grid: "--", |
|
|
|
// retire_date: "--", |
|
|
|
// joinTime: "--", |
|
|
|
// positiveTime: "--", |
|
|
|
// branchId: "--", |
|
|
|
// flowFlag: "--", |
|
|
|
// flowActNum: "--", |
|
|
|
// partyJob: "--", |
|
|
|
// retiredFlag: "--", |
|
|
|
// centerFlag: "--", |
|
|
|
// joinBranchName: "--", |
|
|
|
// joinCommunityTime: "--", |
|
|
|
// longHolidayFlag: "--", |
|
|
|
// ensure_house_id: "--", |
|
|
|
// housingNature: "--", |
|
|
|
// securityType: "--", |
|
|
|
// certificateDate: "--", |
|
|
|
// subsidyNum: "--", |
|
|
|
// subsidyAmount: "--", |
|
|
|
// unemployed_id: "--", |
|
|
|
// originWorkUnit: "--", |
|
|
|
// unemploymentTime: "--", |
|
|
|
// unemploymentNum: "--", |
|
|
|
// employmentNum: "--", |
|
|
|
// specialSkill: "--", |
|
|
|
// unemploymentReason: "--", |
|
|
|
// employmentHardFlag: "--", |
|
|
|
// employmentWish: "--", |
|
|
|
// veteran_id: "--", |
|
|
|
// joinArmyTime: "--", |
|
|
|
// leaveArmyTime: "--", |
|
|
|
// serviceUnit: "--", |
|
|
|
// receiveUnit: "--", |
|
|
|
// settlementAmount: "--", |
|
|
|
// trainDesc: "--", |
|
|
|
// joinWarStartTime: "--", |
|
|
|
// joinWarEndTime: "--", |
|
|
|
// employmentSituation: "--", |
|
|
|
// pubWelfareJobFlag: "--", |
|
|
|
// united_front_id: "--", |
|
|
|
// duty: "--", |
|
|
|
// visitation: "--", |
|
|
|
// volunteer_id: "--", |
|
|
|
// volunteerCategory: "--", |
|
|
|
// volunteerRemark: "--", |
|
|
|
// old_people_id: "--", |
|
|
|
// oldSubsidy: "--", |
|
|
|
// special_id: "--", |
|
|
|
// specialCategoryCode: "--", |
|
|
|
// birth_record_id: "--", |
|
|
|
// birthplace: "--", |
|
|
|
// father: "--", |
|
|
|
// mother: "--", |
|
|
|
// count: "--", |
|
|
|
// reportDate: "--", |
|
|
|
// death_record_id: "--", |
|
|
|
// deathDate: "--", |
|
|
|
// deathReason: "--", |
|
|
|
// removeDate: "--", |
|
|
|
// removeReason: "--", |
|
|
|
// move_out_record_id: "--", |
|
|
|
// outOfTime: "--", |
|
|
|
// type: "--", |
|
|
|
// reason: "--", |
|
|
|
// deptId: "--", |
|
|
|
// villageId: "--", |
|
|
|
// villageName: "--", |
|
|
|
// buildId: "--", |
|
|
|
// buildName: "--", |
|
|
|
// unitId: "--", |
|
|
|
// unitName: "--", |
|
|
|
// homeId: "--", |
|
|
|
// homeName: "--", |
|
|
|
// address: "--", |
|
|
|
// residence_current: "--", |
|
|
|
}, |
|
|
|
|
|
|
|
currentTabIndex: 0, |
|
|
|
startTabIndex: 0, |
|
|
|
BaseTabList: ['教育信息', '兴趣爱好', '宗教', '健康', '工作', '经济状况', '居住', '家庭'], |
|
|
@ -650,15 +783,16 @@ export default { |
|
|
|
}; |
|
|
|
}, |
|
|
|
|
|
|
|
mounted() { |
|
|
|
this.getApiData(); |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
currentTab() { |
|
|
|
return this.tabList[this.currentTabIndex]; |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
mounted() { |
|
|
|
this.getApiData(); |
|
|
|
}, |
|
|
|
|
|
|
|
methods: { |
|
|
|
addStartTabIndex() { |
|
|
|
const { startTabIndex, tabList } = this; |
|
|
@ -676,6 +810,7 @@ export default { |
|
|
|
this.startTabIndex = 0; |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
handleClose() { |
|
|
|
this.$emit('close'); |
|
|
|
}, |
|
|
@ -686,9 +821,7 @@ export default { |
|
|
|
|
|
|
|
// 根据房屋id获取详情 |
|
|
|
async getInfo() { |
|
|
|
let url = 'resident_special_info'; |
|
|
|
|
|
|
|
this.title = '综治人群详情'; |
|
|
|
const url = 'resident_special_info'; |
|
|
|
|
|
|
|
const { data, code, msg } = await requestPostBi( |
|
|
|
url, |
|
|
@ -698,27 +831,27 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
{ |
|
|
|
// mockId: 60235478, |
|
|
|
// mockId: 61172054, |
|
|
|
} |
|
|
|
); |
|
|
|
|
|
|
|
if (code === 0) { |
|
|
|
this.info = { ...this.info, ...data[0] }; |
|
|
|
console.log(this.info); |
|
|
|
console.log('this.info', this.info); |
|
|
|
const { info } = this; |
|
|
|
let tabList = this.BaseTabList; |
|
|
|
info.crowd && tabList.push('党员'); |
|
|
|
info.srs && tabList.push('保障房'); |
|
|
|
info.unemployed && tabList.push('失业'); |
|
|
|
info.exs && tabList.push('退役军人'); |
|
|
|
info.ufs && tabList.push('统战人员'); |
|
|
|
info.volunteer && tabList.push('志愿者'); |
|
|
|
info.aged && tabList.push('老年人'); |
|
|
|
info.special_popu && tabList.push('特殊人群'); |
|
|
|
info.crowd!='0' && tabList.push('党员'); |
|
|
|
info.srs!='0' && tabList.push('保障房'); |
|
|
|
info.unemployed!='0' && tabList.push('失业'); |
|
|
|
info.exs!='0' && tabList.push('退役军人'); |
|
|
|
info.ufs!='0' && tabList.push('统战人员'); |
|
|
|
info.volunteer!='0' && tabList.push('志愿者'); |
|
|
|
info.aged!='0' && tabList.push('老年人'); |
|
|
|
info.special_popu!='0' && tabList.push('特殊人群'); |
|
|
|
tabList.push('出生信息'); |
|
|
|
tabList.push('死亡信息'); |
|
|
|
tabList.push('迁出'); |
|
|
|
this.tabList = tabList; |
|
|
|
console.log('this.info', this.info); |
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
@ -726,20 +859,20 @@ export default { |
|
|
|
} |
|
|
|
}; |
|
|
|
</script> |
|
|
|
<style scoped> |
|
|
|
.m-info .row .item .field { |
|
|
|
width: 120px !important; |
|
|
|
} |
|
|
|
|
|
|
|
<style lang="scss" src="@/assets/scss/dataBoard/popup-info.scss" scoped></style> |
|
|
|
<style lang="scss" scoped> |
|
|
|
@import '~@/assets/scss/c/config.scss'; |
|
|
|
@import '~@/assets/scss/c/function.scss'; |
|
|
|
|
|
|
|
.u-categorys { |
|
|
|
display: flex; |
|
|
|
flex-wrap: wrap; |
|
|
|
|
|
|
|
span { |
|
|
|
display: block; |
|
|
|
width: 90px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.u-categorys span { |
|
|
|
display: block; |
|
|
|
width: 90px; |
|
|
|
} |
|
|
|
.m-tabs { |
|
|
|
margin-top: 30px; |
|
|
|
display: flex; |
|
|
@ -777,4 +910,3 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
<style lang="scss" src="@/assets/scss/dataBoard/popup-info.scss" scoped></style> |
|
|
|