From e0745a40369e2f31f2cb1f414f559a3206ae07ea Mon Sep 17 00:00:00 2001
From: yuetsh <517252939@qq.com>
Date: Fri, 15 Nov 2024 22:31:24 +0800
Subject: [PATCH] =?UTF-8?q?=E7=8F=AD=E7=BA=A7=E5=88=97=E8=A1=A8=E5=8F=AF?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/admin/setting/config.vue    |  5 +++++
 src/shared/components/Login.vue | 23 ++++++++++++++---------
 src/utils/types.ts              |  1 +
 3 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/src/admin/setting/config.vue b/src/admin/setting/config.vue
index 63211d5..9218412 100644
--- a/src/admin/setting/config.vue
+++ b/src/admin/setting/config.vue
@@ -105,6 +105,7 @@ const websiteConfig = reactive({
   website_footer: "所有权归属于徐越，感谢青岛大学开源 OJ 系统，感谢开源社区",
   allow_register: true,
   submission_list_show_all: true,
+  class_list: [],
 })
 
 async function getWebsiteConfig() {
@@ -115,6 +116,7 @@ async function getWebsiteConfig() {
   websiteConfig.website_footer = res.data.website_footer
   websiteConfig.allow_register = res.data.allow_register
   websiteConfig.submission_list_show_all = res.data.submission_list_show_all
+  websiteConfig.class_list = res.data.class_list
 }
 
 async function saveWebsiteConfig() {
@@ -186,6 +188,9 @@ onMounted(() => {
       <n-form-item label="页脚">
         <n-input v-model:value="websiteConfig.website_footer" />
       </n-form-item>
+      <n-form-item label="班级列表">
+        <n-dynamic-tags v-model:value="websiteConfig.class_list" />
+      </n-form-item>
     </n-form>
     <n-flex align="center">
       <n-flex align="center">
diff --git a/src/shared/components/Login.vue b/src/shared/components/Login.vue
index d16320a..3f29f9d 100644
--- a/src/shared/components/Login.vue
+++ b/src/shared/components/Login.vue
@@ -14,13 +14,15 @@ const form = reactive({
   username: "",
   password: "",
 })
-const classList: SelectOption[] = [
-  { label: "不用填", value: "" },
-  { label: "24计算机1班", value: "ks241" },
-  { label: "24计算机2班", value: "ks242" },
-  { label: "24计算机3班", value: "ks243" },
-  { label: "24计算机4班", value: "ks244" },
-]
+const classList = computed<SelectOption[]>(() => {
+  const defaults = [{ label: "不用填", value: "" }]
+  const configs =
+    configStore.config?.class_list.map((item) => ({
+      label: `${item.slice(0, 2)}计算机${item.slice(2)}班`,
+      value: `ks${item}`,
+    })) ?? []
+  return [...defaults, ...configs]
+})
 const rules: FormRules = {
   username: [{ required: true, message: "用户名必填", trigger: "blur" }],
   password: [
@@ -80,8 +82,11 @@ function goSignup() {
     <n-form ref="loginRef" :model="form" :rules="rules" show-require-mark>
       <n-alert :show-icon="false" class="tip">
         关于【选择班级】的提醒：<br />
-        1. 如果是上课统一生成的账号，选择【相应班级】，用户名直接写自己的名字 <br />
-        2. 同样是上课用的号，但是没有你的班级。选择【不用填】，用户名要写：ks班级+姓名，比如23计算机1班张三，就写ks231张三 <br />
+        1. 如果是上课统一生成的账号，选择【相应班级】，用户名直接写自己的名字
+        <br />
+        2.
+        同样是上课用的号，但是没有你的班级。选择【不用填】，用户名要写：ks班级+姓名，比如23计算机1班张三，就写ks231张三
+        <br />
         3. 如果是自己注册的号，选择【不用填】 <br />
       </n-alert>
       <n-form-item label="选择班级" path="class" :show-require-mark="false">
diff --git a/src/utils/types.ts b/src/utils/types.ts
index 0b50e1c..18dace6 100644
--- a/src/utils/types.ts
+++ b/src/utils/types.ts
@@ -314,6 +314,7 @@ export interface WebsiteConfig {
   website_footer: string
   allow_register: boolean
   submission_list_show_all: boolean
+  class_list: string[] & never[]
 }
 
 export interface Server {