更新

GuLiMmo

2024-01-10 ce91922852ee1ea2bf7631071c0cfd155b84e01a

 src/views/evaluate/evaluateResult.vue

@@ -3,11 +3,11 @@
    <avue-tabs :option="taskTypeList" @change="tabChange"></avue-tabs>

    <el-container class="container">

      <el-aside width="250px">

        <!-- <el-input v-model="taskWord" class="search-box" clearable placeholder="请输入任务名称">

        <el-input v-model="taskWord" class="search-box" clearable placeholder="请输入任务名称" @change="searchChange">

          <template #append>

            <el-button icon="el-icon-search"></el-button>

          </template>

        </el-input> -->

        </el-input>

        <ul class="aside-box">

          <template v-if="this.taskList.length > 0">

            <li v-for="(item, index) in this.taskList" :key="item.id" :class="{ 'is-active': taskActive === index }"

@@ -26,9 +26,7 @@
        </ul>

        <div class="pagination">

          <el-pagination v-model:current-page="page.current" v-model:page-size="page.size" background pager-count="3"

            layout="prev, pager, next" :total="page.total" small hide-on-single-page />

            <!-- @size-change="handleSizeChange" 
            @current-change="handleCurrentChange" -->

            layout="prev, pager, next" :total="page.total" @current-change="handleCurrentChange" small hide-on-single-page />

        </div>

      </el-aside>

      <el-main>

@@ -74,7 +72,7 @@
      page: {

        current: 1,

        size: 10,

        total: 0

        total: 20

      },

      defaultTaskType: 0,

      taskTypeList: {

@@ -97,10 +95,11 @@
    initData() {

      this.getTaskList()

    },

    getTaskList() {

    getTaskList(params) {

      const { current, size } = this.page

      const values = {

        type: this.defaultTaskType

        type: this.defaultTaskType,

        ...params

      }

      getList(current, size, values).then(res => {

        const result = res.data.data

@@ -108,6 +107,14 @@
        this.taskList = result.records

      })

    },

    searchChange() {

      this.page.current = 1

      this.getTaskList({ taskName: this.taskWord })

    },

    handleCurrentChange(value) {

      this.page.current = value

      this.getTaskList({ taskName: this.taskWord })

    },

    tabChange(value) {

      this.defaultTaskType = value.prop;

      this.getTaskList()