|
|
|
@ -11,10 +11,12 @@ |
|
|
|
<div class="card-left"> |
|
|
|
<!-- <div class="card-item-title">小标题</div> --> |
|
|
|
<div class="card-left-top"> |
|
|
|
<screen-org-tree></screen-org-tree> |
|
|
|
<screen-org-tree :list="list" @onClickNode="onClickNode"></screen-org-tree> |
|
|
|
</div> |
|
|
|
<div class="card-left-bottom"> |
|
|
|
<screen-table :headerList="headerList" |
|
|
|
<screen-table :headerStyle="headerStyle" |
|
|
|
:headerList="headerList" |
|
|
|
:tableContentStyle="headerStyle" |
|
|
|
:tableData="tableData" |
|
|
|
:visibleLoading="visibleLoading" |
|
|
|
:operate="true" |
|
|
|
@ -38,7 +40,7 @@ |
|
|
|
<template v-slot:title>{{item.title}}</template> |
|
|
|
</screen-top-count> |
|
|
|
</div> |
|
|
|
<div class="card-title" style="margin-left: 20px; margin-bottom: 10px;"> |
|
|
|
<div class="card-title" style="margin-left: 20px; margin-bottom: 20px; margin-top: 20px;"> |
|
|
|
<img class="title-icon" src="../../../../../assets/img/shuju/title-tip.png" /> |
|
|
|
<div class="title-label"> |
|
|
|
网格分布 |
|
|
|
@ -90,9 +92,14 @@ export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
headerList: [ |
|
|
|
{ title: "序号", coulmn: 'index' }, |
|
|
|
{ title: "活动标题", coulmn: 'title' }, |
|
|
|
{ title: "单位名称", coulmn: 'unitName' } |
|
|
|
{ title: "序号", coulmn: 'index', width: '100px' }, |
|
|
|
{ title: "党员", coulmn: 'ownerName' }, |
|
|
|
{ title: "地址", coulmn: 'address' } |
|
|
|
], |
|
|
|
headerStyle: [ |
|
|
|
{ width: '100px' }, |
|
|
|
{ width: '200px' }, |
|
|
|
{ width: '400px' } |
|
|
|
], |
|
|
|
tableData: [ |
|
|
|
// [1,'商丘路社区第一网格','商丘路小区','2号楼','杨颖、王平、刘佳敏、丁辉、杨萍'], |
|
|
|
@ -101,7 +108,7 @@ export default { |
|
|
|
noInit: false, |
|
|
|
visibleLoading: true, |
|
|
|
pageNo: 1, |
|
|
|
pageSize: 10, |
|
|
|
pageSize: 5, |
|
|
|
total: 0, |
|
|
|
list: [], |
|
|
|
countList: { |
|
|
|
@ -111,19 +118,27 @@ export default { |
|
|
|
partyMemberNum: { index: 3, title: '党员数', value: '0' }, |
|
|
|
serviceStationNum: { index: 4, title: '网格党群服务站实体阵地数', value: '0' }, |
|
|
|
volunteerTeamNum: { index: 5, title: '志愿者队伍', value: '0' } |
|
|
|
} |
|
|
|
}, |
|
|
|
axisStructId: '', // 动力主轴节点 |
|
|
|
} |
|
|
|
}, |
|
|
|
async mounted() { |
|
|
|
this.showInfo = false |
|
|
|
const { user } = this.$store.state |
|
|
|
this.agencyId = user.agencyId |
|
|
|
console.log('agencyId-------', this.agencyId) |
|
|
|
// const { user } = this.$store.state |
|
|
|
// this.agencyId = user.agencyId |
|
|
|
// console.log('agencyId-------', this.agencyId) |
|
|
|
this.agencyId = '1495655378069753857' |
|
|
|
this.axisStructId = '1517389077596463106' |
|
|
|
await nextTick(100) |
|
|
|
this.getStructTree() |
|
|
|
this.getCount() |
|
|
|
this.getList() |
|
|
|
this.getMapData() |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
onClickNode (e) { |
|
|
|
this.axisStructId = e.id |
|
|
|
this.getList() |
|
|
|
}, |
|
|
|
async handleLook (val) { |
|
|
|
console.log(val.id) |
|
|
|
}, |
|
|
|
@ -137,18 +152,17 @@ export default { |
|
|
|
this.getList() |
|
|
|
}, |
|
|
|
getList() { |
|
|
|
this.tableData = [] |
|
|
|
this.visibleLoading = true |
|
|
|
let params = { |
|
|
|
agencyId: this.agencyId, |
|
|
|
axisStructId: this.axisStructId, |
|
|
|
pageSize: this.pageSize, |
|
|
|
pageNo: this.pageNo, |
|
|
|
serviceMatter: '', |
|
|
|
startTime: '', |
|
|
|
endTime: '' |
|
|
|
} |
|
|
|
const url = "/heart/icpartyactivity/activitylist" |
|
|
|
const url = "/pli/power/data/kernelHousehold/list" |
|
|
|
this.$http.post(url, params).then(res => { |
|
|
|
this.tableData = res.data.data.list.map((item, index) => { |
|
|
|
this.total = parseInt(res.data.total) |
|
|
|
this.tableData = res.data.data.map((item, index) => { |
|
|
|
return { |
|
|
|
...item, |
|
|
|
index: index + 1 |
|
|
|
@ -173,6 +187,32 @@ export default { |
|
|
|
this.$message.error(msg) |
|
|
|
} |
|
|
|
}, |
|
|
|
async getStructTree() { |
|
|
|
const url = "/pli/power/data/axis/structTree" |
|
|
|
let params = { |
|
|
|
agencyId: this.agencyId |
|
|
|
} |
|
|
|
const { data, code, msg } = await requestPost(url, params) |
|
|
|
if (code === 0) { |
|
|
|
this.list = data |
|
|
|
this.axisStructId = this.list[0].id |
|
|
|
this.getList() |
|
|
|
} else { |
|
|
|
this.$message.error(msg) |
|
|
|
} |
|
|
|
}, |
|
|
|
getMapData() { |
|
|
|
let params = { |
|
|
|
axisStructId: this.axisStructId, |
|
|
|
limit: 99 |
|
|
|
} |
|
|
|
const url = "/pli/power/data/kernelHousehold/listPosition" |
|
|
|
this.$http.post(url, params).then(res => { |
|
|
|
console.log(res.data.data) |
|
|
|
}).catch(err => { |
|
|
|
this.$message.error(err) |
|
|
|
}) |
|
|
|
}, |
|
|
|
// handleClickRow(val) { |
|
|
|
// console.log('click-row----', val) |
|
|
|
// this.$router.push({ |
|
|
|
@ -261,6 +301,9 @@ export default { |
|
|
|
background: #002e74; |
|
|
|
} |
|
|
|
} |
|
|
|
/deep/ .warning-table .table { |
|
|
|
min-height: 300px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.card-right { |
|
|
|
|
ZhaoTongYao
3 years ago