|
@ -8,13 +8,13 @@ |
|
|
<div class="g-row"> |
|
|
<div class="g-row"> |
|
|
<div class="g-left"> |
|
|
<div class="g-left"> |
|
|
<div class="m-box"> |
|
|
<div class="m-box"> |
|
|
<Title text="街道介绍" /> |
|
|
<title-box text="街道介绍" /> |
|
|
<Jdjs /> |
|
|
<jdjs /> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="m-box"> |
|
|
<div class="m-box">vervie |
|
|
<Title text="街道图谱画像" /> |
|
|
<title-box text="街道图谱画像" /> |
|
|
<Jdtphx /> |
|
|
<jdtphx /> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
@ -29,49 +29,49 @@ |
|
|
/> |
|
|
/> |
|
|
</div> |
|
|
</div> |
|
|
<div class="m-box m-rybox"> |
|
|
<div class="m-box m-rybox"> |
|
|
<Title text="XX街道网格员" /> |
|
|
<title-box text="XX街道网格员" /> |
|
|
<jdwgy /> |
|
|
<jdwgy /> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="g-right"> |
|
|
<div class="g-right"> |
|
|
<div class="m-box"> |
|
|
<div class="m-box"> |
|
|
<Title text="人房数据统计" /> |
|
|
<title-box text="人房数据统计" /> |
|
|
<rfsjtj /> |
|
|
<rfsjtj /> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="m-box"> |
|
|
<div class="m-box"> |
|
|
<Title text="各社区人房数据更新排行"> |
|
|
<title-box text="各社区人房数据更新排行"> |
|
|
<span class="date-span"> |
|
|
<span class="date-span"> |
|
|
<el-date-picker |
|
|
<el-date-picker |
|
|
v-model="rfphDate" |
|
|
v-model="rfphDate" |
|
|
format="yyyy-MM" |
|
|
format="yyyy-MM" |
|
|
value-format="yyyy-MM" |
|
|
value-format="yyyy-MM" |
|
|
@change="change" |
|
|
@change="changeDate" |
|
|
type="month" |
|
|
type="month" |
|
|
:clearable="false" |
|
|
:clearable="false" |
|
|
placeholder="选择月" |
|
|
placeholder="选择月" |
|
|
> |
|
|
> |
|
|
</el-date-picker> |
|
|
</el-date-picker> |
|
|
</span> |
|
|
</span> |
|
|
</Title> |
|
|
</title-box> |
|
|
<sqrfph /> |
|
|
<sqrfph /> |
|
|
</div> |
|
|
</div> |
|
|
<div class="m-box"> |
|
|
<div class="m-box"> |
|
|
<Title text="各社区12345投诉事件统计"> |
|
|
<title-box text="各社区12345投诉事件统计"> |
|
|
<span class="date-span"> |
|
|
<span class="date-span"> |
|
|
<el-date-picker |
|
|
<el-date-picker |
|
|
v-model="rfphDate" |
|
|
v-model="rfphDate" |
|
|
format="yyyy-MM" |
|
|
format="yyyy-MM" |
|
|
value-format="yyyy-MM" |
|
|
value-format="yyyy-MM" |
|
|
@change="change" |
|
|
@change="changeDate" |
|
|
type="month" |
|
|
type="month" |
|
|
:clearable="false" |
|
|
:clearable="false" |
|
|
placeholder="选择月" |
|
|
placeholder="选择月" |
|
|
> |
|
|
> |
|
|
</el-date-picker> |
|
|
</el-date-picker> |
|
|
</span> |
|
|
</span> |
|
|
</Title> |
|
|
</title-box> |
|
|
<sq12345 /> |
|
|
<sq12345 /> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
@ -85,9 +85,9 @@ |
|
|
import gridMap from "@/views/dataBoard/cpts/map/index"; |
|
|
import gridMap from "@/views/dataBoard/cpts/map/index"; |
|
|
import cptBread from "@/views/dataBoard/renfang/cpts/bread"; |
|
|
import cptBread from "@/views/dataBoard/renfang/cpts/bread"; |
|
|
import cptLoading from "@/views/dataBoard/cpts/loading"; |
|
|
import cptLoading from "@/views/dataBoard/cpts/loading"; |
|
|
import Title from "@/views/dataBoard/satisfactionEval/components/Title"; |
|
|
import titleBox from "@/views/dataBoard/satisfactionEval/components/Title"; |
|
|
import Jdjs from "@/views/dataBoard/overview/components/jdjs.vue"; |
|
|
import jdjs from "@/views/dataBoard/overview/components/jdjs.vue"; |
|
|
import Jdtphx from "@/views/dataBoard/overview/components/jdtphx.vue"; |
|
|
import jdtphx from "@/views/dataBoard/overview/components/jdtphx.vue"; |
|
|
import mapTop from "@/views/dataBoard/overview/components/map-top.vue"; |
|
|
import mapTop from "@/views/dataBoard/overview/components/map-top.vue"; |
|
|
import jdwgy from "@/views/dataBoard/overview/components/jdwgy.vue"; |
|
|
import jdwgy from "@/views/dataBoard/overview/components/jdwgy.vue"; |
|
|
import rfsjtj from "@/views/dataBoard/overview/components/rfsjtj.vue"; |
|
|
import rfsjtj from "@/views/dataBoard/overview/components/rfsjtj.vue"; |
|
@ -97,17 +97,6 @@ import { requestPostBi } from "@/js/dai/request-bipass"; |
|
|
import { requestPost } from "@/js/dai/request"; |
|
|
import { requestPost } from "@/js/dai/request"; |
|
|
import getQueryPara from "dai-js/modules/getQueryPara"; |
|
|
import getQueryPara from "dai-js/modules/getQueryPara"; |
|
|
|
|
|
|
|
|
function iniGetPerInfo() { |
|
|
|
|
|
return { |
|
|
|
|
|
unemployed_ratio: "--", |
|
|
|
|
|
crowd_ratio: "--", |
|
|
|
|
|
volunteer_ratio: "--", |
|
|
|
|
|
month_update_ratio: "--", |
|
|
|
|
|
aged_ratio: "--", |
|
|
|
|
|
teenagers_ratio: "--", |
|
|
|
|
|
}; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
export default { |
|
|
export default { |
|
|
name: "renfang", |
|
|
name: "renfang", |
|
|
|
|
|
|
|
@ -115,9 +104,9 @@ export default { |
|
|
gridMap, |
|
|
gridMap, |
|
|
cptLoading, |
|
|
cptLoading, |
|
|
cptBread, |
|
|
cptBread, |
|
|
Title, |
|
|
titleBox, |
|
|
Jdjs, |
|
|
jdjs, |
|
|
Jdtphx, |
|
|
jdtphx, |
|
|
mapTop, |
|
|
mapTop, |
|
|
jdwgy, |
|
|
jdwgy, |
|
|
rfsjtj, |
|
|
rfsjtj, |
|
@ -167,15 +156,14 @@ export default { |
|
|
|
|
|
|
|
|
//加载组织数据 |
|
|
//加载组织数据 |
|
|
this.loading = false; |
|
|
this.loading = false; |
|
|
// await this.loadOrgData(); |
|
|
|
|
|
await this.getMapData(); |
|
|
await this.getMapData(); |
|
|
await this.getSubMapData(); |
|
|
await this.getSubMapData(); |
|
|
this.getResiCategoryData(); |
|
|
|
|
|
this.getPerInfo(); |
|
|
|
|
|
|
|
|
|
|
|
this.loading = true; |
|
|
this.loading = true; |
|
|
}, |
|
|
}, |
|
|
|
|
|
changeDate(e){ |
|
|
|
|
|
this.rfphDate=e; |
|
|
|
|
|
}, |
|
|
handleClickDotBtn(type, info) { |
|
|
handleClickDotBtn(type, info) { |
|
|
console.log("handleClickDotBtn", type, info); |
|
|
console.log("handleClickDotBtn", type, info); |
|
|
if (type == "watch-resi") { |
|
|
if (type == "watch-resi") { |
|
@ -190,7 +178,6 @@ export default { |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
clickAgencyItem(item) { |
|
|
clickAgencyItem(item) { |
|
|
console.log('clickAgencyItem(item)::',item); |
|
|
|
|
|
this.toBread({ |
|
|
this.toBread({ |
|
|
orgId: item.id, |
|
|
orgId: item.id, |
|
|
orgLevel: item.level, |
|
|
orgLevel: item.level, |
|
@ -199,7 +186,6 @@ export default { |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
toBread(item) { |
|
|
toBread(item) { |
|
|
console.log("toBread::", item); |
|
|
|
|
|
const { orgId } = item; |
|
|
const { orgId } = item; |
|
|
const { breadList } = this; |
|
|
const { breadList } = this; |
|
|
let index = breadList.findIndex((val) => val.orgId === orgId); |
|
|
let index = breadList.findIndex((val) => val.orgId === orgId); |
|
|