Browse Source

fix: 修复堤防测站筛选逻辑,对接视频

sy-water-data-board-ui
hxh 1 month ago
parent
commit
82dcc2e186
  1. 12
      src/api/reservoir/index.js
  2. 35
      src/views/reservoir/safeOperation/components/VideoAnalysis.vue

12
src/api/reservoir/index.js

@ -175,9 +175,17 @@ export const getReservoirCZMonitorEchartsData = (data) =>{
} }
// 获取视频列表/safe/operation/Play // 获取视频列表/safe/operation/Play
export const getOperationPlayDataList = (data) => { export const getOperationPlay = (data) => {
return request({ return request({
url: `/safe/operation/Play`, url: `/safe/operation/play`,
method: 'post',
data
})
}
export const getVideoDataList = (data) => {
return request({
url: `/safe/operation/reservoirList`,
method: 'post', method: 'post',
data data
}) })

35
src/views/reservoir/safeOperation/components/VideoAnalysis.vue

@ -1,19 +1,20 @@
<template> <template>
<div class="video-analysis"> <div class="video-analysis">
<div class="videoSelect"> <div class="videoSelect">
<!-- <el-select <el-select
placeholder="请选择视频" placeholder="请选择视频"
v-model="activeVideo" v-model="activeVideo"
size="mini" size="mini"
style="width: 240px" style="width: 240px"
@change="change"
> >
<el-option <el-option
v-for="item in videoList" v-for="item in videoList"
:key="item.value" :key="item"
:label="item.label" :label="item"
:value="item.value" :value="item"
/> />
</el-select> --> </el-select>
</div> </div>
<el-tabs v-model="activeName"> <el-tabs v-model="activeName">
<el-tab-pane label="实时视频" name="realTime"> <el-tab-pane label="实时视频" name="realTime">
@ -35,7 +36,7 @@
</div> </div>
</template> </template>
<script> <script>
import { getOperationPlayDataList } from "@/api/reservoir"; import { getVideoDataList, getOperationPlay} from "@/api/reservoir";
export default { export default {
props: { props: {
@ -50,26 +51,32 @@ export default {
videoUrl: "", videoUrl: "",
activeVideo: "", activeVideo: "",
videoList: [ videoList: [
{
label: "实时视频",
value: "0",
},
], ],
}; };
}, },
created() { created() {
getOperationPlayDataList({ getVideoDataList({
pageNum: 1, pageNum: 1,
pageSize: 100, pageSize: 100,
resCode: this.resCode, resCode: this.resCode,
}).then((res) => { }).then((res) => {
if (res.data) { if (res.data) {
this.videoList = res.data; this.videoList = res.data.cameraIds;
this.videoUrl = (res.data.urlsMap && res.data.urlsMap.flvPlayUrl) || "";
} }
}); });
}, },
methods: {}, methods: {
change(val) {
console.log("cameraId-watch >>>>> ", val);
getOperationPlay({
cameraId: val,
}).then((res) => {
if (res.data) {
this.videoUrl = res.data.urlsMap.flvPlayUrl;
}
});
},
},
}; };
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">

Loading…
Cancel
Save