From 4af5a28c03d5d6460d05512d52f338b9f86f559b Mon Sep 17 00:00:00 2001
From: yuetsh <517252939@qq.com>
Date: Mon, 20 Mar 2023 20:54:12 +0800
Subject: [PATCH] contest list.

---
 src/admin/api.ts                              |  8 +-
 src/admin/contest/components/Actions.vue      | 41 +++++++++
 src/admin/contest/list.vue                    | 87 ++++++++++++++++++-
 src/admin/problem/list.vue                    |  3 +-
 src/admin/user/list.vue                       |  2 +-
 src/components.d.ts                           |  8 +-
 src/oj/contest/components/ContestInfo.vue     |  2 +-
 src/oj/contest/list.vue                       |  4 +-
 .../components => shared}/ContestTitle.vue    |  0
 .../components => shared}/ContestType.vue     |  3 +-
 src/utils/types.ts                            |  2 +
 11 files changed, 146 insertions(+), 14 deletions(-)
 create mode 100644 src/admin/contest/components/Actions.vue
 rename src/{oj/contest/components => shared}/ContestTitle.vue (100%)
 rename src/{oj/contest/components => shared}/ContestType.vue (81%)

diff --git a/src/admin/api.ts b/src/admin/api.ts
index ebaf74a..a667840 100644
--- a/src/admin/api.ts
+++ b/src/admin/api.ts
@@ -40,6 +40,12 @@ export function deleteUsers(userIDs: number[]) {
   return http.delete("admin/user", { params: { id: userIDs.join(",") } })
 }
 
-export function editUser(user: User & { password: string }) {
+export function editUser(user: User) {
   return http.put("admin/user", user)
 }
+
+export function getContestList(offset = 0, limit = 10, keyword: string) {
+  return http.get("admin/contest", {
+    params: { paging: true, offset, limit, keyword },
+  })
+}
diff --git a/src/admin/contest/components/Actions.vue b/src/admin/contest/components/Actions.vue
new file mode 100644
index 0000000..3020fd4
--- /dev/null
+++ b/src/admin/contest/components/Actions.vue
@@ -0,0 +1,41 @@
+<script lang="ts" setup>
+import { Contest } from "~/utils/types"
+
+interface Props {
+  contest: Contest
+}
+const props = defineProps<Props>()
+const router = useRouter()
+
+function goEdit() {
+  router.push({
+    name: "admin contest edit",
+    params: { contestID: props.contest.id },
+  })
+}
+
+function goEditProblems() {
+  router.push({
+    name: "admin contest problems",
+    params: { contestID: props.contest.id },
+  })
+}
+</script>
+<template>
+  <n-space>
+    <n-button size="small" type="primary" secondary @click="goEdit">
+      编辑
+    </n-button>
+    <n-button size="small" type="info" secondary @click="goEditProblems">
+      题目
+    </n-button>
+    <n-button size="small" type="warning" secondary>公告</n-button>
+    <n-tooltip>
+      <template #trigger>
+        <n-button size="small" secondary>下载</n-button>
+      </template>
+      下载 AC 提交
+    </n-tooltip>
+  </n-space>
+</template>
+<style scoped></style>
diff --git a/src/admin/contest/list.vue b/src/admin/contest/list.vue
index f592bf1..340075d 100644
--- a/src/admin/contest/list.vue
+++ b/src/admin/contest/list.vue
@@ -1,7 +1,90 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import { DataTableColumn, NSwitch, NTag } from "naive-ui"
+import Pagination from "~/shared/Pagination.vue"
+import { Contest } from "~/utils/types"
+import { getContestList } from "../api"
+import ContestType from "~/shared/ContestType.vue"
+import ContestTitle from "~/shared/ContestTitle.vue"
+import { CONTEST_STATUS } from "~/utils/constants"
+import Actions from "./components/Actions.vue"
+
+const contests = ref<Contest[]>([])
+const total = ref(0)
+const query = reactive({
+  limit: 10,
+  page: 1,
+  keyword: "",
+})
+
+function toggleVisible(id: number) {}
+
+const columns: DataTableColumn<Contest>[] = [
+  { title: "ID", key: "id", width: 60 },
+  {
+    title: "比赛",
+    key: "title",
+    minWidth: 250,
+    render: (row) => h(ContestTitle, { contest: row }),
+  },
+  {
+    title: "类型",
+    key: "contest_type",
+    width: 80,
+    render: (row) => h(ContestType, { contest: row, size: "small" }),
+  },
+  {
+    title: "状态",
+    key: "status",
+    width: 80,
+    render: (row) =>
+      h(
+        NTag,
+        { type: CONTEST_STATUS[row.status]["type"], size: "small" },
+        () => CONTEST_STATUS[row.status]["name"]
+      ),
+  },
+  {
+    title: "可见",
+    key: "visible",
+    width: 60,
+    render: (row) =>
+      h(NSwitch, {
+        value: row.visible,
+        size: "small",
+        rubberBand: false,
+        onUpdateValue: () => toggleVisible(row.id),
+      }),
+  },
+  {
+    title: "选项",
+    key: "actions",
+    width: 260,
+    render: (row) => h(Actions, { contest: row }),
+  },
+]
+
+async function listContests() {
+  const offset = (query.page - 1) * query.limit
+  const res = await getContestList(offset, query.limit, query.keyword)
+  contests.value = res.data.results
+  total.value = res.data.total
+}
+onMounted(listContests)
+watch(query, listContests, { deep: true })
+</script>
 
 <template>
-  <div>contest list</div>
+  <n-form>
+    <n-form-item>
+      <n-input v-model:value="query.keyword" />
+    </n-form-item>
+  </n-form>
+  <n-data-table :columns="columns" :data="contests" size="small" />
+  <Pagination
+    :total="total"
+    v-model:limit="query.limit"
+    v-model:page="query.page"
+  />
 </template>
 
 <style scoped></style>
diff --git a/src/admin/problem/list.vue b/src/admin/problem/list.vue
index 97d02bf..0bb185a 100644
--- a/src/admin/problem/list.vue
+++ b/src/admin/problem/list.vue
@@ -37,7 +37,8 @@ const columns: DataTableColumn<AdminProblemFiltered>[] = [
       }),
   },
   {
-    key: "edit",
+    title: "选项",
+    key: "actions",
     width: 200,
     render: (row) => h(Actions, { problemID: row.id, onDeleted: listProblems }),
   },
diff --git a/src/admin/user/list.vue b/src/admin/user/list.vue
index 349f89f..109fd8e 100644
--- a/src/admin/user/list.vue
+++ b/src/admin/user/list.vue
@@ -54,7 +54,7 @@ const columns: DataTableColumn<User>[] = [
   { title: "真名", key: "real_name", width: 100 },
   { title: "邮箱", key: "email", width: 200 },
   {
-    key: "edit",
+    key: "actions",
     title: "选项",
     width: 200,
     render: (row) =>
diff --git a/src/components.d.ts b/src/components.d.ts
index 3a0c7f9..a29bba4 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -18,12 +18,10 @@ declare module '@vue/runtime-core' {
     IEpMoreFilled: typeof import('~icons/ep/more-filled')['default']
     IEpSunny: typeof import('~icons/ep/sunny')['default']
     NAlert: typeof import('naive-ui')['NAlert']
-    NAvatar: typeof import("naive-ui")["NAvatar"]
-    NBreadcrumb: typeof import('naive-ui')['NBreadcrumb']
-    NBreadcrumbItem: typeof import('naive-ui')['NBreadcrumbItem']
+    NAvatar: typeof import('naive-ui')['NAvatar']
     NButton: typeof import('naive-ui')['NButton']
     NCard: typeof import('naive-ui')['NCard']
-    NCode: typeof import("naive-ui")["NCode"]
+    NCode: typeof import('naive-ui')['NCode']
     NConfigProvider: typeof import('naive-ui')['NConfigProvider']
     NDataTable: typeof import('naive-ui')['NDataTable']
     NDescriptions: typeof import('naive-ui')['NDescriptions']
@@ -55,7 +53,7 @@ declare module '@vue/runtime-core' {
     NTabs: typeof import('naive-ui')['NTabs']
     NTag: typeof import('naive-ui')['NTag']
     NTooltip: typeof import('naive-ui')['NTooltip']
-    NUpload: typeof import("naive-ui")["NUpload"]
+    NUpload: typeof import('naive-ui')['NUpload']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
   }
diff --git a/src/oj/contest/components/ContestInfo.vue b/src/oj/contest/components/ContestInfo.vue
index b50d297..3fe627a 100644
--- a/src/oj/contest/components/ContestInfo.vue
+++ b/src/oj/contest/components/ContestInfo.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { parseTime } from "utils/functions"
 import { useContestStore } from "oj/store/contest"
-import ContestTypeVue from "./ContestType.vue"
+import ContestTypeVue from "~/shared/ContestType.vue"
 
 const contestStore = useContestStore()
 </script>
diff --git a/src/oj/contest/list.vue b/src/oj/contest/list.vue
index 9ad813b..bc27a87 100644
--- a/src/oj/contest/list.vue
+++ b/src/oj/contest/list.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import { DataTableColumn, NTag, SelectOption } from "naive-ui"
 import { getContestList } from "oj/api"
-import Pagination from "~/shared/Pagination.vue"
 import { filterEmptyValue, parseTime, duration } from "utils/functions"
 import { Contest } from "utils/types"
 import { ContestType, CONTEST_STATUS } from "~/utils/constants"
-import ContestTitle from "./components/ContestTitle.vue"
+import ContestTitle from "~/shared/ContestTitle.vue"
+import Pagination from "~/shared/Pagination.vue"
 import { useUserStore } from "~/shared/store/user"
 import { toggleLogin } from "~/shared/composables/modal"
 import { isDesktop } from "~/shared/composables/breakpoints"
diff --git a/src/oj/contest/components/ContestTitle.vue b/src/shared/ContestTitle.vue
similarity index 100%
rename from src/oj/contest/components/ContestTitle.vue
rename to src/shared/ContestTitle.vue
diff --git a/src/oj/contest/components/ContestType.vue b/src/shared/ContestType.vue
similarity index 81%
rename from src/oj/contest/components/ContestType.vue
rename to src/shared/ContestType.vue
index 098433f..58cecb4 100644
--- a/src/oj/contest/components/ContestType.vue
+++ b/src/shared/ContestType.vue
@@ -4,6 +4,7 @@ import { ContestType } from "~/utils/constants"
 
 interface Props {
   contest: Contest
+  size?: "small"
 }
 
 const props = defineProps<Props>()
@@ -14,7 +15,7 @@ const isPrivate = computed(
 </script>
 
 <template>
-  <n-tag :type="isPrivate ? 'error' : 'info'">
+  <n-tag :type="isPrivate ? 'error' : 'info'" :size="props.size">
     {{ isPrivate ? "需要密码" : "公开" }}
   </n-tag>
 </template>
diff --git a/src/utils/types.ts b/src/utils/types.ts
index 01590d9..43a2441 100644
--- a/src/utils/types.ts
+++ b/src/utils/types.ts
@@ -45,6 +45,7 @@ export interface User {
   two_factor_auth: boolean
   open_api: boolean
   is_disabled: boolean
+  password?: string
 }
 
 export type LANGUAGE =
@@ -236,6 +237,7 @@ export interface Contest {
   create_time: string
   now: string
   last_update_time: string
+  visible: boolean
 }
 
 interface SubmissionInfo {