更改

ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/dayTotal/index.vue

@@ -2,7 +2,8 @@
   <div class='congestion'>
     <WgtTitle :title="'日累计感知事件趋势'"></WgtTitle>
     <div class="board">
-      <div class="charts keep-ratio " id="daytotal"></div>
+      <Empty v-if="!dataList || dataList.length <= 0" text="暂无数据..."></Empty>
+      <div v-else class="charts keep-ratio " id="daytotal"></div>
     </div>
   </div>
 </template>
@@ -39,54 +40,10 @@ export default {
 
         getDailyCumulative().then(res => {
           if (res.code == 200) {
+            this.dataList = res.data
             let data = res.data;
             let timer = [];
             let number = [];
-            //默认数值
-            if(data.length < 1){
-              data = [
-                {
-                  time: '00:00',
-                  number: 800
-                },
-                {
-                  time: '02:00',
-                  number: 1000
-                },
-                {
-                  time: '04:00',
-                  number: 800
-                },
-                {
-                  time: '06:00',
-                  number: 700
-                },
-                {
-                  time: '08:00',
-                  number: 400
-                },
-                {
-                  time: '10:00',
-                  number: 1000
-                },
-                {
-                  time: '12:00',
-                  number: 800
-                },
-                {
-                  time: '14:00',
-                  number: 500
-                },
-                {
-                  time: '16:00',
-                  number: 800
-                },
-                {
-                  time: '18:00',
-                  number: 500
-                },
-              ]
-            }
 
             data.forEach((it) => {
               timer.push(moment(it.time).format('HH:mm'));

ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventSource/assets/charts.js

@@ -119,21 +119,7 @@ var options = {
     itemGap: 15, // 设置legend的间距
     itemWidth: 10, // 设置宽度
     itemHeight: 15, // 设置高度
-    textStyle: {
-      fontSize: 12,
-      color: "#fff",
-      rich: {
-        a: {
-          fontSize: 12,
-        },
-        b: {
-          fontSize: 12,
-          padding: 5,
-          marginLeft: 5,
-          color: "#37E7FF",
-        },
-      },
-    },
+
     itemStyle: {
       borderColor: "transparent",
     },
@@ -147,11 +133,28 @@ var options = {
         }
       }
       var arr = [
-        "{a|" + name + (name.trim().length == 4 ? "}" : "}      "),
-        "{b|" + (target * 100).toFixed(0) + "%}",
+        "{ast|" + name + "}",
+        "{bst|" + (target * 100).toFixed(0) + "%}",
       ];
       return arr.join("  ");
     },
+    textStyle: {
+      fontSize: 12,
+      color: "#fff",
+      rich: {
+        ast: {
+          align: "left",
+          fontSize: 12,
+          width: 65,
+        },
+        bst: {
+          align: "left",
+          fontSize: 12,
+          marginLeft: 20,
+          color: "#37E7FF",
+        },
+      },
+    },
   },
   series: [
     {

ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventSource/index.vue

@@ -59,11 +59,11 @@ export default {
             let data = res.data.warningSourceList;
             let total = res.data.total;
 
-            if (data.length > 0) {
+            // if (data.length > 0) {
             let chartData = [
               {
                 average: 0,
-                  name: '视频AI   ',
+                name: '视频AI',
                 percent: 0.3
               },
               {
@@ -126,7 +126,7 @@ export default {
                 name: it.name,
                 color: colorList[i],
                 value: it.average,
-                  percent: it.average / total
+                percent: (it.average / total) || 0
               })
             }
             window.mainData = mainData;
@@ -155,7 +155,7 @@ export default {
               // chartsStatistics.title.left = "25%";
               myChart.setOption(chartsStatistics);
             })
-            }
+            // }
 
           }
 

ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/railway/index.vue

@@ -6,7 +6,9 @@
           <div class="checked">路段车流量Top10</div>
           <div>断面交通量Top10</div>
         </div> -->
-      <div class="charts keep-ratio" id="situationEchartBox"></div>
+      <Empty v-if="!dataList || dataList.length <= 0" text="暂无数据..."></Empty>
+      <div v-else class="charts keep-ratio" id="situationEchartBox"></div>
+
     </div>
   </div>
 </template>
@@ -23,7 +25,9 @@ export default {
     WgtTitle,
   },
   data() {
-    return {};
+    return {
+      dataList: []
+    };
   },
 
   mounted() {
@@ -40,51 +44,6 @@ export default {
 
             let texts = [];
             let datas = [];
-            //默认显示数值
-            if (data.length <= 0) {
-              data = [
-                {
-                  sectionName: "华山北枢纽-济南虚",
-                  number: 32774,
-                },
-                {
-                  sectionName: "东客站虚-华山北枢纽",
-                  number: 30067,
-                },
-                {
-                  sectionName: "小许家枢纽-东客站虚",
-                  number: 30057,
-                },
-                {
-                  sectionName: "临沂枣园枢纽-临沂虚",
-                  number: 28774,
-                },
-                {
-                  sectionName: "华山北枢纽-济南虚",
-                  number: 26021,
-                },
-                {
-                  sectionName: "华山北枢纽-济南虚",
-                  number: 24061,
-                },
-                {
-                  sectionName: "华山北枢纽-济南虚",
-                  number: 20150,
-                },
-                {
-                  sectionName: "华山北枢纽-济南虚",
-                  number: 20140,
-                },
-                {
-                  sectionName: "华山北枢纽-济南虚",
-                  number: 20050,
-                },
-                {
-                  sectionName: "华山北枢纽-济南虚",
-                  number: 20010,
-                },
-              ];
-            }
             data.forEach((it) => {
               texts.push(it.sectionName);
               datas.push(it.number);
@@ -99,7 +58,7 @@ export default {
       });
     });
   },
-  created() {},
+  created() { },
   methods: {},
 };
 </script>
@@ -116,12 +75,9 @@ export default {
     border-radius: 5px 5px 5px 5px;
     opacity: 1;
     border: 1px solid;
-    border-image: linear-gradient(
-        360deg,
+    border-image: linear-gradient(360deg,
         rgba(55, 231, 255, 0.3),
-        rgba(55, 231, 255, 0)
-      )
-      1 1;
+        rgba(55, 231, 255, 0)) 1 1;
     display: flex;
     justify-content: flex-start;
     align-items: center;

ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/railwayDay/assets/charts.js

@@ -69,7 +69,7 @@ var options = {
   },
   xAxis: {
     type: "category",
-    data: nameList,
+    data: [],
     axisTick: {
       show: false, //隐藏X轴刻度
     },
@@ -121,7 +121,7 @@ var options = {
   series: [
     {
       type: "bar",
-      data: dataList,
+      data: [],
       z: 4,
       itemStyle: {
         color: {

ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/railwayDay/index.vue

@@ -2,7 +2,8 @@
   <div class='congestion'>
     <WgtTitle :title="'路段日感知事件'"></WgtTitle>
     <div class="board">
-      <div class="charts keep-ratio " id="railwayDay"></div>
+      <Empty v-if="!dataList || dataList.length <= 0" text="暂无数据..."></Empty>
+      <div v-else class="charts keep-ratio " id="railwayDay"></div>
     </div>
   </div>
 </template>
@@ -21,7 +22,7 @@ export default {
   },
   data() {
     return {
-
+      dataList: []
     }
   },
 
@@ -37,6 +38,7 @@ export default {
         var myChart = echarts.init(document.getElementById('railwayDay'));
         getSectionPerceivedNumber().then((res) => {
           if (res.code == 200) {
+            dataList = res.data;
             let data = res.data;
             if (data.length > 0) {
               let texts = [];