update

apps/web/src/admin/user/components/Actions.vue

@@ -21,20 +21,10 @@ async function banUser() {
 </script>
 <template>
   <n-flex>
-    <n-button
-      size="small"
-      type="error"
-      secondary
-      @click="$emit('resetPassword', props.user)"
-    >
+    <n-button size="small" type="error" secondary @click="$emit('resetPassword', props.user)">
       重置密码
     </n-button>
-    <n-button
-      size="small"
-      type="primary"
-      secondary
-      @click="$emit('openEditModal', props.user)"
-    >
+    <n-button size="small" type="primary" secondary @click="$emit('openEditModal', props.user)">
       编辑
     </n-button>
     <n-button

apps/web/src/admin/user/components/PasswordCell.vue

@@ -22,8 +22,7 @@ defineEmits<{
  * TextCopy（渲染成空）。
  */
 const maskable = computed(
-  () =>
-    props.user.adminType !== USER_TYPE.REGULAR_USER && !!props.user.rawPassword,
+  () => props.user.adminType !== USER_TYPE.REGULAR_USER && !!props.user.rawPassword,
 )
 </script>
 <template>

apps/web/src/admin/user/components/UserNameCell.vue

@@ -8,20 +8,12 @@ interface Props {
   user: AdminUserForm
 }
 const props = defineProps<Props>()
-const hasRoleTag = computed(
-  () => props.user.adminType !== USER_TYPE.REGULAR_USER,
-)
+const hasRoleTag = computed(() => props.user.adminType !== USER_TYPE.REGULAR_USER)
 </script>
 <template>
   <n-flex align="center">
-    <n-tag v-if="props.user.isDisabled" type="error" size="small">
-      封号中
-    </n-tag>
-    <n-tag
-      v-if="hasRoleTag"
-      :type="getUserRole(props.user.adminType).type"
-      size="small"
-    >
+    <n-tag v-if="props.user.isDisabled" type="error" size="small"> 封号中 </n-tag>
+    <n-tag v-if="hasRoleTag" :type="getUserRole(props.user.adminType).type" size="small">
       {{ getUserRole(props.user.adminType).label }}
     </n-tag>
     <n-tag
@@ -31,11 +23,7 @@ const hasRoleTag = computed(
         props.user.adminType === USER_TYPE.TEACHER_ADMIN
       "
     >
-      {{
-        props.user.problemPermission === PROBLEM_PERMISSION.ALL
-          ? "全部"
-          : "仅自己"
-      }}
+      {{ props.user.problemPermission === PROBLEM_PERMISSION.ALL ? "全部" : "仅自己" }}
     </n-tag>
     <TextCopy>{{ props.user.username }}</TextCopy>
   </n-flex>

apps/web/src/admin/user/generate.vue

@@ -58,9 +58,7 @@ async function uploadUsers() {
     message.success("用户已上传成功")
     // 只导出用户名和密码两列 —— 发给学生的就是这两样，邮箱是占位生成的、
     // 真名本来就是老师粘进来的那一列，都不用回传
-    const csv = users.value
-      .map(([username, password]) => `${username},${password}`)
-      .join("\n")
+    const csv = users.value.map(([username, password]) => `${username},${password}`).join("\n")
     const hiddenElement = document.createElement("a")
     hiddenElement.href = "data:text/csv;charset=utf-8," + encodeURI(csv)
     hiddenElement.target = "_blank"
@@ -102,9 +100,7 @@ async function submit() {
         placeholder="每行一个用户名"
         v-model:value="rawInput"
       />
-      <n-button type="warning" :loading="loading" @click="submit">
-        确定导入
-      </n-button>
+      <n-button type="warning" :loading="loading" @click="submit"> 确定导入 </n-button>
     </n-flex>
   </n-space>
 </template>

apps/web/src/admin/user/list.vue

@@ -5,13 +5,7 @@ import Pagination from "shared/components/Pagination.vue"
 import { usePagination } from "shared/composables/pagination"
 import { parseTime } from "utils/functions"
 import type { AdminUserForm } from "utils/types"
-import {
-  deleteUsers,
-  editUser,
-  getUserList,
-  importUsers,
-  resetPassword,
-} from "../api"
+import { deleteUsers, editUser, getUserList, importUsers, resetPassword } from "../api"
 import Actions from "./components/Actions.vue"
 import UserNameCell from "./components/UserNameCell.vue"
 import PasswordCell from "./components/PasswordCell.vue"
@@ -78,8 +72,7 @@ const columns: DataTableColumn<AdminUserForm>[] = [
         user: row,
         revealed: revealedPasswords.value.has(row.id),
         onToggle: (id: number) => {
-          if (!revealedPasswords.value.delete(id))
-            revealedPasswords.value.add(id)
+          if (!revealedPasswords.value.delete(id)) revealedPasswords.value.add(id)
         },
       }),
   },
@@ -87,8 +80,7 @@ const columns: DataTableColumn<AdminUserForm>[] = [
     title: "创建时间",
     key: "create_time",
     width: 200,
-    render: (row) =>
-      row.createTime ? parseTime(row.createTime, "YYYY-MM-DD HH:mm:ss") : "",
+    render: (row) => (row.createTime ? parseTime(row.createTime, "YYYY-MM-DD HH:mm:ss") : ""),
   },
   {
     title: "上次登录",
@@ -98,12 +90,8 @@ const columns: DataTableColumn<AdminUserForm>[] = [
     // 会话能留 7 天。上次登录时间照旧显示，在线的人前面多一个标记
     render: (row) =>
       h(NFlex, { align: "center", size: "small" }, () => [
-        row.isOnline
-          ? h(NTag, { type: "success", size: "small" }, () => "在线")
-          : null,
-        row.lastLogin
-          ? parseTime(row.lastLogin, "YYYY-MM-DD HH:mm:ss")
-          : "从未登录",
+        row.isOnline ? h(NTag, { type: "success", size: "small" }, () => "在线") : null,
+        row.lastLogin ? parseTime(row.lastLogin, "YYYY-MM-DD HH:mm:ss") : "从未登录",
       ]),
   },
   {
@@ -144,13 +132,7 @@ const problemPermissionOptions: SelectOption[] = [
 async function listUsers() {
   if (query.page < 1) query.page = 1
   const offset = (query.page - 1) * query.limit
-  const res = await getUserList(
-    offset,
-    query.limit,
-    query.type,
-    query.keyword,
-    query.orderBy,
-  )
+  const res = await getUserList(offset, query.limit, query.type, query.keyword, query.orderBy)
   total.value = res.total
   users.value = res.results
   revealedPasswords.value.clear()
@@ -274,15 +256,10 @@ watch(() => [query.page, query.limit, query.type, query.orderBy], listUsers)
     <n-flex>
       <h2 class="title">用户列表</h2>
       <n-button type="primary" @click="createNewUser">新建</n-button>
-      <n-button @click="$router.push({ name: 'admin user generate' })">
-        导入
-      </n-button>
+      <n-button @click="$router.push({ name: 'admin user generate' })"> 导入 </n-button>
     </n-flex>
     <n-flex>
-      <n-popconfirm
-        v-if="userIDs.length"
-        @positive-click="onDeleteUsers(userIDs)"
-      >
+      <n-popconfirm v-if="userIDs.length" @positive-click="onDeleteUsers(userIDs)">
         <template #trigger>
           <n-button type="warning">删除</n-button>
         </template>
@@ -319,11 +296,7 @@ watch(() => [query.page, query.limit, query.type, query.orderBy], listUsers)
     :row-key="rowKey"
     @update:checked-row-keys="chooseUsers"
   />
-  <Pagination
-    :total="total"
-    v-model:limit="query.limit"
-    v-model:page="query.page"
-  />
+  <Pagination :total="total" v-model:limit="query.limit" v-model:page="query.page" />
   <n-modal
     :mask-closable="false"
     :show="!!userEditing"
@@ -343,11 +316,7 @@ watch(() => [query.page, query.limit, query.type, query.orderBy], listUsers)
         <!-- 班级是后端从用户名的 ks 数字前缀推出来的（classNameOf），
              editUser 也不发这个字段，所以这里只读 —— 以前是个能改、改了没用的输入框 -->
         <n-form-item-gi v-if="!create" :span="1" label="班级">
-          <n-input
-            :value="userEditing.className"
-            disabled
-            placeholder="由用户名自动推导"
-          />
+          <n-input :value="userEditing.className" disabled placeholder="由用户名自动推导" />
         </n-form-item-gi>
         <n-form-item-gi :span="1" label="邮箱">
           <n-input v-model:value="userEditing.email" />
@@ -355,11 +324,7 @@ watch(() => [query.page, query.limit, query.type, query.orderBy], listUsers)
         <n-form-item-gi v-if="!create" :span="1" label="类型">
           <n-select v-model:value="userEditing.adminType" :options="options" />
         </n-form-item-gi>
-        <n-form-item-gi
-          :span="1"
-          label="密码"
-          label-style="color: red; font-weight: bold"
-        >
+        <n-form-item-gi :span="1" label="密码" label-style="color: red; font-weight: bold">
           <n-input v-model:value="password" />
         </n-form-item-gi>
         <n-form-item-gi