diff --git a/README.md b/README.md
index 1511959..f848228 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,314 @@
-# Vue 3 + Vite
+# 🍦 蜜雪冰城管理系统 (Mixue Management System)
 
-This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+**蜜雪冰城管理系统**是一个面向企业内部的 Web 管理后台，基于 Vue 3 + Element Plus 构建。用于管理客户、合同、售后、产品、供应商、员工及系统用户等核心业务模块，为蜜雪冰城品牌运营提供一体化管理支持。
 
-Learn more about IDE Support for Vue in the [Vue Docs Scaling up Guide](https://vuejs.org/guide/scaling-up/tooling.html#ide-support).
+> 前端项目地址：`backmanagerweb`  
+> 后端项目地址：`backmanager-server`（Express + MySQL）
+
+---
+
+## 目录
+
+- [功能概览](#功能概览)
+- [技术栈](#技术栈)
+- [快速开始](#快速开始)
+- [项目结构](#项目结构)
+- [页面与模块说明](#页面与模块说明)
+- [权限体系](#权限体系)
+- [与后端 API 的关系](#与后端-api-的关系)
+- [开发命令](#开发命令)
+- [构建部署](#构建部署)
+
+---
+
+## 功能概览
+
+| 模块 | 说明 | 权限标识 |
+|------|------|---------|
+| 🏠 **首页** | 欢迎页，展示蜜雪冰城品牌视频与雪王简介 | 登录即可访问 |
+| 👥 **客户管理** | 客户信息 CRUD、客户列表搜索、详情查看 | `customer:read` / `customer:create` / `customer:update` / `customer:delete` |
+| 📄 **合同管理** | 合同 CRUD，关联客户，支持金额与签约日期管理 | `contract:read` / `contract:*` |
+| 🔧 **售后管理** | 售后服务记录管理 | `after_sale:read` / `after_sale:*` |
+| 🧋 **产品管理** | 产品（饮品）信息管理 | `product:read` / `product:*` |
+| 📦 **供应商管理** | 供应商信息管理 | `supplier:read` / `supplier:*` |
+| 👤 **员工管理** | 企业员工信息（花名册）管理，含薪资可见范围控制 | `employee:read` / `employee:create` / `employee:update` / `employee:delete` |
+| 🔐 **用户管理** | 系统登录用户管理（管理员专有模块） | `user:manage` |
+
+---
+
+## 技术栈
+
+| 技术 | 版本 | 用途 |
+|------|------|------|
+| **Vue 3** | ^3.5 | 前端框架（Composition API + `<script setup>`） |
+| **Vite** | ^8.0 | 构建工具 |
+| **Element Plus** | ^2.14 | UI 组件库 |
+| **@element-plus/icons-vue** | ^2.3 | 图标库 |
+| **Vue Router 4** | ^4.x | 前端路由 |
+| **Axios** | ^1.18 | HTTP 请求库 |
+| **element-china-area-data** | ^5.0 | 中国省市区数据（合同模块使用） |
+
+---
+
+## 快速开始
+
+### 前置条件
+
+- Node.js >= 18
+- 后端项目 `backmanager-server` 已启动运行（默认端口 3000）
+
+### 安装与运行
+
+```bash
+# 1. 克隆项目
+git clone <repo-url>
+cd backmanagerweb
+
+# 2. 安装依赖
+npm install
+
+# 3. 启动开发服务器（默认端口 5173）
+npm run dev
+```
+
+浏览器打开 `http://localhost:5173` 即可访问。
+
+> 开发环境下，`/api` 请求会自动代理到 `http://localhost:3000`（参见 `vite.config.js`）。
+
+### 登录
+
+项目默认对接后端认证系统，使用后端预置的管理员账号登录：
+
+| 用户名 | 密码 | 角色 |
+|--------|------|------|
+| `admin` | 请联系管理员 | 信息技术部 · 超管 |
+
+具体账号信息由后端 `db.js` 中的种子数据定义。
+
+---
+
+## 项目结构
+
+```
+backmanagerweb/
+├── public/                          # 静态资源
+│   ├── logo.png                     # 系统 Logo
+│   ├── mixue.png                    # 雪王头像（首页）
+│   ├── 首页顶图.mp4                 # 首页视频横幅
+│   └── 登陆界面背景.mp4             # 登录页背景视频
+├── src/
+│   ├── api/                         # API 请求层
+│   │   ├── request.js               # Axios 实例与响应拦截器
+│   │   ├── employee.js              # 员工相关 API
+│   │   ├── user.js                  # 用户相关 API
+│   │   ├── customer.js              # 客户相关 API
+│   │   ├── contract.js              # 合同相关 API
+│   │   ├── service.js               # 售后相关 API
+│   │   ├── products.js              # 产品相关 API
+│   │   ├── suppliers.js             # 供应商相关 API
+│   │   └── mock/                    # Mock 数据（开发参考）
+│   ├── components/                  # 页面组件
+│   │   ├── Login.vue                # 登录页
+│   │   ├── panel.vue                # 主布局（顶栏 + 侧栏 + 内容区）
+│   │   ├── home.vue                 # 首页
+│   │   ├── employee.vue             # 员工管理
+│   │   ├── user.vue                 # 用户管理
+│   │   ├── customer.vue             # 客户管理
+│   │   ├── contract.vue             # 合同管理
+│   │   ├── service.vue              # 售后管理
+│   │   ├── products.vue             # 产品管理
+│   │   └── supplier.vue             # 供应商管理
+│   ├── constants/                   # 常量定义
+│   │   └── departments.js           # 部门列表常量
+│   ├── store/
+│   │   └── user.js                  # 用户状态管理（登录/登出/权限检查）
+│   ├── utils/
+│   │   └── date.js                  # 日期格式化工具
+│   ├── router.js                    # 路由配置
+│   ├── main.js                      # 应用入口
+│   ├── App.vue                      # 根组件
+│   └── style.css                    # 全局样式
+├── index.html                       # HTML 入口
+├── vite.config.js                   # Vite 配置
+├── package.json
+└── README.md
+```
+
+---
+
+## 页面与模块说明
+
+### 登录页 (`Login.vue`)
+
+- 背景播放品牌视频，半透明遮罩，右侧展示登录卡片
+- 支持用户名/密码表单验证
+- "记住我" 复选框（当前为前端状态，可扩展持久化）
+- 登录成功后跳转到 `/panel/home`
+
+### 主布局 (`panel.vue`)
+
+- **顶栏**：Logo + 系统名称 + 当前用户信息（姓名 / 部门）+ 退出登录按钮
+- **侧栏**：根据当前用户的权限动态展示可访问的菜单项（通过 `hasPermission` 控制）
+- **内容区**：嵌套 `<router-view>` 渲染子页面
+- 侧栏可收缩
+
+### 首页 (`home.vue`)
+
+- 品牌视频横幅 + 雪王简介卡片
+- 展示雪王的基本信息（生日、性格、职位等）
+
+### 员工管理 (`employee.vue`)
+
+- **列表**：支持按 ID、姓名、部门搜索，按在职/离职状态筛选
+- **分页**：服务端分页（向后端发送 `page`/`pageSize` 参数）
+- **CRUD**：新增、编辑、删除员工信息
+- **薪资可见范围**：仅"总经理办公室"和"财务部"用户可见薪资字段
+- **创建用户联动**：新增员工后可选择同步创建系统用户
+- **部门**：部门列表与后端数据库 6 个部门保持一致
+
+### 用户管理 (`user.vue`)
+
+- **权限**：仅 `user:manage` 权限的用户（信息技术部管理员）可访问
+- **列表**：支持按用户名、真实姓名、ID 搜索，按部门/状态筛选
+- **分页**：服务端分页
+- **CRUD**：系统用户的创建、编辑、启用/禁用、删除
+- **关联员工**：创建用户时可关联已有员工（员工下拉列表使用 `/api/employees/simple` 接口，仅展示在职员工基本信息）
+- **安全保护**：后端禁止删除自身账号或最后一个超级管理员
+
+### 其它模块
+
+| 模块 | 关键特性 |
+|------|---------|
+| **客户管理** | 客户信息维护，支持按名称/联系方式搜索 |
+| **合同管理** | 合同信息管理，关联客户，支持省市区选择 |
+| **售后管理** | 售后服务记录管理 |
+| **产品管理** | 产品（饮品）信息管理 |
+| **供应商管理** | 供应商基本信息管理 |
+
+---
+
+## 权限体系
+
+### 权限模型
+
+系统采用**基于资源+操作的权限模型**，每个权限表示为 `resource:action` 格式的字符串。用户的权限列表在登录时从后端获取，存储在 Vue Store 中。
+
+### 资源与操作
+
+| 资源 | 操作 | 说明 |
+|------|------|------|
+| `customer` | `read` / `create` / `update` / `delete` | 客户管理 |
+| `contract` | `read` / `create` / `update` / `delete` | 合同管理 |
+| `after_sale` | `read` / `create` / `update` / `delete` | 售后管理 |
+| `product` | `read` / `create` / `update` / `delete` | 产品管理 |
+| `supplier` | `read` / `create` / `update` / `delete` | 供应商管理 |
+| `employee` | `read` / `create` / `update` / `delete` | 员工管理 |
+| `user` | `manage` | 用户管理（仅超管角色） |
+
+### 权限检查
+
+```javascript
+import { hasPermission } from '../store/user'
+
+// 检查当前用户是否拥有某个权限
+hasPermission('employee', 'create')  // → true/false
+```
+
+### 数据范围
+
+员工列表受**数据范围（data scope）** 控制：
+- **信息技术部、总经理办公室**：查看全部员工
+- **招商部、运营部、采购部**：仅查看本部门员工
+- **财务部**：查看全部员工（同时可查看薪资）
+
+### 菜单可见性
+
+侧栏菜单项根据当前用户的权限动态渲染（在 `panel.vue` 中通过 `v-if="checkPermission(...)"` 控制）。
+
+---
+
+## 与后端 API 的关系
+
+前端通过 Axios 请求后端 RESTful API，所有请求以 `/api` 为前缀。
+
+| 端点 | 方法 | 说明 |
+|------|------|------|
+| `/api/auth/login` | POST | 登录认证 |
+| `/api/auth/userinfo` | GET | 获取当前用户信息与权限 |
+| `/api/employees` | GET/POST/PUT/DELETE | 员工 CRUD |
+| `/api/employees/simple` | GET | 简易员工列表（下拉专用，仅在职） |
+| `/api/users` | GET/POST/PUT/DELETE | 用户 CRUD |
+| `/api/user/list` | GET | 简易用户列表（下拉专用） |
+| `/api/customers` | GET/POST/PUT/DELETE | 客户 CRUD |
+| `/api/contracts` | GET/POST/PUT/DELETE | 合同 CRUD |
+| `/api/after-sales` | GET/POST/PUT/DELETE | 售后 CRUD |
+| `/api/products` | GET/POST/PUT/DELETE | 产品 CRUD |
+| `/api/suppliers` | GET/POST/PUT/DELETE | 供应商 CRUD |
+
+> 详细 API 文档请参见后端项目的 `API.md`。
+
+### 请求配置
+
+基础请求配置在 `src/api/request.js` 中定义，包括：
+- 自动附加 `Authorization: Bearer <token>` 请求头
+- 响应拦截器统一处理错误（401 跳转登录、403 无权限提示等）
+- 自动解析 `res.data` 数据
+
+---
+
+## 开发命令
+
+```bash
+# 启动开发服务器（热更新）
+npm run dev
+
+# 构建生产版本
+npm run build
+
+# 预览生产构建
+npm run preview
+```
+
+---
+
+## 构建部署
+
+```bash
+# 构建
+npm run build
+
+# 构建产物在 dist/ 目录
+# 将 dist/ 内容部署到任意静态文件服务器或 Nginx
+```
+
+### Nginx 反向代理示例
+
+```nginx
+server {
+    listen 80;
+    server_name your-domain.com;
+
+    root /path/to/backmanagerweb/dist;
+    index index.html;
+
+    # SPA 路由重写
+    location / {
+        try_files $uri $uri/ /index.html;
+    }
+
+    # API 反向代理到后端
+    location /api/ {
+        proxy_pass http://localhost:3000;
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+    }
+}
+```
+
+---
+
+## 品牌说明
+
+本项目是为 **蜜雪冰城（Mixue Ice Cream & Tea）** 量身定制的管理系统，品牌视觉元素（Logo、雪王 IP、品牌色 `#E60012` 等）均归属蜜雪冰城所有。
+
+> "你爱我，我爱你，蜜雪冰城甜蜜蜜" 🎵
diff --git a/package.json b/package.json
index c9a210d..9187401 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.2",
+    "axios": "^1.18.1",
     "element-china-area-data": "^5.0.2",
     "element-plus": "^2.14.1",
     "vue": "^3.5.34",
diff --git a/src/api/customer.js b/src/api/customer.js
index 179811f..88523eb 100644
--- a/src/api/customer.js
+++ b/src/api/customer.js
@@ -1,5 +1,10 @@
 import request from './request'
 
+// 获取简易客户列表（用于下拉选择）
+export const getSimpleCustomerList = (params, config) => {
+  return request.get('/customers/simple', { params, ...config })
+}
+
 // 获取客户列表
 export const getCustomerList = (params, config) => {
   return request.get('/customers', { params, ...config })
diff --git a/src/api/employee.js b/src/api/employee.js
index 4a2d414..7ce7a74 100644
--- a/src/api/employee.js
+++ b/src/api/employee.js
@@ -1,4 +1,5 @@
 import request from './request'
+import { DEPARTMENT_LIST } from '../constants/departments'
 
 // 获取员工列表
 export const getEmployeeList = (params, config) => {
@@ -29,3 +30,15 @@ export const updateEmployee = (id, data) => {
 export const deleteEmployeeAPI = (id) => {
   return request.delete(`/employees/${id}`)
 }
+
+/**
+ * 获取部门列表
+ *
+ * 当前返回本地常量（与后端数据库一致）。
+ * 当后端部署了 GET /api/departments 接口后，将下方注释替换为：
+ *
+ *   export const getDepartmentList = () => request.get('/departments')
+ */
+export const getDepartmentList = () => {
+  return Promise.resolve({ code: 0, message: 'ok', data: DEPARTMENT_LIST })
+}
diff --git a/src/api/suppliers.js b/src/api/suppliers.js
index 86c92fc..34fd18d 100644
--- a/src/api/suppliers.js
+++ b/src/api/suppliers.js
@@ -1,5 +1,10 @@
 import request from './request'
 
+// 获取简易供应商列表（用于下拉选择）
+export const getSimpleSupplierList = (params, config) => {
+  return request.get('/suppliers/simple', { params, ...config })
+}
+
 // 获取供应商列表
 export const getSupplierList = (params, config) => {
   return request.get('/suppliers', { params, ...config })
diff --git a/src/components/contract.vue b/src/components/contract.vue
index 3745011..c128344 100644
--- a/src/components/contract.vue
+++ b/src/components/contract.vue
@@ -8,10 +8,9 @@ import {
   updateContract,
   deleteContractAPI
 } from '../api/contract'
-import { getCustomerList } from '../api/customer'
+import { getSimpleCustomerList } from '../api/customer'
 import { getEmployeeList } from '../api/employee'
-import { getSupplierList } from '../api/suppliers'
-import { getSimpleUserList } from '../api/user'
+import { getSimpleSupplierList } from '../api/suppliers'
 import { formatDateTime, formatDate } from "../utils/date"
 import { hasPermission, getUserInfo } from '../store/user'
 
@@ -24,21 +23,17 @@ const showSearchResults = ref(false)
 const showAddForm = ref(false)
 const isEditMode = ref(false)
 const currentContractId = ref(null)
-const showDetailDialog = ref(false)
-const currentDetail = ref(null)
 const customerList = ref([])
 const employeeList = ref([])
 const supplierList = ref([])
-const userList = ref([])
 
 // 分页相关
 const currentPage = ref(1)
 const pageSize = ref(10)
 
 // 采购经理只能操作采购合同，招商经理只能操作加盟合同（提前定义，供 form 初始化使用）
-const isAdmin = computed(() => getUserInfo()?.roleName === 'admin')
-const isProcurementManager = computed(() => getUserInfo()?.roleName === 'procurement_manager')
-const isFranchiseManager = computed(() => getUserInfo()?.roleName === 'franchise_manager')
+const isProcurementManager = computed(() => getUserInfo()?.departmentName === 'procurement_manager')
+const isFranchiseManager = computed(() => getUserInfo()?.departmentName === 'franchise_manager')
 const getDefaultType = () => {
   if (isProcurementManager.value) return 'supply'
   if (isFranchiseManager.value) return 'franchise'
@@ -55,9 +50,8 @@ const form = reactive({
   effective_date: '',
   expiry_date: '',
   amount: 0,
-  status: '待审批',
-  remark: '',
-  responsible_user_id: ''
+  status: '生效中',
+  remark: ''
 })
 
 onMounted(() => {
@@ -71,10 +65,19 @@ watch(searchResults, () => {
 })
 
 // 分页后的数据
+const filteredResults = computed(() => {
+  if (!isFranchiseManager.value && !isProcurementManager.value) return searchResults.value
+  return searchResults.value.filter(row => {
+    if (row.type === 'supply' && isProcurementManager.value) return true
+    if (row.type === 'franchise' && isFranchiseManager.value) return true
+    return false
+  })
+})
+
 const paginatedData = computed(() => {
   const start = (currentPage.value - 1) * pageSize.value
   const end = start + pageSize.value
-  return searchResults.value.slice(start, end)
+  return filteredResults.value.slice(start, end)
 })
 
 // 页码变化
@@ -85,14 +88,13 @@ const handleCurrentChange = (val) => {
 // 获取客户、员工、供应商和用户列表供下拉选择
 const fetchOptions = async () => {
   const results = await Promise.allSettled([
-    getCustomerList(null, { quiet: true }),
+    getSimpleCustomerList(null, { quiet: true }),
     getEmployeeList(null, { quiet: true }),
-    getSupplierList(null, { quiet: true }),
-    getSimpleUserList({ quiet: true })
+    getSimpleSupplierList(null, { quiet: true })
   ])
   if (results[0].status === 'fulfilled') {
     const cRes = results[0].value
-    customerList.value = cRes.data?.list || cRes.data || []
+    customerList.value = cRes?.data || []
   }
   if (results[1].status === 'fulfilled') {
     const eRes = results[1].value
@@ -100,11 +102,7 @@ const fetchOptions = async () => {
   }
   if (results[2].status === 'fulfilled') {
     const sRes = results[2].value
-    supplierList.value = sRes.data?.list || sRes.data || []
-  }
-  if (results[3].status === 'fulfilled') {
-    const uRes = results[3].value
-    userList.value = uRes.data || []
+    supplierList.value = sRes?.data || []
   }
 }
 
@@ -163,6 +161,7 @@ const resetSearch = () => {
 // 新增合同
 const addContract = () => {
   resetForm()
+  form.employee_id = getUserInfo()?.id || ''
   showAddForm.value = true
   showSearchResults.value = false
 }
@@ -182,8 +181,7 @@ const editContract = (row) => {
     expiry_date: row.expiry_date,
     amount: row.amount,
     status: row.status,
-    remark: row.remark,
-    responsible_user_id: row.responsible_user_id || ''
+    remark: row.remark
   })
   showAddForm.value = true
   showSearchResults.value = false
@@ -206,8 +204,7 @@ const saveContract = async () => {
     ...form,
     customer_id: form.customer_id || null,
     supplier_id: form.supplier_id || null,
-    employee_id: form.employee_id || null,
-    responsible_user_id: form.responsible_user_id || null
+    employee_id: form.employee_id || null
   }
   try {
     if (isEditMode.value) {
@@ -260,34 +257,22 @@ const resetForm = () => {
     effective_date: '',
     expiry_date: '',
     amount: 0,
-    status: '待审批',
-    remark: '',
-    responsible_user_id: ''
+    status: '生效中',
+    remark: ''
   })
   isEditMode.value = false
   currentContractId.value = null
 }
 
-// 双击查看详情
-const showDetail = (row) => {
-  currentDetail.value = row
-  showDetailDialog.value = true
-}
-
-// 关闭详情弹窗
-const closeDetail = () => {
-  showDetailDialog.value = false
-  currentDetail.value = null
-}
-
 // 状态样式
 const getStatusType = (status) => {
   const map = {
+    '草稿': 'info',
     '生效中': 'success',
     '生效': 'success',
-    '已到期': 'danger',
-    '待审批': 'warning',
-    '已终止': 'info'
+    '完成': 'success',
+    '已完成': 'success',
+    '作废': 'danger'
   }
   return map[status] || 'info'
 }
@@ -327,6 +312,7 @@ const dateShortcuts = [
 const canCreate = computed(() => hasPermission('contract', 'create'))
 const canUpdate = computed(() => hasPermission('contract', 'update'))
 const canDelete = computed(() => hasPermission('contract', 'delete'))
+const canOperate = computed(() => canUpdate.value || canDelete.value)
 
 // 招商经理只能编辑加盟合同，采购经理只能编辑采购合同
 const canEditRow = (row) => {
@@ -392,8 +378,7 @@ const canDeleteRow = (row) => {
           <span class="total-count">共找到 {{ searchResults.length }} 条合同</span>
         </div>
 
-        <el-table :data="paginatedData" border style="width: 100%" @row-dblclick="showDetail"
-          row-class-name="clickable-row">
+        <el-table :data="paginatedData" border style="width: 100%">
           <el-table-column prop="id" label="编号" width="70" />
           <el-table-column prop="contract_name" label="合同名称" min-width="180" />
           <el-table-column prop="type" label="类型" width="90">
@@ -436,7 +421,7 @@ const canDeleteRow = (row) => {
               {{ formatDate(row.expiry_date) }}
             </template>
           </el-table-column>
-          <el-table-column label="操作" width="140" fixed="right">
+          <el-table-column label="操作" width="160" fixed="right" v-if="canOperate">
             <template #default="{ row }">
               <el-button link type="primary" @click="editContract(row)" v-if="canEditRow(row)">编辑</el-button>
               <el-button link type="danger" @click="deleteContract(row.id)" v-if="canDeleteRow(row)">删除</el-button>
@@ -449,7 +434,7 @@ const canDeleteRow = (row) => {
           <el-pagination
             v-model:current-page="currentPage"
             :page-size="pageSize"
-            :total="searchResults.length"
+            :total="filteredResults.length"
             layout="prev, pager, next"
             prev-text="上一页"
             next-text="下一页"
@@ -524,24 +509,15 @@ const canDeleteRow = (row) => {
           </el-col>
         </el-row>
 
-        <el-row :gutter="20" v-if="isAdmin">
-          <el-col :span="12">
-            <el-form-item label="负责人">
-              <el-select v-model="form.responsible_user_id" placeholder="请选择负责人" style="width: 100%;" filterable clearable>
-                <el-option v-for="u in userList" :key="u.id" :label="`${u.id} - ${u.real_name || u.username}`" :value="u.id" />
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
-
         <el-row :gutter="20">
           <el-col :span="12">
             <el-form-item label="状态" required>
               <el-select v-model="form.status" style="width: 100%;">
-                <el-option label="待审批" value="待审批" />
+                <el-option label="草稿" value="草稿" />
                 <el-option label="生效中" value="生效中" />
-                <el-option label="已到期" value="已到期" />
-                <el-option label="已终止" value="已终止" />
+                <el-option label="生效" value="生效" />
+                <el-option label="完成" value="完成" />
+                <el-option label="作废" value="作废" />
               </el-select>
             </el-form-item>
           </el-col>
@@ -562,40 +538,7 @@ const canDeleteRow = (row) => {
       </el-form>
     </div>
 
-    <!-- 合同详情弹窗 -->
-    <el-dialog v-model="showDetailDialog" title="合同详情" width="650px" @close="closeDetail">
-      <div v-if="currentDetail" class="detail-content">
-        <el-descriptions :column="2" border>
-          <el-descriptions-item label="合同编号">{{ currentDetail.id }}</el-descriptions-item>
-          <el-descriptions-item label="合同名称">{{ currentDetail.contract_name }}</el-descriptions-item>
-          <el-descriptions-item label="合同类型">{{ currentDetail.type === 'franchise' ? '加盟合同' : '采购合同' }}</el-descriptions-item>
-          <el-descriptions-item v-if="currentDetail.type !== 'supply'" label="客户">{{ currentDetail.customer_name || currentDetail.customer_id }}</el-descriptions-item>
-          <el-descriptions-item v-else label="供应商">{{ currentDetail.supplier_name || currentDetail.supplier_id }}</el-descriptions-item>
-          <el-descriptions-item label="业务员">{{ currentDetail.employee_name || currentDetail.employee_id }}</el-descriptions-item>
-          <el-descriptions-item label="合同金额" :span="2">
-            <span class="amount-text">¥{{ currentDetail.amount?.toLocaleString() }}</span>
-          </el-descriptions-item>
-          <el-descriptions-item label="状态">
-            <el-tag :type="getStatusType(currentDetail.status)">{{ currentDetail.status }}</el-tag>
-          </el-descriptions-item>
-          <el-descriptions-item label="生效日期">{{ formatDate(currentDetail.effective_date) }}</el-descriptions-item>
-          <el-descriptions-item label="到期日期" :span="2">{{ formatDate(currentDetail.expiry_date) }}</el-descriptions-item>
-          <el-descriptions-item label="合同内容" :span="2">
-            <div class="content-text">{{ currentDetail.contract_content || '无' }}</div>
-          </el-descriptions-item>
-          <el-descriptions-item label="备注" :span="2">
-            {{ currentDetail.remark || '无' }}
-          </el-descriptions-item>
-          <el-descriptions-item label="负责人">
-            {{ currentDetail.responsible_user_name || currentDetail.responsible_user_id || '无' }}
-          </el-descriptions-item>
-        </el-descriptions>
-      </div>
-      <template #footer>
-        <el-button @click="closeDetail">关闭</el-button>
-        <el-button type="primary" @click="(() => { const d = currentDetail; closeDetail(); editContract(d) })()">编辑</el-button>
-      </template>
-    </el-dialog>
+
   </div>
 </template>
 
@@ -653,27 +596,6 @@ const canDeleteRow = (row) => {
   padding: 40px 0;
 }
 
-.clickable-row {
-  cursor: pointer;
-}
-
-.detail-content {
-  padding: 10px 0;
-}
-
-.amount-text {
-  font-weight: 600;
-  color: #e6a23c;
-  font-size: 16px;
-}
-
-.content-text {
-  white-space: pre-wrap;
-  line-height: 1.6;
-  max-height: 120px;
-  overflow-y: auto;
-}
-
 .pagination-container {
   display: flex;
   justify-content: center;
diff --git a/src/components/customer.vue b/src/components/customer.vue
index e8cca28..6178437 100644
--- a/src/components/customer.vue
+++ b/src/components/customer.vue
@@ -10,10 +10,7 @@ import {
     updateCustomer,
     deleteCustomerAPI
 } from '../api/customer'
-import { getSimpleUserList } from '../api/user'
-import { hasPermission, getUserInfo } from '../store/user'
-
-const isAdmin = computed(() => getUserInfo()?.roleName === 'admin')
+import { hasPermission } from '../store/user'
 
 const form = reactive({
     id: '',
@@ -22,8 +19,7 @@ const form = reactive({
     region: [],
     address: '',
     email: '',
-    remark: '',
-    responsible_user_id: ''
+    remark: ''
 })
 
 const search = ref('')
@@ -38,7 +34,6 @@ let searchSeq = 0
 const showDetailDialog = ref(false)
 const currentDetail = ref(null)
 const filterRegion = ref([])
-const userList = ref([])
 
 // 分页相关
 const currentPage = ref(1)
@@ -64,12 +59,6 @@ const paginatedData = computed(() => {
 
 onMounted(() => {
     fetchData()
-    // 仅管理员可加载用户列表用于选择负责人
-    if (isAdmin.value) {
-        getSimpleUserList({ quiet: true }).then(res => {
-            userList.value = res.data?.list || res.data || []
-        }).catch(() => {})
-    }
 })
 
 // 监听搜索结果变化，重置页码
@@ -124,7 +113,6 @@ const resetForm = () => {
     form.address = ''
     form.email = ''
     form.remark = ''
-    form.responsible_user_id = ''
     isEditMode.value = false
     currentCustomerId.value = null
 }
@@ -150,7 +138,6 @@ const editCustomer = (row) => {
     form.address = row.address
     form.email = row.email
     form.remark = row.remark
-    form.responsible_user_id = row.responsible_user_id || ''
     showAddForm.value = true
     showSearchResults.value = false
 }
@@ -164,8 +151,7 @@ const saveCustomer = async () => {
         district: CodeToText[form.region[2]] || '',
         address: form.address,
         email: form.email,
-        remark: form.remark,
-        responsible_user_id: form.responsible_user_id !== '' ? form.responsible_user_id : null
+        remark: form.remark
     }
     try {
         if (isEditMode.value) {
@@ -238,6 +224,7 @@ const handleCurrentChange = (val) => {
 const canCreate = computed(() => hasPermission('customer', 'create'))
 const canUpdate = computed(() => hasPermission('customer', 'update'))
 const canDelete = computed(() => hasPermission('customer', 'delete'))
+const canOperate = computed(() => canUpdate.value || canDelete.value)
 
 </script>
 
@@ -298,13 +285,15 @@ const canDelete = computed(() => hasPermission('customer', 'delete'))
                     <el-table-column prop="id" label="编号" width="80" />
                     <el-table-column prop="name" label="姓名" width="120" />
                     <el-table-column prop="phone" label="电话" width="150" />
-                    <el-table-column prop="email" label="邮箱" min-width="180" show-overflow-tooltip />
-                    <el-table-column prop="responsible_user_name" label="负责人" width="100">
+                    <el-table-column label="地区" min-width="150">
                         <template #default="{ row }">
-                            {{ row.responsible_user_name || '-' }}
+                            {{ [row.province, row.city].filter(Boolean).join(' ') || '-' }}
                         </template>
                     </el-table-column>
-                    <el-table-column label="操作" width="150" fixed="right">
+                    <el-table-column prop="email" label="邮箱" min-width="180" show-overflow-tooltip />
+                    <el-table-column prop="address" label="地址" min-width="180" show-overflow-tooltip />
+                    <el-table-column prop="remark" label="备注" min-width="160" show-overflow-tooltip />
+                    <el-table-column label="操作" width="150" fixed="right" v-if="canOperate">
                         <template #default="{ row }">
                             <el-button link type="primary" @click="editCustomer(row)" v-if="canUpdate">编辑</el-button>
                             <el-button link type="danger" @click="deleteCustomer(row.id)" v-if="canDelete">删除</el-button>
@@ -357,11 +346,6 @@ const canDelete = computed(() => hasPermission('customer', 'delete'))
                     <el-input v-model="form.email" placeholder="请输入邮箱地址" />
                 </el-form-item>
 
-                <el-form-item v-if="isAdmin" label="负责人">
-                    <el-select v-model="form.responsible_user_id" placeholder="请选择负责人" style="width: 100%;" filterable clearable>
-                        <el-option v-for="u in userList" :key="u.id" :label="`${u.id} - ${u.real_name || u.username}`" :value="u.id" />
-                    </el-select>
-                </el-form-item>
 
                 <el-form-item label="备注">
                     <el-input v-model="form.remark" type="textarea" :rows="3" placeholder="请输入备注信息" />
@@ -386,7 +370,6 @@ const canDelete = computed(() => hasPermission('customer', 'delete'))
                         {{ [currentDetail.province, currentDetail.city, currentDetail.district].filter(Boolean).join(' ') }}
                     </el-descriptions-item>
                     <el-descriptions-item label="详细地址" :span="2">{{ currentDetail.address || '无' }}</el-descriptions-item>
-                    <el-descriptions-item label="负责人">{{ currentDetail.responsible_user_name || '-' }}</el-descriptions-item>
                     <el-descriptions-item label="备注" :span="2">
                         {{ currentDetail.remark || '无' }}
                     </el-descriptions-item>
@@ -394,7 +377,7 @@ const canDelete = computed(() => hasPermission('customer', 'delete'))
             </div>
             <template #footer>
                 <el-button @click="closeDetail">关闭</el-button>
-                <el-button type="primary" @click="(() => { const d = currentDetail; closeDetail(); editCustomer(d) })()">编辑</el-button>
+                <el-button type="primary" @click="(() => { const d = currentDetail; closeDetail(); editCustomer(d) })()" v-if="canOperate">编辑</el-button>
             </template>
         </el-dialog>
     </div>
diff --git a/src/components/employee.vue b/src/components/employee.vue
index f222547..538e6dd 100644
--- a/src/components/employee.vue
+++ b/src/components/employee.vue
@@ -7,11 +7,14 @@ import {
     getEmployeeList,
     createEmployee,
     updateEmployee,
-    deleteEmployeeAPI
+    deleteEmployeeAPI,
+    getDepartmentList,
+    getSimpleEmployeeList
 } from '../api/employee'
-import { hasPermission } from '../store/user'
+import { hasPermission, getUserInfo } from '../store/user'
 import { formatDateTime, formatDate } from '../utils/date'
 import { createUser } from '../api/user'
+import { DEPARTMENT_NAME_LIST } from '../constants/departments'
 
 const form = reactive({
     name: '',
@@ -43,6 +46,8 @@ const currentDetail = ref(null)
 // 分页相关
 const currentPage = ref(1)
 const pageSize = ref(10)
+const total = ref(0)
+const totalPages = ref(0)
 
 // 新增用户相关状态
 const showCreateUserForm = ref(false)
@@ -51,30 +56,21 @@ const userForm = reactive({
     username: '',
     password: '',
     name: '',
-    role_id: 2,
+    department_id: 2,
     is_active: 1,
     employee_id: null
 })
 
 // 部门列表
-const departmentOptions = [
-    '运营部', '销售部', '技术部', '市场部', '财务部', '仓储部', '人事部', '行政部',
-    '招商部', '采购部', '总经理办公室', '信息技术部'
-]
+const departmentOptions = ref([...DEPARTMENT_NAME_LIST])
 
 // 学历列表
 const educationOptions = ['高中', '专科', '本科', '硕士', '博士']
 
-// 分页后的数据
-const paginatedData = computed(() => {
-    const start = (currentPage.value - 1) * pageSize.value
-    const end = start + pageSize.value
-    return searchResults.value.slice(start, end)
-})
+// 分页后的数据（服务端已分页，searchResults 即为当前页数据）
+const paginatedData = computed(() => searchResults.value)
 
-onMounted(() => {
-    fetchData()
-})
+// onMounted 已在下方合并（同时加载部门列表）
 
 // 监听筛选变化
 watch([filterStatus], () => {
@@ -82,17 +78,28 @@ watch([filterStatus], () => {
     handleSearch()
 })
 
-// 监听搜索结果变化，重置页码
-watch(searchResults, () => {
-    currentPage.value = 1
-})
+// 监听筛选变化时重置页码（服务端分页：已由 filterStatus watch 处理）
+// watch(searchResults 不再重置页码，避免翻页后被重置回第 1 页
 
 // 获取员工列表
-const fetchData = async () => {
+const fetchData = async (page) => {
     loading.value = true
-    const res = await getEmployeeList()
+    const params = {
+        page: page || currentPage.value,
+        pageSize: pageSize.value
+    }
+    const res = await getEmployeeList(params)
     if (res.code === 0 || res.code === 200) {
-        searchResults.value = res.data.list || res.data
+        if (res.data && Array.isArray(res.data.list)) {
+            // 服务端分页响应
+            searchResults.value = res.data.list
+            total.value = res.data.total
+            totalPages.value = res.data.totalPages
+        } else if (Array.isArray(res.data)) {
+            // 兼容直接返回数组的场景（如 mock）
+            searchResults.value = res.data
+            total.value = res.data.length
+        }
     }
     showSearchResults.value = true
     loading.value = false
@@ -106,8 +113,11 @@ const handleSearch = async () => {
         cancelCreateUser()
     }
 
+    currentPage.value = 1
     loading.value = true
     const params = {
+        page: 1,
+        pageSize: pageSize.value,
         status: filterStatus.value !== '' ? filterStatus.value : undefined
     }
     if (search.value) {
@@ -121,7 +131,14 @@ const handleSearch = async () => {
     }
     const res = await getEmployeeList(params)
     if (res.code === 0 || res.code === 200) {
-        searchResults.value = res.data.list || res.data
+        if (res.data && Array.isArray(res.data.list)) {
+            searchResults.value = res.data.list
+            total.value = res.data.total
+            totalPages.value = res.data.totalPages
+        } else if (Array.isArray(res.data)) {
+            searchResults.value = res.data
+            total.value = res.data.length
+        }
     }
     showSearchResults.value = true
     loading.value = false
@@ -134,7 +151,7 @@ const resetSearch = () => {
     showSearchResults.value = false
     showAddForm.value = false
     currentPage.value = 1
-    fetchData()
+    fetchData(1)
 }
 
 // 清空搜索
@@ -234,7 +251,7 @@ const saveEmployee = async () => {
             })
         }
     } catch (e) {
-        ElMessage.error(e?.message || '操作失败，请稍后重试')
+        ElMessage.error(e?.response?.data?.message || e?.message || '操作失败，请稍后重试')
     }
 }
 
@@ -250,7 +267,7 @@ const deleteEmployee = async (id) => {
             ElMessage.success('删除成功')
             fetchData()
         } catch (e) {
-            ElMessage.error(e?.message || '删除失败，请稍后重试')
+            ElMessage.error(e?.response?.data?.message || e?.message || '删除失败，请稍后重试')
         }
     })
 }
@@ -274,9 +291,10 @@ const closeDetail = () => {
     currentDetail.value = null
 }
 
-// 页码变化
+// 页码变化（服务端分页：重新请求后端）
 const handleCurrentChange = (val) => {
     currentPage.value = val
+    fetchData(val)
 }
 
 // 打开用户创建表单（从员工新增后调用）
@@ -288,11 +306,20 @@ const openUserForm = (employee) => {
     userForm.username = ''
     userForm.password = ''
     userForm.name = employee.name
-    userForm.role_id = 2
+    userForm.department_id = 2
     userForm.is_active = 1
     userForm.employee_id = employee.id
 }
 
+// 加载部门列表 + 员工列表
+onMounted(async () => {
+    const res = await getDepartmentList()
+    if (res.code === 0 || res.code === 200) {
+        departmentOptions.value = res.data.map(d => d.description) || DEPARTMENT_NAME_LIST
+    }
+    fetchData(1)
+})
+
 // 保存用户（从员工页面创建）
 const saveUserFromEmployee = async () => {
     if (!userForm.username) {
@@ -306,7 +333,7 @@ const saveUserFromEmployee = async () => {
     await createUser({
         username: userForm.username,
         password: userForm.password,
-        role_id: userForm.role_id,
+        department_id: userForm.department_id,
         employee_id: userForm.employee_id,
         is_active: userForm.is_active
     })
@@ -322,7 +349,7 @@ const cancelCreateUser = () => {
     userForm.username = ''
     userForm.password = ''
     userForm.name = ''
-    userForm.role_id = 2
+    userForm.department_id = 2
     userForm.is_active = 1
     userForm.employee_id = null
     showSearchResults.value = true
@@ -332,6 +359,8 @@ const cancelCreateUser = () => {
 const canCreate = computed(() => hasPermission('employee', 'create'))
 const canUpdate = computed(() => hasPermission('employee', 'update'))
 const canDelete = computed(() => hasPermission('employee', 'delete'))
+const canOperate = computed(() => canUpdate.value || canDelete.value)
+const showSalary = computed(() => ['总经理办公室', '财务部'].includes(getUserInfo()?.departmentDesc))
 
 </script>
 
@@ -380,7 +409,7 @@ const canDelete = computed(() => hasPermission('employee', 'delete'))
 
             <div v-else>
                 <div class="list-header">
-                    <span class="total-count">共找到 {{ searchResults.length }} 条记录</span>
+                    <span class="total-count">共找到 {{ total }} 条记录</span>
                 </div>
 
                 <el-table :data="paginatedData" v-loading="loading" border style="width: 100%" @row-dblclick="handleRowDblClick" row-class-name="clickable-row">
@@ -393,14 +422,14 @@ const canDelete = computed(() => hasPermission('employee', 'delete'))
                     </el-table-column>
                     <el-table-column prop="age" label="年龄" width="60" />
                     <el-table-column prop="education" label="学历" width="70" />
-                    <el-table-column prop="department" label="部门" width="90" />
-                    <el-table-column prop="position" label="职务" width="110" />
-                    <el-table-column prop="salary" label="工资" width="100">
+                    <el-table-column prop="department" label="部门" min-width="90" />
+                    <el-table-column prop="position" label="职务" min-width="110" />
+                    <el-table-column prop="salary" label="工资" width="100" v-if="showSalary">
                         <template #default="{ row }">
                             ¥{{ row.salary?.toLocaleString() }}
                         </template>
                     </el-table-column>
-                    <el-table-column prop="phone" label="联系电话" width="130" />
+                    <el-table-column prop="phone" label="联系电话" min-width="130" />
                     <el-table-column prop="entry_date" label="入职时间" width="110">
                         <template #default="{ row }">
                             {{ formatDate(row.entry_date) }}
@@ -413,7 +442,7 @@ const canDelete = computed(() => hasPermission('employee', 'delete'))
                             </el-tag>
                         </template>
                     </el-table-column>
-                    <el-table-column label="操作" width="150" fixed="right">
+                    <el-table-column label="操作" width="150" fixed="right" v-if="canOperate">
                         <template #default="{ row }">
                             <el-button link type="primary" @click="editEmployee(row)" v-if="canUpdate">编辑</el-button>
                             <el-button link type="danger" @click="deleteEmployee(row.id)" v-if="canDelete">删除</el-button>
@@ -426,7 +455,7 @@ const canDelete = computed(() => hasPermission('employee', 'delete'))
                     <el-pagination
                         v-model:current-page="currentPage"
                         :page-size="pageSize"
-                        :total="searchResults.length"
+                        :total="total"
                         layout="prev, pager, next"
                         prev-text="上一页"
                         next-text="下一页"
@@ -562,10 +591,14 @@ const canDelete = computed(() => hasPermission('employee', 'delete'))
 
                 <el-row :gutter="20">
                     <el-col :span="12">
-                        <el-form-item label="用户角色">
-                            <el-select v-model="userForm.role_id" placeholder="请选择角色" style="width: 100%;">
-                                <el-option label="普通用户" :value="2" />
-                                <el-option label="系统管理员" :value="1" />
+                        <el-form-item label="所属部门">
+                            <el-select v-model="userForm.department_id" placeholder="请选择部门" style="width: 100%;">
+                                <el-option label="信息技术部" :value="1" />
+                                <el-option label="总经理办公室" :value="2" />
+                                <el-option label="招商部" :value="3" />
+                                <el-option label="运营部" :value="4" />
+                                <el-option label="采购部" :value="5" />
+                                <el-option label="财务部" :value="6" />
                             </el-select>
                         </el-form-item>
                     </el-col>
diff --git a/src/components/panel.vue b/src/components/panel.vue
index 784125b..5d2a2dc 100644
--- a/src/components/panel.vue
+++ b/src/components/panel.vue
@@ -53,7 +53,7 @@ const checkPermission = (resource, action) => {
         <div class="header-right">
           <span class="user-info" v-if="userInfo">
             <el-icon><User /></el-icon>
-            {{ userInfo.name }}（{{ userInfo.roleName }}）
+            {{ userInfo.name }}（{{ userInfo.departmentDesc }}）
           </span>
           <el-menu-item index="" class="logout-item" @click="handleLogout">
             <el-icon><SwitchButton/></el-icon>
diff --git a/src/components/products.vue b/src/components/products.vue
index 4d7f4a6..49b7f6d 100644
--- a/src/components/products.vue
+++ b/src/components/products.vue
@@ -254,6 +254,7 @@ const handleCurrentChange = (val) => {
 const canCreate = computed(() => hasPermission('product', 'create'))
 const canUpdate = computed(() => hasPermission('product', 'update'))
 const canDelete = computed(() => hasPermission('product', 'delete'))
+const canOperate = computed(() => canUpdate.value || canDelete.value)
 
 </script>
 
@@ -328,7 +329,7 @@ const canDelete = computed(() => hasPermission('product', 'delete'))
                     <el-table-column prop="unit" label="单位" width="70" />
                     <el-table-column prop="specification" label="规格" min-width="140" show-overflow-tooltip />
                     <el-table-column prop="supplier" label="供应商" min-width="150" show-overflow-tooltip />
-                    <el-table-column label="操作" width="150" fixed="right">
+                    <el-table-column label="操作" width="150" fixed="right" v-if="canOperate">
                         <template #default="{ row }">
                             <el-button link type="primary" @click="editProduct(row)" v-if="canUpdate">编辑</el-button>
                             <el-button link type="danger" @click="deleteProduct(row.id)" v-if="canDelete">删除</el-button>
diff --git a/src/components/service.vue b/src/components/service.vue
index 4652f77..a92062a 100644
--- a/src/components/service.vue
+++ b/src/components/service.vue
@@ -9,10 +9,10 @@ import {
     updateService,
     deleteServiceAPI
 } from '../api/service'
-import { getCustomerList } from '../api/customer'
+import { getSimpleCustomerList } from '../api/customer'
 import { getSimpleEmployeeList } from '../api/employee'
-import { hasPermission } from '../store/user'
-import { formatDateTime, formatDate } from '../utils/date'
+import { hasPermission, getUserInfo } from '../store/user'
+import { formatDate } from '../utils/date'
 
 const form = reactive({
     customer_id: '',
@@ -33,8 +33,6 @@ const showAddForm = ref(false)
 const isEditMode = ref(false)
 const currentServiceId = ref(null)
 const loading = ref(false)
-const showDetailDialog = ref(false)
-const currentDetail = ref(null)
 const customerList = ref([])
 const employeeList = ref([])
 
@@ -57,11 +55,11 @@ onMounted(() => {
 // 获取客户和员工列表供下拉选择（仅运营部员工可跟进售后）
 const fetchOptions = async () => {
     const results = await Promise.allSettled([
-        getCustomerList(null, { quiet: true }),
+        getSimpleCustomerList(null, { quiet: true }),
         getSimpleEmployeeList({ department: '运营部' }, { quiet: true })
     ])
     if (results[0].status === 'fulfilled') {
-        customerList.value = results[0].value.data?.list || results[0].value.data || []
+        customerList.value = results[0].value.data || []
     }
     if (results[1].status === 'fulfilled') {
         employeeList.value = results[1].value.data || []
@@ -86,11 +84,18 @@ watch(searchResults, () => {
     currentPage.value = 1
 })
 
+const filteredResults = computed(() => {
+    if (!isOperationsManager.value) return searchResults.value
+    return searchResults.value.filter(row => {
+        return row.responsible_user_id != null && Number(row.responsible_user_id) === Number(currentUserId.value)
+    })
+})
+
 // 分页后的数据
 const paginatedData = computed(() => {
     const start = (currentPage.value - 1) * pageSize.value
     const end = start + pageSize.value
-    return searchResults.value.slice(start, end)
+    return filteredResults.value.slice(start, end)
 })
 
 // 获取售后列表
@@ -163,6 +168,14 @@ const resetForm = () => {
 // 显示新增表单
 const addService = () => {
     resetForm()
+    // 默认选中当前用户为业务员（如果其员工信息在列表中）
+    const currentUser = getUserInfo()
+    if (currentUser?.name && employeeList.value.length > 0) {
+        const matched = employeeList.value.find(e => e.name === currentUser.name)
+        if (matched) {
+            form.employee_id = matched.id
+        }
+    }
     showAddForm.value = true
     showSearchResults.value = false
 }
@@ -193,7 +206,7 @@ const saveService = async () => {
     const formData = {
         customer_id: form.customer_id,
         feedback: form.feedback,
-        employee_id: form.handle_status === '待处理' ? null : form.employee_id,
+        employee_id: form.employee_id || null,
         handle_method: form.handle_method,
         handle_status: form.handle_status,
         service_date: form.service_date,
@@ -240,18 +253,6 @@ const cancelAdd = () => {
     showSearchResults.value = true
 }
 
-// 双击行查看详情
-const handleRowDblClick = (row) => {
-    currentDetail.value = { ...row }
-    showDetailDialog.value = true
-}
-
-// 关闭详情弹窗
-const closeDetail = () => {
-    showDetailDialog.value = false
-    currentDetail.value = null
-}
-
 // 页码变化
 const handleCurrentChange = (val) => {
     currentPage.value = val
@@ -261,6 +262,19 @@ const handleCurrentChange = (val) => {
 const canCreate = computed(() => hasPermission('after_sale', 'create'))
 const canUpdate = computed(() => hasPermission('after_sale', 'update'))
 const canDelete = computed(() => hasPermission('after_sale', 'delete'))
+const canOperate = computed(() => canUpdate.value || canDelete.value)
+
+const isOperationsManager = computed(() => getUserInfo()?.departmentName === 'operations_manager')
+const currentUserId = computed(() => getUserInfo()?.id)
+
+const canEditRow = (row) => {
+  if (!canUpdate.value) return false
+  return true
+}
+const canDeleteRow = (row) => {
+  if (!canDelete.value) return false
+  return true
+}
 
 </script>
 
@@ -314,14 +328,17 @@ const canDelete = computed(() => hasPermission('after_sale', 'delete'))
                     <span class="total-count">共找到 {{ searchResults.length }} 条记录</span>
                 </div>
 
-                <el-table :data="paginatedData" v-loading="loading" border style="width: 100%"
-                    @row-dblclick="handleRowDblClick" row-class-name="clickable-row">
+                <el-table :data="paginatedData" v-loading="loading" border style="width: 100%">
                     <el-table-column prop="id" label="编号" width="70" />
-                    <el-table-column prop="customer_id" label="客户ID" width="90" />
-                    <el-table-column prop="feedback" label="反馈内容" min-width="200" show-overflow-tooltip />
-                    <el-table-column prop="employee_id" label="业务员ID" width="100">
+                    <el-table-column prop="customer_name" label="客户" width="100">
                         <template #default="{ row }">
-                            {{ row.employee_id || '—' }}
+                            {{ row.customer_name || row.customer_id }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="feedback" label="反馈内容" min-width="200" show-overflow-tooltip />
+                    <el-table-column prop="employee_name" label="业务员" width="90">
+                        <template #default="{ row }">
+                            {{ row.employee_name || row.employee_id || '—' }}
                         </template>
                     </el-table-column>
                     <el-table-column prop="handle_status" label="处理状态" width="100">
@@ -337,10 +354,10 @@ const canDelete = computed(() => hasPermission('after_sale', 'delete'))
                         </template>
                     </el-table-column>
                     <el-table-column prop="handle_method" label="处理方式" min-width="180" show-overflow-tooltip />
-                    <el-table-column label="操作" width="150" fixed="right">
+                    <el-table-column label="操作" width="160" fixed="right" v-if="canOperate">
                         <template #default="{ row }">
-                            <el-button link type="primary" @click="editService(row)" v-if="canUpdate">编辑</el-button>
-                            <el-button link type="danger" @click="deleteService(row.id)" v-if="canDelete">删除</el-button>
+                            <el-button link type="primary" @click="editService(row)" v-if="canEditRow(row)">编辑</el-button>
+                            <el-button link type="danger" @click="deleteService(row.id)" v-if="canDeleteRow(row)">删除</el-button>
                         </template>
                     </el-table-column>
                 </el-table>
@@ -350,7 +367,7 @@ const canDelete = computed(() => hasPermission('after_sale', 'delete'))
                     <el-pagination
                         v-model:current-page="currentPage"
                         :page-size="pageSize"
-                        :total="searchResults.length"
+                        :total="filteredResults.length"
                         layout="prev, pager, next"
                         prev-text="上一页"
                         next-text="下一页"
@@ -388,8 +405,7 @@ const canDelete = computed(() => hasPermission('after_sale', 'delete'))
                 </el-form-item>
 
                 <el-form-item label="处理业务员">
-                    <el-select v-model="form.employee_id" placeholder="请选择业务员" style="width: 100%;" filterable clearable
-                        :disabled="form.handle_status === '待处理'">
+                    <el-select v-model="form.employee_id" placeholder="请选择业务员" style="width: 100%;" filterable clearable>
                         <el-option v-for="e in employeeList" :key="e.id" :label="`${e.id} - ${e.name}`" :value="e.id" />
                     </el-select>
                 </el-form-item>
@@ -410,36 +426,6 @@ const canDelete = computed(() => hasPermission('after_sale', 'delete'))
         </div>
 
         <!-- 售后详情弹窗 -->
-        <el-dialog v-model="showDetailDialog" title="售后详情" width="650px" @close="closeDetail">
-            <div v-if="currentDetail" class="detail-content">
-                <el-descriptions :column="2" border>
-                    <el-descriptions-item label="售后编号">{{ currentDetail.id }}</el-descriptions-item>
-                    <el-descriptions-item label="售后日期">{{ formatDate(currentDetail.service_date) }}</el-descriptions-item>
-                    <el-descriptions-item label="客户ID">{{ currentDetail.customer_id }}</el-descriptions-item>
-                    <el-descriptions-item label="业务员ID">{{ currentDetail.employee_id || '未分配' }}</el-descriptions-item>
-                    <el-descriptions-item label="处理状态">
-                        <el-tag :type="statusMap[currentDetail.handle_status]">
-                            {{ currentDetail.handle_status }}
-                        </el-tag>
-                    </el-descriptions-item>
-                    <el-descriptions-item label="创建时间">{{ formatDateTime(currentDetail.created_at) }}</el-descriptions-item>
-                    <el-descriptions-item label="反馈内容" :span="2">
-                        <div class="content-text">{{ currentDetail.feedback }}</div>
-                    </el-descriptions-item>
-                    <el-descriptions-item label="处理方式" :span="2">
-                        <div class="content-text">{{ currentDetail.handle_method || '暂无' }}</div>
-                    </el-descriptions-item>
-                    <el-descriptions-item label="备注" :span="2">
-                        {{ currentDetail.remark || '无' }}
-                    </el-descriptions-item>
-                </el-descriptions>
-            </div>
-            <template #footer>
-                <el-button @click="closeDetail">关闭</el-button>
-                <el-button type="primary" @click="(() => { const d = currentDetail; closeDetail(); editService(d) })()">编辑</el-button>
-            </template>
-        </el-dialog>
-
     </div>
 </template>
 
@@ -497,10 +483,6 @@ const canDelete = computed(() => hasPermission('after_sale', 'delete'))
   padding: 40px 0;
 }
 
-.clickable-row {
-  cursor: pointer;
-}
-
 .pagination-container {
   display: flex;
   justify-content: center;
@@ -508,15 +490,4 @@ const canDelete = computed(() => hasPermission('after_sale', 'delete'))
   padding-top: 15px;
   border-top: 1px solid #eee;
 }
-
-.detail-content {
-  padding: 10px 0;
-}
-
-.content-text {
-  white-space: pre-wrap;
-  line-height: 1.6;
-  max-height: 120px;
-  overflow-y: auto;
-}
 </style>
diff --git a/src/components/supplier.vue b/src/components/supplier.vue
index 2068907..353f9e5 100644
--- a/src/components/supplier.vue
+++ b/src/components/supplier.vue
@@ -226,6 +226,7 @@ const handleCurrentChange = (val) => {
 const canCreate = computed(() => hasPermission('supplier', 'create'))
 const canUpdate = computed(() => hasPermission('supplier', 'update'))
 const canDelete = computed(() => hasPermission('supplier', 'delete'))
+const canOperate = computed(() => canUpdate.value || canDelete.value)
 
 </script>
 
@@ -298,7 +299,7 @@ const canDelete = computed(() => hasPermission('supplier', 'delete'))
                             </el-tag>
                         </template>
                     </el-table-column>
-                    <el-table-column label="操作" width="150" fixed="right">
+                    <el-table-column label="操作" width="150" fixed="right" v-if="canOperate">
                         <template #default="{ row }">
                             <el-button link type="primary" @click="editSupplier(row)" v-if="canUpdate">编辑</el-button>
                             <el-button link type="danger" @click="deleteSupplier(row.id)" v-if="canDelete">删除</el-button>
diff --git a/src/components/user.vue b/src/components/user.vue
index 2d713f5..6b555a8 100644
--- a/src/components/user.vue
+++ b/src/components/user.vue
@@ -9,16 +9,16 @@ import {
     updateUser,
     deleteUserAPI
 } from '../api/user'
-import { getEmployeeList } from '../api/employee'
+import { getSimpleEmployeeList, getDepartmentList } from '../api/employee'
 import { hasPermission } from '../store/user'
 import { formatDateTime } from '../utils/date'
+import { DEPARTMENT_LIST } from '../constants/departments'
 
 const form = reactive({
     username: '',
     password: '',
-    role_id: 2,
+    department_id: 2,
     employee_id: null,
-    department: '',
     is_active: 1
 })
 
@@ -38,16 +38,11 @@ const currentDetail = ref(null)
 // 分页相关
 const currentPage = ref(1)
 const pageSize = ref(10)
+const total = ref(0)
+const totalPages = ref(0)
 
-// 角色列表
-const roleList = ref([
-    { id: 1, name: 'admin', description: '系统管理员' },
-    { id: 2, name: 'general_manager', description: '总经理' },
-    { id: 3, name: 'franchise_manager', description: '招商经理' },
-    { id: 4, name: 'operations_manager', description: '运营经理' },
-    { id: 5, name: 'procurement_manager', description: '采购经理' },
-    { id: 6, name: 'finance', description: '财务人员' }
-])
+// 部门列表（动态加载，回退到常量）
+const deptList = ref([...DEPARTMENT_LIST])
 
 // 员工列表
 const employeeList = ref([])
@@ -55,40 +50,53 @@ const employeeList = ref([])
 onMounted(() => {
     fetchData()
     fetchEmployees()
+    loadDepartments()
 })
 
+// 加载部门列表
+const loadDepartments = async () => {
+    const res = await getDepartmentList()
+    if (res.code === 0 || res.code === 200) {
+        deptList.value = res.data || DEPARTMENT_LIST
+    }
+}
+
 // 监听筛选变化
 watch([filterType, filterStatus], () => {
     currentPage.value = 1
     handleSearch()
 })
 
-// 监听搜索结果变化
-watch(searchResults, () => {
-    currentPage.value = 1
-})
+// 监听搜索结果变化（服务端分页：不重置页码，避免翻页后被重置回第 1 页）
 
-// 分页后的数据
-const paginatedData = computed(() => {
-    const start = (currentPage.value - 1) * pageSize.value
-    const end = start + pageSize.value
-    return searchResults.value.slice(start, end)
-})
+// 分页后的数据（服务端已分页）
+const paginatedData = computed(() => searchResults.value)
 
-// 获取员工列表
+// 获取员工列表（用于下拉选择，改用 simple 接口：无数据范围限制，仅返还在职员工基本信息）
 const fetchEmployees = async () => {
-    const res = await getEmployeeList()
+    const res = await getSimpleEmployeeList()
     if (res.code === 0 || res.code === 200) {
-        employeeList.value = res.data.list || res.data
+        employeeList.value = res.data
     }
 }
 
 // 获取用户列表
-const fetchData = async () => {
+const fetchData = async (page) => {
     loading.value = true
-    const res = await getUserList()
+    const params = {
+        page: page || currentPage.value,
+        pageSize: pageSize.value
+    }
+    const res = await getUserList(params)
     if (res.code === 0 || res.code === 200) {
-        searchResults.value = res.data.list || res.data
+        if (res.data && Array.isArray(res.data.list)) {
+            searchResults.value = res.data.list
+            total.value = res.data.total
+            totalPages.value = res.data.totalPages
+        } else if (Array.isArray(res.data)) {
+            searchResults.value = res.data
+            total.value = res.data.length
+        }
     }
     showSearchResults.value = true
     loading.value = false
@@ -101,9 +109,12 @@ const handleSearch = async () => {
         cancelAdd()
     }
 
+    currentPage.value = 1
     loading.value = true
     const params = {
-        role_id: filterType.value || undefined,
+        page: 1,
+        pageSize: pageSize.value,
+        department_id: filterType.value || undefined,
         is_active: filterStatus.value !== '' ? filterStatus.value : undefined
     }
     // 根据搜索类型添加参数
@@ -118,7 +129,14 @@ const handleSearch = async () => {
     }
     const res = await getUserList(params)
     if (res.code === 0 || res.code === 200) {
-        searchResults.value = res.data.list || res.data
+        if (res.data && Array.isArray(res.data.list)) {
+            searchResults.value = res.data.list
+            total.value = res.data.total
+            totalPages.value = res.data.totalPages
+        } else if (Array.isArray(res.data)) {
+            searchResults.value = res.data
+            total.value = res.data.length
+        }
     }
     showSearchResults.value = true
     loading.value = false
@@ -128,9 +146,8 @@ const handleSearch = async () => {
 const resetForm = () => {
     form.username = ''
     form.password = ''
-    form.role_id = 2
+    form.department_id = 2
     form.employee_id = null
-    form.department = ''
     form.is_active = 1
     isEditMode.value = false
     currentUserId.value = null
@@ -149,9 +166,8 @@ const editUser = (row) => {
     currentUserId.value = row.id
     form.username = row.username
     form.password = ''
-    form.role_id = row.role_id
+    form.department_id = row.department_id
     form.employee_id = row.employee_id
-    form.department = row.department
     form.is_active = row.is_active
     showAddForm.value = true
     showSearchResults.value = false
@@ -170,9 +186,8 @@ const saveUser = async () => {
 
     const formData = {
         username: form.username,
-        role_id: form.role_id,
+        department_id: form.department_id,
         employee_id: form.employee_id,
-        department: form.department,
         is_active: form.is_active
     }
     if (!isEditMode.value) {
@@ -191,7 +206,7 @@ const saveUser = async () => {
         }
 
         cancelAdd()
-        fetchData()
+        fetchData(1)
     } catch (error) {
         ElMessage.error(error.response?.data?.message || error.message || '操作失败')
     }
@@ -207,7 +222,7 @@ const deleteUser = async (id) => {
         try {
             await deleteUserAPI(id)
             ElMessage.success('删除成功')
-            fetchData()
+            fetchData(1)
         } catch (error) {
             ElMessage.error(error.response?.data?.message || error.message || '删除失败')
         }
@@ -229,7 +244,7 @@ const clearSearch = () => {
     showSearchResults.value = false
     showAddForm.value = false
     currentPage.value = 1
-    fetchData()
+    fetchData(1)
 }
 
 // 双击行查看详情
@@ -244,17 +259,10 @@ const closeDetail = () => {
     currentDetail.value = null
 }
 
-// 页码变化
+// 页码变化（服务端分页：重新请求后端）
 const handleCurrentChange = (val) => {
     currentPage.value = val
-}
-
-// 员工选择变化
-const handleEmployeeChange = (empId) => {
-    const emp = employeeList.value.find(e => e.id === empId)
-    if (emp) {
-        form.department = emp.department
-    }
+    fetchData(val)
 }
 
 // 检查权限
@@ -289,8 +297,8 @@ const canManage = computed(() => hasPermission('user', 'manage'))
 
             <div class="filter-row">
                 <span class="filter-label">筛选条件：</span>
-                <el-select v-model="filterType" placeholder="用户角色" clearable style="width: 140px; margin-right: 12px;">
-                    <el-option v-for="role in roleList" :key="role.id" :label="role.description" :value="role.id" />
+                <el-select v-model="filterType" placeholder="所属部门" clearable style="width: 140px; margin-right: 12px;">
+                    <el-option v-for="dept in deptList" :key="dept.id" :label="dept.description" :value="dept.id" />
                 </el-select>
                 <el-select v-model="filterStatus" placeholder="用户状态" clearable style="width: 140px;">
                     <el-option label="启用" :value="1" />
@@ -310,26 +318,21 @@ const canManage = computed(() => hasPermission('user', 'manage'))
 
             <div v-else>
                 <div class="list-header">
-                    <span class="total-count">共找到 {{ searchResults.length }} 条记录</span>
+                    <span class="total-count">共找到 {{ total }} 条记录</span>
                 </div>
 
                 <el-table :data="paginatedData" v-loading="loading" border style="width: 100%"
                     @row-dblclick="handleRowDblClick" row-class-name="clickable-row">
                     <el-table-column prop="id" label="ID" width="80" />
                     <el-table-column prop="username" label="用户名" width="120" />
-                    <el-table-column prop="real_name" label="真实姓名" width="120">
+                    <el-table-column prop="real_name" label="真实姓名" min-width="120">
                         <template #default="{ row }">
                             {{ row.real_name || '-' }}
                         </template>
                     </el-table-column>
-                    <el-table-column prop="role_name" label="角色" width="120">
+                    <el-table-column prop="dept_desc" label="部门" min-width="120">
                         <template #default="{ row }">
-                            {{ row.role_description || row.role_name }}
-                        </template>
-                    </el-table-column>
-                    <el-table-column prop="department" label="部门" width="120">
-                        <template #default="{ row }">
-                            {{ row.department || '-' }}
+                            {{ row.dept_desc || '-' }}
                         </template>
                     </el-table-column>
                     <el-table-column prop="is_active" label="状态" width="100">
@@ -357,7 +360,7 @@ const canManage = computed(() => hasPermission('user', 'manage'))
                     <el-pagination
                         v-model:current-page="currentPage"
                         :page-size="pageSize"
-                        :total="searchResults.length"
+                        :total="total"
                         layout="prev, pager, next"
                         prev-text="上一页"
                         next-text="下一页"
@@ -381,19 +384,14 @@ const canManage = computed(() => hasPermission('user', 'manage'))
                 </el-form-item>
 
                 <el-form-item label="关联员工">
-                    <el-select v-model="form.employee_id" placeholder="请选择关联员工" style="width: 100%;" filterable clearable
-                        @change="handleEmployeeChange">
+                    <el-select v-model="form.employee_id" placeholder="请选择关联员工" style="width: 100%;" filterable clearable>
                         <el-option v-for="emp in employeeList" :key="emp.id" :label="`${emp.id} - ${emp.name}`" :value="emp.id" />
                     </el-select>
                 </el-form-item>
 
-                <el-form-item label="所属部门">
-                    <el-input v-model="form.department" placeholder="选择员工后自动填充" />
-                </el-form-item>
-
-                <el-form-item label="用户角色" required>
-                    <el-select v-model="form.role_id" placeholder="请选择角色" style="width: 100%;">
-                        <el-option v-for="role in roleList" :key="role.id" :label="role.description" :value="role.id" />
+                <el-form-item label="所属部门" required>
+                    <el-select v-model="form.department_id" placeholder="请选择部门" style="width: 100%;">
+                        <el-option v-for="dept in deptList" :key="dept.id" :label="dept.description" :value="dept.id" />
                     </el-select>
                 </el-form-item>
 
@@ -419,8 +417,7 @@ const canManage = computed(() => hasPermission('user', 'manage'))
                     <el-descriptions-item label="用户ID">{{ currentDetail.id }}</el-descriptions-item>
                     <el-descriptions-item label="用户名">{{ currentDetail.username }}</el-descriptions-item>
                     <el-descriptions-item label="真实姓名">{{ currentDetail.real_name || '-' }}</el-descriptions-item>
-                    <el-descriptions-item label="角色">{{ currentDetail.role_description || currentDetail.role_name }}</el-descriptions-item>
-                    <el-descriptions-item label="部门">{{ currentDetail.department || '-' }}</el-descriptions-item>
+                    <el-descriptions-item label="部门">{{ currentDetail.dept_desc || '-' }}</el-descriptions-item>
                     <el-descriptions-item label="关联员工">{{ currentDetail.employee_id || '-' }}</el-descriptions-item>
                     <el-descriptions-item label="状态">
                         <el-tag :type="currentDetail.is_active === 1 ? 'success' : 'danger'">
diff --git a/src/constants/departments.js b/src/constants/departments.js
new file mode 100644
index 0000000..0e870cc
--- /dev/null
+++ b/src/constants/departments.js
@@ -0,0 +1,22 @@
+/**
+ * 部门常量
+ *
+ * 与后端 backmanager-server 数据库 departments 表定义的 6 个部门一一对应。
+ * 当前使用本地常量，避免每次加载都请求后端。
+ *
+ * 如需改为动态获取，请：
+ *   1. 确保后端已部署 GET /api/departments 接口
+ *   2. 在 src/api/employee.js 中取消 getDepartmentList 的注释（替换现有实现）
+ *   3. 在组件中调用 getDepartmentList() 替代导入此文件
+ */
+export const DEPARTMENT_LIST = [
+  { id: 1, name: 'admin', description: '信息技术部' },
+  { id: 2, name: 'general_manager', description: '总经理办公室' },
+  { id: 3, name: 'franchise_manager', description: '招商部' },
+  { id: 4, name: 'operations_manager', description: '运营部' },
+  { id: 5, name: 'procurement_manager', description: '采购部' },
+  { id: 6, name: 'finance', description: '财务部' },
+]
+
+/** 描述文本列表（用于 employee 表单的部门下拉选择） */
+export const DEPARTMENT_NAME_LIST = DEPARTMENT_LIST.map(d => d.description)
diff --git a/yarn.lock b/yarn.lock
index 56243b1..f25f75b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -37,6 +37,28 @@
   resolved "https://registry.npmjs.org/@element-plus/icons-vue/-/icons-vue-2.3.2.tgz"
   integrity sha512-OzIuTaIfC8QXEPmJvB4Y4kw34rSXdCJzxcD1kFStBvr8bK6X1zQAYDo0CNMjojnfTqRQCJ0I7prlErcoRiET2A==
 
+"@emnapi/core@1.10.0":
+  version "1.10.0"
+  resolved "https://registry.yarnpkg.com/@emnapi/core/-/core-1.10.0.tgz#380ccc8f2412ea22d1d972df7f8ee23a3b9c7467"
+  integrity sha512-yq6OkJ4p82CAfPl0u9mQebQHKPJkY7WrIuk205cTYnYe+k2Z8YBh11FrbRG/H6ihirqcacOgl2BIO8oyMQLeXw==
+  dependencies:
+    "@emnapi/wasi-threads" "1.2.1"
+    tslib "^2.4.0"
+
+"@emnapi/runtime@1.10.0":
+  version "1.10.0"
+  resolved "https://registry.yarnpkg.com/@emnapi/runtime/-/runtime-1.10.0.tgz#4b260c0d3534204e98c6110b8db1a987d26ec87c"
+  integrity sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==
+  dependencies:
+    tslib "^2.4.0"
+
+"@emnapi/wasi-threads@1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@emnapi/wasi-threads/-/wasi-threads-1.2.1.tgz#28fed21a1ba1ce797c44a070abc94d42f3ae8548"
+  integrity sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==
+  dependencies:
+    tslib "^2.4.0"
+
 "@floating-ui/core@^1.7.5":
   version "1.7.5"
   resolved "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.5.tgz"
@@ -62,6 +84,13 @@
   resolved "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz"
   integrity sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==
 
+"@napi-rs/wasm-runtime@^1.1.4":
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.6.tgz#ed33806d0f9be98dc76d0c3d4fd872fda701b5d5"
+  integrity sha512-ZLv/JdUfkvOy9eCnnBaGfiO+XimbjebAeO+MRQqD/B+FR1tnRN0tpKSJHRbE8sFfS6aqsXZ67TQjfwfsxULVbg==
+  dependencies:
+    "@tybys/wasm-util" "^0.10.3"
+
 "@oxc-project/types@=0.133.0":
   version "0.133.0"
   resolved "https://registry.npmjs.org/@oxc-project/types/-/types-0.133.0.tgz"
@@ -72,6 +101,51 @@
   resolved "https://registry.npmjs.org/@sxzz/popperjs-es/-/popperjs-es-2.11.8.tgz"
   integrity sha512-wOwESXvvED3S8xBmcPWHs2dUuzrE4XiZeFu7e1hROIJkm02a49N120pmOXxY33sBb6hArItm5W5tcg1cBtV+HQ==
 
+"@rolldown/binding-android-arm64@1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.3.tgz#54ce8f8382213f4a314a0c2f7ba83f81ffeae592"
+  integrity sha512-454rs7jHngixp/NMxd5srYD57OnzSlZ/eFTETjORQHLwJG1lRtmNOJcBerZlfu4GjKqeq8aCCIQrMdHyhI51Hw==
+
+"@rolldown/binding-darwin-arm64@1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.3.tgz#388fca1566c14c00c4b446fc3928630e7f0d95fc"
+  integrity sha512-PcAhP+ynjURNyy8SKGl5DQP94aGuB/7JrXJb/t7P+hanXvQVMWzUvRRhBAcg/lNRadBhoUPqSoP4xw5tR/KBEA==
+
+"@rolldown/binding-darwin-x64@1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.3.tgz#53f57de1f599ecf1db13823cfc88c18fb80954ad"
+  integrity sha512-9YpfeUvSE2RS7wysJ81uOZkXJz7f7Q55H2Gvp3VEw/EsahqDtrphrZ0EwDLK5vvKOzaCrBsjF8JmnMLcUt78Gg==
+
+"@rolldown/binding-freebsd-x64@1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.3.tgz#6f3fdda1b7aeaac9d268a526804b4fb96e4e35f1"
+  integrity sha512-yB1IlAsSNHncV6SCTL27/MVGR5htvQsoGxIv5KMGXALp+Ll1wYsn+x98M9MW7qa+NdSbvrrY7ANI4wLJ0n1e6g==
+
+"@rolldown/binding-linux-arm-gnueabihf@1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.3.tgz#d87a454bf585cc9676849377e91d6e375297326f"
+  integrity sha512-Yi30IVAAfLUCy2MseFjbB1jAMDl1VMCAas5StnYp8da9+CKvMd2H2cbEjWcw5NPaPqzvYkVIaF1nNUG+b7u/sw==
+
+"@rolldown/binding-linux-arm64-gnu@1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.3.tgz#419fd6bf612cf348f10528cbcd94ebab9607d8d1"
+  integrity sha512-jsO7R8To+AdlYgUmN5sHSCZbfhtMBkO0WUx8iORQnPcMMdgr7qM2DQmMwgabs3GhNztdmoKkMKQFHD6DTMCIQw==
+
+"@rolldown/binding-linux-arm64-musl@1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.3.tgz#fcc6918696bb76844877e1e4930a18fd0d374069"
+  integrity sha512-VWkUHwWriDciit80wleYwKILoR/KMvxh/IdwS/paX+ZgpuRpCrKLUdadJbc0NpBEiyhpYawsJ73j9aCvOH+f7Q==
+
+"@rolldown/binding-linux-ppc64-gnu@1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.0.3.tgz#32aecb7c8dae5d4f2a8cde57a058ec86991542f8"
+  integrity sha512-5f1laC0SlIR0yDbFCd8acUhvJIag6N3zC5P7oUPN6wX0aOma+uKJ0wBDH5aq7I1PVI2ttTlhJwzwRIBnLiSGEg==
+
+"@rolldown/binding-linux-s390x-gnu@1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.0.3.tgz#bed9346ea81e6bb8b93cf11f5d88b77db890b763"
+  integrity sha512-Iq4ko0r4XsgbrF/LunNgHtAGLRRVE2kXonAXQ/MV0mC6jQpMOhW1SvtZja2EhC/kd05++bP78dsqBeIQyYJ6Yg==
+
 "@rolldown/binding-linux-x64-gnu@1.0.3":
   version "1.0.3"
   resolved "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.3.tgz"
@@ -82,6 +156,25 @@
   resolved "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.3.tgz"
   integrity sha512-pSdpdUJHkuCxun9LE7jvgUB9qsRgaiyNNCX7m/AvHTcq67AiT/Yhoxvw5zPfhrM8k/BfP8ce/hMOpthKDpEUow==
 
+"@rolldown/binding-openharmony-arm64@1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.3.tgz#290513068c55e849dc8457a32afee1d7b0acb309"
+  integrity sha512-OXXS3RKJgX2uLwM+gYyuH5omcH8fL1LJs96pZGgtetVCahON57+d4SJHzTgZiOjxgGkSnpXpOsWuPDGAKAigEg==
+
+"@rolldown/binding-wasm32-wasi@1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.3.tgz#3d9972dbf1a953d3c7afaa4a0f20ef2b2e39f31b"
+  integrity sha512-JTtb8BWFynicNSoPrehsCzBtOKjZ6jhMiPFEmOiuXg1Fl8dn2KHQob+GuPSGR0dryQa1PQJbzjF3dqO/whhjLg==
+  dependencies:
+    "@emnapi/core" "1.10.0"
+    "@emnapi/runtime" "1.10.0"
+    "@napi-rs/wasm-runtime" "^1.1.4"
+
+"@rolldown/binding-win32-arm64-msvc@1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.3.tgz#a004ab607a16d6f03bcb555728ff888af75773ad"
+  integrity sha512-gEdFFEN70A/jxb2svrWsN3aDL7OUtmvlOy+6fa2jxG8K0wQ1ZbdeLGnidov6Yu5/733dI5ySfzFlQ/cb0bSz1g==
+
 "@rolldown/binding-win32-x64-msvc@1.0.3":
   version "1.0.3"
   resolved "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.3.tgz"
@@ -92,7 +185,14 @@
   resolved "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.1.tgz"
   integrity sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==
 
-"@types/lodash-es@*", "@types/lodash-es@^4.17.12":
+"@tybys/wasm-util@^0.10.3":
+  version "0.10.3"
+  resolved "https://registry.yarnpkg.com/@tybys/wasm-util/-/wasm-util-0.10.3.tgz#015cba9e9dd47ce14d03d2a8c5d547bfb169665d"
+  integrity sha512-F3fo1MYrRJYL3zER0OUOmkutjr1Vp23m7OsSgp7nq4SP6OqX6C/56XFIPAl5bt3zaBRjmW7SGz3u/6LwFpYcOg==
+  dependencies:
+    tslib "^2.4.0"
+
+"@types/lodash-es@^4.17.12":
   version "4.17.12"
   resolved "https://registry.npmjs.org/@types/lodash-es/-/lodash-es-4.17.12.tgz"
   integrity sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==
@@ -220,16 +320,53 @@
   resolved "https://registry.npmjs.org/@vueuse/shared/-/shared-14.3.0.tgz"
   integrity sha512-bZpge9eSXwa4ToSiqJ7j6KRwhAsneMFoSz3LMWKQDkqimm3D/tbFlrklrs/IOqC8tEcYmXQZJ6N0UrjhBirVCg==
 
+agent-base@6:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-6.0.2.tgz#49fff58577cfee3f37176feab4c22e00f86d7f77"
+  integrity sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==
+  dependencies:
+    debug "4"
+
 async-validator@^4.2.5:
   version "4.2.5"
   resolved "https://registry.npmjs.org/async-validator/-/async-validator-4.2.5.tgz"
   integrity sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==
 
+asynckit@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
+  integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
+
+axios@^1.18.1:
+  version "1.18.1"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-1.18.1.tgz#d63f9863bcd8938815c86f9e2abd380189d96dfe"
+  integrity sha512-3nTvFlvpn9Zu/RkHUqtc7/+al4UpRW5az71ap5zccp6e8RAYEzhMTecX8Dz1wWDYrPpUoB1HAQEGEAEvUr7S9g==
+  dependencies:
+    follow-redirects "^1.16.0"
+    form-data "^4.0.5"
+    https-proxy-agent "^5.0.1"
+    proxy-from-env "^2.1.0"
+
+call-bind-apply-helpers@^1.0.1, call-bind-apply-helpers@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz#4b5428c222be985d79c3d82657479dbe0b59b2d6"
+  integrity sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==
+  dependencies:
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
+
 china-area-data@^5.0.1:
   version "5.0.1"
   resolved "https://registry.npmmirror.com/china-area-data/-/china-area-data-5.0.1.tgz"
   integrity sha512-BQDPpiv5Nn+018ekcJK2oSD9PAD+E1bvXB0wgabc//dFVS/KvRqCgg0QOEUt3vBkx9XzB5a9BmkJCEZDBxVjVw==
 
+combined-stream@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
+  integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
+  dependencies:
+    delayed-stream "~1.0.0"
+
 csstype@^3.2.3:
   version "3.2.3"
   resolved "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz"
@@ -240,11 +377,32 @@ dayjs@^1.11.20:
   resolved "https://registry.npmjs.org/dayjs/-/dayjs-1.11.21.tgz"
   integrity sha512-98IT+HOahAisibz/yjKbzuOBwYcjJ7BCLPzARyHiyEBmRz4fatF+KPJszEHXsGYjUG234aH/cOjW1wwTbKUZlA==
 
+debug@4:
+  version "4.4.3"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.3.tgz#c6ae432d9bd9662582fce08709b038c58e9e3d6a"
+  integrity sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==
+  dependencies:
+    ms "^2.1.3"
+
+delayed-stream@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
+  integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
+
 detect-libc@^2.0.3:
   version "2.1.2"
   resolved "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz"
   integrity sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==
 
+dunder-proto@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/dunder-proto/-/dunder-proto-1.0.1.tgz#d7ae667e1dc83482f8b70fd0f6eefc50da30f58a"
+  integrity sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==
+  dependencies:
+    call-bind-apply-helpers "^1.0.1"
+    es-errors "^1.3.0"
+    gopd "^1.2.0"
+
 element-china-area-data@^5.0.2:
   version "5.0.2"
   resolved "https://registry.npmmirror.com/element-china-area-data/-/element-china-area-data-5.0.2.tgz"
@@ -279,6 +437,33 @@ entities@^7.0.1:
   resolved "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz"
   integrity sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==
 
+es-define-property@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/es-define-property/-/es-define-property-1.0.1.tgz#983eb2f9a6724e9303f61addf011c72e09e0b0fa"
+  integrity sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==
+
+es-errors@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/es-errors/-/es-errors-1.3.0.tgz#05f75a25dab98e4fb1dcd5e1472c0546d5057c8f"
+  integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==
+
+es-object-atoms@^1.0.0, es-object-atoms@^1.1.1:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/es-object-atoms/-/es-object-atoms-1.1.2.tgz#a2d0b373205724dfa525d23b0c3e1b1ca582c99b"
+  integrity sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==
+  dependencies:
+    es-errors "^1.3.0"
+
+es-set-tostringtag@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz#f31dbbe0c183b00a6d26eb6325c810c0fd18bd4d"
+  integrity sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==
+  dependencies:
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.6"
+    has-tostringtag "^1.0.2"
+    hasown "^2.0.2"
+
 estree-walker@^2.0.2:
   version "2.0.2"
   resolved "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz"
@@ -289,6 +474,123 @@ fdir@^6.5.0:
   resolved "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz"
   integrity sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==
 
+follow-redirects@^1.16.0:
+  version "1.16.0"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.16.0.tgz#28474a159d3b9d11ef62050a14ed60e4df6d61bc"
+  integrity sha512-y5rN/uOsadFT/JfYwhxRS5R7Qce+g3zG97+JrtFZlC9klX/W5hD7iiLzScI4nZqUS7DNUdhPgw4xI8W2LuXlUw==
+
+form-data@^4.0.5:
+  version "4.0.6"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.6.tgz#28e864e1b786dbebb68db1f452f9635278665827"
+  integrity sha512-vKatAh4SlVfgbv+YtmhiRjhEMJsYpsG1Y2rMQtR+SVSbytsSD1YGzDIcrAJmdFec88u/+VoGmxnl+80gL1tRCQ==
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.8"
+    es-set-tostringtag "^2.1.0"
+    hasown "^2.0.4"
+    mime-types "^2.1.35"
+
+fsevents@~2.3.3:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
+  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
+
+function-bind@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
+  integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==
+
+get-intrinsic@^1.2.6:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.3.0.tgz#743f0e3b6964a93a5491ed1bffaae054d7f98d01"
+  integrity sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==
+  dependencies:
+    call-bind-apply-helpers "^1.0.2"
+    es-define-property "^1.0.1"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.1.1"
+    function-bind "^1.1.2"
+    get-proto "^1.0.1"
+    gopd "^1.2.0"
+    has-symbols "^1.1.0"
+    hasown "^2.0.2"
+    math-intrinsics "^1.1.0"
+
+get-proto@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/get-proto/-/get-proto-1.0.1.tgz#150b3f2743869ef3e851ec0c49d15b1d14d00ee1"
+  integrity sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==
+  dependencies:
+    dunder-proto "^1.0.1"
+    es-object-atoms "^1.0.0"
+
+gopd@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.2.0.tgz#89f56b8217bdbc8802bd299df6d7f1081d7e51a1"
+  integrity sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==
+
+has-symbols@^1.0.3, has-symbols@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.1.0.tgz#fc9c6a783a084951d0b971fe1018de813707a338"
+  integrity sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==
+
+has-tostringtag@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-tostringtag/-/has-tostringtag-1.0.2.tgz#2cdc42d40bef2e5b4eeab7c01a73c54ce7ab5abc"
+  integrity sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==
+  dependencies:
+    has-symbols "^1.0.3"
+
+hasown@^2.0.2, hasown@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.4.tgz#8c62d8cb90beb2aad5d0a5b67581ad9854c3f003"
+  integrity sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==
+  dependencies:
+    function-bind "^1.1.2"
+
+https-proxy-agent@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz#c59ef224a04fe8b754f3db0063a25ea30d0005d6"
+  integrity sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==
+  dependencies:
+    agent-base "6"
+    debug "4"
+
+lightningcss-android-arm64@1.32.0:
+  version "1.32.0"
+  resolved "https://registry.yarnpkg.com/lightningcss-android-arm64/-/lightningcss-android-arm64-1.32.0.tgz#f033885116dfefd9c6f54787523e3514b61e1968"
+  integrity sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==
+
+lightningcss-darwin-arm64@1.32.0:
+  version "1.32.0"
+  resolved "https://registry.yarnpkg.com/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.32.0.tgz#50b71871b01c8199584b649e292547faea7af9b5"
+  integrity sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==
+
+lightningcss-darwin-x64@1.32.0:
+  version "1.32.0"
+  resolved "https://registry.yarnpkg.com/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.32.0.tgz#35f3e97332d130b9ca181e11b568ded6aebc6d5e"
+  integrity sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==
+
+lightningcss-freebsd-x64@1.32.0:
+  version "1.32.0"
+  resolved "https://registry.yarnpkg.com/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.32.0.tgz#9777a76472b64ed6ff94342ad64c7bafd794a575"
+  integrity sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==
+
+lightningcss-linux-arm-gnueabihf@1.32.0:
+  version "1.32.0"
+  resolved "https://registry.yarnpkg.com/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.32.0.tgz#13ae652e1ab73b9135d7b7da172f666c410ad53d"
+  integrity sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==
+
+lightningcss-linux-arm64-gnu@1.32.0:
+  version "1.32.0"
+  resolved "https://registry.yarnpkg.com/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.32.0.tgz#417858795a94592f680123a1b1f9da8a0e1ef335"
+  integrity sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==
+
+lightningcss-linux-arm64-musl@1.32.0:
+  version "1.32.0"
+  resolved "https://registry.yarnpkg.com/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.32.0.tgz#6be36692e810b718040802fd809623cffe732133"
+  integrity sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==
+
 lightningcss-linux-x64-gnu@1.32.0:
   version "1.32.0"
   resolved "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.32.0.tgz"
@@ -299,6 +601,11 @@ lightningcss-linux-x64-musl@1.32.0:
   resolved "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.32.0.tgz"
   integrity sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==
 
+lightningcss-win32-arm64-msvc@1.32.0:
+  version "1.32.0"
+  resolved "https://registry.yarnpkg.com/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.32.0.tgz#4f30ba3fa5e925f5b79f945e8cc0d176c3b1ab38"
+  integrity sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==
+
 lightningcss-win32-x64-msvc@1.32.0:
   version "1.32.0"
   resolved "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.32.0.tgz"
@@ -323,7 +630,7 @@ lightningcss@^1.32.0:
     lightningcss-win32-arm64-msvc "1.32.0"
     lightningcss-win32-x64-msvc "1.32.0"
 
-lodash-es@*, lodash-es@^4.17.15, lodash-es@^4.18.1:
+lodash-es@^4.17.15, lodash-es@^4.18.1:
   version "4.18.1"
   resolved "https://registry.npmjs.org/lodash-es/-/lodash-es-4.18.1.tgz"
   integrity sha512-J8xewKD/Gk22OZbhpOVSwcs60zhd95ESDwezOFuA3/099925PdHJ7OFHNTGtajL3AlZkykD32HykiMo+BIBI8A==
@@ -333,7 +640,7 @@ lodash-unified@^1.0.3:
   resolved "https://registry.npmjs.org/lodash-unified/-/lodash-unified-1.0.3.tgz"
   integrity sha512-WK9qSozxXOD7ZJQlpSqOT+om2ZfcT4yO+03FuzAHD0wF6S0l0090LRPDx3vhTTLZ8cFKpBn+IOcVXK6qOcIlfQ==
 
-lodash@*, lodash@^4.18.1:
+lodash@^4.18.1:
   version "4.18.1"
   resolved "https://registry.npmjs.org/lodash/-/lodash-4.18.1.tgz"
   integrity sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==
@@ -345,11 +652,33 @@ magic-string@^0.30.21:
   dependencies:
     "@jridgewell/sourcemap-codec" "^1.5.5"
 
+math-intrinsics@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/math-intrinsics/-/math-intrinsics-1.1.0.tgz#a0dd74be81e2aa5c2f27e65ce283605ee4e2b7f9"
+  integrity sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==
+
 memoize-one@^6.0.0:
   version "6.0.0"
   resolved "https://registry.npmjs.org/memoize-one/-/memoize-one-6.0.0.tgz"
   integrity sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==
 
+mime-db@1.52.0:
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
+  integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
+
+mime-types@^2.1.35:
+  version "2.1.35"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
+  integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
+  dependencies:
+    mime-db "1.52.0"
+
+ms@^2.1.3:
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
+  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
+
 nanoid@^3.3.12:
   version "3.3.12"
   resolved "https://registry.npmjs.org/nanoid/-/nanoid-3.3.12.tgz"
@@ -365,7 +694,7 @@ picocolors@^1.1.1:
   resolved "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz"
   integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
 
-"picomatch@^3 || ^4", picomatch@^4.0.4:
+picomatch@^4.0.4:
   version "4.0.4"
   resolved "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz"
   integrity sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==
@@ -379,6 +708,11 @@ postcss@^8.5.15:
     picocolors "^1.1.1"
     source-map-js "^1.2.1"
 
+proxy-from-env@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-2.1.0.tgz#a7487568adad577cfaaa7e88c49cab3ab3081aba"
+  integrity sha512-cJ+oHTW1VAEa8cJslgmUZrc+sjRKgAKl3Zyse6+PV38hZe/V6Z14TbCuXcan9F9ghlz4QrFr2c92TNF82UkYHA==
+
 rolldown@1.0.3:
   version "1.0.3"
   resolved "https://registry.npmjs.org/rolldown/-/rolldown-1.0.3.tgz"
@@ -416,7 +750,12 @@ tinyglobby@^0.2.17:
     fdir "^6.5.0"
     picomatch "^4.0.4"
 
-"vite@^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0", vite@^8.0.12:
+tslib@^2.4.0:
+  version "2.8.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.8.1.tgz#612efe4ed235d567e8aba5f2a5fab70280ade83f"
+  integrity sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==
+
+vite@^8.0.12:
   version "8.0.16"
   resolved "https://registry.npmjs.org/vite/-/vite-8.0.16.tgz"
   integrity sha512-h9bXPmJichP5fLmVQo3PyaGSDE2n3aPuomeAlVRm0JLmt4rY6zmPKd59HYI4LNW8oTK7tlTsuC7l/m7awx9Jcw==
@@ -441,7 +780,7 @@ vue-router@4:
   dependencies:
     "@vue/devtools-api" "^6.6.4"
 
-vue@^3.2.0, vue@^3.2.25, vue@^3.3.7, vue@^3.5.0, vue@^3.5.34, vue@3.5.35:
+vue@^3.5.34:
   version "3.5.35"
   resolved "https://registry.npmjs.org/vue/-/vue-3.5.35.tgz"
   integrity sha512-cx89fnr+0kVGHiNFG6y6s0bdjypJRFNZn6x3WPstNdQR1bi1mbB7h4v5IBGTsPJU3nK1+0Iqj3Zf+hZWMieR4Q==