flx：视频管理中心 萤石云 添加关闭

src/views/projectFront/videoManage/ysyNew.vue

@@ -16,6 +16,9 @@
             <div :id="'video-cover' + item" class="video-cover" @click="btnStyle(item)"
               :class="{ 'btnCss': btnIndex == item }"></div>
             <div :id="'video-container' + item"></div>
+            <div @click.stop="deleteVideo(item)" class="close" :id="'close' + item">
+              <img src="@/assets/images/video_close.png" />
+            </div>
           </div>
         </div>
       </div>
@@ -177,7 +180,8 @@ export default {
     ysyBtn(item, indeBtn, selectIndex, flag) {
       console.log("11111111111", item, indeBtn, selectIndex, this.devs, this.devList);
       console.log(this.devs, indeBtn - 1);
-        if (this.devs[indeBtn - 1] && this.devs[indeBtn - 1].itemId) {
+        if (this.devs[indeBtn - 1] && this.devs[indeBtn - 1].itemId && this.devs[indeBtn - 1].player.opt.id.indexOf(indeBtn) > -1) {
+          console.log('item :', this.devs[indeBtn - 1].player.opt.id.indexOf(indeBtn));
           this.$message({
               type: 'warning',
               message: '该模块已经存在视频!'
@@ -204,6 +208,7 @@ export default {
             width: this.$refs.videoBox.offsetWidth / selectIndex,
             height: this.$refs.videoBox.offsetHeight / selectIndex
           })
+          document.getElementById(`close${indeBtn == 0 ? index + 1 : indeBtn}`).style.display = 'block'
           item2.player = player
         return item2;
       })
@@ -221,11 +226,28 @@ export default {
         this.devs = this.devList;
       }
       console.log('item 完:', item)
+    },
+    // 关闭视频
+    deleteVideo(index){
+      console.log('item', index, this.devs);
+      document.getElementById(`video-container${index}`).innerHTML = "";
+      this.devs.splice(index - 1, 1);
+      this.devList.splice(index - 1, 1);
+      console.log('item 完:', this.devs, this.devList);
+      document.getElementById(`close${index}`).style.display = 'none'
     }
   }
 }
 </script>
 <style lang="less" scoped>
+.close {
+  position: absolute;
+  top: 4px;
+  right: 4px;
+  z-index: 999;
+  cursor: pointer;
+  display: none;
+}
 .main {
   position: fixed;