From ee3fe0598ff1e016e71c1411e7669f19d85cd301 Mon Sep 17 00:00:00 2001
From: qingzhengli <1204552371@qq.com>
Date: Fri, 22 Mar 2024 17:26:24 +0800
Subject: [PATCH 01/11] =?UTF-8?q?feat=20=E6=9B=B4=E6=96=B0=E6=83=85?=
 =?UTF-8?q?=E6=8A=A5=E6=9D=BF=E4=B8=AD=E6=91=84=E5=83=8F=E5=A4=B4=E9=9B=A8?=
 =?UTF-8?q?=E5=88=B7=E5=92=8C=E5=AD=90=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/CameraShower/index.vue         | 241 +++++++++++-------
 .../RoadAndEvents/utils/httpList.js           |  27 ++
 .../src/views/JiHeExpressway/utils/enum.js    |   4 +-
 3 files changed, 184 insertions(+), 88 deletions(-)

diff --git a/ruoyi-ui/src/views/JiHeExpressway/components/CameraShower/index.vue b/ruoyi-ui/src/views/JiHeExpressway/components/CameraShower/index.vue
index ccb78f6a..92f9b93f 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/components/CameraShower/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/components/CameraShower/index.vue
@@ -1,38 +1,54 @@
 <template>
   <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 class="deco" src="@/assets/jihe/images/dialog/ibHeadDeco.png" alt="">
+    <div class="head" style="height:4vh;">
+      <div class="tit">附近相机</div>
+      <img class="btnCls" src="@/assets/jihe/images/dialog/ibCls.png" alt="" @click="onClose">
+      <img class="deco" src="@/assets/jihe/images/dialog/ibHeadDeco.png" alt="">
+    </div>
+    <template v-if="list.length > 0">
+      <!-- <p>{{ list }}</p> -->
+      <div class="videoPlayer">
+        <!-- <videoView :url="slectedVideo" /> -->
+        <Video class="video-stream" :camId="selectedCamera.camId" />
       </div>
-      <template v-if="list.length>0">
-                <!-- <p>{{ list }}</p> -->
-                 <div class="videoPlayer">
-                   <!-- <videoView :url="slectedVideo" /> -->
-                   <Video class="video-stream" :camId="selectedCamera.camId" />
-                 </div>
-
-                <div class="operation">
-                  <div class="selectCam">
-                    <div class="label">选择相机: </div>
-                    <div class="val">
-                      <el-select v-model="selectedCameraIndex" placeholder="请选择" size="mini" @change="onChangeCamera">
-                        <el-option v-for="item,index in list" :key="index" :label="item.camName" :value="index">
-                        </el-option>
-                      </el-select>
-                    </div>
-                  </div>
-                  <el-button type="primary" icon="el-icon-s-operation" class="controlCam" v-if="selectedCamera.ptzCtrl == 0" @click="controlDialogVisible=!controlDialogVisible"></el-button>
-                  <CameraController :visible.sync="controlDialogVisible" v-if="controlDialogVisible" :deviceId="selectedCamera.camId" class="cameraControl"/>
 
-                </div>
-                <div class="flex1 txtInfo">
-                  <p v-for="item in cameraInfo" :key="item.value" class="txtItem">
-                    <span class="label">{{ item.title }}: </span>
-                    <span class="val">{{ item.value }}</span>
-                  </p>
-                </div>
-              <!-- <div class="camera_bom_right">
+      <div class="operation">
+        <div class="selectCam">
+          <div class="label">选择相机: </div>
+          <div class="val">
+            <el-select v-model="selectedCameraIndex" placeholder="请选择" size="mini" @change="onChangeCamera">
+              <el-option v-for="item, index in list" :key="index" :label="item.camName" :value="index">
+              </el-option>
+            </el-select>
+          </div>
+        </div>
+        <el-button type="primary" icon="el-icon-s-operation" class="controlCam" v-if="selectedCamera.ptzCtrl == 0"
+          @click="controlDialogVisible = !controlDialogVisible"></el-button>
+        <CameraController :visible.sync="controlDialogVisible" v-if="controlDialogVisible"
+          :deviceId="selectedCamera.camId" class="cameraControl" />
+
+      </div>
+      <div class="flex1 txtInfo">
+        <p v-for="item in cameraInfo" :key="item.value" class="txtItem">
+          <span class="label">{{ item.title }}: </span>
+          <span class="val">{{ item.value }}</span>
+        </p>
+        <div v-if="PanoramicCameraTypes.indexOf(selectedCamera.childType) == -1" style="width: 50%; display: flex;">
+          <span style="
+                color: #3de8ff;
+                font-size: 15px;
+                font-family: PingFang SC, PingFang SC;
+                font-weight: 400;
+                line-height: 18px;
+              ">
+            雨刷:
+          </span>
+          <Button style="margin-left: 5px" @click.native="controlClick(49)">开</Button>
+          <Button style="margin-left: 5px" @click.native="controlClick(48)">关</Button>
+        </div>
+      </div>
+
+      <!-- <div class="camera_bom_right">
                 <div class="camera_bom_right_t">
                   <div class="camera_bom_right_t_box"></div>
                   <div class="camera_bom_right_t_h_po" v-for="item in cameraBtnList" :key="item.id"
@@ -58,11 +74,16 @@
 
 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 { throttle } from "lodash";
+import Button from "@screen/components/Buttons/Button.vue";
 
 export default {
   name: '',
   components: {
     Video,
+    Button,
     CameraController
   },
   props: {
@@ -70,78 +91,91 @@ export default {
       type: Array,
       default: () => []
     },
-    visible:{
-      type:Boolean,
-      default:false
+    visible: {
+      type: Boolean,
+      default: false
     }
   },
   data() {
     return {
-      booooooool:true,
-       selectedCameraIndex:null,
-       selectedCamera:{},
-       cameraInfo:[],
-       controlDialogVisible:false
+      booooooool: true,
+      selectedCameraIndex: null,
+      selectedCamera: {},
+      PanoramicCameraTypes,
+      cameraInfo: [],
+      controlDialogVisible: false
     }
   },
-  watch:{
-    list:{
-      handler(){
+  watch: {
+    list: {
+      handler() {
         this.selectCamera();
       },
-      deep:true,
+      deep: true,
     }
   },
-  mounted(){
+  mounted() {
   },
-  methods:{
-   onClose (){
-    this.$emit("update:visible" , false)
-   },
-   onChangeCamera(val){
+  methods: {
+    controlClick: throttle(function (type) {
+      controlCamera(this.selectedCamera.camId, type, false);
+    }, 150),
+    onClose() {
+      this.$emit("update:visible", false)
+    },
+    onChangeCamera(val) {
       this.selectCamera();
     },
-    selectCamera(){
-      if(this.list.length <= 0){
+    async selectCamera() {
+      if (this.list.length <= 0) {
         return
       }
-      if(this.selectedCameraIndex == null){
+      if (this.selectedCameraIndex == null) {
         this.selectedCameraIndex = 0;
       }
       this.selectedCamera = this.list[this.selectedCameraIndex];
+
+      const deviceInfo = (await getDeviceInfo(this.selectedCamera.camId))?.[0] || {};
+      const childType = deviceInfo.childType;
+      this.$set(this.selectedCamera, 'childType', childType);
       let cmr = this.selectedCamera;
       this.cameraInfo = [
-        {title:"道路名称", value:cmr.deptName },
-        {title:"道路编号", value:cmr.road },
-        {title:"设备名称", value:cmr.camName },
-        {title:"设备编号", value:cmr.camId },
-        {title:"设备桩号", value:cmr.pileNum },
-        {title:"相机类型", value:["球机","枪机"][+cmr.ptzCtrl] },
+        { title: "道路名称", value: cmr.deptName },
+        { title: "道路编号", value: cmr.road },
+        { title: "设备名称", value: cmr.camName },
+        { title: "设备编号", value: cmr.camId },
+        { title: "设备桩号", value: cmr.pileNum },
+        { title: "相机类型", value: childType ? CameraChildTypes[childType] : ["球机", "枪机"][+cmr.ptzCtrl] },
         // {title:"相机状态", value:cmr.camStatus }
       ];
     },
-    onControlCamera(val){
-     console.log(val , "vallllllllll")
-   }
+    onControlCamera(val) {
+      console.log(val, "vallllllllll")
+    }
   }
 }
 </script>
 
 <style lang='scss' scoped>
-@mixin fontClass{
-  fontSize:14px; color:#FFF;
+@mixin fontClass {
+  fontSize: 14px;
+  color: #FFF;
 }
+
 $colorLabel: #3DE8FF;
-.compBox{
+
+.compBox {
   display: flex;
   flex-direction: column;
   position: relative;
-  .cameraControl{
+
+  .cameraControl {
     position: absolute;
     right: -2px;
-    top:-2px;
+    top: -2px;
     transform: translateX(100%);
   }
+
   .head {
     height: 48px;
     padding: 0 10px;
@@ -153,18 +187,18 @@ $colorLabel: #3DE8FF;
     display: flex;
     justify-content: space-between;
     align-items: center;
-  
+
     .tit {
       color: #3de8ff;
       font-size: 18px;
     }
-  
+
     .btnCls {
       width: 13px;
       height: 13px;
       cursor: pointer;
     }
-  
+
     .deco {
       width: 55%;
       height: 5px;
@@ -173,39 +207,74 @@ $colorLabel: #3DE8FF;
       top: 0;
     }
   }
-  .flex1{
-    flex: 1; height:0;
+
+  .flex1 {
+    flex: 1;
+    height: 0;
   }
-  .videoPlayer { height: 246px;
-    .video-stream{ width: 100%; height: 100%;}
+
+  .videoPlayer {
+    height: 246px;
+
+    .video-stream {
+      width: 100%;
+      height: 100%;
+    }
   }
-  .operation{
-    display: flex; flex-direction: row; height: 36px; justify-content: space-between; align-items: center; padding: 0 20px; border-bottom:1px solid #3DE8FF; position: relative;
-    .selectCam{ display: flex; flex-direction: row;
-      .label{
+
+  .operation {
+    display: flex;
+    flex-direction: row;
+    height: 36px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 20px;
+    border-bottom: 1px solid #3DE8FF;
+    position: relative;
+
+    .selectCam {
+      display: flex;
+      flex-direction: row;
+
+      .label {
         margin-right: 6px;
         @include fontClass;
         color: $colorLabel;
       }
-      .val{ width: 220px; }
+
+      .val {
+        width: 220px;
+      }
     }
-    .controlCam{
+
+    .controlCam {
       padding: 3px;
       font-size: 20px;
       background: linear-gradient(180deg, #005C79 0%, #009BCC 100%);
       border: none;
-      box-shadow: 0 0 4px rgba(0,0,0,0.3);
+      box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
     }
   }
-  .txtInfo{
-    flex: 1; overflow-y: scroll; padding: 20px 20px 10px; display: flex; flex-wrap: wrap;  align-content:flex-start;
-    .txtItem{
-      width: 0; flex-basis: 50%; height: 34px;
-      .label{
+
+  .txtInfo {
+    flex: 1;
+    overflow-y: scroll;
+    padding: 20px 20px 10px;
+    display: flex;
+    flex-wrap: wrap;
+    align-content: flex-start;
+
+    .txtItem {
+      width: 0;
+      flex-basis: 50%;
+      height: 34px;
+
+      .label {
         @include fontClass;
         color: $colorLabel;
       }
-      .val{
+
+      .val {
         @include fontClass;
       }
     }
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/httpList.js b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/httpList.js
index d0fdb2d9..0c1bbfe1 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/httpList.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/httpList.js
@@ -237,6 +237,33 @@ export function getDeviceList(deviceType, options) {
   });
 }
 
+export function getDeviceInfo(iotDeviceId, options) {
+  return new Promise((resolve, reject) => {
+    const data = {
+      iotDeviceId,
+      ...options,
+    };
+
+    request({
+      url: "/business/device/query",
+      method: "GET",
+      params: data,
+    })
+      .then(({ code, data }) => {
+        if (code != 200) {
+          reject();
+          // return Message.error(`${DeviceTypeMap[deviceType]}设备加载失败!`);
+        }
+
+        resolve(data);
+      })
+      .catch(() => {
+        // Message.error(`${DeviceTypeMap[deviceType]}设备加载失败!`);
+        reject();
+      });
+  });
+}
+
 /**
  * 获取 所属机构
  * @param {*} iotDeviceId 设备ID iotDeviceId
diff --git a/ruoyi-ui/src/views/JiHeExpressway/utils/enum.js b/ruoyi-ui/src/views/JiHeExpressway/utils/enum.js
index 6de34e21..3175d5c8 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/utils/enum.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/utils/enum.js
@@ -970,7 +970,7 @@ export const SchedulingEnum = {
   },
 };
 
-const CameraChildTypes = {
+export const CameraChildTypes = {
   "1-1": "高清网络枪型固定摄像机",
   "1-2": "高清网络球形摄像机",
   "1-3": "桥下高清网络球形摄像机",
@@ -978,7 +978,7 @@ const CameraChildTypes = {
   "1-5": "180°全景摄像机",
 };
 
-const BoardChildTypes = {
+export const BoardChildTypes = {
   "2-1": "门架式可变信息标志",
   "2-2": "大学城入口站前板",
   "2-3": "雨棚可变信息标志",

From 7033ec0a22c20f0c9eb0c6fd55771fbc7da5bb96 Mon Sep 17 00:00:00 2001
From: qingzhengli <1204552371@qq.com>
Date: Fri, 22 Mar 2024 17:30:27 +0800
Subject: [PATCH 02/11] =?UTF-8?q?feat=20=E6=9B=B4=E6=96=B0=E8=B7=AF?=
 =?UTF-8?q?=E7=BD=91=E7=AE=A1=E6=8E=A7=20=E5=8E=BB=E6=8E=89header?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../control/event/event/EventDetailDialog/index.vue  |  4 ++--
 .../pages/control/event/event/index.vue              | 12 ++++++++----
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/index.vue
index f3355d78..6d58af73 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/index.vue
@@ -4,9 +4,9 @@
       <Form :formList="formList" :dFormData="formData" label-width="100px" />
 
       <div class="video-pic">
-        <Video style="height: 100%; width: 380px;" :showHeader="activeName != '-1'"
+        <Video style="height: 100%; width: 380px;" :showHeader="false"
           :url="(formData.videoList && formData.videoList.length > 0) ? formData.videoList[0] : ''" videoType="mp4" />
-        <Video v-if="activeName != '-1'" style="height: 100%; width: 380px;"
+        <Video v-if="activeName != '-1'" style="height: 100%; width: 380px;" :showHeader="false"
           :url="(formData.videoList && formData.videoList.length > 0) ? formData.videoList[1] : ''" videoType="mp4" />
 
         <Carousel v-else style="flex: 1" :pictures="formData.pictures" />
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/index.vue
index d735a855..1def4b6a 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/index.vue
@@ -65,7 +65,7 @@ import request from "@/utils/request";
 import { Message } from "element-ui";
 import { Loading } from 'element-ui';
 import { WarningType as warningTypeMapping, WarningSubclass as warningSubclassTypeMapping } from "@screen/utils/enum.js"
-
+import { getNearCameraNew } from "@screen/pages/Home/components/RoadAndEvents/utils/httpList.js"
 
 const warningSourceMapping = {
   1: '视频AI',
@@ -261,7 +261,7 @@ export default {
     },
     firstBtnClick(id) {
       console.log("id", id);
-      if (this.activeName == '-1') { //除了 感知事件外的 事件专题 均须处理
+      if (this.activeName == '-1') {
         request({
           url: `/perceivedEvents/warning/getWarningById`,//感知事件
           method: "post",
@@ -297,7 +297,7 @@ export default {
         });
       } else {
         request({
-          url: `/dc/system/event/${id}`,
+          url: `/dc/system/event/${id}`,//交通事件
           method: "get",
         }).then((result) => {
           if (result.code != 200) return Message.error(result?.msg);
@@ -305,11 +305,15 @@ export default {
           data.stringDirection = gzDirectionMapping[data.direction] || data.direction;
           data.startTime = data?.occurrenceTime || '';
 
+
           data.videoList = [];
+          // const cameraData = (await getNearCameraNew(data.stakeMark));//新的上下游摄像头接口
+          // console.log("cameraData", cameraData)
+
           if (data.otherConfig) {
             let otherConfig = JSON.parse(data.otherConfig);
             // data.pictures = otherConfig.pictures || [];
-            data.videoList = otherConfig.videoList || []
+            data.videoList = otherConfig.videoList || [];
             //data.videoList = otherConfig.videoList || ['https://sf1-cdn-tos.huoshanstatic.com/obj/media-fe/xgplayer_doc_video/mp4/xgplayer-demo-480p.mp4']
           }
 

From 039db9782e577ab6219b858fd3d5d6d2bdf467de Mon Sep 17 00:00:00 2001
From: qingzhengli <1204552371@qq.com>
Date: Fri, 22 Mar 2024 17:52:37 +0800
Subject: [PATCH 03/11] =?UTF-8?q?feat=20=E4=BF=AE=E5=A4=8D=E6=84=9F?=
 =?UTF-8?q?=E7=9F=A5=E4=BA=8B=E4=BB=B6=20=E5=88=86=E9=A1=B5=E7=82=B9?=
 =?UTF-8?q?=E5=87=BB=E5=AF=B9=E5=BA=94=E9=94=99=E4=B9=B1=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/RoadAndEvents/utils/map.js     | 42 +++++++++----------
 1 file changed, 20 insertions(+), 22 deletions(-)

diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/map.js b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/map.js
index 6f17f0bd..64d6eb52 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/map.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/utils/map.js
@@ -106,8 +106,9 @@ export class MarkerCluster {
     const pageSize = 6;
     let page = 1;
     const totalPages = Math.ceil(data.length / pageSize);
-    const dataFirstPage =
+    const currentPageData =
       totalPages > 1 ? data.slice((page - 1) * pageSize, pageSize) : data;
+    window.currentPageData = currentPageData;
     window.pageSize = pageSize;
     window.page = page;
     window.totalPages = totalPages;
@@ -127,7 +128,7 @@ export class MarkerCluster {
 
       // 截取当前页的数据
       const currentPageData = data.slice(startIndex, endIndex);
-
+      window.currentPageData = currentPageData;
       const itemsTpl = currentPageData
         .map(
           (item) => `
@@ -144,15 +145,7 @@ export class MarkerCluster {
         .join("");
       // 渲染当前页数据
       dataContainer.innerHTML = itemsTpl;
-      window.infoWindow.dom
-        .querySelectorAll(".info-window-item")
-        .forEach((item, index) => {
-          item.onclick = () =>
-            data[index].config.markerClick?.(
-              data[index].extData,
-              data[index].config?.item
-            );
-        });
+      bindItemClick();
     }
 
     window.renderData = renderData;
@@ -173,7 +166,7 @@ export class MarkerCluster {
         <img class="info-close" style="width: 12px;cursor: pointer;" src="${require("@screen/images/dialog/icon-close.svg")}" />
       </div>
       <div id="dataContainer" style="padding: 15px 9px;flex: 1; overflow: auto;" class="info-window-content">
-        ${dataFirstPage
+        ${currentPageData
           .map(
             (item) => `
               <div style="cursor: pointer; padding: 3px 6px;display: flex;align-items: center; gap: 6px;" class="info-window-item">
@@ -199,7 +192,7 @@ export class MarkerCluster {
       }
     </div>`);
     window.infoWindow = this.infoWindow;
-    this.infoWindow.open(map, data[0].lnglat);
+    this.infoWindow.open(map, currentPageData[0].lnglat);
 
     this.infoWindow.dom.querySelector(".info-close").onclick = () =>
       this.infoWindow.close();
@@ -211,15 +204,20 @@ export class MarkerCluster {
     this.infoWindow.dom.querySelector(".info-window-content").onwheel = (e) =>
       e.stopPropagation();
 
-    this.infoWindow.dom
-      .querySelectorAll(".info-window-item")
-      .forEach((item, index) => {
-        item.onclick = () =>
-          data[index].config.markerClick?.(
-            data[index].extData,
-            data[index].config?.item
-          );
-      });
+    function bindItemClick() {
+      window.infoWindow.dom
+        .querySelectorAll(".info-window-item")
+        .forEach((item, index) => {
+          item.onclick = () => {
+            const currentPageData = window.currentPageData;
+            currentPageData[index].config.markerClick?.(
+              currentPageData[index].extData,
+              currentPageData[index].config?.item
+            );
+          };
+        });
+    }
+    bindItemClick();
   }
 
   async setMarkerCluster() {

From 907e9b7648317cb5be7e24e8b04adef69f529901 Mon Sep 17 00:00:00 2001
From: qingzhengli <1204552371@qq.com>
Date: Fri, 22 Mar 2024 18:33:58 +0800
Subject: [PATCH 04/11] =?UTF-8?q?feat=20=20Switch=20=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4=E4=B8=BA=E7=BB=BF=E8=89=B2?=
 =?UTF-8?q?=E9=80=89=E4=B8=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/Dialogs/GuardrailCollision/index.vue    |  2 +-
 .../components/Switcher.vue                            | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/GuardrailCollision/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/GuardrailCollision/index.vue
index 61581fdc..53137107 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/GuardrailCollision/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/GuardrailCollision/index.vue
@@ -179,7 +179,7 @@ div.switcher {
     align-items: center;
     justify-content: end;
 
-    > div {
+    >div {
       font-size: 16px;
       padding: 6px 12px;
     }
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/components/Switcher.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/components/Switcher.vue
index 7285f2a3..ab6ec856 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/components/Switcher.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/components/Switcher.vue
@@ -9,7 +9,7 @@
     <span :style="{ opacity: +active }">{{ getActiveOptions.unActive.text }}</span>
 
     <div class="active" :style="{ left: active ? '0%' : '50%' }">{{ getActiveOptions[active ? 'active' :
-      'unActive'].text }}</div>
+    'unActive'].text }}</div>
   </div>
 </template>
 
@@ -38,14 +38,14 @@ export default {
       return {
         active: {
           text: "启用",
-          color: "#fff",
-          textColor: "#00B3CC",
+          color: "#00B3CC",
+          textColor: "#fff",
           ...this.activeOption?.active
         },
         unActive: {
           text: "停用",
-          color: "#00B3CC",
-          textColor: "#fff",
+          color: "#fff",
+          textColor: "#00B3CC",
           ...this.activeOption?.unActive
         }
       }

From 25af9dabe78511f42a8fde8ee75dd24541a43870 Mon Sep 17 00:00:00 2001
From: qingzhengli <1204552371@qq.com>
Date: Fri, 22 Mar 2024 19:16:22 +0800
Subject: [PATCH 05/11] =?UTF-8?q?fix=20=20=E4=BA=A4=E8=B0=83echart=20y?=
 =?UTF-8?q?=E8=BD=B4=E6=8C=A4=E5=8E=8B=E9=97=AE=E9=A2=98=20=E7=BC=A9?=
 =?UTF-8?q?=E5=B0=8Fy=E8=BD=B4=E5=AD=97=E5=8F=B7=E4=B8=BA11?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/LineChartForTraffic/index.vue          | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/Intermodulation/components/LineChartForTraffic/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/Intermodulation/components/LineChartForTraffic/index.vue
index b08b4147..9b9c244d 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/Intermodulation/components/LineChartForTraffic/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/Intermodulation/components/LineChartForTraffic/index.vue
@@ -5,7 +5,7 @@
 <script>
 import * as echarts from "echarts";
 import { lineChartOption } from "./chart"
-
+import { cloneDeep } from "lodash";
 export default {
   name: 'LineChart',
   props: {
@@ -20,10 +20,11 @@ export default {
   },
   mounted() {
     const chartIns = echarts.init(this.$refs.LineChartRef);
-    console.log('lineChartOption', lineChartOption)
-    lineChartOption.xAxis.data = this.xData;
-    lineChartOption.series[0].data = this.yData;
-    chartIns.setOption(lineChartOption);
+    const options = cloneDeep(lineChartOption);
+    options.yAxis.axisLabel.fontSize = 11;
+    options.xAxis.data = this.xData;
+    options.series[0].data = this.yData;
+    chartIns.setOption(options);
   },
 }
 </script>

From d0bd1f0d6434c9db2b887b69a176de4752d8a3b6 Mon Sep 17 00:00:00 2001
From: qingzhengli <1204552371@qq.com>
Date: Fri, 22 Mar 2024 19:29:40 +0800
Subject: [PATCH 06/11] =?UTF-8?q?feat=20=20=E6=9B=B4=E6=96=B0=E6=91=84?=
 =?UTF-8?q?=E5=83=8F=E5=A4=B4=E8=AE=BE=E5=A4=87=E7=A6=BB=E7=BA=BF=20?=
 =?UTF-8?q?=E4=B8=8D=E8=B0=83=E7=94=A8=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Dialogs/Camera/components/CameraControlDialog.vue      | 7 +++++--
 .../pages/Home/components/Dialogs/Camera/index.vue         | 7 +++++--
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/Camera/components/CameraControlDialog.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/Camera/components/CameraControlDialog.vue
index 82d803f2..6fadca1e 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/Camera/components/CameraControlDialog.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/Camera/components/CameraControlDialog.vue
@@ -54,7 +54,8 @@ export default {
   },
   props: {
     visible: Boolean,
-    deviceId: String
+    deviceId: String,
+    dialogData: Object
   },
   data() {
     return {
@@ -103,7 +104,9 @@ export default {
   },
   methods: {
     controlClick: throttle(function (type) {
-      controlCamera(this.deviceId, type)
+      if (this.dialogData.deviceState != "0")
+        controlCamera(this.deviceId, type)
+      else this.$message.info("设备离线, 无法操作")
     }, 150),
     async handleSwitcherChange(value, data) {
       let str = data.state ? "关闭" : "开启";
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/Camera/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/Camera/index.vue
index 206d1ee3..fff81829 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/Camera/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/Camera/index.vue
@@ -40,7 +40,7 @@
       </div> -->
     </div>
 
-    <CameraControlDialog :deviceId="dialogData.iotDeviceId" v-model="controlDialogVisible" />
+    <CameraControlDialog :deviceId="dialogData.iotDeviceId" :dialogData="dialogData" v-model="controlDialogVisible" />
   </Dialog>
 </template>
 
@@ -140,7 +140,10 @@ export default {
   },
   methods: {
     controlClick: throttle(function (type) {
-      controlCamera(this.dialogData.iotDeviceId, type, false);
+      // console.log(this.dialogData, "dialogData")
+      if (this.dialogData.deviceState != "0")
+        controlCamera(this.dialogData.iotDeviceId, type, false);
+      else this.$message.info("设备离线, 无法操作")
     }, 150),
     visibleClose(bool) {
       if (bool) return;

From 36e1911ab257b6611baaa6fcc7914da535be9b15 Mon Sep 17 00:00:00 2001
From: qingzhengli <1204552371@qq.com>
Date: Fri, 22 Mar 2024 19:42:17 +0800
Subject: [PATCH 07/11] =?UTF-8?q?feat=20=20=E6=83=85=E6=8A=A5=E6=9D=BF?=
 =?UTF-8?q?=E9=99=84=E8=BF=91=E7=9B=B8=E6=9C=BA=20=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E7=A6=BB=E7=BA=BF=E5=88=A4=E6=96=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/JiHeExpressway/components/CameraShower/index.vue   | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/ruoyi-ui/src/views/JiHeExpressway/components/CameraShower/index.vue b/ruoyi-ui/src/views/JiHeExpressway/components/CameraShower/index.vue
index 92f9b93f..bcca3e9b 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/components/CameraShower/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/components/CameraShower/index.vue
@@ -118,7 +118,9 @@ export default {
   },
   methods: {
     controlClick: throttle(function (type) {
-      controlCamera(this.selectedCamera.camId, type, false);
+      if (this.selectedCamera.deviceState != "0")
+        controlCamera(this.selectedCamera.camId, type, false);
+      else this.$message.info("设备离线, 无法操作")
     }, 150),
     onClose() {
       this.$emit("update:visible", false)
@@ -138,6 +140,7 @@ export default {
       const deviceInfo = (await getDeviceInfo(this.selectedCamera.camId))?.[0] || {};
       const childType = deviceInfo.childType;
       this.$set(this.selectedCamera, 'childType', childType);
+      this.$set(this.selectedCamera, 'deviceState', deviceInfo.deviceState);
       let cmr = this.selectedCamera;
       this.cameraInfo = [
         { title: "道路名称", value: cmr.deptName },

From 5f2f9f8473847354aee8d29c2452261b87e7a3e2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E6=9C=8B?= <lbp608@126.com>
Date: Fri, 22 Mar 2024 19:46:52 +0800
Subject: [PATCH 08/11] =?UTF-8?q?=E5=80=BC=E7=8F=AD=E4=BA=BA=E5=91=98?=
 =?UTF-8?q?=E6=9B=B4=E6=8D=A2=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../dutyOfficer/components/ModifyDutyInformationTable.vue   | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/businessDataManagement/views/dutyOfficer/components/ModifyDutyInformationTable.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/businessDataManagement/views/dutyOfficer/components/ModifyDutyInformationTable.vue
index c979f600..27befccc 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/businessDataManagement/views/dutyOfficer/components/ModifyDutyInformationTable.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/businessDataManagement/views/dutyOfficer/components/ModifyDutyInformationTable.vue
@@ -189,7 +189,7 @@ export default {
       const closeMessage = loadingMessage({ message: "人员获取中..." });
 
       request({
-        url: `/business/employees/list`,
+        url: `/business/employees/listAll`,
         method: "GET",
         params: {
           organizationId: stationId,
@@ -197,11 +197,11 @@ export default {
       })
         .then((result) => {
           if (result.code != 200) return Message.error("人员获取失败");
-          if (!result.rows?.length) return Message.warning("该驻点下暂无人员");
+          if (!result.data?.length) return Message.warning("该驻点下暂无人员");
 
           // Message.success("人员获取成功")
 
-          this.peopleList = result.rows;
+          this.peopleList = result.data;
         })
         .catch((err) => {
           Message.error("人员获取失败");

From 38c43948a5459250a9c9ec84ce47a3a6be06bff3 Mon Sep 17 00:00:00 2001
From: zhoule <zz221011@163.com>
Date: Fri, 22 Mar 2024 20:06:42 +0800
Subject: [PATCH 09/11] =?UTF-8?q?=E6=84=9F=E7=9F=A5=E4=BA=8B=E4=BB=B6?=
 =?UTF-8?q?=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../eventPlanDialog/index.vue                 |  33 +-
 .../EventDetailDialog/formTable/index.vue     |  16 +-
 .../EventDetailDialog/qbbDialog/index.vue     |  22 +-
 .../components/eventQuery/index.vue           | 434 +++++++-----------
 .../components/typeAnalysis/index.vue         |  23 +-
 5 files changed, 232 insertions(+), 296 deletions(-)

diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/eventPlanDialog/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/eventPlanDialog/index.vue
index 9812d198..70e04ddf 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/eventPlanDialog/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/eventPlanDialog/index.vue
@@ -96,6 +96,7 @@ export default {
                 qbb: ''
             }],
             planName: '',
+            automaticInfo: {},
             dcExecuteAction: [],
             deviceData: [],
             eventOptions: [
@@ -252,16 +253,32 @@ export default {
             return this.deviceData;
         },
         async getTemplateAutomatic() {
-            request({
-                url: `/business/plans/event/automatic`,
+            let url = '';
+            let data = {};
+            let plan = this.info.find(it => it.planName == this.planName);
+            if (this.activeName == '-1') {//感知
+                url = '/business/plans/warning/confirm';
+                data = {
+                    dcEmergencyPlans: plan,
+                    dcWarning: this.eventFormData
+                }
+            } else {//交通
+                url = '/business/plans/event/automatic';
+                data = {
+                    dcEmergencyPlans: plan,
+                    dcEvent: this.eventFormData
+                }
+            }
+            const result = await request({
+                url: url,
                 method: "post",
-            }).then((result) => {
-                if (result.code != 200) return Message.error(result?.msg);
-                this.sbOptions = result.data;
-
-            }).catch(() => {
-                Message.error("查询可变信息标识失败");
+                data: data
             })
+            if (result.code != 200) {
+                Message.error(result?.msg);
+                return {};
+            }
+            return result.data;
         },
         changeRadio(value) {
             let plan = this.info.find(it => it.planName == value);
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/formTable/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/formTable/index.vue
index c71effe3..1733abc2 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/formTable/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/formTable/index.vue
@@ -87,7 +87,8 @@
         </Table>
 
         <!-- 情报板弹窗 -->
-        <QbbDialog :visible="isShowDialog" :info="qbbData" :type="type" @close="onCloseDialog" @dialogSubmit="dialogSubmit" />
+        <!-- <QbbDialog :visible="isShowDialog" :info="qbbData" :type="type" @close="onCloseDialog"
+            @dialogSubmit="dialogSubmit" /> -->
     </div>
 </template>
 
@@ -95,7 +96,7 @@
 import Table from '@screen/components/Table.vue';
 import Button from '@screen/components/Buttons/Button.vue';
 import request from "@/utils/request";
-import QbbDialog from "../qbbDialog/index.vue";
+// import QbbDialog from "../qbbDialog/index.vue";
 import { Message } from 'element-ui'
 import { planDeviceOptions } from "@screen/utils/enum.js";
 
@@ -105,15 +106,14 @@ export default {
     components: {
         Button,
         Table,
-        QbbDialog
-    },
-    model: {
-        prop: 'visible',
-        event: 'update:value'
+        // QbbDialog
     },
+    // model: {
+    //     prop: 'visible',
+    //     event: 'update:value'
+    // },
     inject: ['loadData'],
     props: {
-        visible: Boolean,
         eventType: Number,
         type: Number,
         tableData: {
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/qbbDialog/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/qbbDialog/index.vue
index 78e2c569..e0348eae 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/qbbDialog/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/qbbDialog/index.vue
@@ -1,11 +1,11 @@
 <template>
     <Dialog v-model="modelVisible" title="情报板确认">
-        <div class="EventAddPlanDialog">
+        <div v-if="type == 1" class="EventAddPlanDialog">
             <h4>预案内容</h4>
             <dev class="listBox disPid">
                 <div class="tplItem">
                     <!-- 模板内容 -->
-                    <BoardTplPreview class="boardPreview" boardWH="1400*200" :tpl="{}"></BoardTplPreview>
+                    <!-- <BoardTplPreview class="boardPreview" boardWH="1400*200" :tpl="{}"></BoardTplPreview> -->
                     <!-- 操作按钮 -->
                     <div class="infoBtnBox infoBtnBoxSm">
                         <p class="btn">
@@ -18,7 +18,7 @@
             <dev class="listBox disPid">
                 <div class="tplItem">
                     <!-- 模板内容 -->
-                    <BoardTplPreview class="boardPreview" boardWH="1400*200" :tpl="{}"></BoardTplPreview>
+                    <!-- <BoardTplPreview class="boardPreview" boardWH="1400*200" :tpl="{}"></BoardTplPreview> -->
                     <!-- 操作按钮 -->
                     <div class="infoBtnBox infoBtnBoxSm">
                         <p class="btn">
@@ -28,14 +28,11 @@
                 </div>
             </dev>
             <h4>情报板模版</h4>
-            <vuescroll :ops="scrollOptions" class="listBox">
+            <!-- <vuescroll :ops="scrollOptions" class="listBox">
                 <div v-for="(item) in templateAvailable" :key="item.dictValue">
-                    <!-- 原来是<el-collapse v-model="activeNames"> -->
                     <h5>{{ item.dictLabel }}</h5>
                     <div v-for="(itm, indx) in item.list" :key="indx" class="tplItem">
-                        <!-- 模板内容 -->
                         <BoardTplPreview class="boardPreview" boardWH="1400*200" :tpl="itm"></BoardTplPreview>
-                        <!-- 操作按钮 -->
                         <div class="infoBtnBox infoBtnBoxSm">
                             <p class="btn">
                                 <el-radio v-model="radio1" :label="itm.id" @input="changeRadio(itm)" />
@@ -43,7 +40,7 @@
                         </div>
                     </div>
                 </div>
-            </vuescroll>
+            </vuescroll> -->
         </div>
         <template #footer>
             <Button style="background: #C9C9C9;padding:0 24px;"
@@ -75,9 +72,13 @@ export default {
         prop: 'visible',
         event: 'close'
     },
+    // inject: ['getTemplateAutomatic'],
     props: {
         visible: Boolean,
-        type: Number,
+        type: {
+            type: Number,
+            default: 1
+        },
         info: {
             type: Object,
             default: () => { }
@@ -102,11 +103,12 @@ export default {
     },
     computed: {
         modelVisible: {
-            get() {
+            async get() {
                 if (this.visible) {
                     if (this.info && this.info.id) {
                         this.radio1 = Number(this.info.id);
                     }
+                    // console.log('123', this.getTemplateAutomatic());
                 }
                 return this.visible;
             },
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/index.vue
index 37c7c051..67bf559c 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/eventQuery/index.vue
@@ -1,87 +1,35 @@
 <template>
   <div class="congestion">
     <div class="condition">
-      <ProgressBar
-        class="keep-ratio"
-        @selectItem="selectProgress"
-        :dataList="dataList"
-        :selectIndex="selectIndex"
-        :reset="reset"
-      />
+      <ProgressBar class="keep-ratio" @selectItem="selectProgress" :dataList="dataList" :selectIndex="selectIndex"
+        :reset="reset" />
       <div class="searchPanel">
-        <RadioGroup
-          :options="[
-            { key: '1', label: '菏泽' },
-            { key: '3', label: '济南' },
-          ]"
-          v-model="direction"
-          type="button"
-        />
-        <el-select
-          v-model="type"
-          size="mini"
-          class="selectRoad"
-          placeholder="请选择"
-          @change="changeType"
-        >
-          <el-option
-            v-for="item in typeOptions"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          >
+        <RadioGroup :options="[
+        { key: '1', label: '菏泽' },
+        { key: '3', label: '济南' },
+      ]" v-model="direction" type="button" />
+        <el-select v-model="type" size="mini" class="selectRoad" placeholder="请选择" @change="changeType">
+          <el-option v-for="item in typeOptions" :key="item.value" :label="item.label" :value="item.value">
           </el-option>
         </el-select>
-        <el-select
-          v-model="quarter"
-          size="medium"
-          v-if="type == 'quarter'"
-          class="selectRoad-medium"
-          placeholder="请选择"
-        >
-          <el-option
-            v-for="item in quarterOptions"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-            style="width: 140px"
-          >
+        <el-select v-model="quarter" size="medium" v-if="type == 'quarter'" class="selectRoad-medium" placeholder="请选择">
+          <el-option v-for="item in quarterOptions" :key="item.value" :label="item.label" :value="item.value"
+            style="width: 140px">
           </el-option>
         </el-select>
-        <el-date-picker
-          size="mini"
-          v-if="type != 'quarter'"
-          class="selectRoad"
-          v-model="dateTime"
-          style="width: 140px"
-          :type="
-            type == 'date'
-              ? 'date'
-              : type == 'month'
-              ? 'month'
-              : type == 'year'
-              ? 'year'
-              : ''
-          "
-          placeholder="请选择"
-          :clearable="false"
-        />
-
-        <el-button
-          type="primary"
-          size="mini"
-          class="btnSearch"
-          @click="searchQuery"
-          icon="el-icon-search"
-          >查询</el-button
-        >
-        <el-button
-          class="btnReset"
-          size="mini"
-          icon="el-icon-refresh-left"
-          @click="onReset"
-          >重置</el-button
-        >
+        <el-date-picker size="mini" v-if="type != 'quarter'" class="selectRoad" v-model="dateTime" style="width: 140px"
+          :type="type == 'date'
+        ? 'date'
+        : type == 'month'
+          ? 'month'
+          : type == 'year'
+            ? 'year'
+            : ''
+        " placeholder="请选择" :clearable="false" />
+
+        <el-button type="primary" size="mini" class="btnSearch" @click="searchQuery"
+          icon="el-icon-search">查询</el-button>
+        <el-button class="btnReset" size="mini" icon="el-icon-refresh-left" @click="onReset">重置</el-button>
       </div>
     </div>
 
@@ -90,7 +38,7 @@
         <WgtTitle :title="'感知事件趋势分析'"></WgtTitle>
         <div class="unit_con">
           <Empty v-if="!chart1List || chart1List.length <= 0" text="暂无数据..." class="empty"></Empty>
-          <div v-else id="chart1" class="chart_div" ></div>
+          <div v-else id="chart1" class="chart_div"></div>
         </div>
       </div>
 
@@ -98,7 +46,7 @@
         <WgtTitle :title="'感知事件类型分析'"></WgtTitle>
         <div class="unit_con">
           <Empty v-show="!chart2List || chart2List.length <= 0" text="暂无数据..." class="empty"></Empty>
-          <div id="chart2" class="chart_div" ></div>
+          <div id="chart2" class="chart_div"></div>
         </div>
       </div>
 
@@ -106,7 +54,7 @@
         <WgtTitle :title="'桩号范围内事件分析趋势'"></WgtTitle>
         <div class="unit_con">
           <Empty v-show="!chart3List || chart3List.length <= 0" text="暂无数据..." class="empty"></Empty>
-          <div id="chart3" class="chart_div" ></div>
+          <div id="chart3" class="chart_div"></div>
         </div>
       </div>
     </div>
@@ -261,7 +209,7 @@ export default {
       ],
     };
   },
-  created() {},
+  created() { },
   methods: {
     selectProgress(item, index) {
       this.selectIndex = index;
@@ -409,7 +357,7 @@ export default {
             chart1.series[0].data = numbers;
           }
         }
-        this.$nextTick(()=>{
+        this.$nextTick(() => {
           this.initChart1();
         })
       });
@@ -423,8 +371,8 @@ export default {
         quarter: this.quarter,
       }).then((res) => {
         chart2.series[0].data = [];
+        let types = [];
         if (res.code == 200) {
-          let types = [];
           let numbers = [];
           this.chart2List = res.data;
           let data = res.data.warningTypeList;
@@ -440,16 +388,20 @@ export default {
             } else if (it.warningType == 4) {
               types.push("停车");
             } else if (it.warningType == 5) {
-              types.push("倒车/逆行");
+              types.push("违规驾驶");
             } else if (it.warningType == 6) {
-              types.push("烟火");
+              types.push("路障");
             } else if (it.warningType == 7) {
-              types.push("撒落物");
+              types.push("道路施工");
             } else if (it.warningType == 8) {
               types.push("异常天气");
             } else if (it.warningType == 9) {
               types.push("护栏碰撞");
-            } else {
+            } else if (it.warningType == 10) {
+              types.push("交通事故");
+            } else if (it.warningType == 11) {
+              types.push("车辆故障");
+            } else if (it.warningType == 99) {
               types.push("其他");
             }
 
@@ -498,8 +450,8 @@ export default {
           //   this.myChart2.setOption(chart2);
           // })
         }
-        this.$nextTick(()=>{
-          this.initChart2();
+        this.$nextTick(() => {
+          this.initChart2(types);
         })
       });
       //路段范围内桩号分布
@@ -570,8 +522,8 @@ export default {
           chart3.series[0].data = values1;
           chart3.series[1].data = values2;
         }
-        this.$nextTick(()=>{
-           this.initChart3();
+        this.$nextTick(() => {
+          this.initChart3();
         })
       });
       // if (this.type == "day")
@@ -582,109 +534,114 @@ export default {
         this.dateTime = moment(new Date()).format("YYYY-MM-DD");
       }
     },
-    initChart1(){
-    this.myChart1 = echarts.init(document.getElementById("chart1"));
-    this.myChart1.setOption(chart1);
-  },
-  initChart3(){
-    this.myChart3 = echarts.init(document.getElementById("chart3"));
-    this.myChart3.setOption(chart3);
-  },
-  initChart2(){
-    
-        this.myChart2 = echarts.init(document.getElementById("chart2"));
-        this.myChart2.setOption(chart2);
-
-        const domMap = document.getElementById("chart2");
-        let parentDiv = domMap.firstChild;
-        // 创建canvas
-        let canvas = document.createElement("canvas");
-        canvas.width = parentDiv.offsetWidth;
-        canvas.height = parentDiv.offsetHeight;
-        parentDiv.appendChild(canvas);
-        const context = canvas.getContext("2d");
-        context.lineWidth = 1; // 设置线段宽度
-
-        // 填充渐变颜色
-        // 颜色断点
-        var gr = context.createLinearGradient(247, 63, 450, 0);
-        gr.addColorStop(1, "rgba(92,197,255,0)");
-        gr.addColorStop(0, "rgba(92,197,255,0.5)");
-        drawRoundRect(context, 357, 98, 140, 24, 12, gr);
-
-        // // 颜色断点
-        var gr = context.createLinearGradient(247, 63, 450, 0);
-        gr.addColorStop(1, "rgba(92,197,255,0)");
-        gr.addColorStop(0, "rgba(92,197,255,0.5)");
-        drawRoundRect(context, 357, 130, 140, 24, 12, gr);
-
-        // // 颜色断点
-        var gr = context.createLinearGradient(240, 63, 450, 0);
-        gr.addColorStop(1, "rgba(92,197,255,0)");
-        gr.addColorStop(0, "rgba(92,197,255,0.5)");
-        drawRoundRect(context, 357, 162, 140, 24, 12, gr);
-
-        // // 颜色断点
-        var gr = context.createLinearGradient(240, 63, 450, 0);
-        gr.addColorStop(1, "rgba(92,197,255,0)");
-        gr.addColorStop(0, "rgba(92,197,255,0.5)");
-        drawRoundRect(context, 357, 194, 140, 24, 12, gr);
-
-        // // 颜色断点
-        // var gr = context.createLinearGradient(240, 63, 450, 0);
-        // gr.addColorStop(1, 'rgba(92,197,255,0)');
-        // gr.addColorStop(0, 'rgba(92,197,255,0.5)');
-        // drawRoundRect(context, 267, 258, 140, 24, 12, gr)
-
-        // // 颜色断点
-        // var gr = context.createLinearGradient(400, 63, 450, 0);
-        // gr.addColorStop(1, 'rgba(92,197,255,0)');
-        // gr.addColorStop(0, 'rgba(92,197,255,0.5)');
-        // drawRoundRect(context, 416, 57, 140, 24, 12, gr)
-
-        // // 颜色断点
-        // var gr = context.createLinearGradient(350, 63, 450, 0);
-        // gr.addColorStop(1, 'rgba(92,197,255,0)');
-        // gr.addColorStop(0, 'rgba(92,197,255,0.5)');
-        // drawRoundRect(context, 416, 108, 140, 24, 12, gr)
-
-        // // 颜色断点
-        // var gr = context.createLinearGradient(300, 63, 450, 0);
-        // gr.addColorStop(1, 'rgba(92,197,255,0)');
-        // gr.addColorStop(0, 'rgba(92,197,255,0.5)');
-        // drawRoundRect(context, 416, 157, 140, 24, 12, gr)
-
-        // // 颜色断点
-        // var gr = context.createLinearGradient(300, 63, 450, 0);
-        // gr.addColorStop(1, 'rgba(92,197,255,0)');
-        // gr.addColorStop(0, 'rgba(92,197,255,0.5)');
-        // drawRoundRect(context, 416, 208, 140, 24, 12, gr);
-  },
+    initChart1() {
+      this.myChart1 = echarts.init(document.getElementById("chart1"));
+      this.myChart1.setOption(chart1);
+    },
+    initChart3() {
+      this.myChart3 = echarts.init(document.getElementById("chart3"));
+      this.myChart3.setOption(chart3);
+    },
+    initChart2(types) {
+
+      this.myChart2 = echarts.init(document.getElementById("chart2"));
+      this.myChart2.setOption(chart2);
+
+      const domMap = document.getElementById("chart2");
+      let parentDiv = domMap.firstChild;
+      // 创建canvas
+      let canvas = document.createElement("canvas");
+      canvas.width = parentDiv.offsetWidth;
+      canvas.height = parentDiv.offsetHeight;
+      parentDiv.appendChild(canvas);
+      const context = canvas.getContext("2d");
+      context.lineWidth = 1; // 设置线段宽度
+
+      // 填充渐变颜色
+      // 颜色断点
+      var gr = context.createLinearGradient(247, 63, 450, 0);
+      gr.addColorStop(1, "rgba(92,197,255,0)");
+      gr.addColorStop(0, "rgba(92,197,255,0.5)");
+
+      console.log('types', types)
+      types.forEach((it, index) => {
+        drawRoundRect(context, 357, (98 + index * 32), 140, 24, 12, gr);
+      })
+
+
+      // // 颜色断点
+      // var gr = context.createLinearGradient(247, 63, 450, 0);
+      // gr.addColorStop(1, "rgba(92,197,255,0)");
+      // gr.addColorStop(0, "rgba(92,197,255,0.5)");
+      // drawRoundRect(context, 357, 130, 140, 24, 12, gr);
+
+      // // // 颜色断点
+      // var gr = context.createLinearGradient(240, 63, 450, 0);
+      // gr.addColorStop(1, "rgba(92,197,255,0)");
+      // gr.addColorStop(0, "rgba(92,197,255,0.5)");
+      // drawRoundRect(context, 357, 162, 140, 24, 12, gr);
+
+      // // // 颜色断点
+      // var gr = context.createLinearGradient(240, 63, 450, 0);
+      // gr.addColorStop(1, "rgba(92,197,255,0)");
+      // gr.addColorStop(0, "rgba(92,197,255,0.5)");
+      // drawRoundRect(context, 357, 194, 140, 24, 12, gr);
+
+      // // 颜色断点
+      // var gr = context.createLinearGradient(240, 63, 450, 0);
+      // gr.addColorStop(1, 'rgba(92,197,255,0)');
+      // gr.addColorStop(0, 'rgba(92,197,255,0.5)');
+      // drawRoundRect(context, 267, 258, 140, 24, 12, gr)
+
+      // // 颜色断点
+      // var gr = context.createLinearGradient(400, 63, 450, 0);
+      // gr.addColorStop(1, 'rgba(92,197,255,0)');
+      // gr.addColorStop(0, 'rgba(92,197,255,0.5)');
+      // drawRoundRect(context, 416, 57, 140, 24, 12, gr)
+
+      // // 颜色断点
+      // var gr = context.createLinearGradient(350, 63, 450, 0);
+      // gr.addColorStop(1, 'rgba(92,197,255,0)');
+      // gr.addColorStop(0, 'rgba(92,197,255,0.5)');
+      // drawRoundRect(context, 416, 108, 140, 24, 12, gr)
+
+      // // 颜色断点
+      // var gr = context.createLinearGradient(300, 63, 450, 0);
+      // gr.addColorStop(1, 'rgba(92,197,255,0)');
+      // gr.addColorStop(0, 'rgba(92,197,255,0.5)');
+      // drawRoundRect(context, 416, 157, 140, 24, 12, gr)
+
+      // // 颜色断点
+      // var gr = context.createLinearGradient(300, 63, 450, 0);
+      // gr.addColorStop(1, 'rgba(92,197,255,0)');
+      // gr.addColorStop(0, 'rgba(92,197,255,0.5)');
+      // drawRoundRect(context, 416, 208, 140, 24, 12, gr);
+    },
   },
   mounted() {
-        getRoadSectionList().then((res) => {
-          console.log(res);
-          if (res.code == 200) {
-            let rows = res.data;
-            this.dataList = [];
-            rows.forEach((it) => {
-              this.dataList.push({
-                title: it.sectionName.split("-")[0],
-                id: it.id,
-              });
-            });
-            //最后一项取结束点
-            if (rows.length > 1) {
-              this.dataList.push({
-                title: rows[rows.length - 1].sectionName.split("-")[1],
-                id: rows[rows.length - 1].id,
-              });
-            }
-            console.log("dataList", this.dataList);
-          }
-          this.searchQuery();
+    getRoadSectionList().then((res) => {
+      console.log(res);
+      if (res.code == 200) {
+        let rows = res.data;
+        this.dataList = [];
+        rows.forEach((it) => {
+          this.dataList.push({
+            title: it.sectionName.split("-")[0],
+            id: it.id,
+          });
         });
-        
+        //最后一项取结束点
+        if (rows.length > 1) {
+          this.dataList.push({
+            title: rows[rows.length - 1].sectionName.split("-")[1],
+            id: rows[rows.length - 1].id,
+          });
+        }
+        console.log("dataList", this.dataList);
+      }
+      this.searchQuery();
+    });
+
   }
 };
 </script>
@@ -694,37 +651,44 @@ export default {
   position: relative;
 
   .comp_body {
-    width: 100%; height: 100%;
+    width: 100%;
+    height: 100%;
     display: flex;
     align-items: stretch;
     font-size: 14px;
 
-    > div {
+    >div {
       flex: 1;
-      background: linear-gradient(
-        180deg,
-        rgba(6, 66, 88, 0.2) 0%,
-        #064258 100%
-      );
+      background: linear-gradient(180deg,
+          rgba(6, 66, 88, 0.2) 0%,
+          #064258 100%);
       border: 1px solid;
-      border-image: linear-gradient(
-          360deg,
+      border-image: linear-gradient(360deg,
           rgba(55, 231, 255, 0.3),
-          rgba(55, 231, 255, 0)
-        )
-        1 1;
-        display: flex; flex-direction: column; align-items: stretch;
+          rgba(55, 231, 255, 0)) 1 1;
+      display: flex;
+      flex-direction: column;
+      align-items: stretch;
       margin-right: 14px;
-      &:last-child{ margin-right: 0;}
+
+      &:last-child {
+        margin-right: 0;
+      }
     }
 
     .unit_con {
       flex: 1;
-      margin: 95px 20px 30px; position: relative;
+      margin: 95px 20px 30px;
+      position: relative;
+    }
+
+    .empty {
+      position: absolute;
     }
-    .empty{ position: absolute;}
-    .chart_div{
-      width: 100%; height: 100%;
+
+    .chart_div {
+      width: 100%;
+      height: 100%;
     }
   }
 
@@ -816,54 +780,12 @@ export default {
 </style>
 
 <style lang="scss">
-div.el-popover:has(> .el-date-picker)
-  div
-  .el-picker-panel__body
-  .el-picker-panel__content
-  table
-  tr
-  td.today
-  span,
-div.el-popover:has(> .el-date-picker)
-  div
-  .el-picker-panel__body
-  .el-picker-panel__content
-  table
-  tr
-  td.today
-  .cell,
-div.el-picker-panel.el-date-picker.el-popper
-  div
-  .el-picker-panel__body
-  .el-picker-panel__content
-  table
-  tr
-  td.today
-  span,
-div.el-picker-panel.el-date-picker.el-popper
-  div
-  .el-picker-panel__body
-  .el-picker-panel__content
-  table
-  tr
-  td.today
-  .cell,
-div.el-picker-panel.el-date-range-picker.el-popper
-  div
-  .el-picker-panel__body
-  .el-picker-panel__content
-  table
-  tr
-  td.today
-  span,
-div.el-picker-panel.el-date-range-picker.el-popper
-  div
-  .el-picker-panel__body
-  .el-picker-panel__content
-  table
-  tr
-  td.today
-  .cell {
+div.el-popover:has(> .el-date-picker) div .el-picker-panel__body .el-picker-panel__content table tr td.today span,
+div.el-popover:has(> .el-date-picker) div .el-picker-panel__body .el-picker-panel__content table tr td.today .cell,
+div.el-picker-panel.el-date-picker.el-popper div .el-picker-panel__body .el-picker-panel__content table tr td.today span,
+div.el-picker-panel.el-date-picker.el-popper div .el-picker-panel__body .el-picker-panel__content table tr td.today .cell,
+div.el-picker-panel.el-date-range-picker.el-popper div .el-picker-panel__body .el-picker-panel__content table tr td.today span,
+div.el-picker-panel.el-date-range-picker.el-popper div .el-picker-panel__body .el-picker-panel__content table tr td.today .cell {
   color: #fff;
 }
 </style>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/typeAnalysis/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/typeAnalysis/index.vue
index 6f95dbd8..9debfcdc 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/typeAnalysis/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/components/typeAnalysis/index.vue
@@ -49,7 +49,7 @@ export default {
   data() {
     return {};
   },
-  created() {},
+  created() { },
   methods: {},
   mounted() {
     setTimeout(() => {
@@ -83,17 +83,17 @@ export default {
                 value: 0,
               },
               {
-                name: "倒车/逆行",
+                name: "违规驾驶",
                 warningType: 5,
                 value: 0,
               },
               {
-                name: "烟火",
+                name: "路障",
                 warningType: 6,
                 value: 0,
               },
               {
-                name: "撒落物",
+                name: "道路施工",
                 warningType: 7,
                 value: 0,
               },
@@ -191,20 +191,15 @@ export default {
 .congestion {
   .board {
     padding: 0px 20px;
-    background: linear-gradient(
-      180deg,
-      rgba(6, 66, 88, 0.2) 0%,
-      #06425888 100%
-    );
+    background: linear-gradient(180deg,
+        rgba(6, 66, 88, 0.2) 0%,
+        #06425888 100%);
     border-radius: 5px 5px 5px 5px;
     opacity: 1;
     border: 1px solid;
-    border-image: linear-gradient(
-        360deg,
+    border-image: linear-gradient(360deg,
         rgba(55, 231, 255, 0.1),
-        rgba(55, 231, 255, 0)
-      )
-      1 1;
+        rgba(55, 231, 255, 0)) 1 1;
     display: flex;
     justify-content: space-between;
     align-items: center;

From 7da466bf29528b3efd5d38b31a05b72604f2b04c Mon Sep 17 00:00:00 2001
From: zhoule <zz221011@163.com>
Date: Fri, 22 Mar 2024 20:07:06 +0800
Subject: [PATCH 10/11] =?UTF-8?q?=E7=96=B2=E5=8A=B3=E5=94=A4=E9=86=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/DeviceControlDialog.vue        | 366 +++++++++++-------
 .../Dialogs/FatigueWakesUp/index.vue          |  24 +-
 2 files changed, 240 insertions(+), 150 deletions(-)

diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/FatigueWakesUp/components/DeviceControlDialog.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/FatigueWakesUp/components/DeviceControlDialog.vue
index a7bb4368..a562d58c 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/FatigueWakesUp/components/DeviceControlDialog.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/FatigueWakesUp/components/DeviceControlDialog.vue
@@ -2,13 +2,80 @@
   <Dialog v-model="modelVisible" title="设备操作">
     <div class='DeviceControlDialog'>
 
-      <ElTabs v-model="activeName" class="tabs">
+      <ElTabs v-model="activeName" class="tabs" @tab-click="tabClick">
         <ElTabPane label="一般模式" name="first">
           <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" />
+          <div style="display: flex; margin: 20px 0;">
+            <p style="width: 115px;">工作时长(分):</p>
+            <el-input-number v-model="onWorkStatus2" :min="0" :max="999" label="工作时长(s分):"></el-input-number>
+          </div>
+          <Table :data="tableData">
+
+            <ElTableColumn prop="ds" label="段数"></ElTableColumn>
+
+            <ElTableColumn prop="time" width="120" label="时间">
+              <template slot-scope="scope">
+                <div style="display: flex;">
+                  <el-input-number style="width: 80px;" v-model="scope.row.time" :min="0" :max="999"></el-input-number>
+                  <p>秒</p>
+                </div>
+              </template>
+            </ElTableColumn>
+
+            <ElTableColumn prop="A" label="线路A">
+              <template slot-scope="scope">
+                <el-switch v-model="scope.row.A" active-color="#13ce66" inactive-color="#C9C9C9">
+                </el-switch>
+              </template>
+            </ElTableColumn>
+            <ElTableColumn prop="B" label="线路B">
+              <template slot-scope="scope">
+                <el-switch v-model="scope.row.B" active-color="#13ce66" inactive-color="#C9C9C9">
+                </el-switch>
+              </template>
+            </ElTableColumn>
+            <ElTableColumn prop="C" label="线路C">
+              <template slot-scope="scope">
+                <el-switch v-model="scope.row.C" active-color="#13ce66" inactive-color="#C9C9C9">
+                </el-switch>
+              </template>
+            </ElTableColumn>
+            <ElTableColumn prop="D" label="线路D">
+              <template slot-scope="scope">
+                <el-switch v-model="scope.row.D" active-color="#13ce66" inactive-color="#C9C9C9">
+                </el-switch>
+              </template>
+            </ElTableColumn>
+            <ElTableColumn prop="E" label="线路E">
+              <template slot-scope="scope">
+                <el-switch v-model="scope.row.E" active-color="#13ce66" inactive-color="#C9C9C9">
+                </el-switch>
+              </template>
+            </ElTableColumn>
+            <ElTableColumn prop="F" label="线路F">
+              <template slot-scope="scope">
+                <el-switch v-model="scope.row.F" active-color="#13ce66" inactive-color="#C9C9C9">
+                </el-switch>
+              </template>
+            </ElTableColumn>
+            <ElTableColumn prop="G" label="线路G">
+              <template slot-scope="scope">
+                <el-switch v-model="scope.row.G" active-color="#13ce66" inactive-color="#C9C9C9">
+                </el-switch>
+              </template>
+            </ElTableColumn>
+            <ElTableColumn prop="H" label="线路H">
+              <template slot-scope="scope">
+                <el-switch v-model="scope.row.H" active-color="#13ce66" inactive-color="#C9C9C9">
+                </el-switch>
+              </template>
+            </ElTableColumn>
+
+          </Table>
+
         </ElTabPane>
       </ElTabs>
     </div>
@@ -25,13 +92,11 @@
 </template>
 
 <script>
+import Table from '@screen/components/Table.vue';
 import Dialog from "@screen/components/Dialog/index.vue";
 import Button from "@screen/components/Buttons/Button.vue"
 import Form from '@screen/components/FormConfig';
-
-import { delay } from "@screen/utils/common.js"
 import request from "@/utils/request";
-
 import { Message } from "element-ui";
 
 
@@ -40,7 +105,8 @@ export default {
   components: {
     Dialog,
     Button,
-    Form
+    Form,
+    Table
   },
   model: {
     prop: 'visible',
@@ -54,40 +120,77 @@ export default {
     return {
       submitting: false,
       activeName: "first",
+      onWorkStatus2: 0,
       formData: {},
+      duan: ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T'],
+      tableData: [
+        // {
+        //   ds: 'A',
+        //   time: 0,
+        //   A: false,
+        //   B: false,
+        //   C: false,
+        //   D: false,
+        //   E: false,
+        //   F: false,
+        //   G: false,
+        //   H: false,
+        // }
+      ],
       formList1: [
         {
-          label: "设备模式:",
+          label: "工作模式:",
           key: "controlType",
-          type: "RadioGroup",
-          default: "00",
+          type: "select",
+          default: "1",
           options: {
-            type: 'circle',
             options: [
               {
-                key: "00",
-                label: "常量",
+                value: "0",
+                label: "激光关闭"
               },
               {
-                key: "01",
-                label: "闪烁",
-              }
+                value: "1",
+                label: "常亮模式"
+              },
+              {
+                value: "2",
+                label: "间隔100ms闪烁模式"
+              },
+              {
+                value: "3",
+                label: "间隔200ms闪烁模式",
+              },
+              {
+                value: "4",
+                label: "间隔500ms闪烁模式",
+              },
+              {
+                value: "5",
+                label: "2次闪烁模式"
+              },
+              {
+                value: "6",
+                label: "SOS模式"
+              },
             ],
           },
         },
         {
-          label: "操作时长:",
+          label: "工作时长(分):",
           key: "onWorkStatus",
           required: true,
-          type: "select",
+          default: 0,
+          type: "inputNumber",
           options: {
-            placeholder: "请选择",
+            min: 0,
+            max: 999
           }
         },
       ],
       formList2: [
         {
-          label: "设备模式:",
+          label: "工作模式:",
           key: "controlType",
           type: "RadioGroup",
           default: "00",
@@ -115,7 +218,7 @@ export default {
           }
         },
         {
-          label: "操作时长:",
+          label: "工作时长:",
           key: "onWorkStatus",
           required: true,
           type: "select",
@@ -123,12 +226,21 @@ export default {
             placeholder: "请选择",
           }
         },
-      ]
+      ],
+      rules: {
+        onWorkStatus: [
+          { required: true, message: '工作时长不能为空', trigger: 'blur' },
+        ],
+      }
     }
   },
   computed: {
     modelVisible: {
       get() {
+        if (this.visible) {
+          this.deviceId = 'K82+285';
+          this.initData();
+        }
         return this.visible
       },
       set(val) {
@@ -136,138 +248,128 @@ export default {
       }
     }
   },
-  watch: {
-    modelVisible: {
-      immediate: true,
-      handler(bool) {
-        if (!bool) return;
+  // watch: {
+  //   modelVisible: {
+  //     immediate: true,
+  //     handler(bool) {
+  //       if (!bool) return;
 
-        // this.reDisplay();
-      }
-    }
-  },
+  //       // this.requestURL();
+  //     }
+  //   }
+  // },
   methods: {
-    requestURL(functionId, options = {}) {
-      return new Promise((resolve, reject) => {
-        request.post(`business/device/functions/${this.deviceId}/${functionId}`, options)
-          .then((result) => {
-            if (result.code != 200) return reject();
-
-            resolve(result.data[0]);
-          })
-          .catch((err) => {
-            reject();
-          });
+    async initData() {
+      //查询模式
+      let result = await this.requestURL('ASKMD');
+      if (result.data == 7) {
+        this.activeName = 'second';
+        this.tabClick();
+      } else {
+        this.formData.controlType = result.data + "" || '1';
+        //查询时间
+        let resultTime = await this.requestURL('ASKTM');
+        this.formData.onWorkStatus = resultTime.data || 0;
+        this.activeName = 'first';
+      }
+    },
+    async requestURL(functionId, options = {}) {
+      let result = await request({
+        url: `/business/device/functions/${this.deviceId}/${functionId}`,
+        method: "post",
+        data: options,
       });
+      if (result.code != 200) return Message.error(result?.msg);
+      //模式设定：SETMD；模式查询：ASKMD；时间设定：SETTM；时间查询：ASKTM；自定义设置：SETDF；自定义查询：ASKDF
+      console.log('aaaa', result);
+      return result;
     },
-    reDisplay() {
-      this.requestURL(52)
-        .then(async (data) => {
-          await delay(0);
-
-          const formData = this.$refs.FormConfigRef?.formData;
+    async tabClick() {
+      if (this.activeName == 'second') {
+        //查询自定义模式
+        let result = await request({
+          url: `/business/device/properties/latest/${this.deviceId}`,
+          method: "get",
+        });
+        if (result.code != 200) return Message.error(result?.msg);
 
-          formData.controlType = data.mode;
-
-          switch (data.mode) {
-            case "00":
-              formData.onWorkStatus = data.onWorkStatus;
-              formData.inWorkStatus = data.inWorkStatus;
-              break;
-            case "01":
-            case "02":
-              await this.requestURL("3C")
-                .then((data2) => {
-                  formData.onWorkStatus = data2.onWorkStatus;
-                  formData.inWorkStatus = data2.inWorkStatus;
-
-                  if (data.mode === '01')
-                    formData.displayTime = [data.startDisplay, data.endDisplay];
-                })
-                .catch(() => { });
-              break;
+        this.tableData = [];
+        let tData = [];
+        result.data.forEach(item => {
+          if (item.property == 'TM') {
+            this.onWorkStatus2 = item.value;
+          } else if (item.property == 'MD') {
+          } else {
+            let data = JSON.parse(item.value || {});
+            tData.push({ ...data, ds: item.property })
           }
-
-          this.oldFormData = { ...formData };
-
         })
+        this.tableData = tData;
+      }
     },
-    handleSubmit() {
-      const result = {}, formData = this.$refs.FormConfigRef?.formData;
-
-      result.mode = formData.controlType;
-
-      delete result.controlType;
+    async handleSubmit() {
+      if (this.activeName == 'first') {//一般模式
+        this.$refs.FormConfigRef.validate().then(async (formData) => {
+          console.log('formData', formData);
+          //设定模式
+          await this.requestURL('SETMD', { SET: formData.controlType })
+          //设定时长
+          let res = await this.requestURL('SETTM', { SET: formData.onWorkStatus })
+          console.log('res', res)
+          if (res.code == 200) {
+            Message.success('设置成功！');
+            this.$emit('update:value', false)
+          }
+        });
+      } else if (this.activeName == 'second') {//自定义模式
+        let rData = [];
 
-      if (result.mode === '01') {
-        if (!formData.displayTime?.length) return Message.error(`时间不能为空!`);
-      }
+        this.tableData.forEach((it, index) => {
+          rData.push({
+            order: 7,
+            time: it.time,
+            numberOfSegments: this.duan[index],
+            A: Number(it.A),
+            B: Number(it.B),
+            C: Number(it.C),
+            D: Number(it.D),
+            E: Number(it.E),
+            F: Number(it.F),
+            G: Number(it.G),
+            H: Number(it.H),
+          })
+        })
 
-      if (!formData.onWorkStatus || !formData.inWorkStatus) return Message.error(`工作状态不能为空!`);
+        //设定自定义模式
+        await request({
+          url: `/business/device/batchLaserFatigueInvokedFunction`,
+          method: "post",
+          data: {
+            deviceId: this.deviceId,
+            functionId: 'SETDF',
+            params: rData
+          }
+        });
+        //设定时长
+        let res = await this.requestURL('SETTM', { SET: this.onWorkStatus2 });
+        if (res.code == 200) {
+          Message.success('设置成功！')
+          this.$emit('update:value', false)
+        }
 
-      if (["01", "02"].includes(result.mode)) {
-        if (["04", "00"].includes(formData.onWorkStatus)) return Message.error(`上行工作状态不能选择当前类型!`);
-        if (["04", "00"].includes(formData.inWorkStatus)) return Message.error(`下行工作状态不能选择当前类型!`);
       }
 
-      result.onWorkStatus = formData.onWorkStatus;
-      result.inWorkStatus = formData.inWorkStatus;
-
-      this.submitting = true;
-
-      // this.submitting = false;
-      // return;
-
-      /**
-       * 接口 地址
-       *
-       * https://www.showdoc.com.cn/2450725213006196/10877717880262686
-       */
-      let promise = [];
-
-      switch (result.mode) {
-        case "00":
-          promise.push(this.requestURL("51", result))
-          break;
-        case "01":
-        case "02":
 
-          const options = { mode: result.mode };
-
-          if (result.mode === '01') {
-            options.startDisplayTime = formData.displayTime[0];
-            options.endDisplayTime = formData.displayTime[1];
-          }
-
-          promise.push(
-            this.requestURL("30", {
-              onWorkStatus: result.onWorkStatus,
-              inWorkStatus: result.inWorkStatus,
-            }),
-            this.requestURL("51", options),
-          )
-          break;
-      }
-      Promise.all(promise)
-        .then(() => {
-          this.modelVisible = false;
-        })
-        .catch((err) => {
-          console.log("%c [ err ]-110-「DeviceControlDialog.vue」", "font-size:15px; background:#547bf2; color:#98bfff;", err);
-          Message.error(`设备操作失败!`);
-        })
-        .finally(() => {
-          this.submitting = false;
-        })
     }
+
   },
 }
 </script>
 
 <style lang='scss' scoped>
 .DeviceControlDialog {
-  width: 450px;
-  height: 210px;
+  width: 850px;
+  min-height: 410px;
   display: flex;
   flex-direction: column;
   gap: 15px;
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/FatigueWakesUp/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/FatigueWakesUp/index.vue
index 22e2b3b1..49de0871 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/FatigueWakesUp/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/FatigueWakesUp/index.vue
@@ -4,20 +4,11 @@
       <Video class="video-stream" :pileNum="dialogData.stakeMark" />
       <ElTabs v-model="activeName" @tab-click="handleClickTabs" class="tabs">
         <ElTabPane label="基本信息" name="first">
-          <Descriptions
-            labelWidth="72px"
-            :list="list"
-            :data="data"
-            style="gap: 18px"
-          />
+          <Descriptions labelWidth="72px" :list="list" :data="data" style="gap: 18px" />
         </ElTabPane>
         <ElTabPane label="设备参数" name="second">设备参数</ElTabPane>
         <ElTabPane label="在线率统计" name="third">
-          <LineChart
-            v-if="activeName === 'third'"
-            :productId="dialogData.id"
-            style="height: 180px"
-          />
+          <LineChart v-if="activeName === 'third'" :productId="dialogData.id" style="height: 180px" />
         </ElTabPane>
       </ElTabs>
     </div>
@@ -25,11 +16,8 @@
     <template #footer>
       <Button @click.native="deviceControlVisible = true">设备操作</Button>
     </template>
-
-    <DeviceControlDialog
-      v-model="deviceControlVisible"
-      :deviceId="dialogData.iotDeviceId"
-    />
+    <!-- 设备操作弹窗 -->
+    <DeviceControlDialog v-model="deviceControlVisible" :deviceId="dialogData.iotDeviceId" />
   </Dialog>
 </template>
 
@@ -114,7 +102,7 @@ export default {
     if (roadInfo) this.$set(this.data, "roadName", roadInfo.roadName);
   },
   methods: {
-    handleClickTabs() {},
+    handleClickTabs() { },
   },
 };
 </script>
@@ -155,7 +143,7 @@ export default {
     align-items: center;
     justify-content: end;
 
-    > div {
+    >div {
       font-size: 16px;
       padding: 6px 12px;
     }

From 25407af3e8fe5fa68f3e9252cc6270c7da576ce6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E6=9C=8B?= <lbp608@126.com>
Date: Fri, 22 Mar 2024 20:40:15 +0800
Subject: [PATCH 11/11] ip

---
 ruoyi-ui/vue.config.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ruoyi-ui/vue.config.js b/ruoyi-ui/vue.config.js
index 9698abf8..3ec84b6f 100644
--- a/ruoyi-ui/vue.config.js
+++ b/ruoyi-ui/vue.config.js
@@ -53,7 +53,7 @@ module.exports = {
         // target: `http://10.168.69.255:8087`, //正晨后台 连现场物联 刘文阁
         // target: `http://10.168.78.135:8087`,  //王钦
         // target: `http://10.168.66.196:8087`, //正晨后台 连现场物联 刘文阁2
-        target: `http://10.168.65.156:8087`, //王思祥
+        target: `http://10.168.68.42:8087`, //王思祥
         // target: `http://10.168.65.194:8087`, //赵祥龙
         // target: `http://10.168.65.156:8097`, //孟
         // target: `http://10.168.56.165:8087`, //王家宝