后台八个列表(题目、比赛、用户、公告、题单、AI 报告、从题库加题、标签下的题)原来是 `const res = await getXxx(); rows.value = res.results`:接口 500 或断网时什么都不提示, 表格停在旧数据上;关键词防抖和翻页一交错,先发的晚回来会把新结果盖掉。 shared/composables/listLoader.ts 的 track() 把请求包一层:带请求序号、出错按后端文案提示 (登录过期、没权限这几种全局拦截器已经提示过,不弹第二遍)、表格挂 loading。 实跑:六个列表各 10 行正常;拦掉题目列表的接口再翻页,弹「网络异常,请检查网络后重试」 (原来没有任何反应)。 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
1 parent
4dfd14f95b
commit
d4aadc7722
10 files changed
+122
-27
No files matched your search
@@ -8,6 +8,7 @@ import type { AdminAnnouncementListItem } from "utils/types"
|
||||
import { editAnnouncement, getAnnouncement, getAnnouncementList } from "../api"
|
||||
import Actions from "./components/Actions.vue"
|
||||
import { useBreakpoints } from "shared/composables/breakpoints"
|
||||
import { useListLoader } from "shared/composables/listLoader"
|
||||
|
||||
const message = useMessage()
|
||||
const total = ref(0)
|
||||
@@ -136,9 +137,11 @@ async function toggle(announcement: AdminAnnouncementListItem, field: "visible"
|
||||
}
|
||||
}
|
||||
|
||||
const { loading, track } = useListLoader()
|
||||
async function listAnnouncements() {
|
||||
const offset = (query.page - 1) * query.limit
|
||||
const res = await getAnnouncementList(offset, query.limit)
|
||||
const res = await track(getAnnouncementList(offset, query.limit))
|
||||
if (!res) return
|
||||
announcements.value = res.results
|
||||
total.value = res.total
|
||||
}
|
||||
@@ -155,7 +158,13 @@ watch(query, listAnnouncements, { deep: true })
|
||||
</n-button>
|
||||
</template>
|
||||
</PageHeader>
|
||||
<n-data-table striped class="ann-table" :columns="columns" :data="announcements" />
|
||||
<n-data-table
|
||||
:loading="loading"
|
||||
striped
|
||||
class="ann-table"
|
||||
:columns="columns"
|
||||
:data="announcements"
|
||||
/>
|
||||
<Pagination :total="total" v-model:limit="query.limit" v-model:page="query.page" />
|
||||
</template>
|
||||
|
||||
|
||||
Reference in new issue
Block a user