From 4b43de85420061bc49bede3d291792ba717e3ce5 Mon Sep 17 00:00:00 2001
From: zhangzhang <1747194829@qq.com>
Date: Tue, 12 Mar 2024 11:30:18 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E6=9B=B4=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/InputSearch/index.vue          | 38 ++++++-----
 .../components/channelAnalytics/index.vue     | 63 +++++++++----------
 .../components/eventTypeAnalysis/index.vue    | 63 ++++++++++---------
 .../auditAnalytics/assets/charts.js           |  2 +-
 .../channelAnalytics/assets/charts.js         |  2 +-
 .../eventTypeAnalysis/assets/charts.js        |  2 +-
 6 files changed, 87 insertions(+), 83 deletions(-)

diff --git a/ruoyi-ui/src/views/JiHeExpressway/components/InputSearch/index.vue b/ruoyi-ui/src/views/JiHeExpressway/components/InputSearch/index.vue
index f5e4f510..36f75163 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/components/InputSearch/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/components/InputSearch/index.vue
@@ -23,8 +23,8 @@
           v-model="value"
           :placeholder="placeholder"
           clearable
-          @change="handleSearch"
-          ></ElInput>
+          @keyup.enter.native="handleSearch"
+        ></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" , ()=>{
-      if(!this.isClickedBtn){
-        setTimeout(() => {
-          this.visible = false;
-        }, 100)
-      }
-      this.isClickedBtn = false;
-    } , false)
+    document.addEventListener(
+      "click",
+      () => {
+        if (!this.isClickedBtn) {
+          setTimeout(() => {
+            this.visible = false;
+          }, 100);
+        }
+        this.isClickedBtn = false;
+      },
+      false
+    );
   },
 
   methods: {
-    onOpenPop(){
-        this.isClickedBtn = true;
-        this.visible = !this.visible;
+    onOpenPop() {
+      this.isClickedBtn = true;
+      this.visible = !this.visible;
     },
-    onClickMask(){
+    onClickMask() {
       this.visible = false;
     },
     handleShow() {
@@ -193,7 +197,7 @@ export default {
             console.log("catch");
           });
       }
-    }
+    },
   },
 };
 </script>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/channelAnalytics/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/channelAnalytics/index.vue
index c328c6bb..d1f91e4e 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/channelAnalytics/index.vue
+++ b/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)
-        let data = []
-        let total = null
-        let nameData = []
+        console.log("response", response);
+        let data = [];
+        let total = null;
+        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>
-  
\ No newline at end of file
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/eventTypeAnalysis/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/eventTypeAnalysis/index.vue
index 1e9dc408..7018f8f7 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/eventTypeAnalysis/index.vue
+++ b/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)
-        let data = []
-        let total = null
-        let nameData = []
+        console.log("response", response);
+        let data = [];
+        let total = null;
+        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>
-  
\ No newline at end of file
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/auditAnalytics/assets/charts.js b/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/auditAnalytics/assets/charts.js
index 1013bb11..146c6fa8 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/auditAnalytics/assets/charts.js
+++ b/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,
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/channelAnalytics/assets/charts.js b/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/channelAnalytics/assets/charts.js
index d73c12da..5f48cc43 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/channelAnalytics/assets/charts.js
+++ b/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,
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/eventTypeAnalysis/assets/charts.js b/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/eventTypeAnalysis/assets/charts.js
index 7359dcad..4d9f3b62 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/components/eventTypeAnalysis/assets/charts.js
+++ b/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,

From 2d171db9f0a1e3d11b724f3a73e1e156c8b8b388 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E6=9C=8B?= <lbp608@126.com>
Date: Tue, 12 Mar 2024 11:43:18 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E4=BF=AE=E6=94=B9wss,=E6=91=84=E5=83=8F?=
 =?UTF-8?q?=E5=A4=B4=E5=9C=B0=E5=9D=80=E7=AD=89=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../RoadAndEvents/utils/httpList.js           | 24 ++++++++++++-------
 ruoyi-ui/src/views/websocket.vue              |  3 ++-
 ruoyi-ui/vue.config.js                        |  1 +
 3 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/httpList.js b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/httpList.js
index 0001db2e..3f288ed5 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/httpList.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/httpList.js
@@ -9,14 +9,20 @@ import request from "@/utils/request";
  * @param {1 | 2 | 3} media 参数说明: 1: http+flv; 2: rtmp; 3: hls
  * @returns
  */
-export function getCameraStream(camId, media = 1) {
-  return request({
-    url: "/video/externalVideoStreaming",
-    method: "get",
-    params: {
-      camId,
-    },
-  });
+export async function getCameraStream(camId, media = 1) {
+  let data = await request({
+      url: "/video/externalVideoStreaming",
+      method: "get",
+      params: {
+        camId,
+      },
+    });
+
+  if (data.code == 200){
+    data.data.liveUrl = "https://10.0.81.202/camera?target=" + data.data.liveUrl.substring(7);
+  }
+
+  return data;
 }
 
 /**
@@ -276,7 +282,7 @@ export function getEventTopicList(eventType) {
 
     request({
       url: `/business/trafficIncidents/getEventList/${eventType}`,
-      method: "get",
+      method: "post",
     })
       .then(({ code, data }) => {
         if (code != 200) {
diff --git a/ruoyi-ui/src/views/websocket.vue b/ruoyi-ui/src/views/websocket.vue
index ac7d4437..964ea251 100644
--- a/ruoyi-ui/src/views/websocket.vue
+++ b/ruoyi-ui/src/views/websocket.vue
@@ -30,7 +30,8 @@ export default {
       // console.log(location.hostname )
       // 建立 websocket 连接
       this.socket.initialize({
-        url: 'ws://' + location.hostname + ':' + port + path,
+        // url: 'ws://' + location.hostname + ':' + port + path,
+        url: 'wss://' + location.hostname + ':' + window.location.port || 80 + '/ws',
         // url: "ws://10.7.179.15" + ":" + port + path,
         // url: "ws://10.168.64.171" + ":" + port + path,
         //  url: 'ws://10.168.78.127'+ ':' + port + path,
diff --git a/ruoyi-ui/vue.config.js b/ruoyi-ui/vue.config.js
index 388187f1..fd47c39e 100644
--- a/ruoyi-ui/vue.config.js
+++ b/ruoyi-ui/vue.config.js
@@ -31,6 +31,7 @@ module.exports = {
   devServer: {
     host: "0.0.0.0",
     port: port,
+    https: true,
     open: true,
     proxy: {
       // detail: https://cli.vuejs.org/config/#devserver-proxy