|
|
@ -1,736 +1,54 @@ |
|
|
|
<template> |
|
|
|
<popup :title="title" @close="handleClose"> |
|
|
|
<template v-slot:cnt> |
|
|
|
<div class="m-info" v-if="detailType == '生产隐患'"> |
|
|
|
<div class="m-info"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">场所名称:</div> |
|
|
|
<div class="value">{{ info.place_org_name }}</div> |
|
|
|
<div class="value">{{ info.place_name }}</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="item"> |
|
|
|
<div class="field">占地面积:</div> |
|
|
|
<div class="value">{{ info.area_covered }}</div> |
|
|
|
<div class="field">场所规模 :</div> |
|
|
|
<div class="value">{{ info.place_code }}</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="item"> |
|
|
|
<div class="field">场所规模:</div> |
|
|
|
<div class="value">{{ info.scale_total }}</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="item"> |
|
|
|
<div class="field">所属组织:</div> |
|
|
|
<div class="value">{{ info.grid }}</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="item"> |
|
|
|
<div class="field">场所类别:</div> |
|
|
|
<div class="value">{{ info.place_category }}</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="item"> |
|
|
|
<div class="field">场所类型:</div> |
|
|
|
<div class="value">{{ info.place_type }}</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="item"> |
|
|
|
<div class="field">负责人:</div> |
|
|
|
<div class="value">{{ info.person_in_charge }}</div> |
|
|
|
<div class="value">{{ info.user_name }}</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="item"> |
|
|
|
<div class="field">联系电话:</div> |
|
|
|
<div class="value">{{ info.mobile }}</div> |
|
|
|
<div class="value">{{ info.telephone }}</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="item"> |
|
|
|
<div class="field">场所地址:</div> |
|
|
|
<div class="value">{{ info.mobile }}</div> |
|
|
|
</div> |
|
|
|
<div style="position: relative;width: 100%;height: 300px;" id="map"></div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field"></div> |
|
|
|
<div class="value">{{ info.longitude }}{{ info.latitude }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="m-info" v-if="detailType == '发现问题'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">隐患场所:</div> |
|
|
|
<div class="value">{{ info.danger_place_name }}</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="item"> |
|
|
|
<div class="field">隐患内容:</div> |
|
|
|
<div class="value">{{ info.danger_content }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">所属组织:</div> |
|
|
|
<div class="value">{{ info.grid }}</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="item"> |
|
|
|
<div class="field">上报人:</div> |
|
|
|
<div class="value">{{ info.report_person }}</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="item"> |
|
|
|
<div class="field">联系电话:</div> |
|
|
|
<div class="value">{{ info.mobile }}</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="item"> |
|
|
|
<div class="field">上报时间:</div> |
|
|
|
<div class="value">{{ info.report_time }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="m-info" v-if="detailType == '群租房'"> |
|
|
|
<div class="subtitle"> |
|
|
|
<i class="i-chunk"></i> |
|
|
|
基本信息 |
|
|
|
<i class="i-line"></i> |
|
|
|
</div> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">房屋名称:</div> |
|
|
|
<!-- <div class="value">{{ info.grid }}</div> --> |
|
|
|
<div class="field">所处位置:</div> |
|
|
|
<div class="value">{{ info.location }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">房屋类型:</div> |
|
|
|
<div class="value">{{ info.parent_category }} {{ info.category }}</div> |
|
|
|
<div class="field">所属组织 :</div> |
|
|
|
<div class="value">{{ info.agency_name }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">房屋用途:</div> |
|
|
|
<div class="value">{{ info.house_type }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">房屋状态:</div> |
|
|
|
<div class="value">{{ info.house_state }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">房主姓名:</div> |
|
|
|
<div class="value">{{ info.homeowner }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">联系电话:</div> |
|
|
|
<div class="value">{{ info.homeowner_telep }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">证件号:</div> |
|
|
|
<div class="value">{{ info.homeowner_idcard }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="subtitle"> |
|
|
|
<i class="i-chunk"></i> |
|
|
|
人员信息 |
|
|
|
<i class="i-line"></i> |
|
|
|
</div> |
|
|
|
<div class="m-tabs"> |
|
|
|
<div class="tab-btn" @click="subStartTabIndex2" v-if="userArray.length > 7"><img src="@/assets/img/shuju/people/arrow-double-left.png" /></div> |
|
|
|
<div |
|
|
|
v-for="(item, index) in userArray" |
|
|
|
class="tab" |
|
|
|
:class="currentTabIndex2 % userArray.length == index ? 'z-on' : ''" |
|
|
|
:key="'tab' + index" |
|
|
|
v-show="index >= startTabIndex2 && index < startTabIndex2 + 7" |
|
|
|
@click="(currentTabIndex2 = index), gettab2(item)" |
|
|
|
> |
|
|
|
{{ item.name }} |
|
|
|
</div> |
|
|
|
<div class="tab-btn" @click="addStartTabIndex2" v-if="userArray.length > 7"><img src="@/assets/img/shuju/people/arrow-double-right.png" /></div> |
|
|
|
</div> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">姓名:</div> |
|
|
|
<div class="value">{{ userList.name }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">联系电话:</div> |
|
|
|
<div class="value">{{ userList.telephoneidcard }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">证件号:</div> |
|
|
|
<div class="value">{{ userList.idcard }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">本地户籍:</div> |
|
|
|
<div class="value">{{ userList.content }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">性别:</div> |
|
|
|
<div class="value">{{ userList.gender }}</div> |
|
|
|
<div class="field">场所类型 :</div> |
|
|
|
<div class="value">{{ info.place_category }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">出生日期:</div> |
|
|
|
<div class="value">{{ userList.birthday }}</div> |
|
|
|
<div class="field">场所类别:</div> |
|
|
|
<div class="value">{{ info.child_place_type }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">民族:</div> |
|
|
|
<div class="value">{{ userList.ethnic }}</div> |
|
|
|
<div class="field">占地面积 :</div> |
|
|
|
<div class="value">{{ info.place_area }}</div> |
|
|
|
</div> |
|
|
|
<!-- <div class="item"> |
|
|
|
<div class="field">居民类别:</div> |
|
|
|
<div class="value">{{ userList.content }}</div> |
|
|
|
</div> --> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">备注:</div> |
|
|
|
<div class="value">{{ userList.resident_remark }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="subtitle"> |
|
|
|
<i class="i-chunk"></i> |
|
|
|
<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="userList.crowd != '0'">党员</span> |
|
|
|
<span v-if="userList.mlsp != '0'">低保人员</span> |
|
|
|
<span v-if="userList.srs != '0'">保障房人员</span> |
|
|
|
<span v-if="userList.unemployed != '0'">失业人员</span> |
|
|
|
<span v-if="userList.woca != '0'">育龄妇女</span> |
|
|
|
<span v-if="userList.exs != '0'">退役军人</span> |
|
|
|
<span v-if="userList.ufs != '0'">统战人员</span> |
|
|
|
<span v-if="userList.petitioner != '0'">信访人员</span> |
|
|
|
<span v-if="userList.volunteer != '0'">志愿者</span> |
|
|
|
<span v-if="userList.in_person != '0'">特扶人员</span> |
|
|
|
<span v-if="userList.tenant != '0'">租户</span> |
|
|
|
<span v-if="userList.float_popu != '0'">流动人口</span> |
|
|
|
<span v-if="userList.special_popu != '0'">特殊人群</span> |
|
|
|
<span v-if="userList.aaaa != '0'">独居老人</span> |
|
|
|
<span v-if="userList.empty_nest != '0'">空巢老人</span> |
|
|
|
<span v-if="userList.disability != '0'">失能老人</span> |
|
|
|
<span v-if="userList.dementia != '0'">失智老人</span> |
|
|
|
<span v-if="userList.adisability != '0'">残疾</span> |
|
|
|
<span v-if="userList.ser_ill != '0'">大病</span> |
|
|
|
<span v-if="userList.ncd != '0'">慢病</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="subtitle"> |
|
|
|
<i class="i-chunk"></i> |
|
|
|
<span>其他信息</span> |
|
|
|
<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 |
|
|
|
v-show="index >= startTabIndex && index < startTabIndex + 7" |
|
|
|
class="tab" |
|
|
|
:class="currentTabIndex % tabList.length == index ? 'z-on' : ''" |
|
|
|
:key="'tab' + index" |
|
|
|
@click="currentTabIndex = index" |
|
|
|
v-for="(item, index) in tabList" |
|
|
|
> |
|
|
|
{{ item }} |
|
|
|
</div> |
|
|
|
<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 class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">文化程度:</div> |
|
|
|
<div class="value">{{ userList.education }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">备注:</div> |
|
|
|
<div class="value">{{ userList.education_remark }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '兴趣爱好'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">兴趣:</div> |
|
|
|
<div class="value">{{ userList.hobby }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">备注:</div> |
|
|
|
<div class="value">{{ userList.hobby_remark }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '宗教'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">宗教:</div> |
|
|
|
<div class="value">{{ userList.belief }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">备注:</div> |
|
|
|
<div class="value">{{ userList.belief_remark }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '健康'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">残疾类别:</div> |
|
|
|
<div class="value">{{ userList.disable_type }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">残疾等级:</div> |
|
|
|
<div class="value">{{ userList.disable_degree }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">残疾证号:</div> |
|
|
|
<div class="value">{{ userList.disable_idcard }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">残疾说明:</div> |
|
|
|
<div class="value">{{ userList.disable_remark }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">监护人:</div> |
|
|
|
<div class="value">{{ userList.guardian }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">劳动能力:</div> |
|
|
|
<div class="value">{{ userList.skill }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">非义务教育阶段助学:</div> |
|
|
|
<div class="value">{{ userList.voluntaryEducationFlag }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">所患大病:</div> |
|
|
|
<div class="value">{{ userList.voluntaryEducationFlag }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">大病患病时间:</div> |
|
|
|
<div class="value">{{ userList.illnessCode }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">所患慢性病:</div> |
|
|
|
<div class="value">{{ userList.chronicDiseaseCode }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">慢病患病时间:</div> |
|
|
|
<div class="value">{{ userList.chronicDiseaseTime }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">是否参保:</div> |
|
|
|
<div class="value">{{ userList.chronicDiseaseTime }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">自付金额:</div> |
|
|
|
<div class="value">{{ userList.selfPayAmount }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">救助金额:</div> |
|
|
|
<div class="value">{{ userList.selfPayAmount }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">救助时间:</div> |
|
|
|
<div class="value">{{ userList.deliveranceAmount }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">享受救助明细序号:</div> |
|
|
|
<div class="value">{{ userList.deliveranceTime }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">备注:</div> |
|
|
|
<div class="value">{{ userList.deliveranceNum }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '工作'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">工作单位:</div> |
|
|
|
<div class="value">{{ userList.workunit }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">职业:</div> |
|
|
|
<div class="value">{{ userList.career }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">离退休时间:</div> |
|
|
|
<div class="value">{{ userList.retire_date }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">备注:</div> |
|
|
|
<div class="value">{{ userList.retire_remark }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '经济状况'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">退休金额:</div> |
|
|
|
<div class="value">{{ userList.retire_income }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">月收入:</div> |
|
|
|
<div class="value">{{ userList.income }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '居住'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">籍贯:</div> |
|
|
|
<div class="value">{{ userList.native }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">户籍所在地:</div> |
|
|
|
<div class="value">{{ userList.native_place }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">现居住地:</div> |
|
|
|
<div class="value">{{ userList.residence_current }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">人户状况:</div> |
|
|
|
<div class="value">{{ userList.household }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">备注:</div> |
|
|
|
<div class="value">{{ userList.household_remark }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '家庭'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">与户主关系:</div> |
|
|
|
<div class="value">{{ userList.holdingrel }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">居住情况:</div> |
|
|
|
<div class="value">{{ userList.residence }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">婚姻状况:</div> |
|
|
|
<div class="value">{{ userList.marital }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">配偶状况:</div> |
|
|
|
<div class="value">{{ userList.spouse }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">有无赡养人:</div> |
|
|
|
<div class="value">{{ userList.supporters }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">与赡养人关系:</div> |
|
|
|
<div class="value">{{ userList.supporters_relation }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">赡养人联系电话:</div> |
|
|
|
<div class="value">{{ userList.dependantMobile }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">备注:</div> |
|
|
|
<div class="value">{{ userList.familyInfoRemark }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '党员'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">入党时间:</div> |
|
|
|
<div class="value">{{ userList.joinTime }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">转正时间:</div> |
|
|
|
<div class="value">{{ userList.positiveTime }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">所属支部:</div> |
|
|
|
<div class="value">{{ userList.branchId }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">是否流动党员:</div> |
|
|
|
<div class="value">{{ userList.flowFlag }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">流动党员活动证号:</div> |
|
|
|
<div class="value">{{ userList.flowActNum }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">职务:</div> |
|
|
|
<div class="value">{{ userList.partyJob }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">是否退休:</div> |
|
|
|
<div class="value">{{ userList.retiredFlag }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">是否党员中心户:</div> |
|
|
|
<div class="value">{{ userList.centerFlag }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">入党时所在党支部:</div> |
|
|
|
<div class="value">{{ userList.joinBranchName }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">组织关系转入社区时间:</div> |
|
|
|
<div class="value">{{ userList.joinCommunityTime }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">是否请长假:</div> |
|
|
|
<div class="value">{{ userList.longHolidayFlag }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '保障房'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">住房性质:</div> |
|
|
|
<div class="value">{{ userList.housingNature }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">保障类型:</div> |
|
|
|
<div class="value">{{ userList.securityType }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">发证日期:</div> |
|
|
|
<div class="value">{{ userList.certificateDate }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">补贴编号:</div> |
|
|
|
<div class="value">{{ userList.subsidyNum }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">补贴金额:</div> |
|
|
|
<div class="value">{{ userList.subsidyAmount }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '失业'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">原工作单位:</div> |
|
|
|
<div class="value">{{ userList.originWorkUnit }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">失业时间:</div> |
|
|
|
<div class="value">{{ userList.unemploymentTime }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">失业证号:</div> |
|
|
|
<div class="value">{{ userList.unemploymentTime }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">再就业优惠证号:</div> |
|
|
|
<div class="value">{{ userList.employmentNum }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">技术特长:</div> |
|
|
|
<div class="value">{{ userList.specialSkill }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">失业原因:</div> |
|
|
|
<div class="value">{{ userList.unemploymentReason }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">是否就业困难对象:</div> |
|
|
|
<div class="value">{{ userList.employmentHardFlag }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">劳动能力就业愿望:</div> |
|
|
|
<div class="value">{{ userList.employmentWish }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '退役军人'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">入伍时间:</div> |
|
|
|
<div class="value">{{ userList.joinArmyTime }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">退伍时间:</div> |
|
|
|
<div class="value">{{ userList.leaveArmyTime }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">服役单位:</div> |
|
|
|
<div class="value">{{ userList.serviceUnit }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">接收单位:</div> |
|
|
|
<div class="value">{{ userList.receiveUnit }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">待安置补助金:</div> |
|
|
|
<div class="value">{{ userList.settlementAmount }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">培训状况:</div> |
|
|
|
<div class="value">{{ userList.trainDesc }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">参战时间开始日期:</div> |
|
|
|
<div class="value">{{ userList.joinWarStartTime }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">参战时间截止日期:</div> |
|
|
|
<div class="value">{{ userList.joinWarEndTime }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">现就业状况:</div> |
|
|
|
<div class="value">{{ userList.employmentSituation }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">是否办理公益性岗位:</div> |
|
|
|
<div class="value">{{ userList.pubWelfareJobFlag }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '统战人员'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">职务:</div> |
|
|
|
<div class="value">{{ userList.duty }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">探亲情况:</div> |
|
|
|
<div class="value">{{ userList.visitation }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '志愿者'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">志愿者类别:</div> |
|
|
|
<div class="value">{{ userList.volunteerCategory }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">备注:</div> |
|
|
|
<div class="value">{{ userList.volunteerRemark }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '老年人'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">高龄补助:</div> |
|
|
|
<div class="value">{{ userList.volunteerRemark }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '特殊人群'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">特殊人群类别:</div> |
|
|
|
<div class="value">{{ userList.specialCategoryCode }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '出生信息'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">出生地:</div> |
|
|
|
<div class="value">{{ userList.birthplace }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">父亲姓名:</div> |
|
|
|
<div class="value">{{ userList.father }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">母亲姓名:</div> |
|
|
|
<div class="value">{{ userList.mother }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">胎次:</div> |
|
|
|
<div class="value">{{ userList.count }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">申报日期:</div> |
|
|
|
<div class="value">{{ userList.reportDate }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '死亡信息'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">死亡时间:</div> |
|
|
|
<div class="value">{{ userList.deathDate }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">加入原因:</div> |
|
|
|
<div class="value">{{ userList.deathReason }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">移除时间:</div> |
|
|
|
<div class="value">{{ userList.removeDate }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">移除原因:</div> |
|
|
|
<div class="value">{{ userList.removeReason }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '迁出'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">迁出信息:</div> |
|
|
|
<div class="value">{{ userList.outOfTime }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">迁出类别:</div> |
|
|
|
<div class="value">{{ userList.type }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">迁出原因:</div> |
|
|
|
<div class="value">{{ userList.reason }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">迁出至组织:</div> |
|
|
|
<div class="value">{{ userList.deptId }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">小区:</div> |
|
|
|
<div class="value">{{ userList.villageName }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">楼号:</div> |
|
|
|
<div class="value">{{ userList.buildName }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">单元:</div> |
|
|
|
<div class="value">{{ userList.unitName }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">房屋:</div> |
|
|
|
<div class="value">{{ userList.homeName }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">外迁地址:</div> |
|
|
|
<div class="value">{{ userList.address }}</div> |
|
|
|
</div> |
|
|
|
<div class="value">{{ info.remark }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="position: relative;height: 300px;margin: 20px;" id="map"></div> |
|
|
|
</template> |
|
|
|
</popup> |
|
|
|
</template> |
|
|
@ -764,17 +82,12 @@ export default { |
|
|
|
currentTabIndex: 0, |
|
|
|
startTabIndex: 0, |
|
|
|
currentTabIndex2: 0, |
|
|
|
startTabIndex2: 0, |
|
|
|
BaseTabList: ['教育信息', '兴趣爱好', '宗教', '健康', '工作', '经济状况', '居住', '家庭'], |
|
|
|
tabList: [], |
|
|
|
tabList2: [], |
|
|
|
userArray: [], |
|
|
|
userList: {} |
|
|
|
startTabIndex2: 0 |
|
|
|
}; |
|
|
|
}, |
|
|
|
|
|
|
|
mounted() { |
|
|
|
this.getApiData(); |
|
|
|
this.getInfo(); |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
currentTab() { |
|
|
@ -785,45 +98,14 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
addStartTabIndex() { |
|
|
|
const { startTabIndex, tabList } = this; |
|
|
|
if (startTabIndex < tabList.length - 7) { |
|
|
|
this.startTabIndex = startTabIndex + 1; |
|
|
|
} else { |
|
|
|
this.startTabIndex = tabList.length - 7; |
|
|
|
} |
|
|
|
}, |
|
|
|
subStartTabIndex() { |
|
|
|
const { startTabIndex, tabList } = this; |
|
|
|
if (startTabIndex > 0) { |
|
|
|
this.startTabIndex = startTabIndex - 1; |
|
|
|
} else { |
|
|
|
this.startTabIndex = 0; |
|
|
|
} |
|
|
|
}, |
|
|
|
addStartTabIndex2() { |
|
|
|
const { startTabIndex2, tabList2 } = this; |
|
|
|
if (startTabIndex2 < tabList2.length - 7) { |
|
|
|
this.startTabIndex2 = startTabIndex2 + 1; |
|
|
|
} else { |
|
|
|
this.startTabIndex2 = tabList2.length - 7; |
|
|
|
} |
|
|
|
}, |
|
|
|
subStartTabIndex2() { |
|
|
|
const { startTabIndex2, tabList2 } = this; |
|
|
|
if (startTabIndex2 > 0) { |
|
|
|
this.startTabIndex2 = startTabIndex2 - 1; |
|
|
|
} else { |
|
|
|
this.startTabIndex2 = 0; |
|
|
|
} |
|
|
|
}, |
|
|
|
iniMap() { |
|
|
|
const scene = new Scene({ |
|
|
|
id: 'map', |
|
|
|
map: new GaodeMap({ |
|
|
|
pitch: 35.210526315789465, |
|
|
|
style: 'dark', |
|
|
|
center: [this.info.latitude, this.info.longitude], |
|
|
|
// center: [this.info.latitude, this.info.longitude], |
|
|
|
center: [120.00, 36.00], |
|
|
|
zoom: 4.4 |
|
|
|
}) |
|
|
|
}); |
|
|
@ -832,129 +114,26 @@ export default { |
|
|
|
this.$emit('close'); |
|
|
|
}, |
|
|
|
|
|
|
|
async getApiData() { |
|
|
|
this.getInfo(); |
|
|
|
}, |
|
|
|
|
|
|
|
gettab() { |
|
|
|
this.info.group_rental.forEach(item => { |
|
|
|
this.getUserInfo(item.user_id); |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
getUserInfo(id) { |
|
|
|
const url = 'resident_info'; |
|
|
|
|
|
|
|
requestPostBi( |
|
|
|
url, |
|
|
|
{ |
|
|
|
queryParam: { |
|
|
|
resident_id: id |
|
|
|
} |
|
|
|
}, |
|
|
|
{ |
|
|
|
// mockId: 61172054, |
|
|
|
} |
|
|
|
).then(res => { |
|
|
|
console.log(res); |
|
|
|
if (res.code === 0) { |
|
|
|
this.userArray.push(res.data[0]); |
|
|
|
if (this.userArray.length == 1) { |
|
|
|
this.gettab2(this.userArray[0]); |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
gettab2(item) { |
|
|
|
this.userList = { ...item }; |
|
|
|
console.log("当前人员信息",this.userList) |
|
|
|
let tabList = this.BaseTabList; |
|
|
|
this.userList.crowd && tabList.push('党员'); |
|
|
|
this.userList.srs && tabList.push('保障房'); |
|
|
|
this.userList.unemployed && tabList.push('失业'); |
|
|
|
this.userList.exs && tabList.push('退役军人'); |
|
|
|
this.userList.ufs && tabList.push('统战人员'); |
|
|
|
this.userList.volunteer && tabList.push('志愿者'); |
|
|
|
this.userList.aged && tabList.push('老年人'); |
|
|
|
this.userList.special_popu && tabList.push('特殊人群'); |
|
|
|
tabList.push('出生信息'); |
|
|
|
tabList.push('死亡信息'); |
|
|
|
tabList.push('迁出'); |
|
|
|
this.tabList = tabList; |
|
|
|
}, |
|
|
|
// 根据房屋id获取详情 |
|
|
|
async getInfo() { |
|
|
|
let url = ''; |
|
|
|
let queryParam = {}; |
|
|
|
|
|
|
|
if (this.detailType == '生产隐患') { |
|
|
|
url = 'enterprise_info'; |
|
|
|
this.title = '安全生产巡查详情'; |
|
|
|
queryParam.enterprise_id = this.detailId; |
|
|
|
} else if (this.detailType == '群租房') { |
|
|
|
url = 'group_tenant_info'; |
|
|
|
this.title = '群租房详情'; |
|
|
|
queryParam.room_id = this.detailId; |
|
|
|
} else if (this.detailType == '发现问题') { |
|
|
|
url = 'group_tenant_info'; |
|
|
|
this.title = '发现问题详情'; |
|
|
|
queryParam.hidden_danger_id = this.detailId; |
|
|
|
} |
|
|
|
|
|
|
|
this.title = this.detailType + '详情'; |
|
|
|
queryParam.place_id = this.detailId; |
|
|
|
queryParam.parent_place_type = this.detailType; |
|
|
|
const { data, code, msg } = await requestPostBi( |
|
|
|
url, |
|
|
|
{ |
|
|
|
queryParam: queryParam |
|
|
|
}, |
|
|
|
{ |
|
|
|
// mockId: 60235478, |
|
|
|
mockId: 70051004, |
|
|
|
} |
|
|
|
); |
|
|
|
if (code === 0) { |
|
|
|
this.info = { ...this.info, ...data[0] }; |
|
|
|
console.log('this.info', this.info); |
|
|
|
// this.info = { |
|
|
|
// group_rental: [ |
|
|
|
// { |
|
|
|
// user_id: '1501821708368089090' |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// user_id: '1501821708569415681' |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// user_id: '1501821708368089090' |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// user_id: '1501821708569415681' |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// user_id: '1501821708368089090' |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// user_id: '1501821708569415681' |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// user_id: '1501821708368089090' |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// user_id: '1501821708569415681' |
|
|
|
// } |
|
|
|
// ], |
|
|
|
// house_state: null, |
|
|
|
// homeowner_idcard: '53', |
|
|
|
// homeowner: 'elit', |
|
|
|
// room_id: '52', |
|
|
|
// house_usage: 'ullamco culpa dolor', |
|
|
|
// homeowner_telep: 'sed', |
|
|
|
// house_type: 'mollit est eu commodo in' |
|
|
|
// }; |
|
|
|
|
|
|
|
if (this.detailType == '生产隐患') { |
|
|
|
this.iniMap(); |
|
|
|
} else if (this.detailType == '群租房') { |
|
|
|
this.gettab(); |
|
|
|
} |
|
|
|
this.iniMap(); |
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|