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

12345报告判断空

feature
duanliangtao 2 years ago
parent
cd5dadacab
commit
0e7f9fec9f
1 changed files with 84 additions and 36 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. 120
      src/views/modules/goverhotline/index.vue

120
src/views/modules/goverhotline/index.vue
View File

@ -41,31 +41,50 @@
<div>
<h1 style="font-size: 24px; font-weight: bold;"> 二、工单情况分析 </h1>
<h2 style="font-size: 20px; font-weight: bold;"> (一）地域统计分析 </h2>
<p style="font-size: 16px; line-height: 1.5; margin-top: 10px; text-indent: 2em;">
{{ report.geoStatis }}
</p>
<h1 style="text-align: center;font-size: 20px;">各社区问题数量及占比</h1>
<div class="m-table-item" :style="{ height: maxTableHeight + 'px', width: '100%' }">
<div id="communityChart"></div>
</div>
<div v-if="communityCountShow">
<p style="font-size: 16px; line-height: 1.5; margin-top: 10px; text-indent: 2em;">
{{ report.geoStatis }}
</p>
<h1 style="text-align: center;font-size: 20px;">各社区问题数量及占比</h1>
<div class="m-table-item" :style="{ height: maxTableHeight + 'px', width: '100%' }">
<div id="communityChart"></div>
</div>
</div>
<div class="no-data" v-else>
暂无数据
</div>
<h2 style="font-size: 20px; font-weight: bold;"> (二）科室热线分布分析 </h2>
<p style="font-size: 16px; line-height: 1.5; margin-top: 10px; text-indent: 2em;">
{{ report.departHotline }}
</p>
<h1 style="text-align: center;font-size: 20px;">科室热线分布情况</h1>
<div class="m-table-item" :style="{ height: maxTableHeight + 'px', width: '100%' }">
<div id="departChart"></div>
<div v-if="departCountShow">
<p style="font-size: 16px; line-height: 1.5; margin-top: 10px; text-indent: 2em;">
{{ report.geoStatis }}
</p>
<h1 style="text-align: center;font-size: 20px;">科室热线分布情况</h1>
<div class="m-table-item" :style="{ height: maxTableHeight + 'px', width: '100%' }">
<div id="communityChart"></div>
</div>
</div>
<div v-else class="no-data">
暂无数据
</div>
<h2 style="font-size: 20px; font-weight: bold;"> (三）热点诉求及区域分析 </h2>
<p style="font-size: 16px; line-height: 1.5; margin-top: 10px; text-indent: 2em;">
{{ report.hotDemand }}
</p>
<h1 style="text-align: center;font-size: 20px;">热线诉求热点问题前十</h1>
<div class="m-table-item" :style="{ height: maxTableHeight + 'px', width: '100%' }">
<div id="hotlineChart"></div>
<div v-if="subCategoryCountShow">
<p style="font-size: 16px; line-height: 1.5; margin-top: 10px; text-indent: 2em;">
{{ report.hotDemand }}
</p>
<h1 style="text-align: center;font-size: 20px;">热线诉求热点问题前十</h1>
<div class="m-table-item" :style="{ height: maxTableHeight + 'px', width: '100%' }">
<div id="hotlineChart"></div>
</div>
</div>
<div class="no-data" v-else>
暂无数据
</div>
</div>
@ -152,6 +171,10 @@ export default {
departChart: {},
hotlineChart: {},
communityCountShow:false,
departCountShow:false,
subCategoryCountShow:false,
categoryChartOption: {
tooltip: {
@ -497,25 +520,29 @@ export default {
than.handelClickChart(params.name);
});
this.communityChart= echarts.init(document.getElementById("communityChart"));
this.communityChart.setOption(this.communityOption);
this.communityChart.on("click", function (params) {
than.handelClickChart(params.name);
});
this.departChart= echarts.init(document.getElementById("departChart"));
this.departChart.setOption(this.departOption);
this.departChart.on("click", function (params) {
than.handelClickChart(params.name);
});
this.hotlineChart= echarts.init(document.getElementById("hotlineChart"));
this.hotlineChart.setOption(this.hotlineChartOption);
this.hotlineChart.on("click", function (params) {
than.handelClickChart(params.name);
if(this.communityCountShow){
this.communityChart= echarts.init(document.getElementById("communityChart"));
this.communityChart.setOption(this.communityOption);
this.communityChart.on("click", function (params) {
than.handelClickChart(params.name);
});
}
if(this.departCountShow){
this.departChart= echarts.init(document.getElementById("departChart"));
this.departChart.setOption(this.departOption);
this.departChart.on("click", function (params) {
than.handelClickChart(params.name);
});
}
if(this.subCategoryCountShow){
this.hotlineChart= echarts.init(document.getElementById("hotlineChart"));
this.hotlineChart.setOption(this.hotlineChartOption);
this.hotlineChart.on("click", function (params) {
than.handelClickChart(params.name);
});
}
window.addEventListener("resize", this.handleWindowResize);
@ -658,6 +685,18 @@ export default {
return item;
})
: [];
if (this.report && this.report. communityCount && Object.keys(this.report. communityCount).length > 0) {
this.communityCountShow = true;
}
if (this.report && this.report.departCount && Object.keys(this.report.departCount).length > 0) {
this.departCountShow = true;
}
if (this.report && this.report.subCategoryCount && Object.keys(this.report.subCategoryCount).length > 0) {
this.subCategoryCountShow = true;
}
},
},
@ -712,6 +751,15 @@ export default {
margin-bottom: 20px; /* 设置标题与下方内容的间距 */
}
.no-data {
display: flex;
justify-content: center;
align-items: center;
height: 200px; /* 调整高度以适应你的需要 */
color: #888; /* 灰色字体颜色 */
font-size: 20px; /* 字体大小 */
}
</style>
Write Preview
Loading…
Cancel
Save