generate users.

src/admin/api.ts

@@ -1,6 +1,10 @@
 import http from "utils/http"
 import { Problem, User } from "~/utils/types"
 
+export function getBaseInfo() {
+  return http.get("admin/dashboard_info")
+}
+
 export async function getProblemList(
   offset = 0,
   limit = 10,
@@ -48,20 +52,28 @@ export function getContestProblem(id: number) {
   return http.get("admin/contest/problem", { params: { id } })
 }
 
+// 用户列表
 export function getUserList(offset = 0, limit = 10, keyword: string) {
   return http.get("admin/user", {
     params: { paging: true, offset, limit, keyword },
   })
 }
 
-export function deleteUsers(userIDs: number[]) {
-  return http.delete("admin/user", { params: { id: userIDs.join(",") } })
-}
-
+// 编辑用户
 export function editUser(user: User) {
   return http.put("admin/user", user)
 }
 
+// 导入用户
+export function importUsers(users: string[][]) {
+  return http.post("admin/user", { users })
+}
+
+// 批量删除用户
+export function deleteUsers(userIDs: number[]) {
+  return http.delete("admin/user", { params: { id: userIDs.join(",") } })
+}
+
 export function getContestList(offset = 0, limit = 10, keyword: string) {
   return http.get("admin/contest", {
     params: { paging: true, offset, limit, keyword },

src/admin/setting/home.vue

@@ -1,7 +1,62 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import { useUserStore } from "~/shared/store/user"
+import { getBaseInfo } from "../api"
+import party from "party-js"
+
+const userCount = ref(0)
+const submissionCount = ref(0)
+const contestCount = ref(0)
+const userStore = useUserStore()
+
+party.resolvableShapes["fries"] = `<span style="font-size: 100px">🍟</span>`
+party.resolvableShapes["joker"] = `<span style="font-size: 100px">🤡</span>`
+
+function partyBegin1() {
+  party.sparkles(document.body, { shapes: ["fries"] })
+}
+
+function partyBegin2() {
+  party.sparkles(document.body, { shapes: ["joker"] })
+}
+
+onMounted(async () => {
+  const res = await getBaseInfo()
+  userCount.value = res.data.user_count
+  submissionCount.value = res.data.today_submission_count
+  contestCount.value = res.data.recent_contest_count
+})
+</script>
 
 <template>
-  <div></div>
+  <n-space align="center">
+    <n-avatar round :size="60" :src="userStore.profile?.avatar"></n-avatar>
+    <h1 class="name">{{ userStore.user?.username }}</h1>
+  </n-space>
+  <h2>
+    <n-gradient-text type="info">总用户数：{{ userCount }}</n-gradient-text>
+  </h2>
+  <h2>
+    <n-gradient-text type="error">
+      今日提交：{{ submissionCount }}
+    </n-gradient-text>
+  </h2>
+  <h2>
+    <n-gradient-text type="warning">
+      近期比赛：{{ contestCount }}
+    </n-gradient-text>
+  </h2>
+  <n-space align="center">
+    <span>我猜你要：</span>
+    <n-button @click="$router.push('/admin/problem/create')">新题目</n-button>
+    <n-button @click="$router.push('/admin/contest/create')">新比赛</n-button>
+    <n-button @click="partyBegin1">来点薯条</n-button>
+    <n-button @click="partyBegin2">做回自己</n-button>
+  </n-space>
 </template>
 
-<style scoped></style>
+<style scoped>
+.name {
+  font-size: 48px;
+  margin: 0;
+}
+</style>

src/admin/user/generate.vue

@@ -0,0 +1,117 @@
+<script setup lang="ts">
+import { DataTableColumn, NAlert } from "naive-ui"
+import { importUsers } from "../api"
+
+const possibleChars = "0123456789"
+
+const message = useMessage()
+const prefix = ref("")
+const rawInput = ref("")
+const [needKs] = useToggle(true)
+const users = shallowRef<string[][]>([])
+
+const columns: DataTableColumn[] = [
+  { title: "用户名", key: "username" },
+  { title: "密码", key: "password" },
+  { title: "邮箱", key: "email" },
+  { title: "真名", key: "realName" },
+]
+
+const usersToTable = computed(() => {
+  return users.value.map((u) => {
+    const username = u[0]
+    const password = u[1]
+    const email = u[2]
+    const realName = u[3]
+    return { username, password, realName, email }
+  })
+})
+
+function generateUsers() {
+  // 自动加上 ks 的开头
+  let myClass = ""
+  if (prefix.value) {
+    if (needKs.value && !prefix.value.startsWith("ks")) {
+      myClass = "ks" + prefix.value
+    } else {
+      myClass = prefix.value
+    }
+  }
+  if (!rawInput.value || !rawInput.value.trim()) return
+  rawInput.value = rawInput.value.trim()
+  const inputs = rawInput.value.split("\n")
+  users.value = inputs.map((u, i) => {
+    const username = myClass + u
+    let password = ""
+    for (let i = 0; i < 6; i++) {
+      password += possibleChars.charAt(
+        Math.floor(Math.random() * possibleChars.length)
+      )
+    }
+    const realName = u
+    const email = `${myClass}.${i + 1}@example.com`
+    return [username, password, email, realName]
+  })
+}
+
+async function uploadUsers() {
+  try {
+    await importUsers(users.value)
+    message.success("用户已上传成功")
+    const csv = users.value.map((u) => u.join(",")).join("\n")
+    const hiddenElement = document.createElement("a")
+    hiddenElement.href = "data:text/csv;charset=utf-8," + encodeURI(csv)
+    hiddenElement.target = "_blank"
+    hiddenElement.download = prefix.value + ".csv"
+    hiddenElement.click()
+    hiddenElement.remove()
+  } catch (err: any) {
+    message.error("上传失败：" + err.data)
+  }
+}
+
+function handleAll() {
+  generateUsers()
+  uploadUsers()
+}
+</script>
+
+<template>
+  <n-space>
+    <n-space vertical>
+      <n-space align="center">
+        <n-switch v-model:value="needKs" />
+        <span>前面带上 ks</span>
+      </n-space>
+      <n-input v-model:value="prefix" placeholder="班级号" />
+      <n-input
+        type="textarea"
+        class="inputArea"
+        placeholder="每行一个用户名"
+        autofocus
+        v-model:value="rawInput"
+      />
+    </n-space>
+    <n-scrollbar style="max-height: calc(100vh - 34px)">
+      <n-data-table
+        v-if="usersToTable.length"
+        :columns="columns"
+        :data="usersToTable"
+      />
+    </n-scrollbar>
+    <n-space vertical>
+      <n-button @click="generateUsers">让我康康</n-button>
+      <n-button type="warning" :disabled="!users.length" @click="uploadUsers">
+        上传用户
+      </n-button>
+      <n-button type="info" @click="handleAll">一键三连</n-button>
+    </n-space>
+  </n-space>
+</template>
+
+<style scoped>
+.inputArea {
+  width: 200px;
+  height: calc(100vh - 108px);
+}
+</style>

src/admin/user/importing.vue

@@ -1,7 +0,0 @@
-<script setup lang="ts"></script>
-
-<template>
-  <div>user import</div>
-</template>
-
-<style scoped></style>

src/admin/user/list.vue

@@ -1,10 +1,5 @@
 <script setup lang="ts">
-import {
-  DataTableColumn,
-  DataTableRowKey,
-  messageDark,
-  SelectOption,
-} from "naive-ui"
+import { DataTableColumn, DataTableRowKey, SelectOption } from "naive-ui"
 import Pagination from "~/shared/Pagination.vue"
 import { parseTime } from "~/utils/functions"
 import { User } from "~/utils/types"
@@ -134,7 +129,7 @@ watch(query, listUsers, { deep: true })
         <template #trigger>
           <n-button type="warning">删除</n-button>
         </template>
-        确定删除这个用户吗？删除后无法恢复！
+        确定删除选中的用户吗？删除后无法恢复！
       </n-popconfirm>
     </n-form-item>
   </n-form>