修改报警请求间隔

ruoyi-ui/src/layout/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :class="classObj" class="app-wrapper" :style="{ '--current-color': theme }">
+  <div :class="classObj" :style="{ '--current-color': theme }" class="app-wrapper">
     <div v-if="device === 'mobile' && sidebar.opened" class="drawer-bg" @click="handleClickOutside"/>
     <sidebar v-if="!sidebar.hide" class="sidebar-container"/>
     <div :class="{ hasTagsView: needTagsView, sidebarHide: sidebar.hide }" class="main-container">
@@ -59,17 +59,20 @@ function handleClickOutside() {
 }
 
 const settingRef = ref(null);
+
 function setLayout() {
   settingRef.value.openSetting();
 }
+
 const userStore = useUserStore()
 console.log(userStore.name)
 const getWebsocket = () => {
+  console.log(document.getElementById('app-main'))
   let websocket = new WebSocket("ws://10.11.41.249:8080/websocket/message/" + userStore.name)
   websocket.onopen = function (event) {
   };
   websocket.onmessage = function (event) {
-    let info = JSON.parse("{\"carLicense\":\"鲁B66666\",\"ispowerinvalue\":\"0\",\"ispresshigh\":\"0\",\"ispresslower\":\"1\",\"istemperaturehigh\":\"0\",\"params\":{},\"reportTime\":\"2023-04-11 15:14:36\",\"tyrePosition\":\"1-1-1\"}")
+    let info = JSON.parse(event?.data || "{\"carLicense\":\"鲁B66666\",\"ispowerinvalue\":\"0\",\"ispresshigh\":\"0\",\"ispresslower\":\"1\",\"istemperaturehigh\":\"0\",\"params\":{},\"reportTime\":\"2023-04-11 15:14:36\",\"tyrePosition\":\"1-1-1\"}")
     ElNotification({
       type: 'warning',
       title: info.carLicense,

ruoyi-ui/src/views/index.vue

@@ -72,7 +72,7 @@
               style="width: 90%;height: 150px;margin-left: 5%;background-color: rgba(0,0,0,0.4);margin-top: 10px;border-radius: 5px;overflow: hidden;">
             <div
                 style="width: 20%;height: calc(100% - 20px);border-right: 1px solid #ccc;margin-top: 10px;display: inline-block;text-align: center;color:#fff;padding: 20px 0 0 0 ">
-              <div style="font-size: 32px;font-weight: 600;line-height: 50px">16</div>
+              <div style="font-size: 32px;font-weight: 600;line-height: 50px">{{ warningInfo?.total }}</div>
               <div>报警总数</div>
             </div>
             <div style="display: inline-block;width: 20%;height:100%;color:#fff;text-align: center;position:relative;">
@@ -117,7 +117,8 @@
           <TransitionGroup class="container" name="fade" tag="div">
             <div v-for="(i,index) in warringList" :key='i' ref="warningRef"
                  style="position:relative;color:#fff;height: 120px;">
-              <img :src="`${i?.ispresslower === 1 ? 'src/assets/icons/ispresslower.png':''}${i?.ispresshigh === 1 ? 'src/assets/icons/ispresshigh.png':''}${i?.istemperaturehigh === 1 ? 'src/assets/icons/highTemperature.png':''}${i?.ispowerinvalue === 1 ? 'src/assets/icons/ispowerinvalue.png':''}`"
+              <img
+                  :src="`${i?.ispresslower === 1 ? 'src/assets/icons/ispresslower.png':''}${i?.ispresshigh === 1 ? 'src/assets/icons/ispresshigh.png':''}${i?.istemperaturehigh === 1 ? 'src/assets/icons/highTemperature.png':''}${i?.ispowerinvalue === 1 ? 'src/assets/icons/ispowerinvalue.png':''}`"
                   style="width: 40px;height: 40px;position: absolute;top: 10px;left: 0px">
               <div style="position: absolute;top: 10px;left: 50px;font-size: 16px">
                 {{ i?.ispresslower === 1 ? '低压' : '' }}
@@ -190,6 +191,7 @@ export default {
         ispresshigh: 0,
         ispresslower: 0,
         istemperaturehigh: 0,
+        total:0
       },
       chartData: [...(chinaMap.features.map(e => {
         return {
@@ -262,6 +264,13 @@ export default {
   methods: {
     async setInfo() {
       await getIndexdata().then(response => {
+        this.warningInfo = {
+          ispowerinvalue: response.data.ispowerinvalue,
+          ispresshigh: response.data.ispresshigh,
+          ispresslower: response.data.ispresslower,
+          istemperaturehigh: response.data.istemperaturehigh,
+          total:response.data.ispowerinvalue+response.data.ispresshigh+response.data.ispresslower+response.data.istemperaturehigh
+        },
             this.warringWaitList = [...response.data.warringList],
             this.carData = {
               carBindGps: response.data.carBindGps,