feat：首页数据调整

龚焕茏

2024-08-15 27a8cb7a37211f18e8ea66171b58d3bc36846283

feat：首页数据调整

 src/views/home/data-check/index.vue

@@ -5,15 +5,23 @@
      <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 label="排名" align="center">
            <template slot-scope="scope">
              <span>{{ scope.row.index }}</span>
            </template>
          </el-table-column>
          <el-table-column prop="num" label="数量" align="center">
          <el-table-column prop="deptName" label="区域" align="center" show-overflow-tooltip>
          </el-table-column>
          <el-table-column prop="score" label="分数" align="center">
          </el-table-column>
@@ -30,13 +38,19 @@

  data() {
    return {
      category: "1",
      tableData: []
    }
  },
  mounted() {
    calculate().then(res => {
      this.tableData = res.data;
    })
    calculate(this.category); 
  },
  methods: {
    calculate(category) {
      calculate(category).then(res => {
        this.tableData = res.data;
      })
    }
  }
}
</script>

 src/views/home/data-rank/index.vue

@@ -15,6 +15,8 @@
          </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>
      </div>
    </el-card>