错题展示

luohairen

2024-11-07 84659b2d8d9c839903988b59905c6e6c338c5e71

 src/views/wrong-list/index.vue

@@ -9,8 +9,8 @@
            <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-button type="primary" class="ml-4" @click="searchData">搜索</el-button>
<!--                  <el-input v-model="searchText" placeholder="请输入考试名称" :prefix-icon="Search" maxlength="20" @input="searchData"/>-->
<!--                  <el-button type="primary" class="ml-4" @click="searchData">搜索</el-button>-->
                </div>
              </div>

@@ -21,10 +21,10 @@
              </div>

              <div class="card-footer flex justify-center mb-7 shrink-0">
                <el-pagination background layout="prev, pager, next" :total="dataList.length"
                               :default-page-size="20"
                               :currentPage="currentIndex"
                               :hide-on-single-page="true"
                <el-pagination background layout="prev, pager, next"
                               :total="pageParam.total"
                               :page-size="10"
                               :current-page="pageParam.pageIndex"
                               @current-change="handleCurrentChange"/>
              </div>
            </div>
@@ -37,41 +37,51 @@

<script setup>
import { ref } from 'vue';

import NormalHeader from '@/components/NormalHeader/index.vue';
import DataList from './data-list/index.vue';
import { getWrongList } from '@/api/modules/wrong.js';
import { page } from '@/api/modules/wrong.js';


const searchText = ref('');
const currentIndex = ref(1);

const dataList = ref([]);

const loading = ref(false);
const currentData = ref([]);

// 分页参数
const pageParam = {
  pageIndex: 1,
  pageSize: 10,
  total: 0
};



const getData = () => {
  loading.value = true;
  getWrongList({ examName: searchText.value }).then(res => {
  page().then(res => {
    dataList.value = res.data;
    loading.value = false;
  }).catch(err => {
    loading.value = false;
  });
};
// 页面切换
const handleCurrentChange = (pageIndex) => {
  pageParam.pageIndex = pageIndex; // 更新页码
  const currentData = getPaginatedData(); // 获取当前页数据
  updateView(currentData); // 更新视图
}


getData();


const searchData = () => {
  getData();
};
}

const handleClick = (tab, event) => {
};

const handleCurrentChange = (val) => {
  getData();
}
</script>

<style lang="scss" scoped>