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

列表们，备个份

V1.0
tianq 3 years ago
parent
966bc69ad0
commit
2433845b3f
9 changed files with 2264 additions and 796 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 20
      src/router/index.js
  2. 741
      src/views/dataBoard/cpts/event-details.vue
  3. 906
      src/views/dataBoard/cpts/hiddenDanger-details.vue
  4. 731
      src/views/dataBoard/cpts/specialCategory-details.vue
  5. 4
      src/views/dataBoard/sida/cpts/sqpj.vue
  6. 12
      src/views/dataBoard/sida/cpts/wtqd.vue
  7. 99
      src/views/dataBoard/sida/wt/eventList.vue
  8. 263
      src/views/dataBoard/sida/wt/hiddenDangerList.vue
  9. 284
      src/views/dataBoard/sida/wt/specialCategoryList.vue

20
src/router/index.js
View File

@ -250,7 +250,25 @@ export const dataBoardRoutes = {
component: () => import("@/views/dataBoard/sida/wt/eventList"),
name: "dataBoard-sida-wt-eventList",
meta: {
title: "问题清单列表",
title: "治理事件列表",
isTab: false,
},
},{
path: "sida/wt/hiddenDangerList",
props: true,
component: () => import("@/views/dataBoard/sida/wt/hiddenDangerList"),
name: "dataBoard-sida-wt-hiddenDangerList",
meta: {
title: "安全隐患列表",
isTab: false,
},
},{
path: "sida/wt/specialCategoryList",
props: true,
component: () => import("@/views/dataBoard/sida/wt/specialCategoryList"),
name: "dataBoard-sida-wt-specialCategoryList",
meta: {
title: "综治人群列表",
isTab: false,
},
}

741
src/views/dataBoard/cpts/event-details.vue
View File

@ -96,706 +96,19 @@
</el-col>
</el-row>
</div>
<div class="m-info" v-if="detailType == '安全隐患'">
<div class="row">
<div class="item">
<div class="field">场所名称：</div>
<div class="value">{{ info.place_org_name }}</div>
</div>
<div class="item">
<div class="field">占地面积：</div>
<div class="value">{{ info.area_covered }}</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>
<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.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="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>
<div class="item">
<div class="field">房屋类型：</div>
<div class="value">{{ info.parent_category }} {{ info.category }}</div>
</div>
<div class="item">
<div class="field">房屋用途：</div>
<div class="value">{{ info.report_type }}</div>
</div>
<div class="item">
<div class="field">房屋状态：</div>
<div class="value">{{ info.report_user_name }}</div>
</div>
<div class="item">
<div class="field">房主姓名：</div>
<div class="value">{{ info.report_time }}</div>
</div>
<div class="item">
<div class="field">联系电话：</div>
<div class="value">{{ info.report_user_mobile }}</div>
</div>
<div class="item">
<div class="field">证件号：</div>
<div class="value">{{ info.report_user_mobile }}</div>
</div>
</div>
<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.demand_user_name }}</div>
</div>
<div class="item">
<div class="field">联系电话：</div>
<div class="value">{{ info.want_service_time }}</div>
</div>
<div class="item">
<div class="field">证件号：</div>
<div class="value">{{ info.content }}</div>
</div>
<div class="item">
<div class="field">本地户籍：</div>
<div class="value">{{ info.content }}</div>
</div>
<div class="item">
<div class="field">性别：</div>
<div class="value">{{ info.content }}</div>
</div>
<div class="item">
<div class="field">出生日期：</div>
<div class="value">{{ info.content }}</div>
</div>
<div class="item">
<div class="field">民族：</div>
<div class="value">{{ info.content }}</div>
</div>
<div class="item">
<div class="field">居民类别：</div>
<div class="value">{{ info.content }}</div>
</div>
<div class="item">
<div class="field">备注：</div>
<div class="value">{{ info.content }}</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="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>
</div>
</div>
</div>
</div>
<div class="subtitle">
<i class="i-chunk"></i>
<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
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">{{ info.education }}</div>
</div>
<div class="item">
<div class="field">备注：</div>
<div class="value">{{ info.education_remark }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '兴趣爱好'">
<div class="row">
<div class="item">
<div class="field">兴趣：</div>
<div class="value">{{ info.hobby }}</div>
</div>
<div class="item">
<div class="field">备注：</div>
<div class="value">{{ info.hobby_remark }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '宗教'">
<div class="row">
<div class="item">
<div class="field">宗教：</div>
<div class="value">{{ info.belief }}</div>
</div>
<div class="item">
<div class="field">备注：</div>
<div class="value">{{ info.belief_remark }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '健康'">
<div class="row">
<div class="item">
<div class="field">残疾类别：</div>
<div class="value">{{ info.disable_type }}</div>
</div>
<div class="item">
<div class="field">残疾等级：</div>
<div class="value">{{ info.disable_degree }}</div>
</div>
<div class="item">
<div class="field">残疾证号：</div>
<div class="value">{{ info.disable_idcard }}</div>
</div>
<div class="item">
<div class="field">残疾说明：</div>
<div class="value">{{ info.disable_remark }}</div>
</div>
<div class="item">
<div class="field">监护人：</div>
<div class="value">{{ info.guardian }}</div>
</div>
<div class="item">
<div class="field">劳动能力：</div>
<div class="value">{{ info.skill }}</div>
</div>
<div class="item">
<div class="field">非义务教育阶段助学：</div>
<div class="value">{{ info.voluntaryEducationFlag }}</div>
</div>
<div class="item">
<div class="field">所患大病：</div>
<div class="value">{{ info.voluntaryEducationFlag }}</div>
</div>
<div class="item">
<div class="field">大病患病时间：</div>
<div class="value">{{ info.illnessCode }}</div>
</div>
<div class="item">
<div class="field">所患慢性病：</div>
<div class="value">{{ info.chronicDiseaseCode }}</div>
</div>
<div class="item">
<div class="field">慢病患病时间：</div>
<div class="value">{{ info.chronicDiseaseTime }}</div>
</div>
<div class="item">
<div class="field">是否参保：</div>
<div class="value">{{ info.chronicDiseaseTime }}</div>
</div>
<div class="item">
<div class="field">自付金额：</div>
<div class="value">{{ info.selfPayAmount }}</div>
</div>
<div class="item">
<div class="field">救助金额：</div>
<div class="value">{{ info.selfPayAmount }}</div>
</div>
<div class="item">
<div class="field">救助时间：</div>
<div class="value">{{ info.deliveranceAmount }}</div>
</div>
<div class="item">
<div class="field">享受救助明细序号：</div>
<div class="value">{{ info.deliveranceTime }}</div>
</div>
<div class="item">
<div class="field">备注：</div>
<div class="value">{{ info.deliveranceNum }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '工作'">
<div class="row">
<div class="item">
<div class="field">工作单位：</div>
<div class="value">{{ info.workunit }}</div>
</div>
<div class="item">
<div class="field">职业：</div>
<div class="value">{{ info.career }}</div>
</div>
<div class="item">
<div class="field">离退休时间：</div>
<div class="value">{{ info.retire_date }}</div>
</div>
<div class="item">
<div class="field">备注：</div>
<div class="value">{{ info.retire_remark }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '经济状况'">
<div class="row">
<div class="item">
<div class="field">退休金额：</div>
<div class="value">{{ info.retire_income }}</div>
</div>
<div class="item">
<div class="field">月收入：</div>
<div class="value">{{ info.income }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '居住'">
<div class="row">
<div class="item">
<div class="field">籍贯：</div>
<div class="value">{{ info.native }}</div>
</div>
<div class="item">
<div class="field">户籍所在地：</div>
<div class="value">{{ info.native_place }}</div>
</div>
<div class="item">
<div class="field">现居住地：</div>
<div class="value">{{ info.residence_current }}</div>
</div>
<div class="item">
<div class="field">人户状况：</div>
<div class="value">{{ info.household }}</div>
</div>
<div class="item">
<div class="field">备注：</div>
<div class="value">{{ info.household_remark }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '家庭'">
<div class="row">
<div class="item">
<div class="field">与户主关系：</div>
<div class="value">{{ info.holdingrel }}</div>
</div>
<div class="item">
<div class="field">居住情况：</div>
<div class="value">{{ info.residence }}</div>
</div>
<div class="item">
<div class="field">婚姻状况：</div>
<div class="value">{{ info.marital }}</div>
</div>
<div class="item">
<div class="field">配偶状况：</div>
<div class="value">{{ info.spouse }}</div>
</div>
<div class="item">
<div class="field">有无赡养人：</div>
<div class="value">{{ info.supporters }}</div>
</div>
<div class="item">
<div class="field">与赡养人关系：</div>
<div class="value">{{ info.supporters_relation }}</div>
</div>
<div class="item">
<div class="field">赡养人联系电话：</div>
<div class="value">{{ info.dependantMobile }}</div>
</div>
<div class="item">
<div class="field">备注：</div>
<div class="value">{{ info.familyInfoRemark }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '党员'">
<div class="row">
<div class="item">
<div class="field">入党时间：</div>
<div class="value">{{ info.joinTime }}</div>
</div>
<div class="item">
<div class="field">转正时间：</div>
<div class="value">{{ info.positiveTime }}</div>
</div>
<div class="item">
<div class="field">所属支部：</div>
<div class="value">{{ info.branchId }}</div>
</div>
<div class="item">
<div class="field">是否流动党员：</div>
<div class="value">{{ info.flowFlag }}</div>
</div>
<div class="item">
<div class="field">流动党员活动证号：</div>
<div class="value">{{ info.flowActNum }}</div>
</div>
<div class="item">
<div class="field">职务：</div>
<div class="value">{{ info.partyJob }}</div>
</div>
<div class="item">
<div class="field">是否退休：</div>
<div class="value">{{ info.retiredFlag }}</div>
</div>
<div class="item">
<div class="field">是否党员中心户：</div>
<div class="value">{{ info.centerFlag }}</div>
</div>
<div class="item">
<div class="field">入党时所在党支部：</div>
<div class="value">{{ info.joinBranchName }}</div>
</div>
<div class="item">
<div class="field">组织关系转入社区时间：</div>
<div class="value">{{ info.joinCommunityTime }}</div>
</div>
<div class="item">
<div class="field">是否请长假：</div>
<div class="value">{{ info.longHolidayFlag }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '保障房'">
<div class="row">
<div class="item">
<div class="field">住房性质：</div>
<div class="value">{{ info.housingNature }}</div>
</div>
<div class="item">
<div class="field">保障类型：</div>
<div class="value">{{ info.securityType }}</div>
</div>
<div class="item">
<div class="field">发证日期：</div>
<div class="value">{{ info.certificateDate }}</div>
</div>
<div class="item">
<div class="field">补贴编号：</div>
<div class="value">{{ info.subsidyNum }}</div>
</div>
<div class="item">
<div class="field">补贴金额：</div>
<div class="value">{{ info.subsidyAmount }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '失业'">
<div class="row">
<div class="item">
<div class="field">原工作单位：</div>
<div class="value">{{ info.originWorkUnit }}</div>
</div>
<div class="item">
<div class="field">失业时间：</div>
<div class="value">{{ info.unemploymentTime }}</div>
</div>
<div class="item">
<div class="field">失业证号：</div>
<div class="value">{{ info.unemploymentTime }}</div>
</div>
<div class="item">
<div class="field">再就业优惠证号：</div>
<div class="value">{{ info.employmentNum }}</div>
</div>
<div class="item">
<div class="field">技术特长：</div>
<div class="value">{{ info.specialSkill }}</div>
</div>
<div class="item">
<div class="field">失业原因：</div>
<div class="value">{{ info.unemploymentReason }}</div>
</div>
<div class="item">
<div class="field">是否就业困难对象：</div>
<div class="value">{{ info.employmentHardFlag }}</div>
</div>
<div class="item">
<div class="field">劳动能力就业愿望：</div>
<div class="value">{{ info.employmentWish }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '退役军人'">
<div class="row">
<div class="item">
<div class="field">入伍时间：</div>
<div class="value">{{ info.joinArmyTime }}</div>
</div>
<div class="item">
<div class="field">退伍时间：</div>
<div class="value">{{ info.leaveArmyTime }}</div>
</div>
<div class="item">
<div class="field">服役单位：</div>
<div class="value">{{ info.serviceUnit }}</div>
</div>
<div class="item">
<div class="field">接收单位：</div>
<div class="value">{{ info.receiveUnit }}</div>
</div>
<div class="item">
<div class="field">待安置补助金：</div>
<div class="value">{{ info.settlementAmount }}</div>
</div>
<div class="item">
<div class="field">培训状况：</div>
<div class="value">{{ info.trainDesc }}</div>
</div>
<div class="item">
<div class="field">参战时间开始日期：</div>
<div class="value">{{ info.joinWarStartTime }}</div>
</div>
<div class="item">
<div class="field">参战时间截止日期：</div>
<div class="value">{{ info.joinWarEndTime }}</div>
</div>
<div class="item">
<div class="field">现就业状况：</div>
<div class="value">{{ info.employmentSituation }}</div>
</div>
<div class="item">
<div class="field">是否办理公益性岗位：</div>
<div class="value">{{ info.pubWelfareJobFlag }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '统战人员'">
<div class="row">
<div class="item">
<div class="field">职务：</div>
<div class="value">{{ info.duty }}</div>
</div>
<div class="item">
<div class="field">探亲情况：</div>
<div class="value">{{ info.visitation }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '志愿者'">
<div class="row">
<div class="item">
<div class="field">志愿者类别：</div>
<div class="value">{{ info.volunteerCategory }}</div>
</div>
<div class="item">
<div class="field">备注：</div>
<div class="value">{{ info.volunteerRemark }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '老年人'">
<div class="row">
<div class="item">
<div class="field">高龄补助：</div>
<div class="value">{{ info.volunteerRemark }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '特殊人群'">
<div class="row">
<div class="item">
<div class="field">特殊人群类别：</div>
<div class="value">{{ info.specialCategoryCode }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '出生信息'">
<div class="row">
<div class="item">
<div class="field">出生地：</div>
<div class="value">{{ info.birthplace }}</div>
</div>
<div class="item">
<div class="field">父亲姓名：</div>
<div class="value">{{ info.father }}</div>
</div>
<div class="item">
<div class="field">母亲姓名：</div>
<div class="value">{{ info.mother }}</div>
</div>
<div class="item">
<div class="field">胎次：</div>
<div class="value">{{ info.count }}</div>
</div>
<div class="item">
<div class="field">申报日期：</div>
<div class="value">{{ info.reportDate }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '死亡信息'">
<div class="row">
<div class="item">
<div class="field">死亡时间：</div>
<div class="value">{{ info.deathDate }}</div>
</div>
<div class="item">
<div class="field">加入原因：</div>
<div class="value">{{ info.deathReason }}</div>
</div>
<div class="item">
<div class="field">移除时间：</div>
<div class="value">{{ info.removeDate }}</div>
</div>
<div class="item">
<div class="field">移除原因：</div>
<div class="value">{{ info.removeReason }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '迁出'">
<div class="row">
<div class="item">
<div class="field">迁出信息：</div>
<div class="value">{{ info.outOfTime }}</div>
</div>
<div class="item">
<div class="field">迁出类别：</div>
<div class="value">{{ info.type }}</div>
</div>
<div class="item">
<div class="field">迁出原因：</div>
<div class="value">{{ info.reason }}</div>
</div>
<div class="item">
<div class="field">迁出至组织：</div>
<div class="value">{{ info.deptId }}</div>
</div>
<div class="item">
<div class="field">小区：</div>
<div class="value">{{ info.villageName }}</div>
</div>
<div class="item">
<div class="field">楼号：</div>
<div class="value">{{ info.buildName }}</div>
</div>
<div class="item">
<div class="field">单元：</div>
<div class="value">{{ info.unitName }}</div>
</div>
<div class="item">
<div class="field">房屋：</div>
<div class="value">{{ info.homeName }}</div>
</div>
<div class="item">
<div class="field">外迁地址：</div>
<div class="value">{{ info.address }}</div>
</div>
</div>
</div>
</div>
</template>
</popup>
</template>
<script>
import popup from '@/views/dataBoard/cpts/popup';
import { GaodeMap, Map } from "@antv/l7-maps";
import { GaodeMap, Map } from '@antv/l7-maps';
import { requestPostBi } from '@/js/dai/request-bipass';
export default {
name: 'eventDetails',
props: {
eventId: {
detailsId: {
type: String,
default: ''
},
@ -811,11 +124,7 @@ export default {
return {
progress: [],
info: {},
title: '事件',
currentTabIndex: 0,
startTabIndex: 0,
BaseTabList: ['教育信息', '兴趣爱好', '宗教', '健康', '工作', '经济状况', '居住', '家庭'],
tabList: []
title: '事件'
};
},
@ -824,17 +133,6 @@ export default {
},
methods: {
iniMap(){
const scene = new Scene({
id: 'map',
map: new GaodeMap({
pitch: 35.210526315789465,
style: 'dark',
center: [ 104.288144, 31.239692 ],
zoom: 4.4
})
})
},
handleClose() {
this.$emit('close');
},
@ -845,24 +143,14 @@ export default {
// 根据房屋id获取详情
async getInfo() {
let url = '';
console.log('this.detailType', this.detailType);
if (this.detailType == '治理事件') {
url = 'event_info';
this.title = '事件';
} else if (this.detailType == '安全隐患') {
url = 'service_support';
this.title = '安全生产巡查详情';
} else if (this.detailType == '综治人群') {
url = 'busi_support';
this.title = '群租房';
}
let url = 'event_info';
this.title = '事件详情';
const { data, code, msg } = await requestPostBi(
url,
{
queryParam: {
event_id: this.eventId
event_id: this.detailsId
}
},
{
@ -874,23 +162,6 @@ export default {
if (this.detailType == '治理事件') {
this.progress = this.info.progress;
}
this.info = {
enterprise_id: 'E5d6F7fB-9fF8-b8E5-1e53-1d648b2D2297',
place_org_name: '会整光实响教置',
area_covered: '书受么由程者证属真实省采界何七影证水。',
scale_total: null,
grid: '术',
place_category: 'adipisicing dolor ea',
place_type: 'labore adipisicing officia',
person_in_charge: 'culpa id Ut',
mobile: '18656024954',
address: '四川省许昌市尖扎县',
longitude: 'aliquip ut quis',
latitude: 'et non'
};
this.detailType = '安全隐患';
this.iniMap()
console.log(this.info);
} else {
this.$message.error(msg);
}

906
src/views/dataBoard/cpts/hiddenDanger-details.vue
View File

@ -0,0 +1,906 @@
<template>
<popup :title="title" @close="handleClose">
<template v-slot:cnt>
<div class="m-info" v-if="detailType == '治理事件'">
<el-row>
<el-col :span="12">
<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>
</div>
<div class="row">
<div class="item">
<div class="field">上报时间：</div>
<div class="value">{{ info.created_time }}</div>
</div>
</div>
<div class="row">
<div class="item">
<div class="field">事件内容 ：</div>
<div class="value">{{ info.event_content }}</div>
</div>
</div>
<div class="row">
<div class="item" style="width: 100%;">
<div class="field">音频：</div>
<div class="value">{{ info.attachment_url }}</div>
</div>
</div>
<div class="row">
<div class="item">
<div class="field">反映渠道 ：</div>
<div class="value">{{ info.source_type }}</div>
</div>
</div>
<div class="row">
<div class="item">
<div class="field">地址 ：</div>
<div class="value">{{ info.address }}</div>
</div>
</div>
<div class="row">
<div class="item">
<div class="field">上报人 ：</div>
<div class="value">{{ info.name }}</div>
</div>
</div>
<div class="row">
<div class="item">
<div class="field">联系电话：</div>
<div class="value">{{ info.mobile }}</div>
</div>
</div>
<div class="row">
<div class="item">
<div class="field">证件号：</div>
<div class="value">{{ info.id_card }}</div>
</div>
</div>
<div class="row">
<div class="item">
<div class="field">操作：</div>
<div class="value"></div>
</div>
</div>
</el-col>
<el-col :span="12">
<div class="subtitle">
<i class="i-chunk"></i>
处理进展
<i class="i-line"></i>
</div>
<el-timeline class="timeline">
<el-timeline-item v-for="(item, index) in progress" :key="index" :class="index == progress.length - 1 ? 'sucess' : ''">
<div class="status-box">
<div class="status2" v-if="index == 0">回复</div>
<div class="status1" v-else>回复</div>
<div class="timestamp">{{ item.reply_time }}</div>
</div>
<div class="content">
<div class="field">回复人：</div>
<div class="value">{{ item.user_show_name }}</div>
</div>
<div class="content">
<div class="field">回复内容：</div>
<div class="value">{{ item.reply_content }}</div>
</div>
</el-timeline-item>
</el-timeline>
</el-col>
</el-row>
</div>
<div class="m-info" v-if="detailType == '安全隐患'">
<div class="row">
<div class="item">
<div class="field">场所名称：</div>
<div class="value">{{ info.place_org_name }}</div>
</div>
<div class="item">
<div class="field">占地面积：</div>
<div class="value">{{ info.area_covered }}</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>
<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.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="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>
<div class="item">
<div class="field">房屋类型：</div>
<div class="value">{{ info.parent_category }} {{ info.category }}</div>
</div>
<div class="item">
<div class="field">房屋用途：</div>
<div class="value">{{ info.report_type }}</div>
</div>
<div class="item">
<div class="field">房屋状态：</div>
<div class="value">{{ info.report_user_name }}</div>
</div>
<div class="item">
<div class="field">房主姓名：</div>
<div class="value">{{ info.report_time }}</div>
</div>
<div class="item">
<div class="field">联系电话：</div>
<div class="value">{{ info.report_user_mobile }}</div>
</div>
<div class="item">
<div class="field">证件号：</div>
<div class="value">{{ info.report_user_mobile }}</div>
</div>
</div>
<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.demand_user_name }}</div>
</div>
<div class="item">
<div class="field">联系电话：</div>
<div class="value">{{ info.want_service_time }}</div>
</div>
<div class="item">
<div class="field">证件号：</div>
<div class="value">{{ info.content }}</div>
</div>
<div class="item">
<div class="field">本地户籍：</div>
<div class="value">{{ info.content }}</div>
</div>
<div class="item">
<div class="field">性别：</div>
<div class="value">{{ info.content }}</div>
</div>
<div class="item">
<div class="field">出生日期：</div>
<div class="value">{{ info.content }}</div>
</div>
<div class="item">
<div class="field">民族：</div>
<div class="value">{{ info.content }}</div>
</div>
<div class="item">
<div class="field">居民类别：</div>
<div class="value">{{ info.content }}</div>
</div>
<div class="item">
<div class="field">备注：</div>
<div class="value">{{ info.content }}</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="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>
</div>
</div>
</div>
</div>
<div class="subtitle">
<i class="i-chunk"></i>
<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
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">{{ info.education }}</div>
</div>
<div class="item">
<div class="field">备注：</div>
<div class="value">{{ info.education_remark }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '兴趣爱好'">
<div class="row">
<div class="item">
<div class="field">兴趣：</div>
<div class="value">{{ info.hobby }}</div>
</div>
<div class="item">
<div class="field">备注：</div>
<div class="value">{{ info.hobby_remark }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '宗教'">
<div class="row">
<div class="item">
<div class="field">宗教：</div>
<div class="value">{{ info.belief }}</div>
</div>
<div class="item">
<div class="field">备注：</div>
<div class="value">{{ info.belief_remark }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '健康'">
<div class="row">
<div class="item">
<div class="field">残疾类别：</div>
<div class="value">{{ info.disable_type }}</div>
</div>
<div class="item">
<div class="field">残疾等级：</div>
<div class="value">{{ info.disable_degree }}</div>
</div>
<div class="item">
<div class="field">残疾证号：</div>
<div class="value">{{ info.disable_idcard }}</div>
</div>
<div class="item">
<div class="field">残疾说明：</div>
<div class="value">{{ info.disable_remark }}</div>
</div>
<div class="item">
<div class="field">监护人：</div>
<div class="value">{{ info.guardian }}</div>
</div>
<div class="item">
<div class="field">劳动能力：</div>
<div class="value">{{ info.skill }}</div>
</div>
<div class="item">
<div class="field">非义务教育阶段助学：</div>
<div class="value">{{ info.voluntaryEducationFlag }}</div>
</div>
<div class="item">
<div class="field">所患大病：</div>
<div class="value">{{ info.voluntaryEducationFlag }}</div>
</div>
<div class="item">
<div class="field">大病患病时间：</div>
<div class="value">{{ info.illnessCode }}</div>
</div>
<div class="item">
<div class="field">所患慢性病：</div>
<div class="value">{{ info.chronicDiseaseCode }}</div>
</div>
<div class="item">
<div class="field">慢病患病时间：</div>
<div class="value">{{ info.chronicDiseaseTime }}</div>
</div>
<div class="item">
<div class="field">是否参保：</div>
<div class="value">{{ info.chronicDiseaseTime }}</div>
</div>
<div class="item">
<div class="field">自付金额：</div>
<div class="value">{{ info.selfPayAmount }}</div>
</div>
<div class="item">
<div class="field">救助金额：</div>
<div class="value">{{ info.selfPayAmount }}</div>
</div>
<div class="item">
<div class="field">救助时间：</div>
<div class="value">{{ info.deliveranceAmount }}</div>
</div>
<div class="item">
<div class="field">享受救助明细序号：</div>
<div class="value">{{ info.deliveranceTime }}</div>
</div>
<div class="item">
<div class="field">备注：</div>
<div class="value">{{ info.deliveranceNum }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '工作'">
<div class="row">
<div class="item">
<div class="field">工作单位：</div>
<div class="value">{{ info.workunit }}</div>
</div>
<div class="item">
<div class="field">职业：</div>
<div class="value">{{ info.career }}</div>
</div>
<div class="item">
<div class="field">离退休时间：</div>
<div class="value">{{ info.retire_date }}</div>
</div>
<div class="item">
<div class="field">备注：</div>
<div class="value">{{ info.retire_remark }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '经济状况'">
<div class="row">
<div class="item">
<div class="field">退休金额：</div>
<div class="value">{{ info.retire_income }}</div>
</div>
<div class="item">
<div class="field">月收入：</div>
<div class="value">{{ info.income }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '居住'">
<div class="row">
<div class="item">
<div class="field">籍贯：</div>
<div class="value">{{ info.native }}</div>
</div>
<div class="item">
<div class="field">户籍所在地：</div>
<div class="value">{{ info.native_place }}</div>
</div>
<div class="item">
<div class="field">现居住地：</div>
<div class="value">{{ info.residence_current }}</div>
</div>
<div class="item">
<div class="field">人户状况：</div>
<div class="value">{{ info.household }}</div>
</div>
<div class="item">
<div class="field">备注：</div>
<div class="value">{{ info.household_remark }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '家庭'">
<div class="row">
<div class="item">
<div class="field">与户主关系：</div>
<div class="value">{{ info.holdingrel }}</div>
</div>
<div class="item">
<div class="field">居住情况：</div>
<div class="value">{{ info.residence }}</div>
</div>
<div class="item">
<div class="field">婚姻状况：</div>
<div class="value">{{ info.marital }}</div>
</div>
<div class="item">
<div class="field">配偶状况：</div>
<div class="value">{{ info.spouse }}</div>
</div>
<div class="item">
<div class="field">有无赡养人：</div>
<div class="value">{{ info.supporters }}</div>
</div>
<div class="item">
<div class="field">与赡养人关系：</div>
<div class="value">{{ info.supporters_relation }}</div>
</div>
<div class="item">
<div class="field">赡养人联系电话：</div>
<div class="value">{{ info.dependantMobile }}</div>
</div>
<div class="item">
<div class="field">备注：</div>
<div class="value">{{ info.familyInfoRemark }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '党员'">
<div class="row">
<div class="item">
<div class="field">入党时间：</div>
<div class="value">{{ info.joinTime }}</div>
</div>
<div class="item">
<div class="field">转正时间：</div>
<div class="value">{{ info.positiveTime }}</div>
</div>
<div class="item">
<div class="field">所属支部：</div>
<div class="value">{{ info.branchId }}</div>
</div>
<div class="item">
<div class="field">是否流动党员：</div>
<div class="value">{{ info.flowFlag }}</div>
</div>
<div class="item">
<div class="field">流动党员活动证号：</div>
<div class="value">{{ info.flowActNum }}</div>
</div>
<div class="item">
<div class="field">职务：</div>
<div class="value">{{ info.partyJob }}</div>
</div>
<div class="item">
<div class="field">是否退休：</div>
<div class="value">{{ info.retiredFlag }}</div>
</div>
<div class="item">
<div class="field">是否党员中心户：</div>
<div class="value">{{ info.centerFlag }}</div>
</div>
<div class="item">
<div class="field">入党时所在党支部：</div>
<div class="value">{{ info.joinBranchName }}</div>
</div>
<div class="item">
<div class="field">组织关系转入社区时间：</div>
<div class="value">{{ info.joinCommunityTime }}</div>
</div>
<div class="item">
<div class="field">是否请长假：</div>
<div class="value">{{ info.longHolidayFlag }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '保障房'">
<div class="row">
<div class="item">
<div class="field">住房性质：</div>
<div class="value">{{ info.housingNature }}</div>
</div>
<div class="item">
<div class="field">保障类型：</div>
<div class="value">{{ info.securityType }}</div>
</div>
<div class="item">
<div class="field">发证日期：</div>
<div class="value">{{ info.certificateDate }}</div>
</div>
<div class="item">
<div class="field">补贴编号：</div>
<div class="value">{{ info.subsidyNum }}</div>
</div>
<div class="item">
<div class="field">补贴金额：</div>
<div class="value">{{ info.subsidyAmount }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '失业'">
<div class="row">
<div class="item">
<div class="field">原工作单位：</div>
<div class="value">{{ info.originWorkUnit }}</div>
</div>
<div class="item">
<div class="field">失业时间：</div>
<div class="value">{{ info.unemploymentTime }}</div>
</div>
<div class="item">
<div class="field">失业证号：</div>
<div class="value">{{ info.unemploymentTime }}</div>
</div>
<div class="item">
<div class="field">再就业优惠证号：</div>
<div class="value">{{ info.employmentNum }}</div>
</div>
<div class="item">
<div class="field">技术特长：</div>
<div class="value">{{ info.specialSkill }}</div>
</div>
<div class="item">
<div class="field">失业原因：</div>
<div class="value">{{ info.unemploymentReason }}</div>
</div>
<div class="item">
<div class="field">是否就业困难对象：</div>
<div class="value">{{ info.employmentHardFlag }}</div>
</div>
<div class="item">
<div class="field">劳动能力就业愿望：</div>
<div class="value">{{ info.employmentWish }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '退役军人'">
<div class="row">
<div class="item">
<div class="field">入伍时间：</div>
<div class="value">{{ info.joinArmyTime }}</div>
</div>
<div class="item">
<div class="field">退伍时间：</div>
<div class="value">{{ info.leaveArmyTime }}</div>
</div>
<div class="item">
<div class="field">服役单位：</div>
<div class="value">{{ info.serviceUnit }}</div>
</div>
<div class="item">
<div class="field">接收单位：</div>
<div class="value">{{ info.receiveUnit }}</div>
</div>
<div class="item">
<div class="field">待安置补助金：</div>
<div class="value">{{ info.settlementAmount }}</div>
</div>
<div class="item">
<div class="field">培训状况：</div>
<div class="value">{{ info.trainDesc }}</div>
</div>
<div class="item">
<div class="field">参战时间开始日期：</div>
<div class="value">{{ info.joinWarStartTime }}</div>
</div>
<div class="item">
<div class="field">参战时间截止日期：</div>
<div class="value">{{ info.joinWarEndTime }}</div>
</div>
<div class="item">
<div class="field">现就业状况：</div>
<div class="value">{{ info.employmentSituation }}</div>
</div>
<div class="item">
<div class="field">是否办理公益性岗位：</div>
<div class="value">{{ info.pubWelfareJobFlag }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '统战人员'">
<div class="row">
<div class="item">
<div class="field">职务：</div>
<div class="value">{{ info.duty }}</div>
</div>
<div class="item">
<div class="field">探亲情况：</div>
<div class="value">{{ info.visitation }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '志愿者'">
<div class="row">
<div class="item">
<div class="field">志愿者类别：</div>
<div class="value">{{ info.volunteerCategory }}</div>
</div>
<div class="item">
<div class="field">备注：</div>
<div class="value">{{ info.volunteerRemark }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '老年人'">
<div class="row">
<div class="item">
<div class="field">高龄补助：</div>
<div class="value">{{ info.volunteerRemark }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '特殊人群'">
<div class="row">
<div class="item">
<div class="field">特殊人群类别：</div>
<div class="value">{{ info.specialCategoryCode }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '出生信息'">
<div class="row">
<div class="item">
<div class="field">出生地：</div>
<div class="value">{{ info.birthplace }}</div>
</div>
<div class="item">
<div class="field">父亲姓名：</div>
<div class="value">{{ info.father }}</div>
</div>
<div class="item">
<div class="field">母亲姓名：</div>
<div class="value">{{ info.mother }}</div>
</div>
<div class="item">
<div class="field">胎次：</div>
<div class="value">{{ info.count }}</div>
</div>
<div class="item">
<div class="field">申报日期：</div>
<div class="value">{{ info.reportDate }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '死亡信息'">
<div class="row">
<div class="item">
<div class="field">死亡时间：</div>
<div class="value">{{ info.deathDate }}</div>
</div>
<div class="item">
<div class="field">加入原因：</div>
<div class="value">{{ info.deathReason }}</div>
</div>
<div class="item">
<div class="field">移除时间：</div>
<div class="value">{{ info.removeDate }}</div>
</div>
<div class="item">
<div class="field">移除原因：</div>
<div class="value">{{ info.removeReason }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '迁出'">
<div class="row">
<div class="item">
<div class="field">迁出信息：</div>
<div class="value">{{ info.outOfTime }}</div>
</div>
<div class="item">
<div class="field">迁出类别：</div>
<div class="value">{{ info.type }}</div>
</div>
<div class="item">
<div class="field">迁出原因：</div>
<div class="value">{{ info.reason }}</div>
</div>
<div class="item">
<div class="field">迁出至组织：</div>
<div class="value">{{ info.deptId }}</div>
</div>
<div class="item">
<div class="field">小区：</div>
<div class="value">{{ info.villageName }}</div>
</div>
<div class="item">
<div class="field">楼号：</div>
<div class="value">{{ info.buildName }}</div>
</div>
<div class="item">
<div class="field">单元：</div>
<div class="value">{{ info.unitName }}</div>
</div>
<div class="item">
<div class="field">房屋：</div>
<div class="value">{{ info.homeName }}</div>
</div>
<div class="item">
<div class="field">外迁地址：</div>
<div class="value">{{ info.address }}</div>
</div>
</div>
</div>
</div>
</template>
</popup>
</template>
<script>
import popup from '@/views/dataBoard/cpts/popup';
import { GaodeMap, Map } from "@antv/l7-maps";
import { requestPostBi } from '@/js/dai/request-bipass';
export default {
name: 'eventDetails',
props: {
eventId: {
type: String,
default: ''
},
detailType: {
type: String,
default: ''
}
},
components: { popup },
created() {},
data() {
return {
progress: [],
info: {},
title: '事件',
currentTabIndex: 0,
startTabIndex: 0,
BaseTabList: ['教育信息', '兴趣爱好', '宗教', '健康', '工作', '经济状况', '居住', '家庭'],
tabList: []
};
},
mounted() {
this.getApiData();
},
methods: {
iniMap(){
const scene = new Scene({
id: 'map',
map: new GaodeMap({
pitch: 35.210526315789465,
style: 'dark',
center: [ 104.288144, 31.239692 ],
zoom: 4.4
})
})
},
handleClose() {
this.$emit('close');
},
async getApiData() {
this.getInfo();
},
// 根据房屋id获取详情
async getInfo() {
let url = '';
console.log('this.detailType', this.detailType);
if (this.detailType == '治理事件') {
url = 'event_info';
this.title = '事件';
} else if (this.detailType == '安全隐患') {
url = 'service_support';
this.title = '安全生产巡查详情';
} else if (this.detailType == '综治人群') {
url = 'busi_support';
this.title = '群租房';
}
const { data, code, msg } = await requestPostBi(
url,
{
queryParam: {
event_id: this.eventId
}
},
{
// mockId: 60235478,
}
);
if (code === 0) {
this.info = { ...this.info, ...data[0] };
if (this.detailType == '治理事件') {
this.progress = this.info.progress;
}
this.info = {
enterprise_id: 'E5d6F7fB-9fF8-b8E5-1e53-1d648b2D2297',
place_org_name: '会整光实响教置',
area_covered: '书受么由程者证属真实省采界何七影证水。',
scale_total: null,
grid: '术',
place_category: 'adipisicing dolor ea',
place_type: 'labore adipisicing officia',
person_in_charge: 'culpa id Ut',
mobile: '18656024954',
address: '四川省许昌市尖扎县',
longitude: 'aliquip ut quis',
latitude: 'et non'
};
this.detailType = '安全隐患';
this.iniMap()
console.log(this.info);
} else {
this.$message.error(msg);
}
}
}
};
</script>
<style scoped>
.m-info .row .item .field {
width: 120px !important;
}
</style>
<style lang="scss" src="@/assets/scss/dataBoard/popup-info.scss" scoped></style>

731
src/views/dataBoard/cpts/specialCategory-details.vue
View File

@ -0,0 +1,731 @@
<template>
<popup :title="title" @close="handleClose">
<template v-slot:cnt>
<div class="m-info">
<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>
<div class="item">
<div class="field">房屋类型：</div>
<div class="value">{{ info.parent_category }} {{ info.category }}</div>
</div>
<div class="item">
<div class="field">房屋用途：</div>
<div class="value">{{ info.report_type }}</div>
</div>
<div class="item">
<div class="field">房屋状态：</div>
<div class="value">{{ info.report_user_name }}</div>
</div>
<div class="item">
<div class="field">房主姓名：</div>
<div class="value">{{ info.report_time }}</div>
</div>
<div class="item">
<div class="field">联系电话：</div>
<div class="value">{{ info.report_user_mobile }}</div>
</div>
<div class="item">
<div class="field">证件号：</div>
<div class="value">{{ info.report_user_mobile }}</div>
</div>
</div>
<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.demand_user_name }}</div>
</div>
<div class="item">
<div class="field">联系电话：</div>
<div class="value">{{ info.want_service_time }}</div>
</div>
<div class="item">
<div class="field">证件号：</div>
<div class="value">{{ info.content }}</div>
</div>
<div class="item">
<div class="field">本地户籍：</div>
<div class="value">{{ info.content }}</div>
</div>
<div class="item">
<div class="field">性别：</div>
<div class="value">{{ info.content }}</div>
</div>
<div class="item">
<div class="field">出生日期：</div>
<div class="value">{{ info.content }}</div>
</div>
<div class="item">
<div class="field">民族：</div>
<div class="value">{{ info.content }}</div>
</div>
<div class="item">
<div class="field">居民类别：</div>
<div class="value">{{ info.content }}</div>
</div>
<div class="item">
<div class="field">备注：</div>
<div class="value">{{ info.content }}</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="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>
</div>
</div>
</div>
</div>
<div class="subtitle">
<i class="i-chunk"></i>
<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
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">{{ info.education }}</div>
</div>
<div class="item">
<div class="field">备注：</div>
<div class="value">{{ info.education_remark }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '兴趣爱好'">
<div class="row">
<div class="item">
<div class="field">兴趣：</div>
<div class="value">{{ info.hobby }}</div>
</div>
<div class="item">
<div class="field">备注：</div>
<div class="value">{{ info.hobby_remark }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '宗教'">
<div class="row">
<div class="item">
<div class="field">宗教：</div>
<div class="value">{{ info.belief }}</div>
</div>
<div class="item">
<div class="field">备注：</div>
<div class="value">{{ info.belief_remark }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '健康'">
<div class="row">
<div class="item">
<div class="field">残疾类别：</div>
<div class="value">{{ info.disable_type }}</div>
</div>
<div class="item">
<div class="field">残疾等级：</div>
<div class="value">{{ info.disable_degree }}</div>
</div>
<div class="item">
<div class="field">残疾证号：</div>
<div class="value">{{ info.disable_idcard }}</div>
</div>
<div class="item">
<div class="field">残疾说明：</div>
<div class="value">{{ info.disable_remark }}</div>
</div>
<div class="item">
<div class="field">监护人：</div>
<div class="value">{{ info.guardian }}</div>
</div>
<div class="item">
<div class="field">劳动能力：</div>
<div class="value">{{ info.skill }}</div>
</div>
<div class="item">
<div class="field">非义务教育阶段助学：</div>
<div class="value">{{ info.voluntaryEducationFlag }}</div>
</div>
<div class="item">
<div class="field">所患大病：</div>
<div class="value">{{ info.voluntaryEducationFlag }}</div>
</div>
<div class="item">
<div class="field">大病患病时间：</div>
<div class="value">{{ info.illnessCode }}</div>
</div>
<div class="item">
<div class="field">所患慢性病：</div>
<div class="value">{{ info.chronicDiseaseCode }}</div>
</div>
<div class="item">
<div class="field">慢病患病时间：</div>
<div class="value">{{ info.chronicDiseaseTime }}</div>
</div>
<div class="item">
<div class="field">是否参保：</div>
<div class="value">{{ info.chronicDiseaseTime }}</div>
</div>
<div class="item">
<div class="field">自付金额：</div>
<div class="value">{{ info.selfPayAmount }}</div>
</div>
<div class="item">
<div class="field">救助金额：</div>
<div class="value">{{ info.selfPayAmount }}</div>
</div>
<div class="item">
<div class="field">救助时间：</div>
<div class="value">{{ info.deliveranceAmount }}</div>
</div>
<div class="item">
<div class="field">享受救助明细序号：</div>
<div class="value">{{ info.deliveranceTime }}</div>
</div>
<div class="item">
<div class="field">备注：</div>
<div class="value">{{ info.deliveranceNum }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '工作'">
<div class="row">
<div class="item">
<div class="field">工作单位：</div>
<div class="value">{{ info.workunit }}</div>
</div>
<div class="item">
<div class="field">职业：</div>
<div class="value">{{ info.career }}</div>
</div>
<div class="item">
<div class="field">离退休时间：</div>
<div class="value">{{ info.retire_date }}</div>
</div>
<div class="item">
<div class="field">备注：</div>
<div class="value">{{ info.retire_remark }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '经济状况'">
<div class="row">
<div class="item">
<div class="field">退休金额：</div>
<div class="value">{{ info.retire_income }}</div>
</div>
<div class="item">
<div class="field">月收入：</div>
<div class="value">{{ info.income }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '居住'">
<div class="row">
<div class="item">
<div class="field">籍贯：</div>
<div class="value">{{ info.native }}</div>
</div>
<div class="item">
<div class="field">户籍所在地：</div>
<div class="value">{{ info.native_place }}</div>
</div>
<div class="item">
<div class="field">现居住地：</div>
<div class="value">{{ info.residence_current }}</div>
</div>
<div class="item">
<div class="field">人户状况：</div>
<div class="value">{{ info.household }}</div>
</div>
<div class="item">
<div class="field">备注：</div>
<div class="value">{{ info.household_remark }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '家庭'">
<div class="row">
<div class="item">
<div class="field">与户主关系：</div>
<div class="value">{{ info.holdingrel }}</div>
</div>
<div class="item">
<div class="field">居住情况：</div>
<div class="value">{{ info.residence }}</div>
</div>
<div class="item">
<div class="field">婚姻状况：</div>
<div class="value">{{ info.marital }}</div>
</div>
<div class="item">
<div class="field">配偶状况：</div>
<div class="value">{{ info.spouse }}</div>
</div>
<div class="item">
<div class="field">有无赡养人：</div>
<div class="value">{{ info.supporters }}</div>
</div>
<div class="item">
<div class="field">与赡养人关系：</div>
<div class="value">{{ info.supporters_relation }}</div>
</div>
<div class="item">
<div class="field">赡养人联系电话：</div>
<div class="value">{{ info.dependantMobile }}</div>
</div>
<div class="item">
<div class="field">备注：</div>
<div class="value">{{ info.familyInfoRemark }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '党员'">
<div class="row">
<div class="item">
<div class="field">入党时间：</div>
<div class="value">{{ info.joinTime }}</div>
</div>
<div class="item">
<div class="field">转正时间：</div>
<div class="value">{{ info.positiveTime }}</div>
</div>
<div class="item">
<div class="field">所属支部：</div>
<div class="value">{{ info.branchId }}</div>
</div>
<div class="item">
<div class="field">是否流动党员：</div>
<div class="value">{{ info.flowFlag }}</div>
</div>
<div class="item">
<div class="field">流动党员活动证号：</div>
<div class="value">{{ info.flowActNum }}</div>
</div>
<div class="item">
<div class="field">职务：</div>
<div class="value">{{ info.partyJob }}</div>
</div>
<div class="item">
<div class="field">是否退休：</div>
<div class="value">{{ info.retiredFlag }}</div>
</div>
<div class="item">
<div class="field">是否党员中心户：</div>
<div class="value">{{ info.centerFlag }}</div>
</div>
<div class="item">
<div class="field">入党时所在党支部：</div>
<div class="value">{{ info.joinBranchName }}</div>
</div>
<div class="item">
<div class="field">组织关系转入社区时间：</div>
<div class="value">{{ info.joinCommunityTime }}</div>
</div>
<div class="item">
<div class="field">是否请长假：</div>
<div class="value">{{ info.longHolidayFlag }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '保障房'">
<div class="row">
<div class="item">
<div class="field">住房性质：</div>
<div class="value">{{ info.housingNature }}</div>
</div>
<div class="item">
<div class="field">保障类型：</div>
<div class="value">{{ info.securityType }}</div>
</div>
<div class="item">
<div class="field">发证日期：</div>
<div class="value">{{ info.certificateDate }}</div>
</div>
<div class="item">
<div class="field">补贴编号：</div>
<div class="value">{{ info.subsidyNum }}</div>
</div>
<div class="item">
<div class="field">补贴金额：</div>
<div class="value">{{ info.subsidyAmount }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '失业'">
<div class="row">
<div class="item">
<div class="field">原工作单位：</div>
<div class="value">{{ info.originWorkUnit }}</div>
</div>
<div class="item">
<div class="field">失业时间：</div>
<div class="value">{{ info.unemploymentTime }}</div>
</div>
<div class="item">
<div class="field">失业证号：</div>
<div class="value">{{ info.unemploymentTime }}</div>
</div>
<div class="item">
<div class="field">再就业优惠证号：</div>
<div class="value">{{ info.employmentNum }}</div>
</div>
<div class="item">
<div class="field">技术特长：</div>
<div class="value">{{ info.specialSkill }}</div>
</div>
<div class="item">
<div class="field">失业原因：</div>
<div class="value">{{ info.unemploymentReason }}</div>
</div>
<div class="item">
<div class="field">是否就业困难对象：</div>
<div class="value">{{ info.employmentHardFlag }}</div>
</div>
<div class="item">
<div class="field">劳动能力就业愿望：</div>
<div class="value">{{ info.employmentWish }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '退役军人'">
<div class="row">
<div class="item">
<div class="field">入伍时间：</div>
<div class="value">{{ info.joinArmyTime }}</div>
</div>
<div class="item">
<div class="field">退伍时间：</div>
<div class="value">{{ info.leaveArmyTime }}</div>
</div>
<div class="item">
<div class="field">服役单位：</div>
<div class="value">{{ info.serviceUnit }}</div>
</div>
<div class="item">
<div class="field">接收单位：</div>
<div class="value">{{ info.receiveUnit }}</div>
</div>
<div class="item">
<div class="field">待安置补助金：</div>
<div class="value">{{ info.settlementAmount }}</div>
</div>
<div class="item">
<div class="field">培训状况：</div>
<div class="value">{{ info.trainDesc }}</div>
</div>
<div class="item">
<div class="field">参战时间开始日期：</div>
<div class="value">{{ info.joinWarStartTime }}</div>
</div>
<div class="item">
<div class="field">参战时间截止日期：</div>
<div class="value">{{ info.joinWarEndTime }}</div>
</div>
<div class="item">
<div class="field">现就业状况：</div>
<div class="value">{{ info.employmentSituation }}</div>
</div>
<div class="item">
<div class="field">是否办理公益性岗位：</div>
<div class="value">{{ info.pubWelfareJobFlag }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '统战人员'">
<div class="row">
<div class="item">
<div class="field">职务：</div>
<div class="value">{{ info.duty }}</div>
</div>
<div class="item">
<div class="field">探亲情况：</div>
<div class="value">{{ info.visitation }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '志愿者'">
<div class="row">
<div class="item">
<div class="field">志愿者类别：</div>
<div class="value">{{ info.volunteerCategory }}</div>
</div>
<div class="item">
<div class="field">备注：</div>
<div class="value">{{ info.volunteerRemark }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '老年人'">
<div class="row">
<div class="item">
<div class="field">高龄补助：</div>
<div class="value">{{ info.volunteerRemark }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '特殊人群'">
<div class="row">
<div class="item">
<div class="field">特殊人群类别：</div>
<div class="value">{{ info.specialCategoryCode }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '出生信息'">
<div class="row">
<div class="item">
<div class="field">出生地：</div>
<div class="value">{{ info.birthplace }}</div>
</div>
<div class="item">
<div class="field">父亲姓名：</div>
<div class="value">{{ info.father }}</div>
</div>
<div class="item">
<div class="field">母亲姓名：</div>
<div class="value">{{ info.mother }}</div>
</div>
<div class="item">
<div class="field">胎次：</div>
<div class="value">{{ info.count }}</div>
</div>
<div class="item">
<div class="field">申报日期：</div>
<div class="value">{{ info.reportDate }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '死亡信息'">
<div class="row">
<div class="item">
<div class="field">死亡时间：</div>
<div class="value">{{ info.deathDate }}</div>
</div>
<div class="item">
<div class="field">加入原因：</div>
<div class="value">{{ info.deathReason }}</div>
</div>
<div class="item">
<div class="field">移除时间：</div>
<div class="value">{{ info.removeDate }}</div>
</div>
<div class="item">
<div class="field">移除原因：</div>
<div class="value">{{ info.removeReason }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '迁出'">
<div class="row">
<div class="item">
<div class="field">迁出信息：</div>
<div class="value">{{ info.outOfTime }}</div>
</div>
<div class="item">
<div class="field">迁出类别：</div>
<div class="value">{{ info.type }}</div>
</div>
<div class="item">
<div class="field">迁出原因：</div>
<div class="value">{{ info.reason }}</div>
</div>
<div class="item">
<div class="field">迁出至组织：</div>
<div class="value">{{ info.deptId }}</div>
</div>
<div class="item">
<div class="field">小区：</div>
<div class="value">{{ info.villageName }}</div>
</div>
<div class="item">
<div class="field">楼号：</div>
<div class="value">{{ info.buildName }}</div>
</div>
<div class="item">
<div class="field">单元：</div>
<div class="value">{{ info.unitName }}</div>
</div>
<div class="item">
<div class="field">房屋：</div>
<div class="value">{{ info.homeName }}</div>
</div>
<div class="item">
<div class="field">外迁地址：</div>
<div class="value">{{ info.address }}</div>
</div>
</div>
</div>
</div>
</template>
</popup>
</template>
<script>
import popup from '@/views/dataBoard/cpts/popup';
import { GaodeMap, Map } from '@antv/l7-maps';
import { requestPostBi } from '@/js/dai/request-bipass';
export default {
name: 'eventDetails',
props: {
detailsId: {
type: String,
default: ''
},
detailType: {
type: String,
default: ''
}
},
components: { popup },
created() {},
data() {
return {
progress: [],
info: {},
currentTabIndex: 0,
startTabIndex: 0,
BaseTabList: ['教育信息', '兴趣爱好', '宗教', '健康', '工作', '经济状况', '居住', '家庭'],
tabList: []
};
},
mounted() {
this.getApiData();
},
methods: {
iniMap() {
const scene = new Scene({
id: 'map',
map: new GaodeMap({
pitch: 35.210526315789465,
style: 'dark',
center: [104.288144, 31.239692],
zoom: 4.4
})
});
},
handleClose() {
this.$emit('close');
},
async getApiData() {
this.getInfo();
},
// 根据房屋id获取详情
async getInfo() {
let url = 'resident_special_info';
this.title = '综治人群详情';
const { data, code, msg } = await requestPostBi(
url,
{
queryParam: {
resident_id: this.detailsId
}
},
{
// mockId: 60235478,
}
);
if (code === 0) {
this.info = { ...this.info, ...data[0] };
console.log(this.info);
} else {
this.$message.error(msg);
}
}
}
};
</script>
<style scoped>
.m-info .row .item .field {
width: 120px !important;
}
</style>
<style lang="scss" src="@/assets/scss/dataBoard/popup-info.scss" scoped></style>

4
src/views/dataBoard/sida/cpts/sqpj.vue
View File

@ -88,7 +88,7 @@ export default {
},
watch: {
currentTab() {
this.getResiCategoryData();
// this.getResiCategoryData();
},
orgId() {
this.init();
@ -96,7 +96,7 @@ export default {
},
methods: {
async init() {
this.getResiCategoryData();
// this.getResiCategoryData();
},
handleClickItem(item) {
// const { type, name } = item;

12
src/views/dataBoard/sida/cpts/wtqd.vue
View File

@ -68,9 +68,19 @@ export default {
this.getPie();
},
handleClickItem(item) {
let path=""
if(this.currentTab=="治理事件")
{
path="eventList"
}else if(this.currentTab=="安全隐患"){
path="hiddenDangerList"
}else{
path="specialCategoryList"
}
this.getInfo();
this.$router.push({
path: '/dataBoard/sida/wt/eventList',
path: `/dataBoard/sida/wt/${path}`,
query: {
org_id: this.orgId,
type: this.currentTab,

99
src/views/dataBoard/sida/wt/eventList.vue
View File

@ -7,43 +7,25 @@
<div class="tip_title">{{ tableTitle }}</div>
<div class="title_line"></div>
<div class="second-select" style="position:absolute;margin-left:300px;">
<el-select v-model="listType" @change="changList">
<el-option value="治理事件">治理事件</el-option>
<el-option value="安全隐患">安全隐患</el-option>
<el-option value="综治人群">综治人群</el-option>
</el-select>
<el-select v-model="type2" @change="getList" :clearable="true" class="left10">
<el-select v-model="type2" @change="init" :clearable="true">
<el-option value="全部">全部</el-option>
<template v-if="listType == '治理事件'">
<el-option value="普通事件">普通事件</el-option>
<el-option value="难点堵点">难点堵点</el-option>
<el-option value="矛盾纠纷">矛盾纠纷</el-option>
<el-option value="自身问题">自身问题</el-option>
</template>
<template v-if="listType == '安全隐患'">
<el-option value="社区养老">社区养老</el-option>
<el-option value="社会保障">社会保障</el-option>
<el-option value="社区救助">社区救助</el-option>
<el-option value="健康医疗">健康医疗</el-option>
<el-option value="社区安全">社区安全</el-option>
<el-option value="社区卫生">社区卫生</el-option>
<el-option value="社区环境">社区环境</el-option>
<el-option value="社区治安">社区治安</el-option>
<el-option value="社区文化">社区文化</el-option>
</template>
<el-option value="普通事件">普通事件</el-option>
<el-option value="难点堵点">难点堵点</el-option>
<el-option value="矛盾纠纷">矛盾纠纷</el-option>
<el-option value="自身问题">自身问题</el-option>
</el-select>
</div>
<div class="m-search2" style="position:absolute;margin-left:0px;">
<el-date-picker
type="daterange"
unlink-panels
value-format="yyyy-MM-dd"
@change="getList"
v-model="searchDate"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
></el-date-picker>
<div class="m-search2 left10" style="display: inline-block;">
<el-date-picker
type="daterange"
unlink-panels
value-format="yyyy-MM-dd"
@change="init"
v-model="searchDate"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
></el-date-picker>
</div>
</div>
</div>
<cpt-tb
@ -57,14 +39,14 @@
@operate="showInfo"
></cpt-tb>
<eventDetails @close="displayedId = ''" :eventId="displayedId" :detailType="detailType" v-if="displayedId != ''" />
<details @close="displayedId = ''" :detailsId="displayedId" :detailType="detailType" v-if="displayedId != ''" />
</div>
</template>
<script>
import cptTb from '@/views/dataBoard/cpts/tb';
import cptBread from '@/views/dataBoard/renfang/cpts/bread';
import eventDetails from '@/views/dataBoard/cpts/event-details';
import details from '@/views/dataBoard/cpts/event-details';
import { requestPostBi } from '@/js/dai/request-bipass';
import getQueryPara from 'dai-js/modules/getQueryPara';
@ -74,7 +56,7 @@ export default {
components: {
cptTb,
cptBread,
eventDetails
details
},
data() {
@ -93,7 +75,7 @@ export default {
},
{
meta: {
title: '问题列表'
title: '问题列表普通事件'
}
}
],
@ -148,11 +130,13 @@ export default {
this.page_num = 1;
this.getDate();
this.getList();
this.getCount();
this.init();
},
methods: {
init() {
this.getList(), this.getCount();
},
getDate() {
var nowDate = new Date();
var year = nowDate.getFullYear();
@ -238,26 +222,30 @@ export default {
};
let b = '';
if (item.status == '处理中') {
let obj2 = {};
if (item.operation_type == 'processing') {
b = 'orange';
} else if (item.status == '已办结') {
obj2 = {
name: '处理中',
class: b
};
} else if (item.operation_type == 'closed_case') {
b = 'green';
obj2 = {
name: '已办结',
class: b
};
}
let obj2 = {
name: item.status,
class: b
};
return [
index + 1,
item.event_content ? obj : '--',
item.status ? obj2 : '--',
item.operation_type ? obj2 : '--',
item.created_time ? item.created_time : '--',
{ type: 'operate', list: ['查看'] }
];
});
// console.log('this.list', this.list);
} else {
this.$message.error(msg);
@ -268,18 +256,15 @@ export default {
const { org_id, listType, page_num, page_size, searchDate } = this;
const start_date = searchDate[0];
const end_date = searchDate[1];
const url = 'event_list_total';
let event_type;
event_type = this.type2;
const url = 'event_list_num';
let event_type = this.type2;
const { data, code, msg } = await requestPostBi(
url,
{
queryParam: {
page_num,
page_size,
org_id,
start_date,
end_date,
org_id,
event_type
}
},
@ -289,7 +274,7 @@ export default {
);
if (code === 0) {
this.total = parseInt(data[0].count);
this.total = parseInt(data[0].total);
} else {
this.$message.error(msg);
}

263
src/views/dataBoard/sida/wt/hiddenDangerList.vue
View File

@ -0,0 +1,263 @@
<template>
<div class="g-pgi">
<cpt-bread :separator="'/'" @tap="handleClickBreadItem" :breadList="breadList"></cpt-bread>
<div class="m-title">
<img class="title_img" src="@/assets/images/index/list-logo.png" alt />
<div class="tip_title">{{ tableTitle }}</div>
<div class="title_line"></div>
<div class="second-select" style="position:absolute;margin-left:300px;">
<el-select v-model="type2" @change="init" :clearable="true">
<el-option value="全部">全部</el-option>
<el-option value="生产隐患">生产隐患</el-option>
<el-option value="群租房">群租房</el-option>
<el-option value="发现问题">发现问题</el-option>
</el-select>
<div class="m-search2 left10" style="display: inline-block;">
<el-date-picker
type="daterange"
unlink-panels
value-format="yyyy-MM-dd"
@change="init"
v-model="searchDate"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
></el-date-picker>
</div>
</div>
</div>
<cpt-tb
:col-list="colList"
:loading="loading"
:header="header"
:list="list"
:total="total"
@handleSizeChange="handleSizeChange"
@handlepage_numChange="handlepage_numChange"
@operate="showInfo"
></cpt-tb>
<details @close="displayedId = ''" :detailsId="displayedId" :detailType="detailType" v-if="displayedId != ''" />
</div>
</template>
<script>
import cptTb from '@/views/dataBoard/cpts/tb';
import cptBread from '@/views/dataBoard/renfang/cpts/bread';
import details from '@/views/dataBoard/cpts/event-details';
import { requestPostBi } from '@/js/dai/request-bipass';
import getQueryPara from 'dai-js/modules/getQueryPara';
export default {
name: 'event-list',
components: {
cptTb,
cptBread,
details
},
data() {
return {
searchDate: [],
displayedId: '',
searchDate: '',
detailType: '',
breadList: [
{
type: 'back',
meta: {
title: '四大清单'
}
},
{
meta: {
title: '问题列表安全隐患'
}
}
],
type1: '',
type2: '全部',
tableTitle: '问题列表',
searchName: '',
orgLevel: '',
org_id: '',
listType: '', // 流动 常驻 全部
loading: true,
page_size: parseInt(localStorage.getItem('dataBoard_page_size')) || 20,
page_num: 1,
total: 0,
srcTableData: [],
list: [],
colList: [
{
align: 'left',
width: '5%'
},
{
align: 'left',
width: '10%'
},
{
align: 'left'
},
{
align: 'left',
width: '10%'
},
{
align: 'left',
width: '10%'
}
],
header: ['序号', '安全隐患', '隐患明细', '创建时间', '操作']
};
},
activated() {
this.org_id = getQueryPara('org_id');
this.listType = getQueryPara('type');
this.type2 = getQueryPara('type2');
this.page_num = 1;
this.getDate();
this.init();
},
methods: {
init() {
this.getList(), this.getCount();
},
getDate() {
var nowDate = new Date();
var year = nowDate.getFullYear();
var month = nowDate.getMonth() + 1;
var day = nowDate.getDay();
this.searchDate = [`${year}-${1}-${1}`, `${year}-${month}-${day}`];
},
changList() {
this.type2 = '全部';
this.getList();
},
handleClickBreadItem({ item }) {
if (item.type == 'back') {
this.$router.back();
}
},
handleSearch() {},
showInfo(index) {
let item = this.srcTableData[index];
this.detailType = this.listType;
this.displayedId = item.danger_name;
},
handlepage_numChange(page_num) {
this.page_num = page_num;
this.getList();
},
handleSizeChange(page_size) {
localStorage.setItem('dataBoard_page_size', page_size);
this.page_size = page_size;
this.getList();
},
async getList() {
const { org_id, listType, page_num, page_size, searchDate } = this;
const start_date = searchDate[0];
const end_date = searchDate[1];
let danger_name = this.type2;
this.loading = true;
const url = 'hidden_danger_list';
const { data, code, msg } = await requestPostBi(
url,
{
queryParam: {
page_num,
page_size,
start_date,
end_date,
org_id,
danger_name
}
},
{
// mockId: 60068051,
}
);
this.loading = false;
if (code === 0) {
this.srcTableData = data;
console.log('this.srcTableData ', this.srcTableData);
// this.total = data.total;
this.list = data.map((item, index) => {
return [
index + 1,
item.event_content ? obj : '--',
item.status ? obj2 : '--',
item.created_time ? item.created_time : '--',
{ type: 'operate', list: ['查看'] }
];
});
// console.log('this.list', this.list);
} else {
this.$message.error(msg);
}
},
async getCount() {
const { org_id, listType, page_num, page_size, searchDate } = this;
const start_date = searchDate[0];
const end_date = searchDate[1];
const url = 'hidden_danger_list_num';
let event_type = this.type2;
const { data, code, msg } = await requestPostBi(
url,
{
queryParam: {
org_id,
start_date,
end_date,
danger_name
}
},
{
// mockId: 63070189,
}
);
if (code === 0) {
this.total = parseInt(data[0].total);
} else {
this.$message.error(msg);
}
}
},
destroyed() {
console.log('我已经离开了！');
}
};
</script>
<style lang="scss" src="@/assets/scss/dataBoard/listBox.scss" scoped></style>

284
src/views/dataBoard/sida/wt/specialCategoryList.vue
View File

@ -0,0 +1,284 @@
<template>
<div class="g-pgi">
<cpt-bread :separator="'/'" @tap="handleClickBreadItem" :breadList="breadList"></cpt-bread>
<div class="m-title">
<img class="title_img" src="@/assets/images/index/list-logo.png" alt />
<div class="tip_title">{{ tableTitle }}</div>
<div class="title_line"></div>
<div class="second-select" style="position:absolute;margin-left:300px;">
<el-select v-model="type2" @change="init" :clearable="true">
<el-option value="全部">全部</el-option>
<el-option value="信访人员">信访人员</el-option>
<el-option value="安置帮教">安置帮教</el-option>
<el-option value="邪教人员">邪教人员</el-option>
<el-option value="不良青少年">不良青少年</el-option>
<el-option value="社区矫正">社区矫正</el-option>
<el-option value="肇事肇祸精神病">肇事肇祸精神病</el-option>
<el-option value="吸毒人员">吸毒人员</el-option>
</el-select>
<div class="m-search2 left10" style="display: inline-block;">
<el-date-picker
type="daterange"
unlink-panels
value-format="yyyy-MM-dd"
@change="init"
v-model="searchDate"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
></el-date-picker>
</div>
</div>
</div>
<cpt-tb
:col-list="colList"
:loading="loading"
:header="header"
:list="list"
:total="total"
@handleSizeChange="handleSizeChange"
@handlepage_numChange="handlepage_numChange"
@operate="showInfo"
></cpt-tb>
<details @close="displayedId = ''" :detailsId="displayedId" :detailType="detailType" v-if="displayedId != ''" />
</div>
</template>
<script>
import cptTb from '@/views/dataBoard/cpts/tb';
import cptBread from '@/views/dataBoard/renfang/cpts/bread';
import details from '@/views/dataBoard/cpts/specialCategory-details';
import { requestPostBi } from '@/js/dai/request-bipass';
import getQueryPara from 'dai-js/modules/getQueryPara';
export default {
name: 'event-list',
components: {
cptTb,
cptBread,
details
},
data() {
return {
searchDate: [],
displayedId: '',
searchDate: '',
detailType: '',
breadList: [
{
type: 'back',
meta: {
title: '四大清单'
}
},
{
meta: {
title: '问题列表综治人群'
}
}
],
type1: '',
type2: '全部',
tableTitle: '问题列表',
searchName: '',
orgLevel: '',
org_id: '',
listType: '', // 流动 常驻 全部
loading: true,
page_size: parseInt(localStorage.getItem('dataBoard_page_size')) || 20,
page_num: 1,
total: 0,
srcTableData: [],
list: [],
colList: [
{
align: 'left',
width: '5%'
},
{
align: 'left',
width: '10%'
},
{
align: 'left',
width: '10%'
},
{
align: 'left',
width: '10%'
},
{
align: 'left',
width: '10%'
},
{
align: 'left',
width: '10%'
},
{
align: 'left'
},
{
align: 'left',
width: '10%'
}
],
header: ['序号', '综治人员类别', '姓名', '性别', '电话', '身份证号', '居住地', '操作']
};
},
activated() {
this.org_id = getQueryPara('org_id');
this.listType = getQueryPara('type');
this.type2 = getQueryPara('type2');
this.page_num = 1;
// this.getDate();
this.init();
},
methods: {
init() {
this.getList(), this.getCount();
},
getDate() {
var nowDate = new Date();
var year = nowDate.getFullYear();
var month = nowDate.getMonth() + 1;
var day = nowDate.getDay();
this.searchDate = [`${year}-${1}-${1}`, `${year}-${month}-${day}`];
},
changList() {
this.type2 = '全部';
this.getList();
},
handleClickBreadItem({ item }) {
if (item.type == 'back') {
this.$router.back();
}
},
handleSearch() {},
showInfo(index) {
let item = this.srcTableData[index];
this.detailType = item.special_category;
this.displayedId = item.user_id;
this.detailType = '信访人员';
console.log('this.displayedId ', this.displayedId, this.detailType);
},
handlepage_numChange(page_num) {
this.page_num = page_num;
console.log(this.page_num )
this.getList();
},
handleSizeChange(page_size) {
localStorage.setItem('dataBoard_page_size', page_size);
this.page_size = page_size;
this.getList();
},
async getList() {
const { org_id, listType, page_num, page_size, searchDate } = this;
const start_date = searchDate[0];
const end_date = searchDate[1];
let special_category = this.type2;
this.loading = true;
const url = 'special_category_list';
const { data, code, msg } = await requestPostBi(
url,
{
queryParam: {
page_num,
page_size,
start_date,
end_date,
org_id,
special_category
}
},
{
// mockId: 60068051,
}
);
this.loading = false;
if (code === 0) {
this.srcTableData = data;
console.log('this.srcTableData ', this.srcTableData);
// this.total = data.total;
this.list = data.map((item, index) => {
return [
index + 1,
item.special_category ? item.special_category : '--',
item.name ? item.name : '--',
item.gender ? item.gender : '--',
item.telephone ? item.telephone : '--',
item.idcard ? item.idcard : '--',
item.residence_current ? item.residence_current : '--',
{ type: 'operate', list: ['查看'] }
];
});
// console.log('this.list', this.list);
} else {
this.$message.error(msg);
}
},
async getCount() {
console.log("dddd");
const { org_id, listType, page_num, page_size, searchDate } = this;
const start_date = searchDate[0];
const end_date = searchDate[1];
const url = 'special_category_list_num';
let special_category= this.type2;
const { data, code, msg } = await requestPostBi(
url,
{
queryParam: {
org_id,
start_date,
end_date,
special_category
}
},
{
// mockId: 63070189,
}
);
if (code === 0) {
console.log('total', data);
this.total = parseInt(data[0].total);
} else {
this.$message.error(msg);
}
}
},
destroyed() {
console.log('我已经离开了！');
}
};
</script>
<style lang="scss" src="@/assets/scss/dataBoard/listBox.scss" scoped></style>
Write Preview
Loading…
Cancel
Save