From 12ea4d9b4c40a7eedfe7440b5d3ff952b381675c Mon Sep 17 00:00:00 2001 From: hanbaoshan <hanbaoshan@aiotlink.com> Date: 星期四, 25 二月 2021 18:34:54 +0800 Subject: [PATCH] 朔黄任务管理视频列表隐藏uniqueId,视频检索tab中label单行溢出显示省略号 --- src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue | 31 ++++++++++++++++++++++++------- 1 files changed, 24 insertions(+), 7 deletions(-) diff --git a/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue b/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue index a0e7169..67cc64b 100644 --- a/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue +++ b/src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue @@ -181,6 +181,7 @@ <div class="mark-info"> <div class="abnormal" v-if="data.LableLst && data.LableLst.length"> <span + class="abnormal-label" v-for="(label, index) in data.LableLst" :key="index" >{{ label.Desc +(index==data.LableLst.length-1?"":"锛�")}}</span> @@ -271,10 +272,10 @@ :visible="eventDialogVisible" @close="eventDialogVisible = false" > - <div class="title" slot="title"> - <i class="el-icon-connection"></i> - <span>shoubi瑙嗛</span> - </div> + <div class="title" slot="title"> + <i class="el-icon-connection"></i> + <span>shoubi瑙嗛</span> + </div> <event-videos :eventDetail="curEventDetail"></event-videos> </el-dialog> </div> @@ -485,7 +486,20 @@ } else { _this.tabTotal = res.total; _this.tabData = res.data; - + _this.tabData = _this.tabData.map(function (item) { + const set = new Set() + item.LableLst.forEach(function (label) { + label.Desc.split("锛�").forEach(function (d) { + set.add(d) + }) + }) + const lblst = [] + set.forEach(function (d) { + lblst.push({ Desc: d }) + }) + item.LableLst = lblst + return item + }) } }); }, @@ -873,7 +887,7 @@ text-align: left; border: 1px solid #dedede; border-radius: 5px; - //height: 390px; + height: 420px; .video-wrap { border-radius: 3px; width: 100%; @@ -907,6 +921,9 @@ color: #3d68e1; .abnormal { color: red; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .event-tag { margin-top: 10px; @@ -984,7 +1001,7 @@ width: 1000px; height: 800px; background: #efefef; - .el-dialog__body{ + .el-dialog__body { padding: 0; } } -- Gitblit v1.8.0