src/views/home/data-check/index.vue
@@ -5,18 +5,20 @@
      <div class="card-content">
        <div class="title-container">
          <h1>考核报表</h1>
          <div class="more-button" @click="$router.push({ path: '/contract/report' })">
          <el-select v-model="category" placeholder="请选择" @change="calculate(category)" style="width: 150px;">
            <el-option label="视频" value="1" />
            <el-option label="车辆" value="2" />
            <el-option label="人脸" value="3" />
          </el-select>
          <div class="more-button" @click="$router.push({ path: '/check/result' })">
            <span>更多</span>
            <i class="el-icon-arrow-right"></i>
          </div>
        </div>
        <el-table :data="tableData" style="width: 100%" height="350">
          <el-table-column prop="name" label="规则名称" align="center" show-overflow-tooltip>
          </el-table-column>
          <el-table-column prop="num" label="数量" align="center">
          </el-table-column>
          <el-table-column prop="score" label="分数" align="center">
          </el-table-column>
          <el-table-column type="index" label="排名" align="center" />
          <el-table-column prop="deptName" label="区域" align="center" show-overflow-tooltip />
          <el-table-column prop="score" label="分数" align="center" />
        </el-table>
      </div>
    </el-card>
@@ -30,13 +32,19 @@
  data() {
    return {
      category: "1",
      tableData: []
    }
  },
  mounted() {
    calculate().then(res => {
      this.tableData = res.data;
    })
    this.calculate(this.category);
  },
  methods: {
    calculate(category) {
      calculate(category).then(res => {
        this.tableData = res.data;
      })
    }
  }
}
</script>