交通事件增加附近相机

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

@@ -1,6 +1,8 @@
 <template>
   <Dialog v-model="obverseVisible" :title="dialogData._itemData && dialogData._itemData.title">
     <div class="TrafficIncidents">
+      <Video class="video-stream" :pileNum="dialogData.stakeMark" />
+
       <Descriptions labelWidth="72px" :list="list" :data="data" style="gap: 18px" column="7" />
     </div>
   </Dialog>
@@ -10,6 +12,7 @@
 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"
+import Video from "@screen/components/Video"
 
 import request from "@/utils/request";
 import { dialogDelayVisible } from "./../mixin"
@@ -21,6 +24,7 @@ export default {
   components: {
     Dialog,
     Descriptions,
+    Video
   },
   data() {
     return {
@@ -129,6 +133,7 @@ export default {
   color: #fff;
   display: flex;
   flex-direction: column;
+  gap: 12px;
 
   .camera-video {
     flex: 1.5;