错题本分页

luohairen

2024-11-11 517ada59580a84035d2373034f7b77c0bdf044c5

错题本分页

 src/api/modules/wrong.js

@@ -1,5 +1,5 @@
import service from "@/api";

export const page = (postData = {examName: ''}) => {
    return service.post('/api/student/wrong/page',postData);
export const page = (data) => {
    return service.post('/api/student/wrong/page',data);
}

 src/views/wrong-list/data-list/index.vue

@@ -44,10 +44,17 @@
            align="center"
            fixed="right"
        >
          <template slot-scope="scope">
            <el-button type="primary" size="large" @click="checkWrong(scope.row.id)">查看错题</el-button>
          <template #default="{ row }">
            <el-button
                type="primary"
                size="small"
                @click="checkWrong(row.id)"
            >
              查看错题
            </el-button>
          </template>
        </el-table-column>

      </el-table>
    </el-scrollbar>
  </div>

 src/views/wrong-list/index.vue

@@ -9,11 +9,21 @@
            <div class="card-wrapper w-full h-full flex flex-col px-8 box-border">
              <div class="card-header flex justify-between items-center shrink-0">
                <div class="header-search flex items-center">
<!--                  <el-input v-model="searchText" placeholder="请输入考试名称" :prefix-icon="Search" maxlength="20" @input="searchData"/>-->
<!--                  <el-input v-model="pageParam.title" placeholder="请输入题目" maxlength="20"/>-->
<!--                  <el-select v-model="pageParam.questionType" placeholder="请选择题型" @change="searchData">-->
<!--                    <el-option label="单选题" value="1"></el-option>-->
<!--                    <el-option label="多选题" value="2"></el-option>-->
<!--                    <el-option label="判断题" value="3"></el-option>-->
<!--                    <el-option label="填空题" value="4"></el-option>-->
<!--                    <el-option label="解答题" value="5"></el-option>-->
<!--                    <el-option label="语音题" value="6"></el-option>-->
<!--                    <el-option label="计算题" value="7"></el-option>-->
<!--                    <el-option label="分析题" value="8"></el-option>-->
<!--                  </el-select>-->
<!--                  <el-input v-model="pageParam.examName" placeholder="请输入试卷名称" maxlength="20"/>-->
<!--                  <el-button type="primary" class="ml-4" @click="searchData">搜索</el-button>-->
                </div>
              </div>

              <div class="card-main flex-1 my-5 relative">
                <div class="main-content absolute top-0 bottom-0 left-0 right-0" v-loading="loading">
                  <DataList :dataList="dataList"></DataList>
@@ -50,15 +60,19 @@
const pageParam = {
  pageIndex: 1,
  pageSize: 10,
  total: 0
  total: 0,
  title: '',
  questionType: null,
  examName: ''
};



const getData = () => {
  loading.value = true;
  page().then(res => {
    dataList.value = res.data;
  page(pageParam).then(res => {
    dataList.value = res.data.list;
    pageParam.total = res.data.total;
    loading.value = false;
  }).catch(err => {
    loading.value = false;
@@ -67,8 +81,7 @@
// 页面切换
const handleCurrentChange = (pageIndex) => {
  pageParam.pageIndex = pageIndex; // 更新页码
  const currentData = getPaginatedData(); // 获取当前页数据
  updateView(currentData); // 更新视图
  getData(); // 获取数据
}