Browse Source

feat 更新首页 摄像头切换

wangqin
qingzhengli 1 year ago
parent
commit
b9e00c7eaf
  1. 2
      ruoyi-ui/src/views/JiHeExpressway/components/Video/index.vue
  2. 0
      ruoyi-ui/src/views/JiHeExpressway/components/VideoMulti/flv-stream.js
  3. 0
      ruoyi-ui/src/views/JiHeExpressway/components/VideoMulti/index.vue
  4. 0
      ruoyi-ui/src/views/JiHeExpressway/components/VideoMulti/videoStream.js
  5. 38
      ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/TrafficIncidents/index.vue

2
ruoyi-ui/src/views/JiHeExpressway/components/Video/index.vue

@ -61,7 +61,7 @@ export default {
return { return {
active: "video" active: "video"
} }
} },
} }
</script> </script>

0
ruoyi-ui/src/views/JiHeExpressway/components/Video2/flv-stream.js → ruoyi-ui/src/views/JiHeExpressway/components/VideoMulti/flv-stream.js

0
ruoyi-ui/src/views/JiHeExpressway/components/Video2/index.vue → ruoyi-ui/src/views/JiHeExpressway/components/VideoMulti/index.vue

0
ruoyi-ui/src/views/JiHeExpressway/components/Video2/videoStream.js → ruoyi-ui/src/views/JiHeExpressway/components/VideoMulti/videoStream.js

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

@ -1,32 +1,12 @@
<template> <template>
<Dialog <Dialog v-model="obverseVisible" :title="dialogData._itemData && dialogData._itemData.title" width="650px">
v-model="obverseVisible"
:title="dialogData._itemData && dialogData._itemData.title"
width="650px"
>
<div class="TrafficIncidents"> <div class="TrafficIncidents">
<div class="header"> <div class="header">
<Video <Video class="video-stream" :pileNum="dialogData.stakeMark" rangeIndex="upCamera" :showHeader="false" />
class="video-stream" <Video class="video-stream" :pileNum="dialogData.stakeMark" rangeIndex="downCamera" :showHeader="false" />
:pileNum="dialogData.stakeMark"
rangeIndex="upCamera"
:showHeader="false"
/>
<Video
class="video-stream"
:pileNum="dialogData.stakeMark"
rangeIndex="downCamera"
:showHeader="false"
/>
</div> </div>
<Descriptions <Descriptions labelWidth="72px" :list="list" :data="data" style="gap: 18px" column="7" />
labelWidth="72px"
:list="list"
:data="data"
style="gap: 18px"
column="7"
/>
</div> </div>
</Dialog> </Dialog>
</template> </template>
@ -35,7 +15,7 @@
import Dialog from "@screen/components/Dialog/index.vue"; import Dialog from "@screen/components/Dialog/index.vue";
import Descriptions from "@screen/components/Descriptions.vue"; import Descriptions from "@screen/components/Descriptions.vue";
// import { getRoadInfoByStakeMark, getProduct } from "@screen/pages/Home/components/RoadAndEvents/utils/httpList.js" // import { getRoadInfoByStakeMark, getProduct } from "@screen/pages/Home/components/RoadAndEvents/utils/httpList.js"
import Video from "@screen/components/Video"; import Video from "@screen/components/VideoMulti";
import request from "@/utils/request"; import request from "@/utils/request";
import { dialogDelayVisible } from "./../mixin"; import { dialogDelayVisible } from "./../mixin";
@ -141,10 +121,10 @@ export default {
this.data = { ...data, ...this.data }; this.data = { ...data, ...this.data };
console.log("trafficIncidents", data); console.log("trafficIncidents", data);
}) })
.catch((err) => {}); .catch((err) => { });
}, },
methods: { methods: {
handleClickTabs() {}, handleClickTabs() { },
}, },
}; };
</script> </script>
@ -165,7 +145,7 @@ export default {
display: flex; display: flex;
gap: 9px; gap: 9px;
> div.video-stream { >div.video-stream {
height: 210px; height: 210px;
} }
} }
@ -193,7 +173,7 @@ export default {
align-items: center; align-items: center;
justify-content: end; justify-content: end;
> div { >div {
font-size: 16px; font-size: 16px;
padding: 6px 12px; padding: 6px 12px;
} }

Loading…
Cancel
Save