fuliqi
2024-11-05 c79a020be41892e60021c2a750ea2976dd20f2f3
src/views/system/data-manage/data-detail/index.vue
@@ -79,6 +79,11 @@
        <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" 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>
        </el-form-item>
        <el-form-item label="时间" prop="date">
            <el-date-picker
              v-model="queryParams.date"
@@ -106,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>
@@ -197,6 +206,7 @@
        url: process.env.VUE_APP_BASE_API + "/platform/resourceSecurity/importData"
      },
      imageResourceSecurity: [],
      options: [],
      resourceForm: {},
      resourceOpen: false,
      totalKiosks: 1157,
@@ -229,6 +239,7 @@
        keyword: '',
        date: '',
        dataType: 0,
        option: null,
      },
      // 表单参数
      form: {},
@@ -258,7 +269,11 @@
      index: null
    };
  },
  mounted() {
    //修改页签名
    const obj = Object.assign({},this.$route,{title: this.$route.query.ruleName})
    this.$tab.updatePage(obj);
    // 获取当前日期
    const today = new Date();
@@ -269,34 +284,54 @@
    // 拼接成 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;
    }
    if (this.$route.query.type === '2') {
      let data = carData.table.filter(item => item.index === this.$route.query.index)[0]
      this.tableHead = data.columns;
      this.cardList = data.card;
      this.showList = data.showList;
      this.optionsStatus = data.optionsStatus;
      this.options = data.options;
      this.optionsName = data.optionsName;
    }
    if (this.$route.query.type === '3') {
      let data = faceData.table.filter(item => item.index === this.$route.query.index)[0]
      this.tableHead = data.columns;
      this.cardList = data.card;
      this.showList = data.showList;
      this.optionsStatus = data.optionsStatus;
      this.options = data.options;
      this.optionsName = data.optionsName;
    }
    if (this.$route.query.type === '4') {
      let data = equipment.table.filter(item => item.index === this.$route.query.index)[0]
      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.getDicts(this.$route.query.dict)
    this.getList();
  },
  methods: {
    getColor(value, prop) {
      // 默认颜色
      return 'red';
    },
    clickTab(active) {
      this.queryParams.dataType = active
      this.getList()
@@ -422,7 +457,9 @@
.tab {
  padding: 5px 15px;
}
.error-text {
  color: red;
}
.tab:hover {
  cursor: pointer;
  user-select: none;