相机雨刷

ruoyi-ui/src/views/JiHeExpressway/components/CameraShower/index.vue

@@ -2,14 +2,14 @@
   <div v-if="visible" class="compBox">
     <div class="head" style="height:4vh;">
       <div class="tit">附近相机</div>
-      <img class="btnCls" src="@/assets/jihe/images/dialog/ibCls.png" alt="" @click="onClose">
+      <img alt="" class="btnCls" src="@/assets/jihe/images/dialog/ibCls.png" @click="onClose">
-      <img class="deco" src="@/assets/jihe/images/dialog/ibHeadDeco.png" alt="">
+      <img alt="" class="deco" src="@/assets/jihe/images/dialog/ibHeadDeco.png">
     </div>
     <template v-if="list.length > 0">
       <!-- <p>{{ list }}</p> -->
       <div class="videoPlayer">
         <!-- <videoView :url="slectedVideo" /> -->
-        <Video class="video-stream" :camId="selectedCamera.camId" />
+        <Video :camId="selectedCamera.camId" class="video-stream"/>
       </div>
 
       <div class="operation">
@@ -22,10 +22,10 @@
             </el-select>
           </div>
         </div>
-        <el-button type="primary" icon="el-icon-s-operation" class="controlCam" v-if="selectedCamera.ptzCtrl == 0"
+        <el-button v-if="selectedCamera.ptzCtrl == 0" class="controlCam" icon="el-icon-s-operation" type="primary"
                    @click="controlDialogVisible = !controlDialogVisible"></el-button>
-        <CameraController :visible.sync="controlDialogVisible" v-if="controlDialogVisible"
+        <CameraController v-if="controlDialogVisible" :deviceId="selectedCamera.camId"
-          :deviceId="selectedCamera.camId" class="cameraControl" />
+                          :visible.sync="controlDialogVisible" class="cameraControl"/>
 
       </div>
       <div class="flex1 txtInfo">
@@ -39,10 +39,7 @@
                 font-size: 15px;
                 font-family: PingFang SC, PingFang SC;
                 font-weight: 400;
-                line-height: 18px;
+                line-height: 18px;">雨刷:</span>
-              ">
-            雨刷:
-          </span>
           <Button style="margin-left: 5px" @click.native="controlClick(49)">开</Button>
           <Button style="margin-left: 5px" @click.native="controlClick(48)">关</Button>
         </div>
@@ -65,7 +62,7 @@
               </div> -->
 
     </template>
-    <Empty v-else text="没有查询到附近的相机..." class="flex1">
+    <Empty v-else class="flex1" text="没有查询到附近的相机...">
     </Empty>
   </div>
 </template>
@@ -75,7 +72,7 @@
 import Video from "@screen/components/Video"
 import CameraController from "./CameraController.vue";
 import {controlCamera, getDeviceInfo} from "@screen/pages/Home/components/RoadAndEvents/utils/httpList.js";
-import { PanoramicCameraTypes, CameraChildTypes } from "@screen/utils/enum.js";
+import {CameraChildTypes, PanoramicCameraTypes} from "@screen/utils/enum.js";
 import {throttle} from "lodash";
 import Button from "@screen/components/Buttons/Button.vue";
 

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

@@ -0,0 +1,185 @@
+<template>
+  <div class="body">
+    <div class="right" :style="{ width: isMultiControl ? '100%' : undefined }">
+      <div class="top-content">
+        <Video v-if="!isMultiControl" class="item-video" :pileNum="pileNum" />
+
+        <label style="width: 98px;">雨刷: </label>
+        <div style="margin-top: 20px">
+          <el-radio-group v-model="cmdType" size="medium">
+            <el-radio-button label="49" >开</el-radio-button>
+            <el-radio-button label="48">关</el-radio-button>
+
+          </el-radio-group>
+        </div>
+<!--        <ElInput type="textarea"  class="inputarea" v-model="releaseMessage" :autosize="{ minRows: 3, maxRows: 3 }" :maxlength="150"
+                 showWordLimit placeholder="请输入发布内容" />-->
+      </div>
+
+      <!-- <div class="footer">
+        <Button @click.native="handleSubmit" :loading="submitting">
+          确定
+        </Button>
+
+        <Button style="background-color: rgba(0, 179, 204, 0.3)" @click.native="cancelClick">
+          取消
+        </Button>
+      </div> -->
+    </div>
+  </div>
+</template>
+
+<script>
+import Dialog from "@screen/components/Dialog/index.vue";
+import Button from "@screen/components/Buttons/Button.vue";
+import Video from "@screen/components/Video";
+import CheckboxGroup from "@screen/components/FormConfig/components/ElCheckboxGroup.vue";
+
+import request from "@/utils/request";
+import { batchFunctions } from "@screen/pages/Home/components/RoadAndEvents/utils/httpList.js";
+import { multiResultShow } from "@screen/utils/common";
+
+import { Message } from "element-ui";
+
+export default {
+  name: "videoCamera",
+  components: {
+    Dialog,
+    Button,
+    Video,
+    CheckboxGroup,
+  },
+  model: {
+    prop: "visible",
+    event: "update:value",
+  },
+  props: {
+    visible: Boolean,
+    pileNum: String,
+    otherConfig: String,
+    isMultiControl: Boolean,
+    selectItems: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      submitting: false,
+      checkList: [],
+      cmdType: null,
+      // musicList: [],
+    };
+  },
+  computed: {
+    modelVisible: {
+      get() {
+        return this.visible;
+      },
+      set(val) {
+        this.$emit("update:value", val);
+      },
+    },
+  },
+  created() {
+    // getDeviceList(5).then((data) => {
+    //   if (Array.isArray(data))
+    //     this.musicList = data.map((item) => ({
+    //       ...item,
+    //       disabled: item.deviceState != 1,
+    //     }));
+    // });
+  },
+  methods: {
+    cancelClick() {
+      this.$emit("update:activeIcon", null);
+      this.$emit("update:submitting", false);
+      // this.submitting = false;
+    },
+    handleSubmit() {
+      const trimmedCmdType = this.cmdType?.trim();
+      const selectItems = this.selectItems.map(item => JSON.parse(item));
+      const checkList = selectItems.map(item => JSON.parse(item.otherConfig));
+      if (!trimmedCmdType) {
+        return Message.error("请选择命令类型!");
+      }
+      if (!selectItems.length)
+        return Message.error("请至少选择一个设备!");
+
+      // this.submitting = true;
+      this.$emit("update:submitting", true);
+
+      batchFunctions(
+        {
+          "devices": selectItems,
+          "functions": [
+            {
+              "functionId": "videoCamera",//随便 不为空即可
+              "cmdType":trimmedCmdType,
+            }
+
+          ]
+        })
+        .then((data) => {
+          multiResultShow(data.data, item => item.result.retCode == '0', "相机功能调用");
+        })
+        .finally(() => {
+          // this.submitting = false;
+          this.$emit("update:submitting", false);
+        });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.body {
+  display: flex;
+  gap: 9px;
+  height: 100%;
+  padding-right: 9px;
+  margin-top: 15px;
+
+  .right {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+
+    .top-content {
+      display: flex;
+      flex-direction: row;
+      // gap: 9px;
+      align-items: center;
+
+      .item-video {
+        width: 545px;
+      }
+
+      label {
+        font-size: 15px;
+        font-family: PingFang SC, PingFang SC;
+        font-weight: 400;
+        color: #3de8ff;
+        line-height: 19px;
+        vertical-align: middle;
+        text-align: right;
+        padding-right: 12px;
+        box-sizing: border-box;
+      }
+    }
+  }
+}
+.inputarea{
+  width: 100%;
+  ::v-deep textarea{
+    border: 0px !important;
+    border-radius: 2px !important;
+  }
+}
+.footer {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 9px;
+}
+</style>

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

@@ -1,9 +1,9 @@
 <template>
   <div class="HomeFrameControl">
-    <ElPopover trigger="manual" :value="activeIcon === 'FrameControl'" :visibleArrow="false" placement="left"
+    <ElPopover :value="activeIcon === 'FrameControl'" :visibleArrow="false" placement="left" popper-class="global-input-search-popover"
-      popper-class="global-input-search-popover" @hide="onHide()">
+               trigger="manual" @hide="onHide()">
 
-      <el-tooltip slot="reference" effect="light" content="批量控制" placement="left">
+      <el-tooltip slot="reference" content="批量控制" effect="light" placement="left">
         <Button :class="['btn', { 'btn-active': activeIcon }]" @click.native="handleClick('FrameControl')">
 
           <img src="@screen/images/home-FrameControl/FrameControl.svg"/>
@@ -23,35 +23,35 @@
         <!-- 批量管控 -->
         <div v-if="tabAction === '1'" style="width:1000px; min-height: 350px;">
           <!-- 通用表单 -->
-          <Form v-model="data" labelWidth="90px" column="2" class="form" ref="FormConfigRef" :formList="formList" />
+          <Form ref="FormConfigRef" v-model="data" :formList="formList" class="form" column="2" labelWidth="90px"/>
           <!-- 设备管控表单 -->
-          <component ref="ControlComponent" 
+          <component :is="componentMap[DeviceTopics[data.deviceType]]"
-          style="width: 100% !important;"
+                     ref="ControlComponent"
-            :is="componentMap[DeviceTopics[data.deviceType]]" 
                      :isMultiControl="true"
-            :visible="true" 
                      :selectItems="data.childType"
                      :selectedSizeMutl="data.screenSizeName"
+                     :visible="true"
+                     style="width: 100% !important;"
                      @update:activeIcon="(val) => { this.activeIcon = val }"
                      @update:submitting="(val) => { submitting = val }"></component>
 
           <!-- 部分设备手动确认 -->
           <div v-if="hiddenDevices.indexOf(componentMap[DeviceTopics[data.deviceType]]) == -1" class="footer">
-            <Button @click.native="submitClick" :loading="submitting">
+            <Button :loading="submitting" @click.native="submitClick">
               确认
             </Button>
             <Button style="background-color: rgba(0, 179, 204, 0.3)" @click.native="cancelClick"> 取消</Button>
           </div>
         </div>
         <!-- 定时管控 -->
-        <div v-if="tabAction === '2'" style="width:1000px; height: 350px; overflow-y:auto" class="cardPanel">
+        <div v-if="tabAction === '2'" class="cardPanel" style="width:1000px; height: 350px; overflow-y:auto">
           <Empty v-if="!data2.length" class="no-data" style="position: absolute">暂无数据</Empty>
           <div v-else style="display: flex;width:100%;flex-direction: column;">
             <div style="height:300px;width:100%;overflow-y: auto;display: flex;flex-wrap: wrap;">
-              <div class="cardBox" v-for="(item, index) in data2" :key="index">
+              <div v-for="(item, index) in data2" :key="index" class="cardBox">
-                <Card :buttonIcon="null" :keyMap="keyMap" :cardData="item" class="card" buttonText="详情">
+                <Card :buttonIcon="null" :cardData="item" :keyMap="keyMap" buttonText="详情" class="card">
                   <template #form-groupName="{ data }">
-                    <el-tooltip effect="dark" :content="data.groupName" placement="top-start">
+                    <el-tooltip :content="data.groupName" effect="dark" placement="top-start">
                       <div class="groupName">
                         {{ data.groupName }}
                       </div>
@@ -59,7 +59,7 @@
 
                   </template>
                   <template #form-remark="{ data }">
-                    <el-tooltip  effect="dark" :content="data.remark" placement="top-start">
+                    <el-tooltip :content="data.remark" effect="dark" placement="top-start">
 
                       <div class="remark">
                         {{ data.remark }}
@@ -67,7 +67,7 @@
                     </el-tooltip>
                   </template>
                   <template #button>
-                    <el-switch v-model="item.status" active-color="#0BD" inactive-color="#999" active-value="0"
+                    <el-switch v-model="item.status" active-color="#0BD" active-value="0" inactive-color="#999"
                                inactive-value="1" @change="(value) => handleSwitcherChange(value, item)">
                     </el-switch>
                     <Button @click.native="() => goStrategy(item)">
@@ -79,10 +79,11 @@
             </div>
             <!-- 分页 -->
             <div class="footer2">
-              <ElPagination @current-change="bindTimeing" @size-change="onSizeChange2" width="'100%'"
+              <ElPagination :current-page.sync="searchData2.pageNum" :page-size="searchData2.pageSize" :page-sizes="[10, 20, 30, 40, 50]"
-                :page-sizes="[10, 20, 30, 40, 50]" :page-size="searchData2.pageSize"
+                            :total="tableTotal2" class="Pagination"
-                :current-page.sync="searchData2.pageNum" layout="total, sizes, prev, pager, next" :total="tableTotal2"
+                            layout="total, sizes, prev, pager, next" width="'100%'"
-                class="Pagination">
+                            @current-change="bindTimeing"
+                            @size-change="onSizeChange2">
               </ElPagination>
             </div>
           </div>
@@ -90,8 +91,8 @@
         <!-- 管控记录 -->
         <div v-if="tabAction === '3'"
              style="width:1000px;height: 350px;display: flex;flex-direction: column; justify-content: center;align-items: flex-start;">
-          <Form v-model="dataRecord" style="width:100%;" labelWidth="90px" column="2" class="form" ref="FormRecordRef"
+          <Form ref="FormRecordRef" v-model="dataRecord" :formList="formRecord" class="form" column="2" labelWidth="90px"
-            :formList="formRecord" />
+                style="width:100%;"/>
           <Table :data="tableData" height="500px" style="margin: 20px 20px 0px 20px;width:95%">
             <ElTableColumn label="管控时间" prop="operTime" width="120"/>
             <ElTableColumn label="管控方式" prop="operType" width="80"/>
@@ -110,19 +111,19 @@
                 </div>
               </template>
             </ElTableColumn>
-            <ElTableColumn label="执行内容"  width="250" prop="remark"  :show-overflow-tooltip="true" >
+            <ElTableColumn :show-overflow-tooltip="true" label="执行内容" prop="remark" width="250">
               <template slot-scope="scope">
                 <div>
                   <p v-for="item in scope.row.aryRemark">{{ item }}</p>
                 </div>
               </template>
             </ElTableColumn>
-            <ElTableColumn label="结果" prop="status" width="80" align="center" header-align="center">
+            <ElTableColumn align="center" header-align="center" label="结果" prop="status" width="80">
               <template slot-scope="scope">
                 <div>
                   <p v-for="item in scope.row.aryState">
-                    <i class="el-icon-success" style="font-size: 20px; color:#0c0;" v-if="item === 200"></i>
+                    <i v-if="item === 200" class="el-icon-success" style="font-size: 20px; color:#0c0;"></i>
-                    <i class="el-icon-error" style="font-size: 20px; color:#BBB;" v-else></i> 
+                    <i v-else class="el-icon-error" style="font-size: 20px; color:#BBB;"></i>
                   </p>
                 </div>
               </template>
@@ -130,10 +131,11 @@
           </Table>
           <!-- 分页 -->
           <div class="footer" style="width:100%">
-            <ElPagination @current-change="bindRecord" @size-change="onSizeChange" width="'100%'"
+            <ElPagination :current-page.sync="searchData.pageNum" :page-size="searchData.pageSize" :page-sizes="[10, 20, 30, 40, 50]"
-              :page-sizes="[10, 20, 30, 40, 50]" :page-size="searchData.pageSize"
+                          :total="tableTotal" class="Pagination"
-              :current-page.sync="searchData.pageNum" layout="total, sizes, prev, pager, next" :total="tableTotal"
+                          layout="total, sizes, prev, pager, next" width="'100%'"
-              class="Pagination">
+                          @current-change="bindRecord"
+                          @size-change="onSizeChange">
             </ElPagination>
           </div>
         </div>
@@ -150,14 +152,13 @@ import Button from "@screen/components/Buttons/Button.vue";
 import Form from "@screen/components/FormConfig";
 import Card from "@screen/components/Card1/index.vue";
 import * as PresetFormItems from "@screen/common/PresetFormItems.js";
-import { merge, cloneDeep } from "lodash";
+import _, {merge} from "lodash";
-import { markerClusterIns } from "@screen/pages/Home/components/RoadAndEvents/utils/map.js"
-import { ChildTypes } from "@screen/utils/enum.js"
 import {getDeviceList} from "@screen/pages/Home/components/RoadAndEvents/utils/httpList.js";
 import {delay} from "@screen/utils/common";
 import {initSearch} from "@screen/utils/enum/common.js"
 import SmartDeviceParams from "@screen/pages/Home/components/Dialogs/SmartDevice/components/DeviceParamsMulti.vue";
 import BroadcastParam from "@screen/pages/Home/components/Dialogs/Broadcast/components/BroadcastParamMulti.vue";
+import videoCamera from "@screen/pages/Home/components/Dialogs/Broadcast/components/videoCamera.vue";
 import FatigueWakesUpParam from "@screen/pages/Home/components/Dialogs/FatigueWakesUp/components/DeviceParam.vue";
 import DrivingGuidanceParam from "@screen/pages/Home/components/Dialogs/DrivingGuidance/components/DeviceParam.vue";
 import InfoBoardParam from "@screen/pages/Home/components/InfoBoard/InfoBoard.vue";
@@ -167,12 +168,11 @@ import { Message } from "element-ui";
 import Table from '@screen/components/Table.vue';
 import moment from "moment";
 import {getDicts} from "@/api/system/dict/data";
-import _ from "lodash";
 
 // "设备箱": "SmartDeviceParams", 2024-07-03 删除
 const componentMap = {
   "语音广播": "BroadcastParam", "疲劳唤醒": "FatigueWakesUpParam",
-  "行车诱导": "DrivingGuidanceParam", "情报板": "InfoBoardParam",
+  "行车诱导": "DrivingGuidanceParam", "情报板": "InfoBoardParam","摄像机":"videoCamera"
 }
 
 const hiddenDevices = ["SmartDeviceParams", "InfoBoardParam"];
@@ -183,17 +183,34 @@ Object.keys(DeviceForMap).forEach(DeviceLabel => {
   controlMulti.indexOf(DeviceLabel) !== -1 && (DeviceTopics[DeviceForMap[DeviceLabel].deviceType] = DeviceLabel);
 });
 const deviceTypeDefault = Object.keys(DeviceTopics)[1];
+
 function changeHandle(data, formList) {
-  if (data.deviceType !== "2") { //情报板单独处理
   const filterData = {};
   data.direction && (filterData.direction = data.direction);
   data.startStakeMark && (filterData.startStakeMark = data.startStakeMark);
   data.endStakeMark && (filterData.endStakeMark = data.endStakeMark);
+
+  if (data.deviceType !== "2" && data.deviceType !== "1") { // 情报板和摄像机单独处理
     setDeviceOptions({deviceType: data.deviceType}, filterData, formList);
     data.childType = undefined;
     data.screenSizeName = '';
-  } else {
+  } else if (data.deviceType === "2") {
     setBoardSize(formList, data);
+  } else if (data.deviceType === "1") {
+    getCameraTypes(formList, data); // 传递 data 以包含筛选条件
+  }
+}
+async function getCameraTypes(formList, data) {
+  const res = await getDicts("camera_classification");
+  let cameraTypeArr = res.data.map(item => ({
+    label: item.dictLabel,
+    value: item.dictValue
+  }));
+
+  // 找到子设备类型下拉框并更新其选项
+  const cameraTypeItem = formList.find(item => item.key === 'cameraType');
+  if (cameraTypeItem) {
+    cameraTypeItem.options.options = cameraTypeArr;
   }
 }
 function changeHandleScreenSize(data, formList) {
@@ -209,6 +226,7 @@ function changeHandleScreenSize( data,formList){
   setDeviceOptions({deviceType: data.deviceType}, filterData, formList);
   data.childType = undefined;
 }
+
 async function setBoardSize(formList, data) {
   // if(formList[4].options.options.length === 0){
   const res = await getDicts("iot_board_pixel");
@@ -234,26 +252,32 @@ async function setBoardSize(formList,data){
   data.childType = undefined;
   // }
 }
+
 async function setDeviceOptions(config, filterData, formList) {
   const data = await getDeviceList(config.deviceType, filterData).then(async (data) => {
     await delay(600);
     return data;
   });
-  formList[5].options.options = data.map(item => {
+
-    return {
+  const options = [
+    {label: '全选', value: 'selectAll'}
+  ];
+
+  options.push(...data.map(item => ({
     label: `${item.deviceName}`,
-      value: JSON.stringify(
+    value: JSON.stringify({
-        {
       id: item.id,
       iotDeviceId: item.iotDeviceId,
       deviceType: item.deviceType,
       otherConfig: item.otherConfig
     }),
-      disabled: item.deviceState != 1
+    disabled: item.deviceState !== '1' // 注意这里使用字符串 '1'
-    }
+  })));
-  })
+
-};
+  formList.find(item => item.key === 'childType').options.options = options;
-export default {
+
+  // 初始化选中值
+}export default {
   name: "HomeFrameControl",//设备控制
   components: {
     Button,
@@ -262,6 +286,7 @@ export default {
     Table,
     SmartDeviceParams,
     BroadcastParam,
+    videoCamera,
     FatigueWakesUpParam,
     DrivingGuidanceParam,
     InfoBoardParam,
@@ -271,6 +296,7 @@ export default {
     dataRecord(e) {
       this.bindRecord()
     },
+
   },
   data() {
     return {
@@ -295,7 +321,9 @@ export default {
           default: deviceTypeDefault,
           options: {
             clearable: true,
-            options: Object.keys(DeviceTopics).map(key => { return { label: DeviceTopics[key], value: key } }),
+            options: Object.keys(DeviceTopics).map(key => {
+              return {label: DeviceTopics[key], value: key}
+            }),
           },
           ons: { //on监听 element事件
             change(value, ...args) {
@@ -450,6 +478,32 @@ export default {
             return data.deviceType === '2';
           },
         },
+        {
+          label: "摄像机类型类型:",
+          key: "cameraType",
+          type: "select",
+          isAlone: true,
+          width: '100%',
+          options: {
+            clearable: true,
+            options: [],
+            ["collapse-tags"]: true
+          },
+          visible: data => {
+            return data.deviceType === '1';
+          },
+          ons: {
+            change(value, ...args) {
+              const {data, formList} = args.slice(-1)[0]; // data 为数据, formList为传入的配置项
+              const filterData = {childType: value,facilitiesType:1};
+              data.direction && (filterData.direction = data.direction);
+              data.startStakeMark && (filterData.startStakeMark = data.startStakeMark);
+              data.endStakeMark && (filterData.endStakeMark = data.endStakeMark);
+              setDeviceOptions({deviceType: data.deviceType}, filterData, formList);
+              data.childType = undefined;
+            }
+          },
+        },
         {
           label: "设备名称:",
           key: "childType",
@@ -465,6 +519,37 @@ export default {
           visible: data => {
             return true;
           },
+          ons: {
+            change(value, ...args) {
+              const { data, formList } = args.slice(-1)[0];
+              const options = formList.find(item => item.key === 'childType' ).options.options;
+              // 计算可选设备的数量
+              const availableOptions  = options
+                .filter(option => !option.disabled && option.value !== 'selectAll') // 过滤掉不可选的设备和“全选”选项
+                .map(option => option.value);
+              // 移除“全选”选项，防止重复选择
+              if (data.childType.includes('selectAll')) {
+                data.childType = data.childType.filter(val => val !== 'selectAll');
+              }
+              if (value.includes('selectAll')) {
+
+               if (data.childType.length === availableOptions.length){
+                 data.childType =[]
+               }else {
+                 // 只选择可用的设备
+                 data.childType = options
+                   .filter(option => !option.disabled && option.value !== 'selectAll') // 过滤掉不可选的设备和“全选”选项
+                   .map(option => option.value);        }
+              } else {
+                // 否则，设置选中的值
+                data.childType = value;
+              }
+              // 移除“全选”选项，防止重复选择
+              if (data.childType.includes('selectAll')) {
+                data.childType = data.childType.filter(val => val !== 'selectAll');
+              }
+            }
+          }
           },
       ],
       DeviceTopics,
@@ -482,7 +567,6 @@ export default {
       ],
 
 
-
       data2: [], //批量管控
       tableTotal2: 0,
       searchData2: {
@@ -788,6 +872,7 @@ div.el-popper.global-input-search-popover {
   padding-right: 10px;
   padding-bottom: 10px;
   overflow-y: auto;
+
   .card {
     width: 187px;
   }
@@ -799,12 +884,14 @@ div.el-popper.global-input-search-popover {
   justify-content: center;
   align-items: center;
 }
+
 .groupName {
   width: 100px;
   white-space: nowrap; /* 确保文本在一行内显示 */
   overflow: hidden; /* 超出容器部分的文本隐藏 */
   text-overflow: ellipsis; /* 使用省略符号表示超出的文本 */
 }
+
 .remark {
   width: 100px;
   font-size: 14px;

ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/httpList.js

@@ -245,6 +245,9 @@ export function getDeviceList(deviceType, options) {
     if (options && options.direction && options.direction !== "") {
       data["direction"] = options.direction;
     }
+    if (options && options.facilitiesType && options.facilitiesType !== "") {
+      data["facilitiesType"] = options.facilitiesType;
+    }
     request(
       Object.keys(options || {}).length
         ? {