From 171558c783772979546d5c0285809165c273fc0e Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@iotlink.com>
Date: 星期四, 04 二月 2021 14:36:10 +0800
Subject: [PATCH] 添加giant tree 组件. 基于ztree
---
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