修改语音广播

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

@@ -1,6 +1,7 @@
 <template>
   <ElCheckboxGroup v-bind="$attrs" v-on="$listeners" class='ElCheckboxGroup' :style="{ gap }">
-    <ElCheckbox v-for="item in options" :label="item[id] || item[label]" :key="item[id] || item[label]">
+    <ElCheckbox v-for="item in options" :disabled="item.disabled" :label="item[id] || item[label]"
+      :key="item[id] || item[label]">
       <slot :name="item[id] || item[label]" :data="item">{{ item[label] }}</slot>
     </ElCheckbox>
   </ElCheckboxGroup>

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

@@ -4,7 +4,7 @@
       <div class="body">
         <div class="left">
           <div class="title">路测广播列表</div>
-          <CheckboxGroup class="checkbox-group" v-model="checkList" :options="musicList" id="otherConfig"
+          <CheckboxGroup class="checkbox-group" gap="9px" v-model="checkList" :options="musicList" id="otherConfig"
             label="deviceName">
             <template #[otherConfig]="{ data }">
               <span style="color: #6EE5FE;">
@@ -88,7 +88,7 @@ export default {
   created() {
     getDeviceList(5)
       .then(data => {
-        if (Array.isArray(data)) this.musicList = data;
+        if (Array.isArray(data)) this.musicList = data.map((item) => ({ ...item, disabled: item.deviceState != 1 }));
       })
   },
   methods: {

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

@@ -5,7 +5,12 @@
     <div class="Broadcast">
       <ElTabs v-model="activeName" @tab-click="handleClickTabs" class="tabs">
         <ElTabPane label="基本信息" name="first">
-          <Descriptions :list="list" :data="data" style="gap: 18px" />
+          <Descriptions :list="list" :data="data" style="gap: 18px">
+            <template #content-deviceState>
+              <img :src="require(`./images/${data.deviceState == 1 ? 'online' : 'offline'}.jpg`)" width="18">
+              {{ DeviceTypeEnum[data.deviceState] || "-" }}
+            </template>
+          </Descriptions>
         </ElTabPane>
         <ElTabPane label="设备参数" name="second">设备参数</ElTabPane>
       </ElTabs>
@@ -26,6 +31,7 @@ import Button from "@screen/components/Buttons/Button.vue"
 import Descriptions from '@screen/components/Descriptions.vue';
 import BroadcastReleases from "./components/BroadcastReleases.vue"
 import Video from "@screen/components/Video"
+import { DeviceTypeEnum } from "@screen/utils/enum.js";
 
 import { getRoadInfoByStakeMark, getOrganizationName, getProduct } from "@screen/pages/Home/components/RoadAndEvents/utils/httpList.js"
 import { dialogDelayVisible } from "./../mixin"
@@ -54,6 +60,7 @@ export default {
         brand: "XXX厂家",
         deviceState: "0",
       },
+      DeviceTypeEnum,
       list: [
         {
           label: '设备名称',