更改

ruoyi-ui/src/views/JiHeExpressway/components/InputSearch/index.vue

@@ -23,8 +23,8 @@
           v-model="value"
           :placeholder="placeholder"
           clearable
-          @change="handleSearch"
+          @keyup.enter.native="handleSearch"
-          ></ElInput>
+        ></ElInput>
         <img src="./search.svg" v-show="!disable" @click="onOpenPop" />
       </div>
       <div
@@ -35,7 +35,7 @@
         @click="onOpenPop"
       >
         <span>{{ placeholder }}</span>
-        <img src="./search.svg"/>
+        <img src="./search.svg" />
       </div>
 
       <div style="width: 100%; max-height: 360px" v-show="visible">
@@ -128,24 +128,28 @@ export default {
       };
     },
   },
-  mounted(){
+  mounted() {
     // document.getElementById("app")
-    document.addEventListener("click" , ()=>{
+    document.addEventListener(
-      if(!this.isClickedBtn){
+      "click",
-        setTimeout(() => {
+      () => {
-          this.visible = false;
+        if (!this.isClickedBtn) {
-        }, 100)
+          setTimeout(() => {
-      }
+            this.visible = false;
-      this.isClickedBtn = false;
+          }, 100);
-    } , false)
+        }
+        this.isClickedBtn = false;
+      },
+      false
+    );
   },
 
   methods: {
-    onOpenPop(){
+    onOpenPop() {
-        this.isClickedBtn = true;
+      this.isClickedBtn = true;
-        this.visible = !this.visible;
+      this.visible = !this.visible;
     },
-    onClickMask(){
+    onClickMask() {
       this.visible = false;
     },
     handleShow() {
@@ -193,7 +197,7 @@ export default {
             console.log("catch");
           });
       }
-    }
+    },
   },
 };
 </script>

ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/channelAnalytics/index.vue

@@ -1,56 +1,52 @@
 <template>
-  <div class='congestion'>
+  <div class="congestion">
     <WgtTitle :title="'事件源分析'"></WgtTitle>
     <div class="board">
-      <div class="charts keep-ratio " id="channelAnalytics"></div>
+      <div class="charts keep-ratio" id="channelAnalytics"></div>
     </div>
   </div>
 </template>
-  
+
 <script>
 import WgtTitle from "@screen/pages/perception/widgets/title";
 import * as echarts from "echarts";
 import chartsStatistics from "./assets/charts";
-import { eventSourceRatio } from "@/api/event/governanceAnalysis"
+import { eventSourceRatio } from "@/api/event/governanceAnalysis";
 export default {
-  name: 'RailWayDay',
+  name: "RailWayDay",
   components: {
-    WgtTitle
+    WgtTitle,
   },
   data() {
-    return {
+    return {};
-
-    }
   },
 
-  created() {
+  created() {},
-
-  },
   methods: {
     getEventSourceRatio() {
       return eventSourceRatio().then((response) => {
-        console.log("response", response)
+        console.log("response", response);
-        let data = []
+        let data = [];
-        let total = null
+        let total = null;
-        let nameData = []
+        let nameData = [];
         const newObj = { value: 1, name: "" };
         for (let i = 0; i < response.data.length; i++) {
           data.push({
             value: response.data[i].num,
-            name: response.data[i].eventSourceName
+            name: response.data[i].eventSourceName,
-          })
+          });
           total += response.data[i].num;
         }
-        console.log("total", total)
+        console.log("total", total);
         for (let i = 0; i < data.length; i++) {
           //   if (i % 2 === 0) {
           //     data.splice(i + 1, 0, newObj)
           //   }
           if (data[i].name != "") {
-            nameData.push(data[i].name)
+            nameData.push(data[i].name);
           }
         }
-        console.log(6666, data, nameData)
+        console.log(6666, data, nameData);
         chartsStatistics.legend.formatter = function (name) {
           let tarValue = 0;
           for (let i = 0; i < response.data.length; i++) {
@@ -59,30 +55,30 @@ export default {
             }
           }
           var percert = total == 0 ? 0 : ((tarValue / total) * 100).toFixed(2);
-          return `{text|${name}} {number|${percert}%}`;
+          return `{text|${name}} {number|${tarValue} 起  } {number|${percert}%}`;
         };
         chartsStatistics.legend.data = nameData;
         chartsStatistics.title[0].text = total;
         // chartsStatistics.tooltip.show = false;
         // chartsStatistics.series[1].data[0].value = total;
         chartsStatistics.series[2].data = data;
-      })
+      });
-    }
+    },
   },
   async mounted() {
-    await this.getEventSourceRatio()
+    await this.getEventSourceRatio();
     setTimeout(() => {
       this.$nextTick(() => {
-        var myChart = echarts.init(document.getElementById('channelAnalytics'));
+        var myChart = echarts.init(document.getElementById("channelAnalytics"));
 
         myChart.setOption(chartsStatistics);
       });
     });
   },
-}
+};
 </script>
-  
+
-<style lang='scss' scoped>
+<style lang="scss" scoped>
 .congestion {
   width: 100%;
 
@@ -94,11 +90,15 @@ export default {
     border-radius: 5px 5px 5px 5px;
     opacity: 1;
     border: 1px solid;
-    border-image: linear-gradient(360deg, rgba(55, 231, 255, 0.3), rgba(55, 231, 255, 0)) 1 1;
+    border-image: linear-gradient(
+        360deg,
+        rgba(55, 231, 255, 0.3),
+        rgba(55, 231, 255, 0)
+      )
+      1 1;
     display: flex;
     justify-content: space-between;
     align-items: center;
-
   }
 }
 
@@ -107,4 +107,3 @@ export default {
   width: 100%;
 }
 </style>
-  

ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/eventTypeAnalysis/index.vue

@@ -1,53 +1,49 @@
 <template>
-  <div class='congestion'>
+  <div class="congestion">
     <WgtTitle :title="'事件类型分析'"></WgtTitle>
     <div class="board">
-      <div class="charts keep-ratio " id="eventTypeAnalysis"></div>
+      <div class="charts keep-ratio" id="eventTypeAnalysis"></div>
     </div>
   </div>
 </template>
-  
+
 <script>
 import WgtTitle from "@screen/pages/perception/widgets/title";
 import * as echarts from "echarts";
 import chartsStatistics from "./assets/charts";
-import { allEventNum } from "@/api/event/governanceAnalysis"
+import { allEventNum } from "@/api/event/governanceAnalysis";
 export default {
-  name: 'RailWayDay',
+  name: "RailWayDay",
   components: {
-    WgtTitle
+    WgtTitle,
   },
   data() {
-    return {
+    return {};
-
-    }
   },
 
-  created() {
+  created() {},
-
-  },
   methods: {
     getAllEventNum() {
       return allEventNum().then((response) => {
-        console.log("response", response)
+        console.log("response", response);
-        let data = []
+        let data = [];
-        let total = null
+        let total = null;
-        let nameData = []
+        let nameData = [];
         const newObj = { value: 1, name: "" };
         for (let i = 0; i < response.data.length; i++) {
           data.push({
             value: response.data[i].num,
-            name: response.data[i].eventName
+            name: response.data[i].eventName,
-          })
+          });
           total += response.data[i].num;
         }
-        console.log("total88", total)
+        console.log("total88", total);
         for (let i = 0; i < data.length; i++) {
           // if (i % 2 === 0) {
           //   data.splice(i + 1, 0, newObj)
           // }
           if (data[i].name != "") {
-            nameData.push(data[i].name)
+            nameData.push(data[i].name);
           }
         }
         chartsStatistics.legend.data = nameData;
@@ -59,27 +55,29 @@ export default {
             }
           }
           var percert = total == 0 ? 0 : ((tarValue / total) * 100).toFixed(2);
-          return `{text|${name}} {number|${percert}%}`;
+          return `{text|${name}} {number|${tarValue} 起  }  {number|${percert}%}`;
         };
         chartsStatistics.title[0].text = total;
         chartsStatistics.series[2].data = data;
-      })
+      });
-    }
+    },
   },
   async mounted() {
-    await this.getAllEventNum()
+    await this.getAllEventNum();
     setTimeout(() => {
       this.$nextTick(() => {
-        var myChart = echarts.init(document.getElementById('eventTypeAnalysis'));
+        var myChart = echarts.init(
+          document.getElementById("eventTypeAnalysis")
+        );
 
         myChart.setOption(chartsStatistics);
       });
     });
   },
-}
+};
 </script>
-  
+
-<style lang='scss' scoped>
+<style lang="scss" scoped>
 .congestion {
   width: 100%;
 
@@ -91,11 +89,15 @@ export default {
     border-radius: 5px 5px 5px 5px;
     opacity: 1;
     border: 1px solid;
-    border-image: linear-gradient(360deg, rgba(55, 231, 255, 0.3), rgba(55, 231, 255, 0)) 1 1;
+    border-image: linear-gradient(
+        360deg,
+        rgba(55, 231, 255, 0.3),
+        rgba(55, 231, 255, 0)
+      )
+      1 1;
     display: flex;
     justify-content: space-between;
     align-items: center;
-
   }
 }
 
@@ -104,4 +106,3 @@ export default {
   width: 100%;
 }
 </style>
-  

ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/auditAnalytics/assets/charts.js

@@ -117,7 +117,7 @@ var options = {
       }
       var percert = total == 0 ? 0 : ((tarValue / total) * 100).toFixed(2);
       const arr = name + "  " + tarValue;
-      return `{text|${name}} {number|${percert}%}`;
+      return `{text|${name}} {number|${tarValue} 起  }  {number|${percert}%}`;
     },
     pageIconColor: "#fff",
     pageIconSize: 10,

ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/channelAnalytics/assets/charts.js

@@ -118,7 +118,7 @@ var options = {
       }
       var percert = total == 0 ? 0 : ((tarValue / total) * 100).toFixed(2);
       const arr = name + "  " + tarValue;
-      return `{text|${name}} {number|${percert}%}`;
+      return `{text|${name}} {number|${tarValue} 起  }  {number|${percert}%}`;
     },
     pageIconColor: "#fff",
     pageIconSize: 10,

ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/eventTypeAnalysis/assets/charts.js

@@ -143,7 +143,7 @@ var options = {
       }
       var percert = total == 0 ? 0 : ((tarValue / total) * 100).toFixed(2);
       const arr = name + "  " + tarValue;
-      return `{text|${name}} {number|${percert}%}`;
+      return `{text|${name}} {number|${tarValue} 起  }  {number|${percert}%}`;
     },
     pageIconColor: "#fff",
     pageIconSize: 10,