From 517ada59580a84035d2373034f7b77c0bdf044c5 Mon Sep 17 00:00:00 2001
From: luohairen <3399054449@qq.com>
Date: 星期一, 11 十一月 2024 15:33:05 +0800
Subject: [PATCH] 错题本分页
---
src/views/wrong-list/index.vue | 61 +++++++++++++++++++++---------
1 files changed, 42 insertions(+), 19 deletions(-)
diff --git a/src/views/wrong-list/index.vue b/src/views/wrong-list/index.vue
index e0c48d3..67a9632 100644
--- a/src/views/wrong-list/index.vue
+++ b/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-button type="primary" class="ml-4" @click="searchData">鎼滅储</el-button>
+<!-- <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>
@@ -21,10 +31,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 +47,54 @@
<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,
+ title: '',
+ questionType: null,
+ examName: ''
+};
+
+
const getData = () => {
loading.value = true;
- getWrongList({ examName: searchText.value }).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;
});
};
+// 椤甸潰鍒囨崲
+const handleCurrentChange = (pageIndex) => {
+ pageParam.pageIndex = pageIndex; // 鏇存柊椤电爜
+ getData(); // 鑾峰彇鏁版嵁
+}
+
getData();
+
const searchData = () => {
getData();
-};
+}
const handleClick = (tab, event) => {
};
-const handleCurrentChange = (val) => {
- getData();
-}
</script>
<style lang="scss" scoped>
--
Gitblit v1.8.0