fix: 修复页面间状态丢失问题并优化选择页面

- 修复选择审批人后再选择抄送人导致状态丢失的问题
- 使用独立的 sessionStorage key (selectedApprovers, selectedCc)
- 组件每次挂载时从 sessionStorage 恢复状态
- 只在提交/保存成功后清除 sessionStorage
- 优化人员选择页面布局和样式
- 更新 CLAUDE.md 文档记录问题和解决方案

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

frontend/src/services/api.ts

@@ -1,99 +1,102 @@
-import axios, { AxiosError, type AxiosInstance, type InternalAxiosRequestConfig, type AxiosResponse } from 'axios'
-import { API_BASE_URL, API_TIMEOUT } from '@/config'
+import axios from 'axios'
 
-// 请求响应接口
-export interface ApiResponse<T = any> {
-  code: number
-  message: string
-  data: T
-}
-
-// 请求配置接口
-export interface RequestConfig extends InternalAxiosRequestConfig {
-  skipAuth?: boolean
-}
+const API_BASE = '/api/v1'
 
 // 创建 axios 实例
-const apiClient: AxiosInstance = axios.create({
-  baseURL: API_BASE_URL,
-  timeout: API_TIMEOUT,
+const api = axios.create({
+  baseURL: API_BASE,
+  timeout: 30000,
   headers: {
     'Content-Type': 'application/json',
   },
 })
 
-// 请求拦截器
-apiClient.interceptors.request.use(
-  (config: RequestConfig) => {
-    // 从 localStorage 获取 token
-    const token = localStorage.getItem('access_token')
-    if (token && !config.skipAuth) {
+// 请求拦截器：添加 token
+api.interceptors.request.use(
+  (config) => {
+    const token = localStorage.getItem('token')
+    if (token) {
       config.headers.Authorization = `Bearer ${token}`
     }
     return config
   },
-  (error: AxiosError) => {
+  (error) => {
     return Promise.reject(error)
   }
 )
 
-// 响应拦截器
-apiClient.interceptors.response.use(
-  (response: AxiosResponse<ApiResponse>) => {
+// 响应拦截器：处理错误
+api.interceptors.response.use(
+  (response) => {
     const { data } = response
     if (data.code === 0) {
-      return response
+      return data.data
     }
-    // 处理业务错误
-    return Promise.reject(new Error(data.message || 'Request failed'))
+    return Promise.reject(new Error(data.message || '请求失败'))
   },
-  (error: AxiosError<ApiResponse>) => {
-    if (error.response) {
-      const { status, data } = error.response
-      switch (status) {
-        case 401:
-          // 未授权，跳转登录
-          localStorage.removeItem('access_token')
-          window.location.href = '/login'
-          break
-        case 403:
-          console.error('Forbidden:', data?.message)
-          break
-        case 404:
-          console.error('Not Found:', data?.message)
-          break
-        case 500:
-          console.error('Server Error:', data?.message)
-          break
-        default:
-          console.error('HTTP Error:', status, data?.message)
-      }
-    } else if (error.request) {
-      console.error('Network Error:', error.message)
-    } else {
-      console.error('Error:', error.message)
-    }
-    return Promise.reject(error)
+  (error) => {
+    const message = error.response?.data?.message || error.message || '网络错误'
+    return Promise.reject(new Error(message))
   }
 )
 
-// API 方法封装
-export const api = {
-  get: <T = any>(url: string, config?: RequestConfig): Promise<ApiResponse<T>> => {
-    return apiClient.get(url, config).then(res => res.data)
-  },
+// ========== 认证 API ==========
+export const authApi = {
+  login: (username: string, password: string) =>
+    api.post('/auth/login', { username, password }),
 
-  post: <T = any>(url: string, data?: any, config?: RequestConfig): Promise<ApiResponse<T>> => {
-    return apiClient.post(url, data, config).then(res => res.data)
-  },
-
-  put: <T = any>(url: string, data?: any, config?: RequestConfig): Promise<ApiResponse<T>> => {
-    return apiClient.put(url, data, config).then(res => res.data)
-  },
-
-  delete: <T = any>(url: string, config?: RequestConfig): Promise<ApiResponse<T>> => {
-    return apiClient.delete(url, config).then(res => res.data)
-  },
+  feishuLogin: (authCode: string, tenantKey: string) =>
+    api.post('/auth/feishu-login', { auth_code: authCode, tenant_key: tenantKey }),
 }
 
-export default apiClient
+// ========== 用户 API ==========
+export const userApi = {
+  getInfo: () => api.get('/user/info'),
+  getMenu: () => api.get('/user/menu'),
+  getCompanies: () => api.get('/user/companies'),
+  switchCompany: (companyId: number) =>
+    api.post('/user/switch-company', { company_id: companyId }),
+
+  // 获取用户列表
+  getUsers: (params: { keyword?: string; page?: number; page_size?: number }) =>
+    api.get('/user/list', { params }),
+}
+
+// ========== 出差申请 API ==========
+export const businessTripApi = {
+  getList: (params: { type?: string; page?: number; page_size?: number }) =>
+    api.get('/business-trip/list', { params }),
+
+  getDetail: (id: number) => api.get(`/business-trip/detail/${id}`),
+
+  create: (data: any) => api.post('/business-trip/create', data),
+
+  update: (id: number, data: any) =>
+    api.post(`/business-trip/update/${id}`, data),
+
+  submit: (id: number, approvers: number[], ccUsers: number[] = []) =>
+    api.post(`/business-trip/submit/${id}`, {
+      approvers,
+      cc_users: ccUsers,
+    }),
+
+  cancel: (id: number) => api.post(`/business-trip/cancel/${id}`),
+}
+
+// ========== 审批 API ==========
+export const approvalApi = {
+  getList: (params: { type?: string; page?: number; page_size?: number }) =>
+    api.get('/approval/list', { params }),
+
+  getDetail: (id: number) => api.get(`/approval/detail/${id}`),
+
+  approve: (id: number, comment?: string) =>
+    api.post(`/approval/approve/${id}`, { comment }),
+
+  reject: (id: number, comment?: string) =>
+    api.post(`/approval/reject/${id}`, { comment }),
+
+  cancel: (id: number) => api.post(`/approval/cancel/${id}`),
+}
+
+export default api