feat 更新语音广播

ruoyi-ui/src/views/JiHeExpressway/components/FormConfig/components/ElCheckboxGroup.vue

@@ -4,7 +4,10 @@
       :key="item[id] || item[label]">
       <slot :name="item[id] || item[label]" :data="item">{{
     item[label]
-  }}</slot>
+  }} </slot>
+      <img v-if="item.deviceState == '0' || item.deviceState == null" src="@/assets/jihe/images/offline.svg"
+        class="state">
+      <img v-else src="@/assets/jihe/images/online.svg" class="state">
     </ElCheckbox>
   </ElCheckboxGroup>
 </template>

ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/Broadcast/components/BroadcastReleases.vue

@@ -150,6 +150,41 @@ export default {
       flex-direction: column;
       gap: 9px;
 
+      ::v-deep .el-checkbox__label {
+        display: flex !important;
+        justify-content: space-between;
+        width: 100%;
+
+        .title {
+          flex: 1;
+          width: 0;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          word-break: keep-all;
+        }
+
+        .state {
+          width: 18px;
+          height: 18px;
+          margin-right: 4px;
+        }
+
+        .huiduButton {
+          background: transparent;
+          border: none;
+          height: 18px;
+          width: 18px;
+          line-height: 20px;
+          padding: 0;
+          color: #fff;
+          font-size: 16px;
+        }
+
+        .huiduButton:hover {
+          color: #05afe3 !important;
+        }
+      }
+
       .checkbox-group {
         display: flex;
         flex-direction: column;

ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/Broadcast/index.vue

@@ -7,15 +7,15 @@
         <ElTabPane label="基本信息" name="first">
           <Descriptions :list="list" :data="data" style="gap: 18px">
             <template #content-deviceState>
-              <img
+              <!-- <img
                 :src="
                   require(`./images/${
                     data.deviceState == 1 ? 'online' : 'offline'
                   }.jpg`)
                 "
                 width="18"
-              />
-              {{ DeviceTypeEnum[data.deviceState] || "" }}
+              /> -->
+              {{ DeviceTypeEnum[data.deviceState] || "-" }}
             </template>
           </Descriptions>
         </ElTabPane>
@@ -28,13 +28,8 @@
       </div>
     </div>
 
-    <BroadcastReleases
-      v-model="releaseVisible"
-      :deviceId="dialogData.iotDeviceId"
-      :pileNum="dialogData.stakeMark"
-      :otherConfig="dialogData.otherConfig"
-      :currentId="dialogData.id"
-    />
+    <BroadcastReleases v-model="releaseVisible" :deviceId="dialogData.iotDeviceId" :pileNum="dialogData.stakeMark"
+      :otherConfig="dialogData.otherConfig" :currentId="dialogData.id" />
   </Dialog>
 </template>
 
@@ -133,7 +128,7 @@ export default {
     if (roadInfo) this.data.roadName = roadInfo.roadName;
   },
   methods: {
-    handleClickTabs() {},
+    handleClickTabs() { },
   },
 };
 </script>
@@ -173,7 +168,7 @@ export default {
     align-items: center;
     justify-content: end;
 
-    > div {
+    >div {
       font-size: 16px;
       padding: 6px 12px;
     }

ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/FatigueWakesUp/components/DeviceControlDialog.vue

@@ -4,7 +4,8 @@
 
       <ElTabs v-model="activeName" class="tabs">
         <ElTabPane label="一般模式" name="first">
-          <Form v-model="formData" class="form" ref="FormConfigRef" :formList="formList1" column="1" labelWidth="120px" />
+          <Form v-model="formData" class="form" ref="FormConfigRef" :formList="formList1" column="1"
+            labelWidth="120px" />
         </ElTabPane>
         <ElTabPane label="自定义模式" name="second">
           <Form class="form" ref="FormConfigRef" :formList="formList2" column="1" labelWidth="120px" />
@@ -141,7 +142,7 @@ export default {
       handler(bool) {
         if (!bool) return;
 
-        this.reDisplay();
+        // this.reDisplay();
       }
     }
   },

ruoyi-ui/src/views/JiHeExpressway/utils/enum.js

@@ -62,14 +62,8 @@ export const CameraDirectionEnumList = Object.keys(CameraDirectionEnum).map(
 
 // 设备的状态
 export const DeviceTypeEnum = {
-  0: {
-    text: "异常",
-    color: "#FF5F5F",
-  },
-  1: {
-    text: "正常",
-    color: "#19E1B1",
-  },
+  0: "异常",
+  1: "正常",
 };
 
 // 摄像 是否可控 是否有云台控制 0 有（球机） 1 ⽆（枪机）