From 58c0f11fe2f23a1be2dec768f9ac02107301a634 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期五, 19 九月 2025 17:30:36 +0800
Subject: [PATCH] 2025.9.19 数据产品（待完成）
---
src/composables/fetchData.js | 38 +++++++++++++++++++++++++++++---------
1 files changed, 29 insertions(+), 9 deletions(-)
diff --git a/src/composables/fetchData.js b/src/composables/fetchData.js
index 08c7b46..4b5458e 100644
--- a/src/composables/fetchData.js
+++ b/src/composables/fetchData.js
@@ -1,13 +1,13 @@
// 鎺ュ彛鏁版嵁鐨勮幏鍙�
-import { onActivated, onDeactivated, ref, watch } from 'vue';
+import { ref, watch, computed } from 'vue';
-export function useFetchData(fetch) {
+export function useFetchData() {
// 鍒嗛〉淇℃伅
- const currentPage = ref(1);
- const totalPage = ref(1);
+ const page = ref(1);
+ const pageNum = ref(1);
const pageSize = ref(20);
const total = ref(0);
- watch(currentPage, (nValue, oValue) => {
+ watch(page, (nValue, oValue) => {
if (nValue != oValue) {
fetchData();
}
@@ -21,10 +21,30 @@
// 鍔犺浇鐘舵��, 0: 鍔犺浇瀹屾垚; 1: 鍔犺浇涓�; 2: 宸插叏閮ㄥ姞杞�; 3: 鍔犺浇澶辫触;
const loadStatus = ref(0);
+ const loading = computed(() => {
+ return loadStatus.value == 1;
+ });
+
// 鏁版嵁鑾峰彇
- function fetchData() {
- fetch(currentPage, pageSize).then((res) => {
-
- });
+ function fetchData(fetch) {
+ loadStatus.value = 1;
+ fetch(page.value, pageSize.value)
+ .then((pageInfo) => {
+ if (pageInfo) {
+ page.value = pageInfo.page ? pageInfo.page : 1;
+ pageNum.value = pageInfo.pageNum ? pageInfo.pageNum : 1;
+ total.value = pageInfo.total ? pageInfo.total : 0;
+ }
+
+ loadStatus.value = 0;
+ })
+ .catch(() => {
+ loadStatus.value = 3;
+ })
+ .finally(() => {
+ loadStatus.value = 2;
+ });
}
+
+ return { page, pageNum, pageSize, total, loadStatus, loading, fetchData };
}
--
Gitblit v1.9.3