diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/home-FrameControl/FrameControl.svg b/ruoyi-ui/src/views/JiHeExpressway/images/home-FrameControl/FrameControl.svg
index 41d1fec3..36e7160c 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/images/home-FrameControl/FrameControl.svg
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/home-FrameControl/FrameControl.svg
@@ -1,6 +1,3 @@
-<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Frame">
-<path id="Vector" d="M3.5 3.49984C3.5 2.881 3.74583 2.28751 4.18342 1.84992C4.621 1.41234 5.21449 1.1665 5.83333 1.1665H22.1667C22.7855 1.1665 23.379 1.41234 23.8166 1.84992C24.2542 2.28751 24.5 2.881 24.5 3.49984V12.4307C23.1037 11.548 21.4852 11.0807 19.8333 11.0832C17.9392 11.0801 16.0958 11.6945 14.5822 12.8332H12.25C11.9406 12.8332 11.6438 12.9561 11.425 13.1749C11.2062 13.3937 11.0833 13.6904 11.0833 13.9998C11.0833 14.3093 11.2062 14.606 11.425 14.8248C11.6438 15.0436 11.9406 15.1665 12.25 15.1665H12.4308C11.5482 16.5628 11.0808 18.1813 11.0833 19.8332C11.0833 22.6956 12.4577 25.2366 14.5822 26.8332H5.83333C5.21449 26.8332 4.621 26.5873 4.18342 26.1498C3.74583 25.7122 3.5 25.1187 3.5 24.4998V3.49984ZM9.91667 19.8332C9.91667 19.68 9.88649 19.5283 9.82786 19.3867C9.76923 19.2452 9.68329 19.1165 9.57496 19.0082C9.46662 18.8999 9.33801 18.8139 9.19646 18.7553C9.05492 18.6967 8.90321 18.6665 8.75 18.6665C8.59679 18.6665 8.44508 18.6967 8.30354 18.7553C8.16199 18.8139 8.03338 18.8999 7.92504 19.0082C7.81671 19.1165 7.73077 19.2452 7.67214 19.3867C7.61351 19.5283 7.58333 19.68 7.58333 19.8332C7.58333 20.1426 7.70625 20.4393 7.92504 20.6581C8.14383 20.8769 8.44058 20.9998 8.75 20.9998C9.05942 20.9998 9.35617 20.8769 9.57496 20.6581C9.79375 20.4393 9.91667 20.1426 9.91667 19.8332ZM9.91667 13.9998C9.91667 13.8466 9.88649 13.6949 9.82786 13.5534C9.76923 13.4118 9.68329 13.2832 9.57496 13.1749C9.46662 13.0665 9.33801 12.9806 9.19646 12.922C9.05492 12.8633 8.90321 12.8332 8.75 12.8332C8.59679 12.8332 8.44508 12.8633 8.30354 12.922C8.16199 12.9806 8.03338 13.0665 7.92504 13.1749C7.81671 13.2832 7.73077 13.4118 7.67214 13.5534C7.61351 13.6949 7.58333 13.8466 7.58333 13.9998C7.58333 14.3093 7.70625 14.606 7.92504 14.8248C8.14383 15.0436 8.44058 15.1665 8.75 15.1665C9.05942 15.1665 9.35617 15.0436 9.57496 14.8248C9.79375 14.606 9.91667 14.3093 9.91667 13.9998ZM11.0833 8.1665C11.0833 8.47592 11.2062 8.77267 11.425 8.99146C11.6438 9.21025 11.9406 9.33317 12.25 9.33317H19.25C19.4032 9.33319 19.555 9.30303 19.6965 9.24441C19.8381 9.18579 19.9667 9.09986 20.0751 8.99152C20.1834 8.88319 20.2694 8.75457 20.328 8.61301C20.3867 8.47145 20.4168 8.31973 20.4168 8.1665C20.4168 8.01328 20.3867 7.86156 20.328 7.72C20.2694 7.57844 20.1834 7.44982 20.0751 7.34148C19.9667 7.23315 19.8381 7.14721 19.6965 7.08859C19.555 7.02997 19.4032 6.99981 19.25 6.99984H12.25C12.0968 6.99984 11.9451 7.03001 11.8035 7.08864C11.662 7.14727 11.5334 7.23321 11.425 7.34155C11.3167 7.44988 11.2308 7.57849 11.1721 7.72004C11.1135 7.86159 11.0833 8.01329 11.0833 8.1665ZM9.91667 8.1665C9.91667 8.01329 9.88649 7.86159 9.82786 7.72004C9.76923 7.57849 9.68329 7.44988 9.57496 7.34155C9.46662 7.23321 9.33801 7.14727 9.19646 7.08864C9.05492 7.03001 8.90321 6.99984 8.75 6.99984C8.59679 6.99984 8.44508 7.03001 8.30354 7.08864C8.16199 7.14727 8.03338 7.23321 7.92504 7.34155C7.81671 7.44988 7.73077 7.57849 7.67214 7.72004C7.61351 7.86159 7.58333 8.01329 7.58333 8.1665C7.58333 8.47592 7.70625 8.77267 7.92504 8.99146C8.14383 9.21025 8.44058 9.33317 8.75 9.33317C9.05942 9.33317 9.35617 9.21025 9.57496 8.99146C9.79375 8.77267 9.91667 8.47592 9.91667 8.1665Z" fill="white"/>
-<path id="Vector_2" d="M12.8335 19.8335C12.8335 15.9677 15.9677 12.8335 19.8335 12.8335C23.6992 12.8335 26.8335 15.9677 26.8335 19.8335C26.8335 23.6992 23.6992 26.8335 19.8335 26.8335C15.9677 26.8335 12.8335 23.6992 12.8335 19.8335ZM21.0025 16.3335C21.0025 16.1803 20.9724 16.0285 20.9137 15.887C20.8551 15.7454 20.7692 15.6168 20.6609 15.5084C20.5525 15.4001 20.4239 15.3141 20.2823 15.2555C20.1408 15.1968 19.9891 15.1667 19.8358 15.1667C19.6826 15.1667 19.5309 15.1968 19.3893 15.2555C19.2478 15.3141 19.1191 15.4001 19.0108 15.5084C18.9025 15.6168 18.8165 15.7454 18.7579 15.887C18.6993 16.0285 18.6691 16.1803 18.6692 16.3335V19.8358C18.669 19.9891 18.6991 20.1409 18.7577 20.2825C18.8162 20.4241 18.9021 20.5528 19.0104 20.6612L21.4837 23.1346C21.5921 23.2429 21.7208 23.3288 21.8624 23.3874C22.004 23.446 22.1558 23.4761 22.309 23.4761C22.4622 23.476 22.614 23.4458 22.7555 23.3871C22.8971 23.3284 23.0257 23.2424 23.134 23.134C23.2423 23.0256 23.3282 22.8969 23.3868 22.7553C23.4454 22.6137 23.4755 22.462 23.4755 22.3088C23.4754 22.1555 23.4452 22.0038 23.3865 21.8622C23.3278 21.7207 23.2418 21.5921 23.1334 21.4837L21.0025 19.3528V16.3335Z" fill="white"/>
-</g>
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Vector" d="M3.99929 3.66667H2.00043V0H4.00086V3.66667H3.99929ZM3.99929 10.0833V22H2.00043V10.0833H4.00086H3.99929ZM12.0002 11.9167H9.99979V0H12.0002V11.9167ZM12.0002 18.3333V22H9.99979V18.3333H12.0002ZM20.0004 5.5H17.9999V0H20.0004V5.5ZM20.0004 11.9167V22H17.9999V11.9167H20.0004ZM1.00021 4.58333H4.9995C5.55264 4.58333 5.99971 4.994 5.99972 5.5V8.25C5.99972 8.756 5.55186 9.16667 5.00029 9.16667H1.00021C0.447857 9.16667 0 8.756 0 8.25V5.5C0 4.994 0.447857 4.58333 1.00021 4.58333ZM9.00036 12.8333H12.9996C13.552 12.8333 13.9999 13.244 13.9999 13.75V16.5C13.9999 17.006 13.552 17.4167 12.9996 17.4167H9.00036C8.448 17.4167 8.00014 17.006 8.00014 16.5V13.75C8.00014 13.244 8.448 12.8333 9.00036 12.8333ZM16.9997 6.41667H20.9998C21.5521 6.41667 22 6.82733 22 7.33333V10.0833C22 10.5893 21.5521 11 20.9998 11H17.0005C16.4474 11 16.0003 10.5893 16.0003 10.0833V7.33333C16.0003 6.82733 16.4481 6.41667 16.9997 6.41667Z" fill="white"/>
 </svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/images/home-FrameControl/FrameControl1.svg b/ruoyi-ui/src/views/JiHeExpressway/images/home-FrameControl/FrameControl1.svg
new file mode 100644
index 00000000..41d1fec3
--- /dev/null
+++ b/ruoyi-ui/src/views/JiHeExpressway/images/home-FrameControl/FrameControl1.svg
@@ -0,0 +1,6 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Frame">
+<path id="Vector" d="M3.5 3.49984C3.5 2.881 3.74583 2.28751 4.18342 1.84992C4.621 1.41234 5.21449 1.1665 5.83333 1.1665H22.1667C22.7855 1.1665 23.379 1.41234 23.8166 1.84992C24.2542 2.28751 24.5 2.881 24.5 3.49984V12.4307C23.1037 11.548 21.4852 11.0807 19.8333 11.0832C17.9392 11.0801 16.0958 11.6945 14.5822 12.8332H12.25C11.9406 12.8332 11.6438 12.9561 11.425 13.1749C11.2062 13.3937 11.0833 13.6904 11.0833 13.9998C11.0833 14.3093 11.2062 14.606 11.425 14.8248C11.6438 15.0436 11.9406 15.1665 12.25 15.1665H12.4308C11.5482 16.5628 11.0808 18.1813 11.0833 19.8332C11.0833 22.6956 12.4577 25.2366 14.5822 26.8332H5.83333C5.21449 26.8332 4.621 26.5873 4.18342 26.1498C3.74583 25.7122 3.5 25.1187 3.5 24.4998V3.49984ZM9.91667 19.8332C9.91667 19.68 9.88649 19.5283 9.82786 19.3867C9.76923 19.2452 9.68329 19.1165 9.57496 19.0082C9.46662 18.8999 9.33801 18.8139 9.19646 18.7553C9.05492 18.6967 8.90321 18.6665 8.75 18.6665C8.59679 18.6665 8.44508 18.6967 8.30354 18.7553C8.16199 18.8139 8.03338 18.8999 7.92504 19.0082C7.81671 19.1165 7.73077 19.2452 7.67214 19.3867C7.61351 19.5283 7.58333 19.68 7.58333 19.8332C7.58333 20.1426 7.70625 20.4393 7.92504 20.6581C8.14383 20.8769 8.44058 20.9998 8.75 20.9998C9.05942 20.9998 9.35617 20.8769 9.57496 20.6581C9.79375 20.4393 9.91667 20.1426 9.91667 19.8332ZM9.91667 13.9998C9.91667 13.8466 9.88649 13.6949 9.82786 13.5534C9.76923 13.4118 9.68329 13.2832 9.57496 13.1749C9.46662 13.0665 9.33801 12.9806 9.19646 12.922C9.05492 12.8633 8.90321 12.8332 8.75 12.8332C8.59679 12.8332 8.44508 12.8633 8.30354 12.922C8.16199 12.9806 8.03338 13.0665 7.92504 13.1749C7.81671 13.2832 7.73077 13.4118 7.67214 13.5534C7.61351 13.6949 7.58333 13.8466 7.58333 13.9998C7.58333 14.3093 7.70625 14.606 7.92504 14.8248C8.14383 15.0436 8.44058 15.1665 8.75 15.1665C9.05942 15.1665 9.35617 15.0436 9.57496 14.8248C9.79375 14.606 9.91667 14.3093 9.91667 13.9998ZM11.0833 8.1665C11.0833 8.47592 11.2062 8.77267 11.425 8.99146C11.6438 9.21025 11.9406 9.33317 12.25 9.33317H19.25C19.4032 9.33319 19.555 9.30303 19.6965 9.24441C19.8381 9.18579 19.9667 9.09986 20.0751 8.99152C20.1834 8.88319 20.2694 8.75457 20.328 8.61301C20.3867 8.47145 20.4168 8.31973 20.4168 8.1665C20.4168 8.01328 20.3867 7.86156 20.328 7.72C20.2694 7.57844 20.1834 7.44982 20.0751 7.34148C19.9667 7.23315 19.8381 7.14721 19.6965 7.08859C19.555 7.02997 19.4032 6.99981 19.25 6.99984H12.25C12.0968 6.99984 11.9451 7.03001 11.8035 7.08864C11.662 7.14727 11.5334 7.23321 11.425 7.34155C11.3167 7.44988 11.2308 7.57849 11.1721 7.72004C11.1135 7.86159 11.0833 8.01329 11.0833 8.1665ZM9.91667 8.1665C9.91667 8.01329 9.88649 7.86159 9.82786 7.72004C9.76923 7.57849 9.68329 7.44988 9.57496 7.34155C9.46662 7.23321 9.33801 7.14727 9.19646 7.08864C9.05492 7.03001 8.90321 6.99984 8.75 6.99984C8.59679 6.99984 8.44508 7.03001 8.30354 7.08864C8.16199 7.14727 8.03338 7.23321 7.92504 7.34155C7.81671 7.44988 7.73077 7.57849 7.67214 7.72004C7.61351 7.86159 7.58333 8.01329 7.58333 8.1665C7.58333 8.47592 7.70625 8.77267 7.92504 8.99146C8.14383 9.21025 8.44058 9.33317 8.75 9.33317C9.05942 9.33317 9.35617 9.21025 9.57496 8.99146C9.79375 8.77267 9.91667 8.47592 9.91667 8.1665Z" fill="white"/>
+<path id="Vector_2" d="M12.8335 19.8335C12.8335 15.9677 15.9677 12.8335 19.8335 12.8335C23.6992 12.8335 26.8335 15.9677 26.8335 19.8335C26.8335 23.6992 23.6992 26.8335 19.8335 26.8335C15.9677 26.8335 12.8335 23.6992 12.8335 19.8335ZM21.0025 16.3335C21.0025 16.1803 20.9724 16.0285 20.9137 15.887C20.8551 15.7454 20.7692 15.6168 20.6609 15.5084C20.5525 15.4001 20.4239 15.3141 20.2823 15.2555C20.1408 15.1968 19.9891 15.1667 19.8358 15.1667C19.6826 15.1667 19.5309 15.1968 19.3893 15.2555C19.2478 15.3141 19.1191 15.4001 19.0108 15.5084C18.9025 15.6168 18.8165 15.7454 18.7579 15.887C18.6993 16.0285 18.6691 16.1803 18.6692 16.3335V19.8358C18.669 19.9891 18.6991 20.1409 18.7577 20.2825C18.8162 20.4241 18.9021 20.5528 19.0104 20.6612L21.4837 23.1346C21.5921 23.2429 21.7208 23.3288 21.8624 23.3874C22.004 23.446 22.1558 23.4761 22.309 23.4761C22.4622 23.476 22.614 23.4458 22.7555 23.3871C22.8971 23.3284 23.0257 23.2424 23.134 23.134C23.2423 23.0256 23.3282 22.8969 23.3868 22.7553C23.4454 22.6137 23.4755 22.462 23.4755 22.3088C23.4754 22.1555 23.4452 22.0038 23.3865 21.8622C23.3278 21.7207 23.2418 21.5921 23.1334 21.4837L21.0025 19.3528V16.3335Z" fill="white"/>
+</g>
+</svg>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/TrafficIncidents/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/TrafficIncidents/index.vue
index 9429111d..256e5633 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/TrafficIncidents/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/TrafficIncidents/index.vue
@@ -5,13 +5,24 @@
         <Video class="video-stream" :pileNum="dialogData.stakeMark" rangeIndex="upCamera" :showHeader="false" />
         <Video class="video-stream" :pileNum="dialogData.stakeMark" rangeIndex="downCamera" :showHeader="false" />
       </div>
-
       <Descriptions labelWidth="72px" :list="list" :data="data" style="gap: 18px" column="7" />
     </div>
+    <div class="foote">
+          <Button @click.native="submitClick" :loading="submitting" style="width: 100px;">
+            事件解除
+          </Button>
+          <Button @click.native="goStrategy" style="width: 100px;">
+            设备管控
+          </Button>
+          <Button @click.native="goDispatch" style="width: 100px;">
+            调度处置
+          </Button>
+      </div>
   </Dialog>
 </template>
 
 <script>
+import Button from "@screen/components/Buttons/Button.vue";
 import Dialog from "@screen/components/Dialog/index.vue";
 import Descriptions from "@screen/components/Descriptions.vue";
 // import { getRoadInfoByStakeMark, getProduct } from "@screen/pages/Home/components/RoadAndEvents/utils/httpList.js"
@@ -28,6 +39,7 @@ export default {
     Dialog,
     Descriptions,
     Video,
+    Button
   },
   data() {
     return {
@@ -125,6 +137,12 @@ export default {
   },
   methods: {
     handleClickTabs() { },
+    goDispatch(){
+      this.$router.push(`/control/event/commandDispatch`);
+    },
+    goStrategy(){
+      this.$router.push(`/control/device/strategy`);
+    }
   },
 };
 </script>
@@ -179,4 +197,13 @@ export default {
     }
   }
 }
+  .foote{
+    display: flex;
+    align-items: center;
+    gap: 9px;
+    width: 100%;
+    justify-content: flex-end;
+    margin:20px 0px -20px 0px;
+    
+  }
 </style>
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/HomeFrameControl/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/HomeFrameControl/index.vue
index 4ddcde1e..7cc30117 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/HomeFrameControl/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/HomeFrameControl/index.vue
@@ -6,31 +6,87 @@
         @click.native="handleClick('FrameControl')">
         <img src="@screen/images/home-FrameControl/FrameControl.svg" />
       </Button>
-
+      <el-tabs v-model="tabAction" @tab-click="tabClick">
+        <el-tab-pane label="批量管控" name="1"></el-tab-pane>
+        <el-tab-pane label="定时管控" name="2"></el-tab-pane>
+        <el-tab-pane label="管控记录" name="3"></el-tab-pane>
+      </el-tabs>
       <div class="body">
         <div class="title">批量控制</div>
         <span class="close" @click="() => { this.activeIcon = null; }">
           <i class="el-icon-close" />
         </span>
-        <Form v-model="data" labelWidth="90px" column="2" class="form" ref="FormConfigRef" :formList="formList" />
-        <component ref="ControlComponent" :is="componentMap[DeviceTopics[data.deviceType]]" :isMultiControl="true"
-          :visible="true" :selectItems="data.childType" @update:activeIcon="(val) => { this.activeIcon = val }"
-          @update:submitting="(val) => { submitting = val }"></component>
-        <div v-if="hiddenDevices.indexOf(componentMap[DeviceTopics[data.deviceType]]) == -1" class="footer">
-          <Button @click.native="submitClick" :loading="submitting">
-            确认
-          </Button>
-          <Button style="background-color: rgba(0, 179, 204, 0.3)" @click.native="cancelClick"> 取消 </Button>
+        <div v-if="tabAction === '1'" style="width:70vw;">
+          <Form v-model="data" labelWidth="90px" column="2" class="form" ref="FormConfigRef" :formList="formList" />
+          <component ref="ControlComponent" :is="componentMap[DeviceTopics[data.deviceType]]" :isMultiControl="true"
+            :visible="true" :selectItems="data.childType" @update:activeIcon="(val) => { this.activeIcon = val }"
+            @update:submitting="(val) => { submitting = val }"></component>
+          <div v-if="hiddenDevices.indexOf(componentMap[DeviceTopics[data.deviceType]]) == -1" class="footer">
+            <Button @click.native="submitClick" :loading="submitting">
+              确认
+            </Button>
+            <Button style="background-color: rgba(0, 179, 204, 0.3)" @click.native="cancelClick"> 取消 </Button>
+          </div>
+        </div>
+        <div v-if="tabAction === '2'" style="width:70vw;height: 500px; overflow-y:auto" class="cardPanel">
+          <Empty v-if="!data.length" class="no-data" style="position: absolute">暂无数据</Empty>
+          <template v-else>
+            <div class="cardBox" v-for="(item, index) in data" :key="index">
+              <Card :buttonIcon="null" :keyMap="keyMap" :cardData="item" class="card" buttonText="详情">
+                <template #form-remark="{ data }">
+                  <div class="remark">
+                    {{ data.remark }}
+                  </div>
+                </template>
+                <template #button>
+                  <el-switch v-model="item.status" active-color="#0BD" inactive-color="#999" active-value="1"
+                    inactive-value="0" @change="(value) => handleSwitcherChange(value, item) ">
+                  </el-switch>
+                  <Button @click.native="() => goStrategy(item)">
+                    查看
+                  </Button>
+                </template>
+              </Card>
+            </div>
+          </template>
+        </div>
+        <div v-if="tabAction === '3'" style="width:70vw;height: 500px;display: flex;flex-direction: column; justify-content: center;align-items: flex-start;" >
+          <Form v-model="dataRecord" style="width:100%;" labelWidth="90px" column="2" class="form" ref="FormRecordRef" :formList="formRecord" />
+          <Table :data="tableData" height="500px" style="margin: 20px;width:95%">
+            <ElTableColumn label="管控时间" prop="operTime" width="300"/>
+            <ElTableColumn label="管控方式" prop="operType" width="200"/>
+            <ElTableColumn label="操作人" prop="operName" width="200"/>
+            <ElTableColumn label="执行结果" prop="stakeMark" >
+              <template slot-scope="scope">
+                <el-popover
+                  placement="top-start"
+                  width="400"
+                  trigger="hover"
+                  :content="scope.row.jsonResult">
+                  <el-button slot="reference" class="btnResult">查看</el-button>
+                </el-popover>
+              </template>
+            </ElTableColumn>
+          </Table>
+
+          <!-- 分页 -->
+          <div class="footer" style="margin-top:-20px;margin-bottom: 30px">
+            <ElPagination @current-change="bindResult" @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="tableTotal" class="Pagination">
+            </ElPagination>
+           
+          </div>
         </div>
       </div>
     </ElPopover>
-
   </div>
 </template>
 
 <script>
 import Button from "@screen/components/Buttons/Button.vue";
 import Form from "@screen/components/FormConfig";
+import Card from "@screen/components/Card1/index.vue";
 import * as PresetFormItems from "@screen/common/PresetFormItems.js";
 import { merge, cloneDeep } from "lodash";
 import { markerClusterIns } from "@screen/pages/Home/components/RoadAndEvents/utils/map.js"
@@ -43,9 +99,13 @@ import BroadcastParam from "@screen/pages/Home/components/Dialogs/Broadcast/comp
 import FatigueWakesUpParam from "@screen/pages/Home/components/Dialogs/FatigueWakesUp/components/DeviceParam.vue";
 import DrivingGuidanceParam from "@screen/pages/Home/components/Dialogs/DrivingGuidance/components/DeviceParam.vue";
 import InfoBoardParam from "@screen/pages/Home/components/InfoBoard/InfoBoard.vue";
-
-
+import request from "@/utils/request";
 import { DeviceForMap } from "@screen/pages/Home/components/RoadAndEvents/utils/buttonEvent";
+import { Message } from "element-ui";
+import Table from '@screen/components/Table.vue';
+import moment from "moment";
+import _ from "lodash";
+import Pagination from '@screen/components/Pagination.vue';
 
 const componentMap = {
   "设备箱": "SmartDeviceParams", "语音广播": "BroadcastParam", "疲劳唤醒": "FatigueWakesUpParam",
@@ -82,14 +142,27 @@ export default {
   components: {
     Button,
     Form,
+    Card,
+    Table,
     SmartDeviceParams,
     BroadcastParam,
     FatigueWakesUpParam,
     DrivingGuidanceParam,
     InfoBoardParam
   },
+  watch: {
+    dataRecord(e) {
+      console.log(e)
+    },
+  },
   data() {
     return {
+      Enum_ControlType: [
+        { key: "0", label: "手动控制" },
+        { key: "1", label: "定时控制" },
+        { key: "2", label: "批量控制" },
+        { key: "3", label: "预案控制" }
+      ],
       activeIcon: null,
       data: {},
       hiddenDevices,
@@ -265,7 +338,57 @@ export default {
         // },
       ],
       DeviceTopics,
-      componentMap
+      componentMap,
+      tabAction: "1",
+      data:[],
+      keyMap: [
+        {
+          key: "groupName",
+          label: "标题",
+        },
+        {
+          key: "remark",
+          label: "描述",
+        },
+      ],
+      dataRecord:{
+        operType: "0",
+        operTime:[]
+      },
+      formRecord:[
+        {
+          label: "管控方式:",
+          key: "operType",
+          type: "select",
+          options: {
+            options:  [
+        { key: "0", label: "手动控制" },
+        { key: "1", label: "定时控制" },
+        { key: "2", label: "批量控制" },
+        { key: "3", label: "预案控制" }
+      ],
+          },
+        },
+        {
+          label: "管控时间:",
+          key: "operTime",
+          required: false,
+          type: "datePicker",
+          options: {
+            style: "width: auto",
+            type: "datetimerange",
+            format: "yyyy-MM-dd HH:mm:ss",
+            valueFormat: "yyyy-MM-dd HH:mm:ss",
+          },
+        },
+      ],
+      tableTotal: 0,
+      tableData:[],
+      searchData: {
+        pageSize: 20,
+        pageNum: 1,
+      },
+      digResultVisible: false
     }
   },
   // inject: ["activeDeviceTypes"],
@@ -298,6 +421,25 @@ export default {
     cancelClick() {
       this.activeIcon = null;
     },
+    tabClick() {
+      if(this.tabAction === '2'){
+        request({
+          url: `/business/dcBatchFunctionsJobGroup/list`,
+          method: "get",
+          params: {},
+        })
+          .then((result) => {
+            if (result.code != 200) return;
+            this.tableTotal = result.total;
+            this.data = result.rows;
+          })
+          .finally(() => {
+          });
+      } else if(this.tabAction === '3'){
+        this.dataRecord.operTime = [moment().startOf('month').format('YYYY-MM-DD 00:00:00'),moment().endOf('month').format('YYYY-MM-DD 23:59:59'),]
+        this.bindResult();
+      }
+    },
     handleClick(type) {
       this.activeIcon = this.activeIcon === type ? null : type;
     },
@@ -306,6 +448,55 @@ export default {
       // this.filterData = data;
       this.$parent.$refs.RoadAndEventsRef?.setFilterData?.(data);
     },
+    goStrategy(item){
+      this.$router.push(`/control/device/strategy?id=${item.id}`);
+    },
+    async handleSwitcherChange(value, item) {
+      request({
+        url: `/business/dcBatchFunctionsJobGroup`,
+        method: "PUT",
+        data: {
+          id:item.id,
+          status:value
+        },
+      })
+        .then((result) => {
+          item.status = result.data.status;
+          if (result.code != 200) return;
+          Message.success(`操作成功!`);
+        })
+    },
+    bindResult(){
+      // dataRecord:{
+      //   operType: "0",
+      //   operTime:['2024-04-01 00:00:00','2024-04-25 23:59:59']
+      // },
+      request({
+        url: `/business/dcOperLog/list`,
+        method: "get",
+        params: {...this.searchData,operType:this.dataRecord.operType},
+      })
+        .then((result) => {
+          if (result.code != 200) return;
+          result.rows.forEach(e => {
+            e.operTime = moment(e.operTime).format('YYYY-MM-DD HH:mm:ss')
+            e.operType = _.find(this.Enum_ControlType,{key:e.operType}).label
+          });
+          this.tableData = result.rows;
+          this.tableTotal = result.total;
+        })
+        .finally(() => {
+        });
+    },
+    onSizeChange(pageSize) {
+      this.tableData = [];
+      this.searchData.pageSize = pageSize;
+      this.searchData.pageNum = 1;
+      this.bindResult();
+    },
+    showResult(res){
+      this.digResultVisible = true
+    }
   },
 };
 </script>
@@ -364,4 +555,105 @@ div.el-popper.global-input-search-popover {
     background: linear-gradient(180deg, #005c79 0%, #009bcc 100%);
   }
 }
+.cardPanel{
+  display: flex;
+  flex-wrap: wrap;
+}
+.cardBox {
+  flex-basis: percentage(1/4);
+  padding-right: 10px;
+  padding-bottom: 10px;
+}
+.remark {
+  font-size: 14px; line-height: 20px; height: 40px; overflow: hidden;
+  color: #00b3cc;
+}
+.btnResult{
+  background-color:#00b3cc;
+  color: white;
+  border: none;
+  padding: 5px 20px;
+}
 </style>
+
+<style lang="scss" scoped>
+.Pagination {
+  // color: #fff;
+
+  ::v-deep {
+    > button,
+    > ul li {
+      background: #064258;
+      border-radius: 2px 2px 2px 2px;
+      opacity: 1;
+      color: #fff;
+    }
+
+    > button {
+      padding: 0 3px;
+      border: 1px solid #00b3cc;
+    }
+
+    > ul li {
+      background: linear-gradient(180deg, #004960 0%, #004b62 100%);
+      margin: 0 1.5px;
+
+      &.active {
+        background: linear-gradient(180deg, #005c79 0%, #009bcc 100%);
+      }
+    }
+
+    .el-pagination__total {
+      color: #fff;
+    }
+
+    .el-pagination__sizes {
+      .el-select {
+        .el-input {
+          width: 81px;
+
+          .el-input__inner {
+            font-size: 12px;
+            height: 23px;
+            background-color: #064258 !important;
+          }
+        }
+
+        .el-input__suffix {
+          .el-input__icon {
+            line-height: 23px;
+          }
+        }
+      }
+    }
+
+    .el-pagination__jump {
+      margin-left: 10px;
+      color: #fff;
+      font-size: 12px;
+
+      .el-input {
+        width: 27px;
+        margin: 0 3px;
+
+        .el-input__inner {
+          font-size: 12px;
+          background-color: #064258 !important;
+          border-radius: 2px 2px 2px 2px;
+        }
+      }
+    }
+
+    .btn-next {
+      margin-left: 6px;
+    }
+
+    .btn-prev {
+      margin-right: 6px;
+    }
+  }
+  ::v-deep .el-pagination__total {
+    margin-left: 10px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/service/InformationReleaseManagement/Cards/AuditLists/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/service/InformationReleaseManagement/Cards/AuditLists/index.vue
index 7158596f..bcf17179 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/pages/service/InformationReleaseManagement/Cards/AuditLists/index.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/pages/service/InformationReleaseManagement/Cards/AuditLists/index.vue
@@ -3,14 +3,7 @@
     <InputSearch style="width: 100%" :formList="searchFormList" />
     <div class="body">
       <ListItem
-        v-for="item in list1"
-        :key="item.id"
-        :data="item"
-        origin="left"
-        class="middle-ratio"
-      />
-      <ListItem
-        v-for="item in list2"
+        v-for="item in list.rows"
         :key="item.id"
         :data="item"
         origin="left"
@@ -18,7 +11,7 @@
       />
     </div>
     <div class="footer">
-      <Pagination layout="total,prev, pager, next, jumper" :total="90" />
+      <Pagination layout="total,prev, pager, next, jumper" :total="list.total" />
     </div>
   </Card2>
 </template>
@@ -29,7 +22,9 @@ import Pagination from "@screen/components/Pagination.vue";
 import InputSearch from "@screen/components/InputSearch/index.vue";
 import { searchFormList } from "./data";
 import ListItem from "./ListItem.vue";
-
+import { method } from "lodash";
+import request from '@/utils/request'
+import {DirectionTypes} from '@screen/utils/enum.js';
 export default {
   name: "Auditlists",
   components: {
@@ -38,9 +33,24 @@ export default {
     Pagination,
     ListItem,
   },
+  
   data() {
     return {
       searchFormList,
+      list:{total:0,rows:[]},
+      eventType:[
+        '交通事故',
+        '车辆故障',
+        '交通管制',
+        '交通拥堵',
+        '非法上路',
+        '路障清除',
+        '施工建设',
+        '',
+        '',
+        '',
+        '',
+      ],
       list1: Array.from({ length: 3 }).map(() => ({
         title: "异常天气",
         content: "2023.12.23 13:00:00 济南方向K100+000 中雪",
@@ -64,6 +74,7 @@ export default {
     };
   },
   created() {
+    this.bindList()
     // axiosIns.get("/business/dcPublishInfo/list")
     //   .then((result) => {
     //     console.log("%c [ result ]-39-「index.vue」", "font-size:15px; background:#4bd543; color:#8fff87;", result);
@@ -72,6 +83,23 @@ export default {
     //   }).catch((err) => {
     //   });
   },
+  methods:{
+    bindList(){
+      request({
+        url: '/business/manage/list',
+        method: 'get',
+        data: {}
+      }).then(res=>{
+        res.rows.forEach(e => {
+          console.log(e)
+          e.content = `${e.eventTime} ${e.stakeMark} ${DirectionTypes[e.direction]} ${e.contentDetails}`
+          e.type = e.eventType
+          e.isverify = e.eventState
+        });
+        this.list = res
+      })
+    }
+  }
 };
 </script>