From 0e7f9fec9fce6fc6768548a1af4e68ee734c0349 Mon Sep 17 00:00:00 2001
From: duanliangtao <dlt0099>
Date: Wed, 11 Oct 2023 18:38:18 +0800
Subject: [PATCH] =?UTF-8?q?12345=E6=8A=A5=E5=91=8A=E5=88=A4=E6=96=AD?=
 =?UTF-8?q?=E7=A9=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/modules/goverhotline/index.vue | 120 ++++++++++++++++-------
 1 file changed, 84 insertions(+), 36 deletions(-)

diff --git a/src/views/modules/goverhotline/index.vue b/src/views/modules/goverhotline/index.vue
index 18805eac1..a35b72247 100644
--- a/src/views/modules/goverhotline/index.vue
+++ b/src/views/modules/goverhotline/index.vue
@@ -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>
   
   
\ No newline at end of file