style(格式化): 改成单引号、一行最长 160，全仓重新格式化

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

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

@@ -1,24 +1,24 @@
 <script setup lang="ts">
-import { Icon } from "@iconify/vue"
-import PageHeader from "admin/components/PageHeader.vue"
-import { errorMessage } from "utils/api"
-import { DataTableRowKey, SelectOption, useThemeVars } from "naive-ui"
-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 Actions from "./components/Actions.vue"
-import UserNameCell from "./components/UserNameCell.vue"
-import PasswordCell from "./components/PasswordCell.vue"
-import { PROBLEM_PERMISSION, USER_TYPE } from "utils/constants"
-import { useRouteQuery } from "@vueuse/router"
-import { NO_CLASS, STUDENT_ROLES, type ImportUsersRequest } from "@oj2/contract"
-import { downloadAccountsCsv } from "./accountsCsv"
-import { classLabel, groupClassOptions } from "utils/classes"
-import { useConfigStore } from "shared/store/config"
-import { useBreakpoints } from "shared/composables/breakpoints"
-import { useListLoader } from "shared/composables/listLoader"
+import { Icon } from '@iconify/vue'
+import PageHeader from 'admin/components/PageHeader.vue'
+import { errorMessage } from 'utils/api'
+import { DataTableRowKey, SelectOption, useThemeVars } from 'naive-ui'
+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 Actions from './components/Actions.vue'
+import UserNameCell from './components/UserNameCell.vue'
+import PasswordCell from './components/PasswordCell.vue'
+import { PROBLEM_PERMISSION, USER_TYPE } from 'utils/constants'
+import { useRouteQuery } from '@vueuse/router'
+import { NO_CLASS, STUDENT_ROLES, type ImportUsersRequest } from '@oj2/contract'
+import { downloadAccountsCsv } from './accountsCsv'
+import { classLabel, groupClassOptions } from 'utils/classes'
+import { useConfigStore } from 'shared/store/config'
+import { useBreakpoints } from 'shared/composables/breakpoints'
+import { useListLoader } from 'shared/composables/listLoader'
 
 /**
  * 后台用户列表（设计稿「后台用户与批量建号」UsList）。老师进来多半是三件事：学生忘了密码、
@@ -39,14 +39,14 @@ interface UserQuery {
 
 // 使用分页 composable
 const { query, clearQuery } = usePagination<UserQuery>({
-  keyword: useRouteQuery("keyword", "").value,
-  type: useRouteQuery("type", "").value,
-  orderBy: useRouteQuery("orderBy", "").value,
-  className: useRouteQuery("className", "").value,
+  keyword: useRouteQuery('keyword', '').value,
+  type: useRouteQuery('type', '').value,
+  orderBy: useRouteQuery('orderBy', '').value,
+  className: useRouteQuery('className', '').value,
 })
 
 const classOptions = computed(() => [
-  { label: "全部班级", value: "" },
+  { label: '全部班级', value: '' },
   ...groupClassOptions(configStore.config?.classList ?? []),
   { label: classLabel(NO_CLASS), value: NO_CLASS },
 ])
@@ -57,21 +57,21 @@ const users = ref<AdminUserForm[]>([])
 const userEditing = ref<AdminUserForm | null>(null)
 
 const adminOptions = [
-  { label: "全部角色", value: "" },
-  { label: "学生", value: USER_TYPE.REGULAR_USER },
-  { label: "学生管理员", value: USER_TYPE.STUDENT_ADMIN },
-  { label: "教师管理员", value: USER_TYPE.TEACHER_ADMIN },
-  { label: "超级管理员", value: USER_TYPE.SUPER_ADMIN },
+  { label: '全部角色', value: '' },
+  { label: '学生', value: USER_TYPE.REGULAR_USER },
+  { label: '学生管理员', value: USER_TYPE.STUDENT_ADMIN },
+  { label: '教师管理员', value: USER_TYPE.TEACHER_ADMIN },
+  { label: '超级管理员', value: USER_TYPE.SUPER_ADMIN },
 ]
 
 const sortOptions = [
-  { label: "最近建号", value: "" },
-  { label: "按用户名", value: "username" },
-  { label: "最近登录", value: "-last_login" },
-  { label: "在线优先", value: "-online" },
+  { label: '最近建号', value: '' },
+  { label: '按用户名', value: 'username' },
+  { label: '最近登录', value: '-last_login' },
+  { label: '在线优先', value: '-online' },
 ]
 const [create, toggleCreate] = useToggle(false)
-const password = ref("")
+const password = ref('')
 // 已经点开的管理员密码，按 user id 记。同一个按钮再点一下收回去；listUsers() 里清空，
 // 所以翻页/搜索/换筛选之后也一律回到打码状态 —— 不做定时自动隐藏，也不记进 localStorage。
 const revealedPasswords = ref(new Set<number>())
@@ -81,17 +81,13 @@ const rowKey = (row: AdminUserForm) => row.id
 
 /** 上次登录：今天的写「今天 13:02」，在线的前面一个绿点；今年的写到月日；从没登录的写出来 */
 function lastLoginText(row: AdminUserForm) {
-  if (!row.lastLogin) return h("span", { class: "muted" }, "从没登录")
-  const day = parseTime(row.lastLogin, "YYYY-MM-DD")
-  const today = parseTime(new Date().toISOString(), "YYYY-MM-DD")
+  if (!row.lastLogin) return h('span', { class: 'muted' }, '从没登录')
+  const day = parseTime(row.lastLogin, 'YYYY-MM-DD')
+  const today = parseTime(new Date().toISOString(), 'YYYY-MM-DD')
   const text =
-    day === today
-      ? `今天 ${parseTime(row.lastLogin, "HH:mm")}`
-      : day.slice(0, 4) === today.slice(0, 4)
-        ? parseTime(row.lastLogin, "MM-DD HH:mm")
-        : day
-  return h("span", { class: "num", title: parseTime(row.lastLogin, "YYYY-MM-DD HH:mm:ss") }, [
-    row.isOnline ? h("span", { class: "online", title: "在线" }) : null,
+    day === today ? `今天 ${parseTime(row.lastLogin, 'HH:mm')}` : day.slice(0, 4) === today.slice(0, 4) ? parseTime(row.lastLogin, 'MM-DD HH:mm') : day
+  return h('span', { class: 'num', title: parseTime(row.lastLogin, 'YYYY-MM-DD HH:mm:ss') }, [
+    row.isOnline ? h('span', { class: 'online', title: '在线' }) : null,
     text,
   ])
 }
@@ -121,67 +117,52 @@ function renderActions(row: AdminUserForm) {
  * 密码单独一行（学生忘了密码是最常见的事，要一眼找到），操作按钮放不下就折行
  */
 function renderMobileCard(row: AdminUserForm) {
-  return h("div", { class: "m-card" }, [
+  return h('div', { class: 'm-card' }, [
     h(UserNameCell, { user: row }),
-    h("div", { class: "m-meta muted" }, [
-      h("span", { class: "m-item" }, row.className ? classLabel(row.className) : "没填班级"),
-      h("span", { class: "m-item" }, [" · ", lastLoginText(row)]),
-      row.createTime
-        ? h("span", { class: "m-item" }, ` · 建号 ${parseTime(row.createTime, "YYYY-MM-DD")}`)
-        : null,
+    h('div', { class: 'm-meta muted' }, [
+      h('span', { class: 'm-item' }, row.className ? classLabel(row.className) : '没填班级'),
+      h('span', { class: 'm-item' }, [' · ', lastLoginText(row)]),
+      row.createTime ? h('span', { class: 'm-item' }, ` · 建号 ${parseTime(row.createTime, 'YYYY-MM-DD')}`) : null,
     ]),
-    row.rawPassword
-      ? h("div", { class: "m-password" }, [
-          h("span", { class: "muted" }, "密码"),
-          renderPassword(row),
-        ])
-      : null,
+    row.rawPassword ? h('div', { class: 'm-password' }, [h('span', { class: 'muted' }, '密码'), renderPassword(row)]) : null,
     renderActions(row),
   ])
 }
 
-const mobileColumns: DataTableColumn<AdminUserForm>[] = [
-  { type: "selection" },
-  { title: "用户", key: "username", render: renderMobileCard },
-]
+const mobileColumns: DataTableColumn<AdminUserForm>[] = [{ type: 'selection' }, { title: '用户', key: 'username', render: renderMobileCard }]
 
 const desktopColumns: DataTableColumn<AdminUserForm>[] = [
-  { type: "selection" },
+  { type: 'selection' },
   {
-    title: "用户名",
-    key: "username",
+    title: '用户名',
+    key: 'username',
     // 定宽：用户名一般就 ks + 班号 + 两三个字，原来 minWidth 让它把整行剩下的空都吃掉了（用户嫌空太多）。
     // 剩下的宽度给最后的操作列，操作直接摆出来
     width: 230,
     render: (row) => h(UserNameCell, { user: row }),
   },
   {
-    title: "班级",
-    key: "className",
+    title: '班级',
+    key: 'className',
     width: 130,
-    render: (row) => h("span", { class: "muted" }, row.className ? classLabel(row.className) : "—"),
+    render: (row) => h('span', { class: 'muted' }, row.className ? classLabel(row.className) : '—'),
   },
   {
-    title: "密码",
-    key: "raw_password",
+    title: '密码',
+    key: 'raw_password',
     width: 150,
     render: renderPassword,
   },
-  { title: "上次登录", key: "last_login", width: 150, render: lastLoginText },
+  { title: '上次登录', key: 'last_login', width: 150, render: lastLoginText },
   {
-    title: "建号",
-    key: "create_time",
+    title: '建号',
+    key: 'create_time',
     width: 110,
-    render: (row) =>
-      h(
-        "span",
-        { class: "num muted" },
-        row.createTime ? parseTime(row.createTime, "YYYY-MM-DD") : "",
-      ),
+    render: (row) => h('span', { class: 'num muted' }, row.createTime ? parseTime(row.createTime, 'YYYY-MM-DD') : ''),
   },
   {
-    key: "actions",
-    title: "",
+    key: 'actions',
+    title: '',
     minWidth: 300,
     render: renderActions,
   },
@@ -190,16 +171,16 @@ const desktopColumns: DataTableColumn<AdminUserForm>[] = [
 const columns = computed(() => (isMobile.value ? mobileColumns : desktopColumns))
 
 const options: SelectOption[] = [
-  { label: "普通", value: USER_TYPE.REGULAR_USER },
-  { label: "学生管理员", value: USER_TYPE.STUDENT_ADMIN },
-  { label: "教师管理员", value: USER_TYPE.TEACHER_ADMIN },
-  { label: "超级管理员", value: USER_TYPE.SUPER_ADMIN },
+  { label: '普通', value: USER_TYPE.REGULAR_USER },
+  { label: '学生管理员', value: USER_TYPE.STUDENT_ADMIN },
+  { label: '教师管理员', value: USER_TYPE.TEACHER_ADMIN },
+  { label: '超级管理员', value: USER_TYPE.SUPER_ADMIN },
 ]
 
 const problemPermissionOptions: SelectOption[] = [
-  { label: "无权限", value: PROBLEM_PERMISSION.NONE },
-  { label: "仅管理自己创建", value: PROBLEM_PERMISSION.OWN },
-  { label: "管理全部题目", value: PROBLEM_PERMISSION.ALL },
+  { label: '无权限', value: PROBLEM_PERMISSION.NONE },
+  { label: '仅管理自己创建', value: PROBLEM_PERMISSION.OWN },
+  { label: '管理全部题目', value: PROBLEM_PERMISSION.ALL },
 ]
 // 老师不给「无权限」：比赛题的接口要出题权限，设了就是比赛题目页全报权限不足，后端也会兜成「仅自己」
 const teacherPermissionOptions = problemPermissionOptions.slice(1)
@@ -208,9 +189,7 @@ const { loading, track } = useListLoader()
 async function listUsers() {
   if (query.page < 1) query.page = 1
   const offset = (query.page - 1) * query.limit
-  const res = await track(
-    getUserList(offset, query.limit, query.type, query.keyword, query.orderBy, query.className),
-  )
+  const res = await track(getUserList(offset, query.limit, query.type, query.keyword, query.orderBy, query.className))
   if (!res) return
   total.value = res.total
   neverLoggedIn.value = res.neverLoggedIn
@@ -229,19 +208,17 @@ async function downloadClassAccounts() {
   try {
     const rows: AdminUserForm[] = []
     for (let offset = 0; ; offset += 250) {
-      const res = await getUserList(offset, 250, "", "", "username", className)
+      const res = await getUserList(offset, 250, '', '', 'username', className)
       rows.push(...res.results)
       if (!res.results.length || rows.length >= res.total) break
     }
-    const students = rows.filter((it) =>
-      (STUDENT_ROLES as readonly string[]).includes(it.adminType),
-    )
+    const students = rows.filter((it) => (STUDENT_ROLES as readonly string[]).includes(it.adminType))
     if (!students.length) {
-      message.warning("这个班没有学生")
+      message.warning('这个班没有学生')
       return
     }
     downloadAccountsCsv(
-      students.map((it) => ({ username: it.username, password: it.rawPassword ?? "" })),
+      students.map((it) => ({ username: it.username, password: it.rawPassword ?? '' })),
       `${classLabel(className)}账号`,
     )
   } catch (err) {
@@ -258,7 +235,7 @@ function chooseUsers(rowKeys: DataTableRowKey[]) {
 async function onDeleteUsers(ids: DataTableRowKey[] | Ref<number[]>) {
   try {
     await deleteUsers(toRaw(ids) as number[])
-    message.success("删掉了")
+    message.success('删掉了')
     userIDs.value = []
   } catch (err) {
     message.error(errorMessage(err))
@@ -290,34 +267,34 @@ function createNewUser() {
   toggleCreate(true)
   userEditing.value = {
     id: 0,
-    username: "",
-    realName: "",
+    username: '',
+    realName: '',
     // 预填一个唯一的占位邮箱：这条路走的是导入接口，后端要求邮箱合法且不重复，
     // 留空会直接被打回。想填真邮箱就改掉它
     email: `user.${Math.random().toString(36).slice(2, 10)}@example.com`,
     // 导入接口写死建成普通用户（后端 POST /admin/users），这里不摆一个建不出来的
     // 角色。要给管理员权限，建完再用「编辑」改
-    adminType: "Regular User",
-    problemPermission: "None",
+    adminType: 'Regular User',
+    problemPermission: 'None',
     createTime: null,
     lastLogin: null,
     isDisabled: false,
     isOnline: false,
     rawPassword: null,
     className: null,
-    password: "",
+    password: '',
   }
-  password.value = ""
+  password.value = ''
 }
 
 function onOpenEditModal(user: AdminUserForm) {
   userEditing.value = user
-  password.value = ""
+  password.value = ''
 }
 
 function onCloseEditModal() {
   userEditing.value = null
-  password.value = ""
+  password.value = ''
   toggleCreate(false)
 }
 
@@ -325,24 +302,19 @@ async function handleEditUser() {
   if (!userEditing.value) return
   // 新建走的是导入接口，密码是必填的（后端 min(1)），留空只会换来一句 400
   if (create.value && !password.value) {
-    message.error("新建用户必须填写密码")
+    message.error('新建用户必须填写密码')
     return
   }
   if (password.value && password.value.length < 6) {
-    message.error("密码长度不得小于 6")
+    message.error('密码长度不得小于 6')
     return
   }
   // http 拦截器只对 login-required / permission-denied 自动弹提示，
   // 其余业务错误（比如班级号位数不对）不接住就什么都不显示
   try {
     if (create.value) {
-      const newUser: ImportUsersRequest["users"] = [
-        [
-          userEditing.value.username,
-          password.value,
-          userEditing.value.email ?? "",
-          userEditing.value.realName ?? "",
-        ],
+      const newUser: ImportUsersRequest['users'] = [
+        [userEditing.value.username, password.value, userEditing.value.email ?? '', userEditing.value.realName ?? ''],
       ]
       await importUsers(newUser)
       listUsers()
@@ -353,11 +325,11 @@ async function handleEditUser() {
       await editUser(user)
     }
   } catch (err) {
-    message.error("保存失败：" + errorMessage(err))
+    message.error('保存失败：' + errorMessage(err))
     return
   }
   userEditing.value = null
-  password.value = ""
+  password.value = ''
   toggleCreate(false)
 }
 
@@ -380,45 +352,17 @@ watch(() => [query.page, query.limit, query.type, query.orderBy, query.className
         删掉就找不回来了。交过题的账号删不掉，那种请改为禁用。
       </n-popconfirm>
       <n-button @click="createNewUser">新建一个</n-button>
-      <n-button type="primary" @click="$router.push({ name: 'admin user generate' })">
-        批量建号
-      </n-button>
+      <n-button type="primary" @click="$router.push({ name: 'admin user generate' })"> 批量建号 </n-button>
     </template>
     <template #filters>
-      <n-input
-        :style="{ width: isMobile ? '100%' : '220px' }"
-        v-model:value="query.keyword"
-        placeholder="用户名或名字"
-        clearable
-        @clear="clearQuery"
-      />
-      <n-select
-        v-model:value="query.className"
-        :options="classOptions"
-        filterable
-        aria-label="班级"
-        style="width: 150px"
-      />
-      <n-button
-        v-if="query.className && query.className !== NO_CLASS"
-        :loading="downloadingClass"
-        @click="downloadClassAccounts"
-      >
+      <n-input :style="{ width: isMobile ? '100%' : '220px' }" v-model:value="query.keyword" placeholder="用户名或名字" clearable @clear="clearQuery" />
+      <n-select v-model:value="query.className" :options="classOptions" filterable aria-label="班级" style="width: 150px" />
+      <n-button v-if="query.className && query.className !== NO_CLASS" :loading="downloadingClass" @click="downloadClassAccounts">
         <template #icon><Icon icon="ph:download-simple" /></template>
         下载这个班的账号
       </n-button>
-      <n-select
-        v-model:value="query.type"
-        :options="adminOptions"
-        aria-label="角色"
-        style="width: 120px"
-      />
-      <n-select
-        v-model:value="query.orderBy"
-        :options="sortOptions"
-        aria-label="排序"
-        style="width: 120px"
-      />
+      <n-select v-model:value="query.type" :options="adminOptions" aria-label="角色" style="width: 120px" />
+      <n-select v-model:value="query.orderBy" :options="sortOptions" aria-label="排序" style="width: 120px" />
       <n-text depth="3">
         {{ total }} 人<template v-if="neverLoggedIn"> · {{ neverLoggedIn }} 人从没登录</template>
       </n-text>
@@ -435,14 +379,7 @@ watch(() => [query.page, query.limit, query.type, query.orderBy, query.className
     @update:checked-row-keys="chooseUsers"
   />
   <Pagination :total="total" v-model:limit="query.limit" v-model:page="query.page" />
-  <n-modal
-    :mask-closable="false"
-    :show="!!userEditing"
-    preset="card"
-    :title="create ? '新建用户' : '编辑用户'"
-    style="width: 700px"
-    @close="onCloseEditModal"
-  >
+  <n-modal :mask-closable="false" :show="!!userEditing" preset="card" :title="create ? '新建用户' : '编辑用户'" style="width: 700px" @close="onCloseEditModal">
     <n-form label-placement="left" v-if="userEditing">
       <n-grid :cols="isMobile ? 1 : 2" :x-gap="16">
         <n-form-item-gi :span="1" label="用户">
@@ -466,21 +403,13 @@ watch(() => [query.page, query.limit, query.type, query.orderBy, query.className
           <n-input v-model:value="password" />
         </n-form-item-gi>
         <n-form-item-gi
-          v-if="
-            !create &&
-            (userEditing.adminType === USER_TYPE.STUDENT_ADMIN ||
-              userEditing.adminType === USER_TYPE.TEACHER_ADMIN)
-          "
+          v-if="!create && (userEditing.adminType === USER_TYPE.STUDENT_ADMIN || userEditing.adminType === USER_TYPE.TEACHER_ADMIN)"
           :span="1"
           label="出题权限"
         >
           <n-select
             v-model:value="userEditing.problemPermission"
-            :options="
-              userEditing.adminType === USER_TYPE.TEACHER_ADMIN
-                ? teacherPermissionOptions
-                : problemPermissionOptions
-            "
+            :options="userEditing.adminType === USER_TYPE.TEACHER_ADMIN ? teacherPermissionOptions : problemPermissionOptions"
           />
         </n-form-item-gi>
 
@@ -498,7 +427,7 @@ watch(() => [query.page, query.limit, query.type, query.orderBy, query.className
 
 <style scoped>
 .user-table :deep(.muted) {
-  color: v-bind("theme.textColor3");
+  color: v-bind('theme.textColor3');
 }
 
 .user-table :deep(.m-card) {
@@ -535,7 +464,7 @@ watch(() => [query.page, query.limit, query.type, query.orderBy, query.className
   height: 7px;
   margin-right: 6px;
   border-radius: 50%;
-  background: v-bind("theme.successColor");
+  background: v-bind('theme.successColor');
   vertical-align: 1px;
 }
 </style>