数据中心视频优化完

fuliqi

2024-10-28 414212d6d55f8d3e924787bece138ede7e0ab6af

 src/views/system/data-manage/data-detail/index.vue

@@ -79,7 +79,7 @@
        <el-form-item label="关键词" prop="bayonetNumber">
          <el-input v-model="queryParams.keyword" placeholder="关键词搜索" clearable @input="handleQuery"/>
        </el-form-item>
        <el-form-item :label="this.optionsName" prop="option">
        <el-form-item :label="this.optionsName" prop="option" v-show = "this.optionsStatus">
          <el-select  v-model="queryParams.option" size="small" clearable>
            <el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value"></el-option>
          </el-select>
@@ -111,7 +111,11 @@
    <div>
      <el-table v-loading="loading" :data="tableData.list">
        <el-table-column :prop="item.prop" :label="item.label" :width="item.width" v-for="(item, index) in tableHead"
                         :key="index" v-if="showListPD(item)"/>
                         :key="index" v-if="showListPD(item)">
          <template slot-scope="scope">
            <span :class="{'error-text': scope.row[item.error]}"> {{ scope.row[item.prop] }} </span>
          </template>
        </el-table-column>
      </el-table>
    </div>

@@ -280,12 +284,16 @@

    // 拼接成 yyyy-MM-dd 格式
    this.queryParams.date = `${year}-${month}-${day}`;

    this.index = this.$route.query.index;
    if (this.$route.query.type === '1') {
      let data = videoData.table.filter(item => item.index === this.$route.query.index)[0]
      // if(this.index = 'monitor_qualification'){
      //
      // }
      this.tableHead = data.columns;
      this.cardList = data.card;
      this.showList = data.showList;
      this.optionsStatus = data.optionsStatus;
      this.options = data.options;
      this.optionsName = data.optionsName;
    }
@@ -294,6 +302,7 @@
      this.tableHead = data.columns;
      this.cardList = data.card;
      this.showList = data.showList;
      this.optionsStatus = data.optionsStatus;
      this.options = data.options;
      this.optionsName = data.optionsName;
    }
@@ -302,6 +311,7 @@
      this.tableHead = data.columns;
      this.cardList = data.card;
      this.showList = data.showList;
      this.optionsStatus = data.optionsStatus;
      this.options = data.options;
      this.optionsName = data.optionsName;
    }
@@ -310,12 +320,18 @@
      this.tableHead = data.columns;
      this.cardList = data.card;
      this.showList = data.showList;
      this.optionsStatus = data.optionsStatus;
      this.options = data.options;
      this.optionsName = data.optionsName;
    }
    this.getList();
  },
  methods: {
    getColor(value, prop) {

      // 默认颜色
      return 'red';
    },
    clickTab(active) {
      this.queryParams.dataType = active
      this.getList()
@@ -441,7 +457,9 @@
.tab {
  padding: 5px 15px;
}

.error-text {
  color: red;
}
.tab:hover {
  cursor: pointer;
  user-select: none;