换热站监控初步调整

src/components/screenDisplay.vue

@@ -424,6 +424,8 @@ import AMapLoader from "@amap/amap-jsapi-loader";
       <div class="thirdLeftLayer">
         <div class="thirdLeftLayer_one">
           <div class="titleStyleTwo"><p>换热站监控</p></div>
+          <video-components :queryParams="childParams" :stopParams="stopParams"/>
+
         </div>
         <div class="thirdLeftLayer_one">
           <div class="titleStyleTwo"><p>电气柜监视</p></div>
@@ -512,7 +514,7 @@ import { detectZoom } from "@/plugins/screen";
 import { ElLoading } from "element-plus";
 import { ElMessage } from "element-plus";
 const m = detectZoom();
-
+import videoComponents from './videoComponents.vue'
 import {vue3ScrollSeamless} from "vue3-scroll-seamless";
 import {
   postServicCenterList,
@@ -540,6 +542,7 @@ import moment from 'moment'
 import {defineComponent} from "vue";
 export default defineComponent({
   components: {
+    videoComponents,
     vue3ScrollSeamless
   },
   watch: {
@@ -562,6 +565,15 @@ export default defineComponent({
   },
   data() {
     return {
+      childParams: '',
+      stopParams: 0,
+      showVideo: false,
+      VideoInfo: {
+        selectOptions: [],
+        value: [],
+        videoList: [],
+        playVideoList: []
+      },
       open: false,
       items: ['Item 1', 'Item 2', 'Item 3', 'Item 4'],
       currentIndex: 0,
@@ -966,6 +978,7 @@ export default defineComponent({
           this.$router.push("/Home");
           break;
         case 4:
+          this.stopParams += 1
           if (this.mapBack != null && this.mapLevel != 2) {
             _this.servicCenterList[_this.mapBack.index].openF = false;
             _this.mapBack.map = null;
@@ -2928,11 +2941,20 @@ export default defineComponent({
     // 获取港益换热站视频数据
     getGYTransferVideo() {
       const params = {
-        // id: this.markerThree.stationId
-         id: '9C9D13FA-BA07-4394-8441-55F98F160EDA'
+        id: this.markerThree.stationId
+         // id: '9C9D13FA-BA07-4394-8441-55F98F160EDA'
       }
       GYTransferVideo(params).then(res => {
-
+        this.showVideo = true
+        const list = res.data
+        this.VideoInfo.playVideoList = []
+        list.forEach(video => {
+            var videoId = video.videoId.replaceAll('-', '');
+            this.VideoInfo.playVideoList.push(videoId);
+        })
+        const videoList = []
+        videoList.push(this.VideoInfo.playVideoList[0])
+        this.childParams = JSON.stringify(videoList)
       })
     },
     // 获取港益换热站实时能耗数据
@@ -4184,6 +4206,10 @@ export default defineComponent({
   letter-spacing: 3px;
   font-size: 120%;
 }
+.videoComponents_Class{
+  width: 100%;
+  height: 100%;
+}
 .gis_content .titleStyleTwo {
   width: 95%;
   height: 35px;