更高12345报告中组织、部门统计如果没有数据，则不显示

src/views/modules/goverhotline/index.vue

@@ -47,10 +47,9 @@
 
             <div>
               <h1 style="font-size: 24px; font-weight: bold;"> 二、工单情况分析 </h1>
-              <h2 style="font-size: 20px; font-weight: bold;"> (一）地域统计分析 </h2>
               
-
-              <div  v-if="communityCountShow">
+              <div  v-if="agencyLevel!='community' && communityCountShow">
+                <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>
@@ -59,13 +58,13 @@
                   <div id="communityChart"></div>
                 </div>
               </div>
-              <div class="no-data" v-else>
+              <!-- <div class="no-data" v-else>
                 暂无数据
-              </div>
+              </div> -->
 
-              <h2 style="font-size: 20px; font-weight: bold;"> (二）科室热线分布分析 </h2>
+              <div v-if="agencyLevel!='community' && departCountShow">
                 
-              <div v-if="departCountShow">
+                <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>
@@ -73,15 +72,13 @@
                 <div class="m-table-item" :style="{ height: maxTableHeight + 'px', width: '100%' }">
                   <div id="departChart"></div>
                 </div>
-              </div>
-              <div v-else class="no-data">
+                  <!-- <div v-else class="no-data">
                     暂无数据
+                  </div> -->
               </div>
 
-
-              <h2 style="font-size: 20px; font-weight: bold;"> (三）热点诉求及区域分析 </h2>
-
               <div  v-if="subCategoryCountShow">
+                <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>
@@ -90,16 +87,16 @@
                   <div id="hotlineChart"></div>
                 </div>
               </div>
-              <div class="no-data" v-else>
+              <!-- <div class="no-data" v-else>
                 暂无数据
-              </div>
+              </div> -->
 
             </div>
 
 
             <div>
               <h1 style="font-size: 24px; font-weight: bold;"> 三、存在主要问题 </h1>
-              <h2 style="font-size: 20px; font-weight: bold;"> (一）同地点同类型事件重复投诉 </h2>
+              <h2 style="font-size: 20px; font-weight: bold;"> ➤ 同地点同类型事件重复投诉 </h2>
             </div>
 
             <el-table :data="addressData" border class="m-table-item" style="width: 100%" @row-click="clickAddressData">
@@ -113,7 +110,7 @@
             <el-button @click="handelMoreAddressData" type="text" size="small">查看更多</el-button>
 
             <div>
-              <h2 style="font-size: 20px; font-weight: bold;"> (二）同一人员重复投诉</h2>
+              <h2 style="font-size: 20px; font-weight: bold;"> ➤ 同一人员重复投诉</h2>
             </div>
 
             <el-table :data="mobileData" border class="m-table-item" style="width: 100%" @row-click="clickMobileData">
@@ -126,7 +123,7 @@
             <el-button @click="handelMoreMobileData" type="text" size="small">查看更多</el-button>
 
             <div>
-              <h2 style="font-size: 20px; font-weight: bold;"> (三）同一区域不同类型投诉</h2>
+              <h2 style="font-size: 20px; font-weight: bold;"> ➤ 同一区域不同类型投诉</h2>
             </div>
 
             <el-table :data="addressMobileData" border class="m-table-item" style="width: 100%" :span-method="objectSpanMethod" @row-click="clickAddressMobileData">
@@ -265,6 +262,13 @@ export default {
             queryDateEnd: "",
           },
 
+          agencyLevel:'',
+
+          orgData: {
+            id: "",
+            level: "agency",
+          },
+
           // 内容字段
           report:{
             streetName:"",
@@ -632,6 +636,8 @@ export default {
   async mounted() {
       this.user = this.$store.state.user;
       this.agencyId = this.user.agencyId;
+      await this.getOrgData();
+      this.agencyLevel = localStorage.getItem("level", this.orgData.level);
       await this.getTableData();
       await this.initEcharts();
   },
@@ -653,7 +659,7 @@ export default {
             });
           }
 
-          if(this.communityCountShow){
+          if(this.communityCountShow && this.agencyLevel!='community'){
             this.communityChart= echarts.init(document.getElementById("communityChart"));
             this.communityChart.setOption(this.communityOption);
             let than = this;
@@ -662,7 +668,7 @@ export default {
             });
           }
           
-          if(this.departCountShow){
+          if(this.departCountShow && this.agencyLevel!='community'){
             this.departChart= echarts.init(document.getElementById("departChart"));
             this.departChart.setOption(this.departOption);
             let than = this;
@@ -743,6 +749,24 @@ export default {
             this.getTableData();
         },
         
+
+      //加载组织数据
+      async getOrgData() {
+        const url = "/gov/org/agency/maporg";
+        let params = {
+          orgId: "",
+          level: "",
+        };
+
+        const { data, code, msg } = await requestPost(url, params);
+
+        if (code === 0) {
+          this.orgData = data;
+        } else {
+          this.$message.error(msg);
+        }
+      },
+        
       // 搜索事件
       async handleSearch(val) {
           console.log(this.formData);
@@ -1057,6 +1081,24 @@ export default {
   font-size: 20px; /* 字体大小 */
 }
 
+
+.arrow-container {
+  position: relative;
+  width: 100px; /* 调整箭头容器的宽度 */
+  height: 100px; /* 调整箭头容器的高度 */
+}
+
+.arrow {
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-width: 20px 0 20px 34.6px; /* 通过调整这里的数值可以改变箭头的大小 */
+  border-color: transparent transparent transparent #007bff; /* 改变箭头颜色 */
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
 </style>