From 9e5e88679d1c9b39def31103c76239abe1bb2d13 Mon Sep 17 00:00:00 2001
From: yuetsh <517252939@qq.com>
Date: Tue, 17 Jun 2025 23:51:15 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0URL=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/admin/problem/list.vue | 41 +++++++++++++++++++++++++++++---------
 1 file changed, 32 insertions(+), 9 deletions(-)

diff --git a/src/admin/problem/list.vue b/src/admin/problem/list.vue
index d8f7391..5185ea9 100644
--- a/src/admin/problem/list.vue
+++ b/src/admin/problem/list.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { NSwitch } from "naive-ui"
 import Pagination from "~/shared/components/Pagination.vue"
-import { parseTime } from "~/utils/functions"
+import { parseTime, filterEmptyValue } from "~/utils/functions"
 import { AdminProblemFiltered } from "~/utils/types"
 import { getProblemList, toggleProblemVisible } from "../api"
 import Actions from "./components/Actions.vue"
@@ -31,9 +31,9 @@ const { count, inc } = useCounter(0)
 const total = ref(0)
 const problems = ref<AdminProblemFiltered[]>([])
 const query = reactive({
-  limit: 10,
-  page: 1,
-  keyword: "",
+  limit: parseInt(<string>route.query.limit) || 10,
+  page: parseInt(<string>route.query.page) || 1,
+  keyword: <string>route.query.keyword ?? "",
 })
 
 const columns: DataTableColumn<AdminProblemFiltered>[] = [
@@ -71,7 +71,19 @@ const columns: DataTableColumn<AdminProblemFiltered>[] = [
   },
 ]
 
+function routerPush() {
+  router.push({
+    path: route.path,
+    query: filterEmptyValue(query),
+  })
+}
+
 async function listProblems() {
+  query.keyword = <string>route.query.keyword ?? ""
+  query.page = parseInt(<string>route.query.page) || 1
+  query.limit = parseInt(<string>route.query.limit) || 10
+
+  if (query.page < 1) query.page = 1
   const offset = (query.page - 1) * query.limit
   const res = await getProblemList(
     offset,
@@ -106,11 +118,22 @@ async function selectProblems() {
 }
 
 onMounted(listProblems)
-watch(() => [query.limit, query.page], listProblems)
-watchDebounced(() => query.keyword, listProblems, {
-  debounce: 500,
-  maxWait: 1000,
-})
+watch(() => query.page, routerPush)
+watch(
+  () => [query.limit, query.keyword],
+  () => {
+    query.page = 1
+    routerPush()
+  },
+)
+watchDebounced(
+  () => query.keyword,
+  () => {
+    query.page = 1
+    routerPush()
+  },
+  { debounce: 500, maxWait: 1000 },
+)
 </script>
 
 <template>