From f3aaed4d87d725d37a6af3becb2242da3a914149 Mon Sep 17 00:00:00 2001
From: duanliangtao <dlt0099>
Date: Thu, 12 Oct 2023 11:17:27 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=A3=E5=86=B312345=E6=8A=A5=E5=91=8A?=
 =?UTF-8?q?=E6=80=BB=E4=BD=93=E8=BF=90=E8=A1=8C=E6=83=85=E5=86=B5=E4=B8=BA?=
 =?UTF-8?q?=E7=A9=BA=E6=97=B6=E5=80=99=EF=BC=8C=E9=9C=80=E8=A6=81=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E6=9A=82=E6=97=A0=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/modules/goverhotline/index.vue | 45 ++++++++++++++++--------
 1 file changed, 31 insertions(+), 14 deletions(-)

diff --git a/src/views/modules/goverhotline/index.vue b/src/views/modules/goverhotline/index.vue
index a35b72247..8ce81730a 100644
--- a/src/views/modules/goverhotline/index.vue
+++ b/src/views/modules/goverhotline/index.vue
@@ -32,10 +32,17 @@
                 {{ report.overallOperation }}
               </p>
               <h1 style="text-align: center;font-size: 20px;">行业领域分布情况</h1>
-              <div class="m-table-item" :style="{ height: maxTableHeight + 'px', width: '100%' }">
-                <div id="categoryChart"></div>
-                <div id="categoryPie"></div>
+
+              <div  v-if="categoryCountShow">
+                <div class="m-table-item" :style="{ height: maxTableHeight + 'px', width: '100%' }">
+                  <div id="categoryChart"></div>
+                  <div id="categoryPie"></div>
+                </div>
               </div>
+              <div class="no-data" v-else>
+                暂无数据
+              </div>
+             
             </div>
 
             <div>
@@ -171,9 +178,11 @@ export default {
           departChart: {},
           hotlineChart: {},
 
+          categoryCountShow:false,
           communityCountShow:false,
           departCountShow:false,
           subCategoryCountShow:false,
+         
 
 
           categoryChartOption: {
@@ -507,18 +516,21 @@ export default {
   },
   methods: {
       initEcharts() {
-          this.categoryChart = echarts.init(document.getElementById("categoryChart"));
-          this.categoryChart.setOption(this.categoryChartOption);
-          let than = this;
-          this.categoryChart.on("click", function (params) {
-              than.handelClickChart(params.name);
-          });
+          
+          if(this.categoryCountShow){
+            this.categoryChart = echarts.init(document.getElementById("categoryChart"));
+            this.categoryChart.setOption(this.categoryChartOption);
+            let than = this;
+            this.categoryChart.on("click", function (params) {
+                than.handelClickChart(params.name);
+            });
 
-          this.categoryPie= echarts.init(document.getElementById("categoryPie"));
-          this.categoryPie.setOption(this.categoryPieOption);
-          this.categoryPie.on("click", function (params) {
-              than.handelClickChart(params.name);
-          });
+            this.categoryPie= echarts.init(document.getElementById("categoryPie"));
+            this.categoryPie.setOption(this.categoryPieOption);
+            this.categoryPie.on("click", function (params) {
+                than.handelClickChart(params.name);
+            });
+          }
 
           if(this.communityCountShow){
             this.communityChart= echarts.init(document.getElementById("communityChart"));
@@ -686,6 +698,11 @@ export default {
                 })
               : [];
 
+
+              if (this.report && this.report. categoryCount && Object.keys(this.report. categoryCount).length > 0) {
+                this.categoryCountShow = true;
+              }
+
               if (this.report && this.report. communityCount && Object.keys(this.report. communityCount).length > 0) {
                 this.communityCountShow = true;
               }