Merge branch 'master' of http://git.xt.wenhq.top:8083/wenhongquan/khyznh-ui

src/views/yunying/videoKdg/index.vue

@@ -36,35 +36,44 @@
                 <div style="display: flex;flex-direction: column;">
                     <div style="display: flex;flex-direction: row;">
                         <div style="width: 33%;">
-                            <videoDiv videoId="video-container1" ref="video1" v-if="videoCount > 0"></videoDiv>
+                            <videoDiv videoId="video-container1" ref="video1" v-if="videoCount > 0 && showVideo">
+                            </videoDiv>
                         </div>
                         <div style="width: 33%;">
-                            <videoDiv videoId="video-container2" ref="video2" v-if="videoCount > 1"></videoDiv>
+                            <videoDiv videoId="video-container2" ref="video2" v-if="videoCount > 1 && showVideo">
+                            </videoDiv>
                         </div>
                         <div style="width: 33%;">
-                            <videoDiv videoId="video-container3" ref="video3" v-if="videoCount > 2"></videoDiv>
+                            <videoDiv videoId="video-container3" ref="video3" v-if="videoCount > 2 && showVideo">
+                            </videoDiv>
                         </div>
                     </div>
                     <div style="display: flex;flex-direction: row;">
                         <div style="width: 33%;">
-                            <videoDiv videoId="video-container4" ref="video4" v-if="videoCount > 3"></videoDiv>
+                            <videoDiv videoId="video-container4" ref="video4" v-if="videoCount > 3 && showVideo">
+                            </videoDiv>
                         </div>
                         <div style="width: 33%;">
-                            <videoDiv videoId="video-container5" ref="video5" v-if="videoCount > 4"></videoDiv>
+                            <videoDiv videoId="video-container5" ref="video5" v-if="videoCount > 4 && showVideo">
+                            </videoDiv>
                         </div>
                         <div style="width: 33%;">
-                            <videoDiv videoId="video-container6" ref="video6" v-if="videoCount > 5"></videoDiv>
+                            <videoDiv videoId="video-container6" ref="video6" v-if="videoCount > 5 && showVideo">
+                            </videoDiv>
                         </div>
                     </div>
                     <div style="display: flex;flex-direction: row;">
                         <div style="width: 33%;">
-                            <videoDiv videoId="video-container7" ref="video7" v-if="videoCount > 6"></videoDiv>
+                            <videoDiv videoId="video-container7" ref="video7" v-if="videoCount > 6 && showVideo">
+                            </videoDiv>
                         </div>
                         <div style="width: 33%;">
-                            <videoDiv videoId="video-container8" ref="video8" v-if="videoCount > 7"></videoDiv>
+                            <videoDiv videoId="video-container8" ref="video8" v-if="videoCount > 7 && showVideo">
+                            </videoDiv>
                         </div>
                         <div style="width: 33%;">
-                            <videoDiv videoId="video-container9" ref="video9" v-if="videoCount > 8"></videoDiv>
+                            <videoDiv videoId="video-container9" ref="video9" v-if="videoCount > 8 && showVideo">
+                            </videoDiv>
                         </div>
                     </div>
                 </div>
@@ -96,6 +105,8 @@
 
     const showTree = ref(true)
 
+    const showVideo = ref(true)
+
     const type = ref([])
 
     const total = ref(0);
@@ -161,6 +172,7 @@
     });
 
     const pageChange = (val) => {
+        showVideo.value = false
         CurrentPage.value = val
         var pageData = val - 1
         const deviceList = deviceData.value
@@ -254,17 +266,18 @@
     }
 
     const initVideos = (videoList, sites) => {
-        for (var index in videoList) {
-            initVideoDiv(index, videoList[index])
-            // setTimeout(() => {
-            //     initVideoDiv(index, videoList[index])
-            // }, 1000);
-        }
+        showVideo.value = true
+        setTimeout(() => {
+            for (var index in videoList) {
+                initVideoDiv(index, videoList[index])
+                // setTimeout(() => {
+                //     initVideoDiv(index, videoList[index])
+                // }, 1000);
+            }
+        }, 100);
     }
 
     const initVideoDiv = (index, code) => {
-        console.log(index)
-        console.log(code)
         if (index == 0) {
             // console.log(code)
             proxy.$refs.video1.initVideo(code, siteListArry.value)