From bf666f9408e88aa2a552d7979d627857c870d9b6 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期四, 04 七月 2024 15:35:23 +0800
Subject: [PATCH] feat:数据持久化
---
src/views/grade-list/index.vue | 22 +++++++++++++++++++---
1 files changed, 19 insertions(+), 3 deletions(-)
diff --git a/src/views/grade-list/index.vue b/src/views/grade-list/index.vue
index cbcff04..5ea8724 100644
--- a/src/views/grade-list/index.vue
+++ b/src/views/grade-list/index.vue
@@ -16,7 +16,7 @@
</div>
<div class="header-search flex items-center">
<el-input v-model="searchText" placeholder="璇疯緭鍏ヨ�冭瘯鍚嶇О" :prefix-icon="Search" />
- <el-button type="primary" class="ml-4">鎼滅储</el-button>
+ <el-button type="primary" class="ml-4" @click="searchData">鎼滅储</el-button>
</div>
</div>
@@ -28,7 +28,12 @@
</div>
<div class="card-footer flex justify-center mb-7 shrink-0">
- <el-pagination background layout="prev, pager, next" :total="1000" />
+ <el-pagination background layout="prev, pager, next"
+ :total="dataList.length"
+ :default-page-size="currentSize"
+ :currentPage="currentIndex"
+ :hide-on-single-page="true"
+ @current-change="handleCurrentChange" />
</div>
</div>
</el-card>
@@ -51,9 +56,12 @@
const dataList = ref([]);
+const currentIndex = ref(1);
+const currentSize = ref(10);
+
const getData = () => {
loading.value = true;
- getGradeList().then(res => {
+ getGradeList({examName: searchText.value, pageIndex: currentIndex.value, pageSize: currentSize.value}).then(res => {
dataList.value = res.data.list;
loading.value = false;
}).catch(err => {
@@ -63,6 +71,14 @@
getData();
+const handleCurrentChange = () => {
+ getData();
+}
+
+const searchData = () => {
+ getData();
+}
+
const handleClick = (tab, event) => {
};
</script>
--
Gitblit v1.8.0