朔黄任务管理视频列表隐藏uniqueId，视频检索tab中label单行溢出显示省略号

hanbaoshan

2021-02-25 12ea4d9b4c40a7eedfe7440b5d3ff952b381675c

 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;
        }
      }