朔黄视频检索详情调整

hanbaoshan

2021-01-25 16a8e97d34dd90cf54f0607fcb9a3a27c12db319

 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;