From 22b2af35411d506c9b56961ca5507a556854de9b Mon Sep 17 00:00:00 2001
From: hui <770260999@qq.com>
Date: Mon, 1 Apr 2024 17:50:50 +0800
Subject: [PATCH 1/6] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=8B=96=E6=8B=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/assets/styles/JiHeExpressway.scss     |   2 +-
 ruoyi-ui/src/common/menuData.js               |   6 +
 .../components/BroadcastReleases.vue          |   2 +-
 .../Camera/components/CameraControlDialog.vue |   2 +-
 .../Dialogs/CongestedRoadSections/index.vue   |   2 +-
 .../components/DeviceControlDialog.vue        |   2 +-
 .../Dialogs/GuardrailCollision/index.vue      |   2 +-
 .../Dialogs/HighwayDetails/index.vue          |   2 +-
 .../Dialogs/Intermodulation/index.vue         |   2 +-
 .../components/DeviceControlDialog.vue        |   2 +-
 .../components/Dialogs/SmartDevice/index.vue  |   2 +-
 .../Dialogs/WakeUpLightCurtainInfo/index.vue  |   2 +-
 .../Dialogs/WeatherForecast/index.vue         |   2 +-
 .../statisticalAnalysis/index.vue             |  14 +-
 .../pages/service/board/index.vue             |  52 +++--
 .../service/boardRecord/images/refresh.svg    |  22 +++
 .../pages/service/boardRecord/index.vue       | 186 ++++++++++++++++++
 17 files changed, 272 insertions(+), 32 deletions(-)
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/service/boardRecord/images/refresh.svg
 create mode 100644 ruoyi-ui/src/views/JiHeExpressway/pages/service/boardRecord/index.vue

diff --git a/ruoyi-ui/src/assets/styles/JiHeExpressway.scss b/ruoyi-ui/src/assets/styles/JiHeExpressway.scss
index 0395d767..7db6541e 100644
--- a/ruoyi-ui/src/assets/styles/JiHeExpressway.scss
+++ b/ruoyi-ui/src/assets/styles/JiHeExpressway.scss
@@ -278,7 +278,7 @@
     }
 
     .el-picker-panel{
-      .today div a,.today div span{
+      .today div a,.today div span, .today a{
         color: #ff0 !important;
         font-weight: bold !important;
       }
diff --git a/ruoyi-ui/src/common/menuData.js b/ruoyi-ui/src/common/menuData.js
index f58ac82d..70e7f16d 100644
--- a/ruoyi-ui/src/common/menuData.js
+++ b/ruoyi-ui/src/common/menuData.js
@@ -177,6 +177,12 @@ export default [
         path: "/service/board",
         component: "service/board/index.vue",
       },
+      // {
+      //   title: "情报板记录",
+      //   name: "boardRecord",
+      //   path: "/service/boardRecord",
+      //   component: "service/boardRecord/index.vue",
+      // },
       {
         title: "情报板敏感词",
         name: "sensitive",
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/Broadcast/components/BroadcastReleases.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/Broadcast/components/BroadcastReleases.vue
index 3f9c9790..019b76c1 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/Broadcast/components/BroadcastReleases.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/Broadcast/components/BroadcastReleases.vue
@@ -1,5 +1,5 @@
 <template>
-  <Dialog v-model="modelVisible" title="广播发布" width="550px">
+  <Dialog v-model="modelVisible" title="广播发布" width="850px">
     <div class="BroadcastReleases">
       <div class="body">
         <div class="left">
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 63d1140b..80c0ae0d 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
@@ -1,5 +1,5 @@
 <template>
-  <Dialog v-model="modelVisible" title="相机控制" noneMask width="550px">
+  <Dialog v-model="modelVisible" title="相机控制" noneMask width="600px">
     <div class="CameraControlDialog">
       <div class="direction">
         <div class="control-container top" @click="controlClick(21)">
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/CongestedRoadSections/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/CongestedRoadSections/index.vue
index 0f2ee0fa..84b84ab2 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/CongestedRoadSections/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/CongestedRoadSections/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <Dialog class="CongestedRoadSections" width="550px">
+  <Dialog class="CongestedRoadSections" width="600px">
     <div class="video-presentations">
       <div class="video-item"></div>
       <div class="video-item"></div>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/DrivingGuidance/components/DeviceControlDialog.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/DrivingGuidance/components/DeviceControlDialog.vue
index 5ebcd419..a34a4490 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/DrivingGuidance/components/DeviceControlDialog.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/DrivingGuidance/components/DeviceControlDialog.vue
@@ -1,5 +1,5 @@
 <template>
-  <Dialog v-model="modelVisible" title="设备操作" width="550px">
+  <Dialog v-model="modelVisible" title="设备操作" width="600px">
     <div class="DeviceControlDialog">
       <Form
         v-model="formData"
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 f04836cb..ef3fe2e2 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
@@ -1,5 +1,5 @@
 <template>
-  <Dialog v-model="obverseVisible" title="护栏碰撞弹窗" width="550px">
+  <Dialog v-model="obverseVisible" title="护栏碰撞弹窗" width="600px">
     <Video class="video-stream" :pileNum="dialogData.stakeMark" />
 
     <div class="GuardrailCollision">
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/HighwayDetails/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/HighwayDetails/index.vue
index d674a6f7..89c57cf9 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/HighwayDetails/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/HighwayDetails/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <Dialog class="HighwayDetails" width="550px">
+  <Dialog class="HighwayDetails" width="600px">
     <div class="video-presentations">
       <div class="video-item"></div>
       <div class="video-item"></div>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/Intermodulation/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/Intermodulation/index.vue
index 27e0f656..042cfe2e 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/Intermodulation/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/Intermodulation/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <Dialog v-model="obverseVisible" title="一类交调站弹窗" width="550px">
+  <Dialog v-model="obverseVisible" title="一类交调站弹窗" width="600px">
     <Video class="video-stream" :pileNum="dialogData.stakeMark" />
 
     <div class="Intermodulation">
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/SmartDevice/components/DeviceControlDialog.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/SmartDevice/components/DeviceControlDialog.vue
index dd73bbda..200357eb 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/SmartDevice/components/DeviceControlDialog.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/SmartDevice/components/DeviceControlDialog.vue
@@ -1,5 +1,5 @@
 <template>
-  <Dialog v-model="modelVisible" title="设备操作" width="550px">
+  <Dialog v-model="modelVisible" title="设备操作" width="600px">
     <div class="DeviceControlDialog">
       <DeviceParams :dialogData="dialogData" />
     </div>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/SmartDevice/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/SmartDevice/index.vue
index 88c498fc..29feb81b 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/SmartDevice/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/SmartDevice/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <Dialog v-model="obverseVisible" title="智能设备箱" width="550px">
+  <Dialog v-model="obverseVisible" title="智能设备箱" width="600px">
     <Video class="video-stream" :pileNum="dialogData.stakeMark" />
 
     <div class="SmartDevice">
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/WakeUpLightCurtainInfo/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/WakeUpLightCurtainInfo/index.vue
index 82924b52..78d0f6c2 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/WakeUpLightCurtainInfo/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/WakeUpLightCurtainInfo/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <Dialog class="WakeUpLightCurtainInfo" width="550px">
+  <Dialog class="WakeUpLightCurtainInfo" width="600px">
     <div class="operation-btn">
       <div class="photo-btn">图像</div>
       <div class="video-btn">视频</div>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/WeatherForecast/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/WeatherForecast/index.vue
index 07492e62..01d99b8c 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/WeatherForecast/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/WeatherForecast/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <Dialog class="WeatherForecast" width="550px"> s </Dialog>
+  <Dialog class="WeatherForecast" width="600px"> s </Dialog>
 </template>
 
 <script>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/statisticalAnalysis/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/statisticalAnalysis/index.vue
index 5b557a6d..3c30c3c0 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/statisticalAnalysis/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/statisticalAnalysis/index.vue
@@ -104,6 +104,7 @@
               :current-page.sync="pageIndex"
               layout="total, sizes, prev, pager, next"
               :total="pageTotal"
+              @size-change="handleSizeChange"
             >
             </Pagination>
           </div>
@@ -153,7 +154,7 @@ export default {
       typeQuery: "", //高清网络枪型固定摄像机
       pageTotal: 0,
       pageIndex: 1,
-      pageSize: 10,
+      pageSize: 30,
       searchFormList,
       equipSeries: [
         "高清网络球形摄像机",
@@ -183,6 +184,10 @@ export default {
     clearInterval(this.interval);
   },
   methods: {
+    handleSizeChange(size){
+      this.pageSize = size;
+      this.initData();
+    },
     initData() {
       this.startTime = moment().startOf("month").format("YYYY-MM-DD HH:mm:ss");
       this.time = moment().format("YYYY-MM-DD HH:mm:ss");
@@ -379,24 +384,23 @@ export default {
       });
     },
     //查询列表
-    initQueryTable(pageIndex, pageSize = 30) {
+    initQueryTable(pageIndex) {
       this.setStatus("02", "doing");
       getSystemStatusTabList({
         startTime: this.startTime,
         time: this.time,
         type: this.typeQuery,
         pageNum: pageIndex,
-        pageSize: pageSize,
+        pageSize: this.pageSize,
       }).then((res) => {
         if (res.code == 200) {
           // if (res.rows && res.rows.length > 0) {
           this.setStatus("02", "finish");
           this.pageIndex = pageIndex;
-          this.pageSize = pageSize;
           this.pageTotal = res.total;
           this.tableData = res.rows;
           this.tableData.forEach((it, index) => {
-            it.order = (pageIndex - 1) * pageSize + index + 1;
+            it.order = (pageIndex - 1) * this.pageSize + index + 1;
           });
           // } else {
           //   this.setStatus("02", "empty");
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/service/board/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/service/board/index.vue
index 47fbe238..0bd82fde 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/service/board/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/service/board/index.vue
@@ -123,22 +123,23 @@
           </div>
         </div> -->
         <div class="partCon">
-          <!-- {{ selectedBdMsg }} -->
           <vuescroll :ops="scrollOptions" class="templateBox" v-if="selectedBdMsg.length > 0"
             :class="{ hide: isHideCtt }">
-            <div v-for="(itm, indx) in selectedBdMsg" :key="indx" class="tplItem">
-              <!-- 模板内容 -->
-              <BoardPreview class="boardPreview" :boardWH="selectedSize" :tpl="itm"></BoardPreview>
-              <!-- 操作按钮 -->
-              <div class="infoBtnBox">
-                <el-tooltip content="编辑" placement="top">
-                  <p @click="____onEditBoardItem(itm, indx)" class="btn btnEdit"></p>
-                </el-tooltip>
-                <el-tooltip content="删除" placement="top">
-                  <p @click="____onDeleteBoardItem(indx)" class="btn btnDelete"></p>
-                </el-tooltip>
+            <draggable tag="div" :list="selectedBdMsg" @end="____onDragend" ghostClass="ghost_class" dragClass="drag_class" chosenClass="chosen_class">
+              <div v-for="(itm, indx) in selectedBdMsg" :key="indx" class="tplItem">
+                <!-- 模板内容 -->
+                <BoardPreview class="boardPreview" :boardWH="selectedSize" :tpl="itm"></BoardPreview>
+                <!-- 操作按钮 -->
+                <div class="infoBtnBox">
+                  <el-tooltip content="编辑" placement="top">
+                    <p @click="____onEditBoardItem(itm, indx)" class="btn btnEdit"></p>
+                  </el-tooltip>
+                  <el-tooltip content="删除" placement="top">
+                    <p @click="____onDeleteBoardItem(indx)" class="btn btnDelete"></p>
+                  </el-tooltip>
+                </div>
               </div>
-            </div>
+            </draggable>
           </vuescroll>
           <Empty v-else text="请从设备回读或从模板添加信息..." style="padding-top: 100px"></Empty>
         </div>
@@ -216,6 +217,7 @@
   </div>
 </template>
 <script>
+import draggable from "vuedraggable";
 import Sortable from "sortablejs";
 import editInfo from "./editInfo";
 import {
@@ -247,6 +249,7 @@ export default {
   name: "Device",
   mixins: [InfoBoard],
   components: {
+    draggable,
     WgtTitle,
     BoardInfoEditor,
     editInfo,
@@ -545,6 +548,9 @@ export default {
         tpl,
       };
     },
+    ____onDragend(evt){
+      // console.log(evt, this.selectedBdMsg , "拖拽结束+++=======")
+    },
     ____onEditBoardItem(tpl, index) {
       // type : board template
       // mode : edit add toDevice toTemplate
@@ -1043,7 +1049,7 @@ export default {
           padding-bottom: 10px;
 
           .boardPreview {
-            border: 2px solid #004c64;
+            border: 2px solid #004c64; background-color: #133242;
             // width: 560px;
             // height:80px;
             flex: 1;
@@ -1055,7 +1061,7 @@ export default {
             display: flex;
             margin-left: 10px;
             /* // border: solid 1px #05afe3; */
-            border: 2px solid #004c64;
+            border: 2px solid #004c64; background-color: #133242;
             display: flex;
             justify-content: space-around;
             align-items: center;
@@ -1100,6 +1106,22 @@ export default {
           }
         }
 
+        .tplItem.ghost_class {
+          .boardPreview, .infoBtnBox{
+            border-color:#F00;
+          }
+        }
+        .tplItem.chosen_class {
+          .boardPreview, .infoBtnBox{
+            border-color:#0A0;
+          }
+        }
+        .tplItem.drag_class {
+          .boardPreview, .infoBtnBox{
+            border-color:#FF0;
+          }
+        }
+
         .el-collapse {
           max-height: 100% !important;
           overflow: auto;
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/service/boardRecord/images/refresh.svg b/ruoyi-ui/src/views/JiHeExpressway/pages/service/boardRecord/images/refresh.svg
new file mode 100644
index 00000000..e31a5500
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/service/boardRecord/images/refresh.svg
@@ -0,0 +1,22 @@
+<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 1142814398">
+<g id="Group 1142814396">
+<path id="Rectangle 1304" d="M1.0437 2.41495L4.5636 2.01738L4.91112 6.00562" stroke="white" stroke-linecap="round"/>
+<g id="Ellipse 835">
+<mask id="path-2-inside-1_290_77" fill="white">
+<path d="M4.29579 2.52494C4.09359 2.27296 3.71712 2.25216 3.51748 2.50144C2.86315 3.31847 2.39514 4.30903 2.15904 5.38649C1.87758 6.67096 1.93836 8.02122 2.3337 9.26652C2.72904 10.5118 3.44118 11.5962 4.38007 12.3826C5.16561 13.0406 6.08036 13.4652 7.0411 13.6229C7.35243 13.674 7.61901 13.4293 7.63212 13.1145C7.64523 12.7997 7.39954 12.5346 7.08935 12.4765C6.32757 12.3339 5.60349 11.9884 4.97813 11.4646C4.19938 10.8124 3.6087 9.91289 3.28078 8.87998C2.95287 7.84706 2.90245 6.72709 3.13591 5.66169C3.33404 4.75752 3.72906 3.92712 4.28182 3.24492C4.4503 3.03698 4.46523 2.7361 4.29579 2.52494Z"/>
+</mask>
+<path d="M4.29579 2.52494C4.09359 2.27296 3.71712 2.25216 3.51748 2.50144C2.86315 3.31847 2.39514 4.30903 2.15904 5.38649C1.87758 6.67096 1.93836 8.02122 2.3337 9.26652C2.72904 10.5118 3.44118 11.5962 4.38007 12.3826C5.16561 13.0406 6.08036 13.4652 7.0411 13.6229C7.35243 13.674 7.61901 13.4293 7.63212 13.1145C7.64523 12.7997 7.39954 12.5346 7.08935 12.4765C6.32757 12.3339 5.60349 11.9884 4.97813 11.4646C4.19938 10.8124 3.6087 9.91289 3.28078 8.87998C2.95287 7.84706 2.90245 6.72709 3.13591 5.66169C3.33404 4.75752 3.72906 3.92712 4.28182 3.24492C4.4503 3.03698 4.46523 2.7361 4.29579 2.52494Z" stroke="white" stroke-width="2" mask="url(#path-2-inside-1_290_77)"/>
+</g>
+</g>
+<g id="Group 1142814397">
+<path id="Rectangle 1304_2" d="M15.0437 11.585L11.5238 11.9826L11.1763 7.99438" stroke="white" stroke-linecap="round"/>
+<g id="Ellipse 835_2">
+<mask id="path-4-inside-2_290_77" fill="white">
+<path d="M11.7916 11.4751C11.9938 11.727 12.3703 11.7478 12.5699 11.4986C13.2242 10.6815 13.6923 9.69097 13.9284 8.61351C14.2098 7.32904 14.149 5.97878 13.7537 4.73348C13.3584 3.48817 12.6462 2.40376 11.7073 1.61737C10.9218 0.95942 10.007 0.534814 9.0463 0.377109C8.73497 0.326006 8.46839 0.570722 8.45528 0.885536C8.44218 1.20035 8.68786 1.46544 8.99805 1.5235C9.75983 1.6661 10.4839 2.01159 11.1093 2.53538C11.888 3.18765 12.4787 4.08711 12.8066 5.12002C13.1345 6.15294 13.1849 7.27291 12.9515 8.33831C12.7534 9.24248 12.3583 10.0729 11.8056 10.7551C11.6371 10.963 11.6222 11.2639 11.7916 11.4751Z"/>
+</mask>
+<path d="M11.7916 11.4751C11.9938 11.727 12.3703 11.7478 12.5699 11.4986C13.2242 10.6815 13.6923 9.69097 13.9284 8.61351C14.2098 7.32904 14.149 5.97878 13.7537 4.73348C13.3584 3.48817 12.6462 2.40376 11.7073 1.61737C10.9218 0.95942 10.007 0.534814 9.0463 0.377109C8.73497 0.326006 8.46839 0.570722 8.45528 0.885536C8.44218 1.20035 8.68786 1.46544 8.99805 1.5235C9.75983 1.6661 10.4839 2.01159 11.1093 2.53538C11.888 3.18765 12.4787 4.08711 12.8066 5.12002C13.1345 6.15294 13.1849 7.27291 12.9515 8.33831C12.7534 9.24248 12.3583 10.0729 11.8056 10.7551C11.6371 10.963 11.6222 11.2639 11.7916 11.4751Z" stroke="white" stroke-width="2" mask="url(#path-4-inside-2_290_77)"/>
+</g>
+</g>
+</g>
+</svg>
\ No newline at end of file
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/service/boardRecord/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/service/boardRecord/index.vue
new file mode 100644
index 00000000..a6218c69
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/service/boardRecord/index.vue
@@ -0,0 +1,186 @@
+<template>
+  <div class='board_record'>
+
+    <!-- 搜索栏 -->
+    <div class="filter">
+      <div>
+        <ButtonGradient @click="onRefresh" class="refresh-btn">
+          <template #prefix>
+            <img src="./images/refresh.svg" />
+          </template>
+          刷新
+        </ButtonGradient>
+        <!-- <ButtonGradient>
+          <template #prefix>
+            <img src="@screen/images/insert.svg" />
+          </template>
+          新增
+        </ButtonGradient> -->
+
+      </div>
+    </div>
+
+    <!-- 内容 -->
+    <div class="body">
+      <Table :data="tableData">
+        <ElTableColumn label="序号" width="60" />
+        <ElTableColumn label="发布设备" width="60" />
+        <ElTableColumn label="屏幕尺寸" width="60" />
+        <ElTableColumn label="设备方向" width="60" />
+        <ElTableColumn label="设备桩号" width="60" />
+        <ElTableColumn prop="eventName" label="发布内容" width="240" />
+        <ElTableColumn prop="eventName" label="发布事件" width="240" />
+        <ElTableColumn prop="eventName" label="发布状态" width="240" />
+        <ElTableColumn prop="eventName" label="发布用户" width="240" />
+        <ElTableColumn label="操作" width="210">
+          <template slot-scope="scope">
+            <ElButton type="text" style="color: #00D1FF;" @click="showDisposal(scope.row.eventType)">流程配置</ElButton>
+            <ElButton type="text" style="color: #00EBC1;" @click="showPhrases(scope.row)">常用语</ElButton>
+          </template>
+        </ElTableColumn>
+      </Table>
+    </div>
+
+    <!-- 分页 -->
+    <div class="footer">
+      <Pagination @current-change="initData" @size-change="onSizeChange" width="'100%'" :page-sizes="[10, 20, 30, 40, 50]"
+        :page-size="searchData.pageSize" :current-page.sync="searchData.pageNum" layout="total, sizes, prev, pager, next"
+        :total="total">
+      </Pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+import ButtonGradient from '@screen/components/Buttons/ButtonGradient.vue';
+import Pagination from '@screen/components/Pagination.vue';
+import Table from '@screen/components/Table.vue';
+import request from "@/utils/request";
+
+export default {
+  name: 'boardRecord',
+  components: {
+    ButtonGradient,
+    Pagination,
+    Table
+  },
+  data() {
+    return {
+      tableData: [],
+      isShowPhrases: false,
+      isShowDisposal: false,
+      total: 20,
+      eventType: 1,
+      searchData: {
+        pageSize: 20,
+        pageNum: 1,
+      },
+      phrasesData: [],
+      process: []
+    }
+  },
+  created() {
+    this.initData();
+  },
+  methods: {
+    initData() {
+      request({
+        url: `/business/dcEventType/list`,
+        method: "get",
+        params: this.searchData,
+      }).then((result) => {
+        if (result.code != 200) return Message.error(result?.msg);
+        this.tableData = result.rows;
+        this.total = result.total;
+      });
+    },
+    onRefresh() {
+      this.tableData = [];
+      setTimeout(() => {
+        this.initData();
+      }, 100);
+    },
+    onSizeChange(pageSize) {
+      this.searchData.pageSize = pageSize;
+      this.getData();
+    },
+    showPhrases(data) {
+      if (data?.processConfigList.length <= 0) {
+        Message.warning('请先配置流程！');
+        return;
+      }
+      let process = []
+      data.processConfigList.forEach(it => {
+        process.push({
+          id: it.id,
+          commonPhrases: it.commonPhrases,
+          label: it.processNode,
+          isActive: false,
+        })
+      })
+      this.process = process;
+      this.isShowPhrases = true;
+      this.eventType = data.eventType;
+    },
+    showDisposal(eventType) {
+      this.isShowDisposal = true;
+      this.eventType = eventType;
+    },
+    onClosePhrases() {
+      this.isShowPhrases = false
+    },
+    onCloseDisposal() {
+      this.isShowDisposal = false;
+    },
+    onUpdatePhrasesData(phrasesData) {
+      this.phrasesData = phrasesData;
+    }
+  }
+}
+</script>
+
+<style lang='scss' scoped>
+.board_record {
+  padding: 21px;
+
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  z-index: 6;
+  width: 100%;
+  height: 100%;
+
+  .filter {
+    height: 60px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    >div {
+      display: flex;
+      gap: 6px;
+    }
+  }
+
+  .body {
+    flex: 1;
+    position: relative;
+    overflow: hidden;
+
+    .content {
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      overflow: auto;
+    }
+  }
+
+  .footer {
+    margin-top: 15px;
+    height: 36px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}
+</style>

From aa57f41ee1e34b38d2a946023209f1aa21b76be0 Mon Sep 17 00:00:00 2001
From: qingzhengli <1204552371@qq.com>
Date: Mon, 1 Apr 2024 17:58:25 +0800
Subject: [PATCH 2/6] =?UTF-8?q?fix=20=E5=8F=8C=E5=87=BB=E6=89=8D=E8=83=BD?=
 =?UTF-8?q?=E5=87=BA=E5=8F=91=E5=BC=B9=E7=AA=97bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Home/components/RoadAndEvents/utils/map.js     | 14 ++++++++++++--
 .../pages/Home/components/Thumbnail/index.vue      |  2 +-
 2 files changed, 13 insertions(+), 3 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 e5c69034..ff81bccc 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
@@ -202,7 +202,7 @@ export class MarkerCluster {
     </div>`);
     window.infoWindow = this.infoWindow;
     this.infoWindow.open(map, currentPageData[0].lnglat);
-
+    window.openInfoWindow = true;
     this.infoWindow.dom.querySelector(".info-close").onclick = () =>
       this.infoWindow.close();
 
@@ -237,11 +237,21 @@ export class MarkerCluster {
     let hasClick = false;
 
     const reset = () => {
-      this.infoWindow?.close?.();
+      if (!window.openInfoWindow) {
+        this.infoWindow?.close?.();
+      }
     };
 
     map.on("zoomstart", reset);
     map.on("mapmove", reset);
+    map.on("moveend", async () => {
+      if (window.openInfoWindow) {
+        console.log("窗口位移结束");
+        window.openInfoWindow = false;
+        await new Promise((resolve) => setTimeout(resolve, 340));
+        window.infoWindow?.open?.();
+      }
+    });
 
     const markerCluster = new AMap.MarkerCluster(map, [], {
       // gridSize: 15,
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Thumbnail/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Thumbnail/index.vue
index 978a89a2..b91a768d 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Thumbnail/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Thumbnail/index.vue
@@ -13,7 +13,7 @@ import { actualLocationList, canvasList } from "./data.js";
 const mouseenterDebounceFunc = debounce(({ node }) => {
   if (["custom-html"].indexOf(node.shape) >= 0) {
     node.setZIndex(100);
-    console.log(node);
+    // console.log(node);
   }
 }, 0);
 const mouseleaveDebounceFunc = debounce(({ node }) => {

From 83d36e987d4bba6762605dc52a76478a0fa0f12c Mon Sep 17 00:00:00 2001
From: qingzhengli <1204552371@qq.com>
Date: Mon, 1 Apr 2024 18:06:22 +0800
Subject: [PATCH 3/6] =?UTF-8?q?feat=20=20=E5=A2=9E=E5=8A=A0=E5=BB=B6?=
 =?UTF-8?q?=E8=BF=9F840?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/Home/components/RoadAndEvents/utils/map.js           | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

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 ff81bccc..a0b120d9 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
@@ -238,6 +238,7 @@ export class MarkerCluster {
 
     const reset = () => {
       if (!window.openInfoWindow) {
+        // console.log(window.openInfoWindow, "rest");
         this.infoWindow?.close?.();
       }
     };
@@ -248,7 +249,7 @@ export class MarkerCluster {
       if (window.openInfoWindow) {
         console.log("窗口位移结束");
         window.openInfoWindow = false;
-        await new Promise((resolve) => setTimeout(resolve, 340));
+        await new Promise((resolve) => setTimeout(resolve, 840));
         window.infoWindow?.open?.();
       }
     });

From 739ac56a49abf6ee47ee66bebab0b9fd4527ec5d Mon Sep 17 00:00:00 2001
From: lau572 <1010031226@qq.com>
Date: Tue, 2 Apr 2024 11:37:45 +0800
Subject: [PATCH 4/6] =?UTF-8?q?=20x=E8=BD=B4=E9=97=B4=E9=9A=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/postTrendsMonth/assets/charts.js                 | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/postTrendsMonth/assets/charts.js b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/postTrendsMonth/assets/charts.js
index 28f57d2a..4ea30c4e 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/postTrendsMonth/assets/charts.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/postTrendsMonth/assets/charts.js
@@ -49,7 +49,7 @@ let options = {
       },
     },
     axisLabel: {
-      interval: 0,
+      interval: 1,
       align: "center",
       rotate: "1",
       margin: "20",

From c17ac70da27142b6188bfa22a17170f96bf18dc3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E6=9C=8B?= <lbp608@126.com>
Date: Tue, 2 Apr 2024 14:45:47 +0800
Subject: [PATCH 5/6] =?UTF-8?q?=E5=80=BC=E7=8F=AD=E4=BA=BA=E5=91=98?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=BC=B9=E7=AA=97=EF=BC=8C=E6=9C=AA=E6=B8=85?=
 =?UTF-8?q?=E9=99=A4=E4=B8=8A=E6=AC=A1=E6=89=93=E5=BC=80=E5=BC=B9=E7=AA=97?=
 =?UTF-8?q?=E6=97=B6=E7=9A=84=E4=BA=BA=E5=91=98=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ModifyDutyInformationTable.vue | 25 ++++++++++---------
 1 file changed, 13 insertions(+), 12 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 332f538e..7b81d0e1 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
@@ -61,7 +61,7 @@
     <template #footer>
       <Button
         :style="{ backgroundColor: '#0E708B' }"
-        @click.native="$emit('close')"
+        @click.native="closeWindow()"
       >
         取消</Button
       >
@@ -138,14 +138,7 @@ export default {
         return this.visible;
       },
       set(bool) {
-        //关闭弹窗组件,清空数据
-        if(!bool) {
-          this.dayShift = [];
-          this.graveyardShift = [];
-          this.peopleList = [];
-        }
-
-        this.$emit("close", bool);
+        this.closeWindow();
       },
     },
     getActive() {
@@ -157,6 +150,7 @@ export default {
     visible: {
       immediate: true,
       async handler(bool) {
+        this.clearData();
         if (!bool) return;
 
         this.dayShift = [...(this.data?.dayShift || [])];
@@ -235,11 +229,9 @@ export default {
           },
         })
           .then((result) => {
-            console.log("result.data:", result.data);
             this.dayShift = result.data.filter(
               (item) => item.scheduling === "1"
             );
-            console.log("this.dayShift11:", this.dayShift);
             this.graveyardShift = result.data.filter(
               (item) => item.scheduling === "2"
             );
@@ -386,7 +378,16 @@ export default {
         }
       }
     },
-  },
+    closeWindow(bool){
+      this.$emit("close", false);
+    },
+    clearData(){
+      //关闭弹窗组件,清空数据
+      this.dayShift = [];
+      this.graveyardShift = [];
+      this.peopleList = [];
+    }
+  }
 };
 </script>
 

From b43534488fc7e14718363b9f9cff0552e524fa71 Mon Sep 17 00:00:00 2001
From: qingzhengli <1204552371@qq.com>
Date: Tue, 2 Apr 2024 17:01:52 +0800
Subject: [PATCH 6/6] =?UTF-8?q?feat=20=E6=9B=B4=E6=96=B0=E6=91=84=E5=83=8F?=
 =?UTF-8?q?=E5=A4=B4=E6=92=AD=E6=94=BE=E9=94=99=E8=AF=AF=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../JiHeExpressway/components/Video/videoStream.js | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/ruoyi-ui/src/views/JiHeExpressway/components/Video/videoStream.js b/ruoyi-ui/src/views/JiHeExpressway/components/Video/videoStream.js
index dc4b6fff..d52db42b 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/components/Video/videoStream.js
+++ b/ruoyi-ui/src/views/JiHeExpressway/components/Video/videoStream.js
@@ -8,6 +8,11 @@ import {
   getNearCameraNew,
 } from "@screen/pages/Home/components/RoadAndEvents/utils/httpList.js";
 
+const ErrorTypesCn = {
+  NetworkError: "网络错误",
+  MediaError: "媒体错误",
+  OtherError: "其他错误",
+};
 /**
  * flv 视频测试
  * https://bilibili.github.io/flv.js/demo/
@@ -96,7 +101,10 @@ async function getUrl({ camId, url, pileNum, rangeIndex } = {}) {
     url = data.liveUrl;
   }
 
-  if (!url) return Promise.reject("获取 url 失败!");
+  if (!url) {
+    Message.warning("未获取到当前相机的播放地址");
+    return Promise.reject("获取 url 失败!");
+  }
 
   return url;
 }
@@ -187,7 +195,9 @@ export class HttpLivePlayer {
       console.log("errorType", errorType);
       console.log("errorDetail", errorDetail);
       console.log("errorInfo", errorInfo);
-
+      Message.warning(
+        `视频流加载失败, ${ErrorTypesCn[errorType] || "其他错误"}`
+      );
       this.initLiveVideo();
     });