From 16a8e97d34dd90cf54f0607fcb9a3a27c12db319 Mon Sep 17 00:00:00 2001 From: hanbaoshan <hanbaoshan@aiotlink.com> Date: 星期一, 25 一月 2021 10:32:40 +0800 Subject: [PATCH] 朔黄视频检索详情调整 --- src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue | 58 ++++++++++++++++++++++++++++++---------------------------- 1 files changed, 30 insertions(+), 28 deletions(-) diff --git a/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue b/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue index 033f1e5..f1556b5 100644 --- a/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue +++ b/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue @@ -169,8 +169,8 @@ </div> </div> <div class="mark-info"> - <div class="abnormal" v-if="data.IsUnusual==='1'"> - <span v-for="(mark,index) in data.marks" :key="index">{{mark}}</span> + <div class="abnormal" v-if="data.LableLst&&data.LableLst.length"> + <span v-for="(label,index) in data.LableLst" :key="index">{{label.Desc}}</span> </div> <div v-else> <span>鏃犲紓甯�</span> @@ -229,7 +229,6 @@ class="dialog-video" :visible="videoDialogVisible" @close="videoDialogVisible=false" - :append-to-body="false" > <div slot="title" class="title"> <div class="center"> @@ -253,7 +252,7 @@ components: { VideoAnalyze }, - data() { + data () { return { CLIP: 'http://192.168.20.113/', keyword: '', @@ -269,7 +268,7 @@ pickerOptions: { shortcuts: [{ text: '浠婂ぉ', - onClick(picker) { + onClick (picker) { const end = new Date(); const start = new Date(); start.setHours(0, 0, 0); @@ -277,7 +276,7 @@ } }, { text: '鏄ㄥぉ', - onClick(picker) { + onClick (picker) { const end = new Date(); const start = new Date(); start.setTime(start.getTime() - 3600 * 1000 * 24); @@ -288,7 +287,7 @@ } }, { text: '杩戜笁澶�', - onClick(picker) { + onClick (picker) { const end = new Date(); const start = new Date(); start.setTime(start.getTime() - 3600 * 1000 * 24 * 3); @@ -296,7 +295,7 @@ } }, { text: '杩戜竴鍛�', - onClick(picker) { + onClick (picker) { const end = new Date(); const start = new Date(); start.setTime(start.getTime() - 3600 * 1000 * 24 * 7); @@ -330,30 +329,30 @@ }, watch: { checkedConfigs: { - handler(n, o) { + handler (n, o) { this.filterSearchData() }, deep: true } }, - mounted() { + mounted () { this.init(); }, methods: { - handleTabSizeChange(size) { + handleTabSizeChange (size) { debugger this.tabPageSize = size; this.filterSearchData() }, - handleTableSizeChange(size) { + handleTableSizeChange (size) { this.tablePageSize = size; this.filterSearchData() }, - handleCurrentChange() { + handleCurrentChange () { this.filterSearchData() }, //浜岀骇鏌ヨ - filterSearchData() { + filterSearchData () { let _this = this; let query = { KeyWord: this.keyword, @@ -387,7 +386,7 @@ }) }, //涓�绾ф煡璇� - init() { + init () { let _this = this; let query = { KeyWord: this.keyword, @@ -443,7 +442,7 @@ }) }, - toggleFollow(data) { + toggleFollow (data) { data.IsFollow = !data.IsFollow; this.updataVideo(data); if (data.IsFollow) { @@ -453,26 +452,26 @@ }); } }, - updataVideo(data) { + updataVideo (data) { let _this = this; updateVideoAnalyze(data).then(res => { //浜岀骇鏌ヨ }); }, - checkVideoDetail(data) { + checkVideoDetail (data) { let _this = this; _this.selectedVideo = data; _this.videoDialogVisible = true; }, - checkFollow() { + checkFollow () { }, - checkType(type) { + checkType (type) { this.showType = type; this.filterSearchData() }, - clearCheckedConfigs() { + clearCheckedConfigs () { this.checkedConfigs.forEach(config => { config.isShow = true; config.data.forEach(d => { @@ -482,7 +481,7 @@ this.checkedConfigs = []; this.showAdvance = true; }, - removeCheckedConfig(config) { + removeCheckedConfig (config) { config.isShow = true; if (config.IsAdvanced) { this.showAdvance = true; @@ -493,7 +492,7 @@ let index = this.checkedConfigs.findIndex(one => one.id == config.id); this.checkedConfigs.splice(index, 1); }, - checkOption(config, option) { + checkOption (config, option) { if (option) { option.isChecked = true; } @@ -510,20 +509,20 @@ }, - cancleMultCheck(config) { + cancleMultCheck (config) { config.isMultCheck = false; config.data.forEach(opt => { opt.isChecked = false; }); }, - handleSelect(key, keyPath) { + handleSelect (key, keyPath) { }, - showMore(config) { + showMore (config) { config.isShowMore = !config.isShowMore; this.$refs[`options${config.id}`][0].style.height = config.isShowMore ? this.$refs[`options${config.id}`][0].scrollHeight + 'px' : this.fixedOneLineHeight + 'px'; }, - toggleMultCheck(config) { + toggleMultCheck (config) { config.isMultCheck = !config.isMultCheck; this.optionalConfigs.forEach(conf => { if (conf.id == config.id) { @@ -532,7 +531,7 @@ conf.isMultCheck = false; }) }, - dataSearch() { + dataSearch () { console.log(this.checkedConfigs); this.$forceUpdate(); }, @@ -732,6 +731,7 @@ text-align: left; border: 1px solid #dedede; border-radius: 5px; + height: 350px; .video-wrap { background: aliceblue; border-radius: 3px; @@ -792,8 +792,10 @@ } } .dialog-video { + z-index: 2096 !important; .el-dialog { width: 1180px; + height: 918px; } .el-dialog__body { background: #f5f5f5; -- Gitblit v1.8.0