style: 代码格式化，优化导入和组件结构

web/src/apis/department_api.js

@@ -2,12 +2,7 @@
  * 部门管理 API
  */
 
-import {
+import { apiSuperAdminGet, apiSuperAdminPost, apiSuperAdminPut, apiSuperAdminDelete } from './base'
-  apiSuperAdminGet,
-  apiSuperAdminPost,
-  apiSuperAdminPut,
-  apiSuperAdminDelete
-} from './base'
 
 const BASE_URL = '/api/departments'
 

web/src/components/DepartmentManagementComponent.vue

@@ -23,7 +23,7 @@
           <a-table
             :dataSource="departmentManagement.departments"
             :columns="columns"
-            :rowKey="record => record.id"
+            :rowKey="(record) => record.id"
             :pagination="false"
             class="department-table"
           >
@@ -42,7 +42,12 @@
               <template v-if="column.key === 'action'">
                 <a-space>
                   <a-tooltip title="编辑部门">
-                    <a-button type="text" size="small" @click="showEditDepartmentModal(record)" class="action-btn">
+                    <a-button
+                      type="text"
+                      size="small"
+                      @click="showEditDepartmentModal(record)"
+                      class="action-btn"
+                    >
                       <EditOutlined />
                     </a-button>
                   </a-tooltip>
@@ -108,7 +113,9 @@
             <TeamOutlined />
             <span>部门管理员</span>
           </div>
-          <p class="admin-section-hint">创建部门时必须同时创建管理员，该管理员将负责管理本部门用户</p>
+          <p class="admin-section-hint">
+            创建部门时必须同时创建管理员，该管理员将负责管理本部门用户
+          </p>
 
           <a-form-item label="管理员用户ID" required class="form-item">
             <a-input
@@ -359,13 +366,18 @@ const handleDepartmentFormSubmit = async () => {
       return
     }
 
-    if (departmentManagement.form.adminPassword !== departmentManagement.form.adminConfirmPassword) {
+    if (
+      departmentManagement.form.adminPassword !== departmentManagement.form.adminConfirmPassword
+    ) {
       notification.error({ message: '两次输入的密码不一致' })
       return
     }
 
     // 验证手机号
-    if (departmentManagement.form.adminPhone && !validatePhoneNumber(departmentManagement.form.adminPhone)) {
+    if (
+      departmentManagement.form.adminPhone &&
+      !validatePhoneNumber(departmentManagement.form.adminPhone)
+    ) {
       notification.error({ message: '请输入正确的手机号格式' })
       return
     }

web/src/components/SettingsModal.vue

@@ -135,7 +135,13 @@
 <script setup>
 import { ref, computed, watch } from 'vue'
 import { useUserStore } from '@/stores/user'
-import { SettingOutlined, CodeOutlined, UserOutlined, ApiOutlined, TeamOutlined } from '@ant-design/icons-vue'
+import {
+  SettingOutlined,
+  CodeOutlined,
+  UserOutlined,
+  ApiOutlined,
+  TeamOutlined
+} from '@ant-design/icons-vue'
 import BasicSettingsSection from '@/components/BasicSettingsSection.vue'
 import ModelProvidersComponent from '@/components/ModelProvidersComponent.vue'
 import UserManagementComponent from '@/components/UserManagementComponent.vue'

web/src/components/UserManagementComponent.vue

@@ -207,8 +207,16 @@
 
         <!-- 部门选择器（仅超级管理员可见） -->
         <a-form-item v-if="userStore.isSuperAdmin" label="部门" class="form-item">
-          <a-select v-model:value="userManagement.form.departmentId" size="large" placeholder="请选择部门">
+          <a-select
-            <a-select-option v-for="dept in departmentManagement.departments" :key="dept.id" :value="dept.id">
+            v-model:value="userManagement.form.departmentId"
+            size="large"
+            placeholder="请选择部门"
+          >
+            <a-select-option
+              v-for="dept in departmentManagement.departments"
+              :key="dept.id"
+              :value="dept.id"
+            >
               {{ dept.name }}
             </a-select-option>
           </a-select>