| | |
| | | <div class="v-name-block"> |
| | | <div |
| | | class="video-name" |
| | | :class="{ current: curVideo.ID == video.ID }" |
| | | :class="{ current: curVideo.id == video.id }" |
| | | @click="checkVideo(video, index)" |
| | | v-for="(video, index) in curRoomVideos" |
| | | :key="video.ID" |
| | | :key="video.id" |
| | | > |
| | | <i class="el-icon-film"></i> |
| | | <span>{{ video.VideoDate }}</span> |
| | |
| | | this.renderLabelOpts(); |
| | | this.setGuid(1); |
| | | this.getCurVideos(this.videoDetails); |
| | | // this.getRelatedVideos(this.videoDetails); |
| | | this.getRelatedVideos(this.videoDetails); |
| | | }, |
| | | destroyed() { |
| | | this.videoArrs.length = 0; |
| | |
| | | CarNumber: v.CarNumber, |
| | | Driver1: v.Driver1, |
| | | }).then((res) => { |
| | | // 填充单窗口的下拉菜单 |
| | | res.data.forEach((item) => { |
| | | _this.popDownArr.push(item); |
| | | }); |
| | | // if (_this.popDownArr.length) { |
| | | // _this.curCamera = _this.popDownArr[0].CameraPosition; |
| | | // } |
| | | |
| | | |
| | | res.data.forEach((item) => { |
| | | item.marks = _this.mergeMarks(item); |
| | | }); |
| | |
| | | getRelatedVideos(video) { |
| | | let _this = this; |
| | | getRelatedVideoInfo({ GroupID: video.GroupID }).then((res) => { |
| | | let arr = []; |
| | | let map = {}; |
| | | res.data.forEach((item) => { |
| | | _this.popDownArr.push(item); |
| | | }); |
| | | // _this.popDownArr = res.data |
| | | if (_this.popDownArr.length) { |
| | | _this.curCamera = _this.popDownArr[0].CameraPosition; |
| | | } |
| | | }); |
| | | _this.popDownArr |
| | | }, |
| | | renderLabelOpts() { |
| | | let _this = this; |
| | |
| | | }); |
| | | }, |
| | | refreshCurVideoLabel(video) { |
| | | let _this = this; |
| | | _this.popDownArr = [] |
| | | getRelatedVideoInfo({ GroupID: video.GroupID }).then((res) => { |
| | | res.data.forEach((d) => { |
| | | if (d.ID === video.ID) { |
| | | video.LableLst = d.LableLst; |
| | | res.data.forEach((item) => { |
| | | _this.popDownArr.push(item); |
| | | if (item.ID === video.ID) { |
| | | video.LableLst = item.LableLst; |
| | | } |
| | | }); |
| | | // res.data.forEach((d) => { |
| | | // if (item.ID === video.ID) { |
| | | // video.LableLst = item.LableLst; |
| | | // } |
| | | // }); |
| | | }); |
| | | _this.popDownArr |
| | | }, |
| | | checkVideo(video, index) { |
| | | this.refreshCurVideoLabel(video); |
| | |
| | | }, |
| | | removeCurLabel(mark) { |
| | | let _this = this; |
| | | debugger |
| | | let obj = { |
| | | Desc: mark.Desc, |
| | | ParentUniqID: mark.ParentUniqID, |
| | | Time: mark.Time, |
| | | ParentID: mark.ParentID |
| | | ID: mark.ID, |
| | | VideoIds: mark.VideoIds |
| | | }; |
| | | delLabel(obj).then((rsp) => { |
| | | if (rsp && rsp.success) { |
| | |
| | | height: 8px; |
| | | width: 6px; |
| | | z-index: 1; |
| | | background-color: lightcoral; |
| | | background-color:yellowgreen ; |
| | | cursor: pointer; |
| | | -webkit-transform: translateX(-50%); |
| | | transform: translateX(-50%); |
| | |
| | | height: 8px; |
| | | width: 6px; |
| | | z-index: 1; |
| | | background-color: yellowgreen; |
| | | background-color: lightcoral; |
| | | cursor: pointer; |
| | | -webkit-transform: translateX(-50%); |
| | | transform: translateX(-50%); |