修改雷达状态

src/views/index.vue

@@ -145,7 +145,7 @@
         <!-- 通讯状态 -->
         <el-card shadow="always" style="margin-top: 12px">
           <div
-              v-if="radarWorkState === 1"
+              v-if="communicationState"
               style="width: calc(50% - 60px); position: relative; border-radius: 5px; background-color: #01CE69; height: 44px; display: inline-block; padding: 0 20px; margin-right: 20px;"
           >
           <span
@@ -161,7 +161,7 @@
           </div>
 
           <div
-              v-if="radarWorkState === 0"
+              v-if="!communicationState"
               style="width: calc(50% - 60px); position: relative; border-radius: 5px; background-color: #E8370D; height: 44px; display: inline-block; padding: 0 20px; margin-right: 20px;"
           >
           <span
@@ -177,7 +177,7 @@
           </div>
 
           <div
-              v-if="true"
+              v-if="radarWorkState === 1"
               style="width: calc(50% - 60px); position: relative; border-radius: 5px; background-color: #01CE69; height: 44px; display: inline-block; padding: 0 20px; margin-right: 20px;"
           >
           <span
@@ -193,7 +193,7 @@
           </div>
 
           <div
-              v-if="false"
+              v-if="radarWorkState === 0"
               style="width: calc(50% - 60px); position: relative; border-radius: 5px; background-color: #E8370D; height: 44px; display: inline-block; padding: 0 20px; margin-right: 20px;"
           >
           <span
@@ -212,6 +212,9 @@
 
         <!-- 目标表格1 -->
         <el-card shadow="always" style="margin-top: 12px;position:relative;">
+          <div style="color: #999;margin-bottom: 8px;">
+            实时检测数据
+          </div>
           <div style="position: absolute;right: 30px;top: 20px;z-index: 100;">
             <el-popover placement="bottom" :width="300" trigger="click">
               <template #reference>
@@ -222,6 +225,7 @@
               <el-button style="margin-right: 16px" @click="batchShild">固定物</el-button>
             </el-popover>
           </div>
+
           <el-table
               ref="table1Ref"
               highlight-current-row
@@ -267,6 +271,9 @@
 
         <!-- 目标表格2 -->
         <el-card shadow="always" style="margin-top: 12px;position:relative;">
+          <div style="color: #999;margin-bottom: 8px;">
+            屏蔽数据
+          </div>
           <div style="position: absolute;right: 30px;top: 20px;z-index: 100;">
             <el-popover placement="bottom" :width="300" trigger="click">
               <template #reference>
@@ -1146,6 +1153,7 @@ const areaData = ref({
 })
 // 雷达状态
 const radarWorkState = ref(0)
+const communicationState = ref(false)
 // 扫描状态
 const scan = ref(true)
 // 车辆位置
@@ -1196,6 +1204,9 @@ const getSocket = () => {
   });
 }
 // ws数据处理
+let timer = setTimeout(()=>{
+  communicationState.value = false
+},1000)
 const processData = (data) => {
   if (data.FodName === '雷达信息') {
     radarWorkState.value = data.radar_work_state
@@ -1210,6 +1221,11 @@ const processData = (data) => {
   if (data.ty === 3) {
   }
   if (data.FodName === '车辆信息') {
+    communicationState.value = true
+    clearTimeout(timer)
+    timer = setTimeout(()=>{
+      communicationState.value = false
+    },1000)
     currentPosition.value = {
       lon: data.Longitude,
       lat: data.Latitude,