|
|
@ -22,7 +22,7 @@ |
|
|
<img src="@/assets/img/shequ/close.png" /> |
|
|
<img src="@/assets/img/shequ/close.png" /> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="btn" @click="handleClickSearchBtn">查询</div> |
|
|
<div class="btn" @click="handleClickSearchBtn">查一下</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
@ -82,11 +82,16 @@ |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="m-pan"> |
|
|
<div class="m-pan m-box"> |
|
|
<div class="m-box flex_box m-pan"> |
|
|
<!-- <div class="header"> |
|
|
|
|
|
<img src="@/assets/images/index/title-icon-sqzl.png" /> |
|
|
|
|
|
<span>组织总览</span> |
|
|
|
|
|
</div> --> |
|
|
|
|
|
<div class="flex_box"> |
|
|
<div class="header"> |
|
|
<div class="header"> |
|
|
<div class="newqsa"><span>居民分类信息不完整数量统计</span></div> |
|
|
<div class="newqsa"><span>居民分类信息不完整数量统计</span></div> |
|
|
<!-- <img src="@/assets/images/index/title-icon-zntb.png" /> --> |
|
|
<!-- <img src="@/assets/images/index/title-icon-zntb.png" /> --> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
<div class="cnt"> |
|
|
<div class="cnt"> |
|
|
<!-- 树状图 --> |
|
|
<!-- 树状图 --> |
|
|
@ -97,13 +102,15 @@ |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="m-box m-tb"> |
|
|
<div class="m-box m-tb"> |
|
|
|
|
|
<div class="wrap"> |
|
|
<div class="header"> |
|
|
<div class="header"> |
|
|
<div class="newqsa"><span>不满意事项(月度)趋势分析</span></div> |
|
|
<div class="newqsa"><span>不满意事项(月度)趋势分析</span></div> |
|
|
<!-- <img src="@/assets/images/index/title-icon-zntb.png" /> --> |
|
|
<!-- <img src="@/assets/images/index/title-icon-zntb.png" /> --> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
</div> |
|
|
<!-- <div class="more">更多></div> --> |
|
|
<!-- <div class="more">更多></div> --> |
|
|
<div class="cnt"> |
|
|
<div class="cnt"> |
|
|
<div id="my_chart" style="width: 100%; height: 170px;"></div> |
|
|
<div id="my_chart" style="width: 100%; height: 230px; position: relative; top: -30px"></div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
@ -144,11 +151,11 @@ |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="m-box m-tx" style="position: relative;"> |
|
|
<div class="m-box m-tx" style="position: relative;"> |
|
|
<div class="header" style="display: flex;align-items: center;justify-content: space-between;"> <div class="newqsa"><span >居民信息更新情况</span></div> <div class="update-settings" @click="jumpToJuMin()" v-show="showAll"><img referrerpolicy="no-referrer" |
|
|
<div class="noe-text"> <span style="margin-top: 10px;">居民分类更新情况</span> <span class="update-settings" |
|
|
src="https://lanhu.oss-cn-beijing.aliyuncs.com/pskhmf0717eflwg54wn73s6spnsg6u48r0f69e94b-2bc8-4156-8330-902087b72e0b" />更新设置</div> |
|
|
style="margin-top: 10px;" v-show="showAll" @click="jumpToJuMin()"><img referrerpolicy="no-referrer" |
|
|
|
|
|
src="https://lanhu.oss-cn-beijing.aliyuncs.com/pskhmf0717eflwg54wn73s6spnsg6u48r0f69e94b-2bc8-4156-8330-902087b72e0b" />更新设置</span> |
|
|
</div> |
|
|
</div> |
|
|
<div style="width: 100%;margin-top:26px;overflow-y: scroll; height:calc(100% - 79px);padding-bottom:15px; box-sizing: border-box" > |
|
|
<el-table :data="tableList" style="width: 100%;margin-top:26px;overflow-y: scroll;" :height="maxTableHeight" |
|
|
<el-table :data="tableList" |
|
|
|
|
|
border :cell-style="columnbackgroundStyle" class="m-table-item"> |
|
|
border :cell-style="columnbackgroundStyle" class="m-table-item"> |
|
|
<el-table-column label="居民类别" align="center" width="105"> |
|
|
<el-table-column label="居民类别" align="center" width="105"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
@ -157,20 +164,14 @@ |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column label="总人数" width="105" align="center"> |
|
|
<el-table-column label="总人数" width="105" align="center"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<span style="color:#006fd6;cursor: pointer;" @click="handelClickToResi(scope.row)">{{scope.row.total}}</span> |
|
|
<span style="color:#006fd6" @click="handelClickToResi(scope.row)">{{scope.row.total}}</span> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column label="分类信息不完整数" align="center" :show-overflow-tooltip="true"> |
|
|
<el-table-column label="分类信息不完整数" align="center" :show-overflow-tooltip="true"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<span style="color:#ff1200;cursor: pointer;" @click="handelCLickJump(scope.row,'cateNonIntegrity')">{{scope.row.nonIntegratedNum}}</span> |
|
|
<span style="color:#ff1200;cursor: pointer;" @click="handelCLickJump(scope.row,'nonIntegrity')">{{scope.row.nonIntegratedNum}}</span> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column label="拓展不完整数" align="center" :show-overflow-tooltip="true"> |
|
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
|
<span style="color:#ff1200;cursor: pointer;" @click="handelCLickJump(scope.row,'extNonIntegrity')">{{scope.row.extNonIntegratedNum}}</span> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
|
|
|
<el-table-column label="更新负责人" :show-overflow-tooltip="true" align="center" v-if="showAll"> |
|
|
<el-table-column label="更新负责人" :show-overflow-tooltip="true" align="center" v-if="showAll"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<span style="color:#989898;">{{scope.row.userName}}</span> |
|
|
<span style="color:#989898;">{{scope.row.userName}}</span> |
|
|
@ -189,7 +190,6 @@ |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
</div> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
@ -254,37 +254,17 @@ export default { |
|
|
myChart: {}, |
|
|
myChart: {}, |
|
|
myBarchart: {}, |
|
|
myBarchart: {}, |
|
|
agencyLevel: '', |
|
|
agencyLevel: '', |
|
|
yData: [ |
|
|
yData: [], |
|
|
// { |
|
|
|
|
|
// value: 720, |
|
|
|
|
|
// itemStyle: { |
|
|
|
|
|
// color: { |
|
|
|
|
|
// type: 'linear', |
|
|
|
|
|
// x: 0, |
|
|
|
|
|
// y: 0, |
|
|
|
|
|
// x2: 0, |
|
|
|
|
|
// y2: 1, |
|
|
|
|
|
// colorStops: [{ |
|
|
|
|
|
// offset: 0, color: '#2D7DF2' // 上部颜色 |
|
|
|
|
|
// }, { |
|
|
|
|
|
// offset: 0.45, color: '#7EB1FE' // 中部颜色 |
|
|
|
|
|
// }, { |
|
|
|
|
|
// offset: 0.45, color: '#EFB632' // 中部颜色 |
|
|
|
|
|
// }, { |
|
|
|
|
|
// offset: 1, color: '#FDD77D' // 下部颜色 |
|
|
|
|
|
// }], |
|
|
|
|
|
// global: false // 默认为 false |
|
|
|
|
|
// }, |
|
|
|
|
|
// shadowColor: "#91cc75", |
|
|
|
|
|
// borderType: "dashed", |
|
|
|
|
|
// // opacity: 0.5 |
|
|
|
|
|
// } |
|
|
|
|
|
// },725,165,765,742,710,720,730,735,762,754 |
|
|
|
|
|
], |
|
|
|
|
|
myChartStyle: { float: "left", width: "140%", height: "100%" }, |
|
|
myChartStyle: { float: "left", width: "140%", height: "100%" }, |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
computed: {}, |
|
|
computed: { |
|
|
|
|
|
maxTableHeight() { |
|
|
|
|
|
const _h = this.clientHeight - 610; |
|
|
|
|
|
return _h; |
|
|
|
|
|
}, |
|
|
|
|
|
...mapGetters(["clientHeight"]), |
|
|
|
|
|
}, |
|
|
watch: { |
|
|
watch: { |
|
|
"searchData.searchKey": function (val) { |
|
|
"searchData.searchKey": function (val) { |
|
|
if (val == "") { |
|
|
if (val == "") { |
|
|
@ -352,7 +332,7 @@ export default { |
|
|
}, |
|
|
}, |
|
|
legend: { |
|
|
legend: { |
|
|
data: data.series.map((item) => item.name), |
|
|
data: data.series.map((item) => item.name), |
|
|
bottom: 0, |
|
|
bottom: "-5", |
|
|
icon: "rect", |
|
|
icon: "rect", |
|
|
itemWidth: 20, |
|
|
itemWidth: 20, |
|
|
itemHeight: 5, |
|
|
itemHeight: 5, |
|
|
@ -361,8 +341,7 @@ export default { |
|
|
grid: { |
|
|
grid: { |
|
|
left: "3%", |
|
|
left: "3%", |
|
|
right: "4%", |
|
|
right: "4%", |
|
|
bottom: "13%", |
|
|
bottom: "15%", |
|
|
top:'5', |
|
|
|
|
|
containLabel: true, |
|
|
containLabel: true, |
|
|
}, |
|
|
}, |
|
|
toolbox: { |
|
|
toolbox: { |
|
|
@ -417,7 +396,7 @@ export default { |
|
|
handleWindowResize() { |
|
|
handleWindowResize() { |
|
|
if (this.myChart) { |
|
|
if (this.myChart) { |
|
|
this.myChart.resize(); |
|
|
this.myChart.resize(); |
|
|
this.myBarchart.resize(); |
|
|
this.myBarChart.resize(); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
searchDataTab(str) { |
|
|
searchDataTab(str) { |
|
|
@ -719,21 +698,16 @@ export default { |
|
|
type: 'shadow' |
|
|
type: 'shadow' |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
legend: { |
|
|
legend: { |
|
|
x: 'center', |
|
|
x: 'center', |
|
|
bottom: '8%', |
|
|
bottom: '8%', |
|
|
data: ['分类信息完整数', '分类信息不完整数'], |
|
|
data: ['分类信息完整数', '分类信息不完整数'] |
|
|
icon: "rect", |
|
|
|
|
|
itemWidth: 20, |
|
|
|
|
|
itemHeight: 5, |
|
|
|
|
|
itemGap: 20, |
|
|
|
|
|
}, |
|
|
}, |
|
|
grid: { //图表的位置 |
|
|
grid: { //图表的位置 |
|
|
top: '3%', |
|
|
top: '5%', |
|
|
left: '3%', |
|
|
left: '3%', |
|
|
right: '4%', |
|
|
right: '4%', |
|
|
bottom: '10%', |
|
|
bottom: '20%', |
|
|
containLabel: true |
|
|
containLabel: true |
|
|
}, |
|
|
}, |
|
|
yAxis: [{ |
|
|
yAxis: [{ |
|
|
@ -766,6 +740,7 @@ export default { |
|
|
name: '分类信息不完整数', |
|
|
name: '分类信息不完整数', |
|
|
type: 'bar', |
|
|
type: 'bar', |
|
|
stack: '总量', |
|
|
stack: '总量', |
|
|
|
|
|
barWidth: '30px', |
|
|
data: data.categoryStatsDatas.map((item, index) => ({ |
|
|
data: data.categoryStatsDatas.map((item, index) => ({ |
|
|
value: item.nonIntegratedNum, |
|
|
value: item.nonIntegratedNum, |
|
|
extraProperty: item.resiCategory |
|
|
extraProperty: item.resiCategory |
|
|
@ -783,7 +758,7 @@ export default { |
|
|
this.$router.push({ |
|
|
this.$router.push({ |
|
|
path: "/main/base-nonIntResi", |
|
|
path: "/main/base-nonIntResi", |
|
|
query: { |
|
|
query: { |
|
|
type:'cateNonIntegrity', |
|
|
type:'nonIntegrity', |
|
|
resiCategory: e.data.extraProperty, |
|
|
resiCategory: e.data.extraProperty, |
|
|
} |
|
|
} |
|
|
}); |
|
|
}); |
|
|
@ -799,8 +774,3 @@ export default { |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<style lang="scss" src="@/assets/scss/modules/index.scss" scoped></style> |
|
|
<style lang="scss" src="@/assets/scss/modules/index.scss" scoped></style> |
|
|
<style lang="scss" scoped> |
|
|
|
|
|
.z-on{ |
|
|
|
|
|
margin-left: 0 !important; |
|
|
|
|
|
} |
|
|
|
|
|
</style> |
|
|
|
|
|
|