From 262119fd58357f1d930d65a6e3252176d29b2ce5 Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期四, 28 一月 2021 18:54:48 +0800
Subject: [PATCH] 朔黄人员管理页面调试

---
 src/pages/shuohuangMonitorAnalyze/components/videoAnalyze.vue |   79 +++++++++++++++++++++++----------------
 1 files changed, 46 insertions(+), 33 deletions(-)

diff --git a/src/pages/shuohuangMonitorAnalyze/components/videoAnalyze.vue b/src/pages/shuohuangMonitorAnalyze/components/videoAnalyze.vue
index f4955fe..5cba441 100644
--- a/src/pages/shuohuangMonitorAnalyze/components/videoAnalyze.vue
+++ b/src/pages/shuohuangMonitorAnalyze/components/videoAnalyze.vue
@@ -97,7 +97,7 @@
             <el-radio :label="0">鏃犲紓甯�</el-radio>
             <el-radio :label="1">鏈夊紓甯�</el-radio>
           </el-radio-group>
-          
+
           <el-button
             icon="el-icon-plus"
             size="mini"
@@ -204,15 +204,15 @@
     }
   },
   watch: {
-    'curVideo.LableLst':{
-      handler(n,o){
-        if(n.length>0){
+    'curVideo.LableLst': {
+      handler (n, o) {
+        if (n.length > 0) {
           this.isUnusual = 1
-        }else{
+        } else {
           this.isUnusual = 0
         }
       },
-      deep:true
+      deep: true
     },
     videoDetails: {
       handler (newVal, oldVal) {
@@ -228,16 +228,16 @@
     this.getVideos(this.videoDetails);
   },
   methods: {
-    checkCurVideo(index){
-      if(this.relativeVideos[index]){
-        this.curVideo = this.relativeVideos[index]
+    checkCurVideo (index) {
+      if (this.relativeVideos[index]) {
+        this.curVideo = this.relativeVideos[index];
+        this.refreshCurVideoLabel(this.curVideo);
       }
     },
     getVideos (video) {
       let _this = this;
       getRelatedVideoInfo({ UniqeID: video.UniqeID }).then(res => {
         console.log(res)
-        
         res.data.forEach(element => {
           element.marks = _this.mergeMarks(element)
           console.log(element.marks)
@@ -245,10 +245,10 @@
         _this.curVideo = res.data[0];
         _this.videoArrs = res.data;
         _this.relativeVideos = res.data;
-        this.$nextTick(()=>{
+        this.$nextTick(() => {
           _this.$refs[`player_${_this.curVideo.ID}`][0].init();
         })
-        
+
       })
     },
     renderLabelOpts () {
@@ -257,15 +257,24 @@
         _this.labelOptions = res.data
       })
     },
+    refreshCurVideoLabel (video) {
+      getRelatedVideoInfo({ UniqeID: video.UniqeID }).then(res => {
+        res.data.forEach(d => {
+          if(d.ID === video.ID){
+            video.LableLst = d.LableLst
+          }
+          // let someVideo = _this.videoArrs.find(video => video.ID === d.ID);
+          // someVideo.LableLst = d.LableLst
+        })
+      })
+    },
     checkVideo (video, index) {
+      this.refreshCurVideoLabel(video);
       this.curVideo = video;
-      this.$nextTick(()=>{
+      this.$nextTick(() => {
         this.$refs[`player_${this.curVideo.ID}`][0].init();
       })
-      
-      if (index > 0 && this.guid == 1) {
-        //this.videoWrapArr = 
-      }
+
     },
 
     setGuid (guid) {
@@ -279,12 +288,10 @@
       //     }
       // }
       this.videoWrapArr = Math.pow(guid, 2);
-
       this.$nextTick(() => {
         for (var i = 0; i < Math.pow(guid, 2); i++) {
           this.$refs[`gridVideoItem_${i}`][0].style.width = this.$refs['playerWrap'].offsetWidth / guid + 'px';
           this.$refs[`gridVideoItem_${i}`][0].style.height = this.$refs['playerWrap'].offsetHeight / guid + 'px';
-
         }
       })
     },
@@ -305,28 +312,32 @@
           }
         }
       })
-      
+
       let query = {
         ID: this.selectedLabelId,
         ParentID: this.isCheckAllVideo ? tempArr.join(',') : this.curVideo.ID + '',
         Time: Math.round(this.setLabelTime) + '',
         Codes: this.labelCheckedList.join(','),
-        Desc: desc.join(',')
+        Desc: desc.join('锛�')
       };
       editLabel(query).then(rsp => {
         if (rsp && rsp.success) {
           _this.labelDialogVisible = false;
-
-          _this.videoArrs.forEach(video=>{
-            video.LableLst = []
-          });
+          this.$set(_this.curVideo,'LableLst',[]);
+          //_this.curVideo.LableLst = [];
           rsp.data.forEach(label=>{
-            let someVideo = _this.videoArrs.find(video=>video.ID === label.ParentID);
-            someVideo.LableLst.push(label);
+            if(label.ParentID == _this.curVideo.ID){
+               _this.curVideo.LableLst.push(label)
+            }
           })
-          //_this.curVideo.LableLst = rsp.data;
-          this.$message.success("娣诲姞鎴愬姛")
+          // getRelatedVideoInfo({ UniqeID: _this.videoDetails.UniqeID }).then(res => {
+          //   res.data.forEach(d => {
+          //     let someVideo = _this.videoArrs.find(video => video.ID === d.ID);
+          //     someVideo.LableLst = d.LableLst
+          //   })
+          // })
 
+          this.$message.success("娣诲姞鎴愬姛")
           // 鏍囨敞
           _this.setMarks(this.curVideo)
         } else {
@@ -344,16 +355,18 @@
     },
     editCurLabel (mark) {
       this.selectedLabelId = mark.ID;
-      this.labelCheckedList = mark.Codes.split(",");
+      this.labelCheckedList = mark.Codes.split(" ,");
       this.labelDialogVisible = true;
     },
     removeCurLabel (mark) {
+      let _this = this;
       delLabel({ ID: mark.ID, ParentID: this.curVideo.ID }).then(rsp => {
         if (rsp && rsp.success) {
-          this.curVideo.LableLst = rsp.data;
+          _this.curVideo.LableLst = rsp.data;
           this.$message.success("鍒犻櫎鎴愬姛")
           // 鏍囨敞
-          this.setMarks(this.curVideo)
+          debugger
+          _this.setMarks(_this.curVideo)
         } else {
           this.$message.warning(rsp.msg)
         }
@@ -469,7 +482,7 @@
           }
         }
       }
-      .fixed-height-box{
+      .fixed-height-box {
         height: 200px;
         overflow-y: auto;
       }

--
Gitblit v1.8.0