commit 334d2c6312f9a129dd1f806f17fc5c81982c9398
Author: molong <ycgpp@126.com>
Date:   Sun Feb 8 22:38:13 2026 +0800

    初始化项目

diff --git a/.clinerules/admin-rule.md b/.clinerules/admin-rule.md
new file mode 100644
index 0000000..fdc5969
--- /dev/null
+++ b/.clinerules/admin-rule.md
@@ -0,0 +1,869 @@
+# Vue3 后台管理项目开发规范
+
+## 项目概述
+
+本项目是一个基于 Vue3 的后台管理系统，采用现代化技术栈构建，提供高效、美观的管理界面。
+
+## 技术栈
+
+- **Vue 3**: 渐进式 JavaScript 框架
+- **Vite**: 下一代前端构建工具
+- **Ant Design Vue**: 基于 Vue 3 的 UI 组件库
+- **Vue Router**: Vue.js 官方路由管理器
+- **Pinia**: Vue 3 官方状态管理库
+- **Axios**: HTTP 客户端
+- **JavaScript**: 主要开发语言（非 TypeScript）
+- **Composition API**: 组合式 API 开发模式
+
+## 图标系统
+
+项目采用 Ant Design Vue 图标库，已全局引入：
+
+- **Ant Design Vue Icons**: Ant Design Vue 官方图标库
+
+**重要提示**: 图标已全局默认引入，开发时请勿重复引入或按需引入，直接使用即可。
+
+## 开发规范
+
+### 1. 项目结构
+
+```
+resources/admin/
+├── src/
+│   ├── api/                    # API 接口层
+│   │   ├── auth.js            # 认证相关接口
+│   │   ├── menu.js            # 菜单接口
+│   │   └── system.js          # 系统相关接口
+│   ├── assets/                 # 静态资源
+│   │   ├── images/            # 图片资源
+│   │   └── style/             # 全局样式
+│   ├── components/             # 公共组件
+│   │   ├── scEditor/          # 富文本编辑器
+│   │   ├── scForm/            # 表单组件
+│   │   ├── scIconPicker/      # 图标选择器
+│   │   ├── scTable/           # 表格组件
+│   │   └── scUpload/          # 上传组件
+│   ├── config/                 # 配置文件
+│   │   ├── index.js           # 主配置
+│   │   ├── routes.js          # 路由配置
+│   │   └── upload.js          # 上传配置
+│   ├── hooks/                  # 组合式 API Hooks
+│   │   ├── useI18n.js         # 国际化 Hook
+│   │   └── useTable.js        # 表格 Hook
+│   ├── i18n/                   # 国际化配置
+│   │   ├── index.js           # i18n 配置
+│   │   └── locales/           # 语言包
+│   ├── layouts/                # 布局组件
+│   │   ├── components/        # 布局子组件
+│   │   ├── other/             # 其他布局
+│   │   └── index.vue          # 主布局
+│   ├── pages/                  # 页面组件
+│   │   ├── auth/              # 认证页面
+│   │   ├── home/              # 首页
+│   │   ├── login/             # 登录页
+│   │   ├── system/            # 系统管理
+│   │   └── ucenter/           # 个人中心
+│   ├── router/                 # 路由配置
+│   │   ├── index.js           # 主路由
+│   │   └── systemRoutes.js    # 系统路由
+│   ├── stores/                 # 状态管理
+│   │   ├── index.js           # Store 入口
+│   │   ├── persist.js         # 持久化配置
+│   │   └── modules/           # Store 模块
+│   ├── utils/                  # 工具函数
+│   │   ├── request.js         # Axios 封装
+│   │   └── tool.js            # 工具函数
+│   ├── App.vue                 # 根组件
+│   ├── boot.js                 # 引导文件
+│   ├── main.js                 # 入口文件
+│   └── style.css               # 全局样式
+├── public/                     # 公共资源
+├── index.html                  # HTML 模板
+├── package.json                # 依赖配置
+├── vite.config.js             # Vite 配置
+└── README.md                   # 项目说明
+```
+
+### 2. 组件开发规范
+
+#### 组件命名
+
+- **单文件组件**: 使用 PascalCase 命名，如 `UserList.vue`
+- **公共组件**: 以 `sc` 开头，如 `scTable.vue`
+- **页面组件**: 使用语义化命名，如 `UserManagement.vue`
+
+#### 组件结构
+
+```vue
+<template>
+  <!-- 模板内容 -->
+</template>
+
+<script setup>
+// 导入
+import { ref, computed, onMounted } from 'vue'
+
+// 响应式数据
+const state = ref({})
+
+// 计算属性
+const computedValue = computed(() => {})
+
+// 方法
+const handleAction = () => {}
+
+// 生命周期
+onMounted(() => {})
+</script>
+
+<style scoped>
+/* 样式 */
+</style>
+```
+
+### 3. API 接口开发规范
+
+#### API 文件组织
+
+每个业务模块对应一个 API 文件，统一放在 `src/api/` 目录下。
+
+```javascript
+// src/api/auth.js
+import request from '@/utils/request'
+
+export default {
+  // 认证相关
+  login: {
+    post: async function (params) {
+      return await request.post('auth/login', params)
+    },
+  },
+  logout: {
+    post: async function () {
+      return await request.post('auth/logout')
+    },
+  },
+  me: {
+    get: async function () {
+      return await request.get('auth/me')
+    },
+  },
+
+  // 权限和菜单
+  permissions: {
+    menu: {
+      get: async function () {
+        return await request.get('permissions/menu')
+      },
+    },
+    tree: {
+      get: async function () {
+        return await request.get('permissions/tree')
+      },
+    },
+  },
+}
+```
+
+#### 使用示例
+
+```javascript
+import authApi from '@/api/auth'
+
+const login = async () => {
+  try {
+    const res = await authApi.login.post({
+      username: 'admin',
+      password: '123456'
+    })
+    // 处理响应
+  } catch (error) {
+    // 处理错误
+  }
+}
+
+// 获取用户菜单
+const getMenu = async () => {
+  const res = await authApi.permissions.menu.get()
+  return res.data
+}
+```
+
+### 4. 路由开发规范
+
+#### 路由类型
+
+项目包含两类路由：
+
+1. **静态路由**: 定义在 `src/router/systemRoutes.js` 中的基础路由，如登录页、404 页面等
+2. **动态路由**: 用户登录后，通过 API 获取菜单数据，动态添加到路由中
+
+#### 静态路由定义
+
+```javascript
+// src/router/systemRoutes.js
+export default [
+  {
+    path: '/login',
+    name: 'Login',
+    component: () => import('@/pages/login/index.vue'),
+    meta: {
+      title: '登录',
+      hidden: true
+    }
+  },
+  {
+    path: '/',
+    name: 'Layout',
+    component: () => import('@/layouts/index.vue'),
+    redirect: '/dashboard',
+    children: [
+      // 动态路由将被添加到这里
+    ]
+  }
+]
+```
+
+#### 动态路由加载
+
+用户登录后，系统会自动执行以下流程：
+
+1. 调用后端 API 获取用户菜单和权限信息
+2. 将菜单数据转换为路由格式
+3. 将动态路由添加到路由器中
+4. 生成菜单树用于侧边栏展示
+
+**路由元信息 (meta)**:
+- `title`: 页面标题
+- `icon`: 菜单图标（使用 Ant Design Vue 图标名称）
+- `hidden`: 是否隐藏菜单
+- `noAuth`: 是否不需要认证
+- `keepAlive`: 是否缓存页面
+- `affix`: 是否固定标签页
+
+**后端菜单数据格式**:
+
+```javascript
+{
+  path: '/system',
+  name: 'System',
+  title: '系统管理',
+  icon: 'Setting',
+  component: 'views/system',  // 组件路径，相对于 pages 目录
+  redirect: '/system/user',
+  children: [
+    {
+      path: 'user',
+      name: 'SystemUser',
+      title: '用户管理',
+      icon: 'User',
+      component: 'views/system/user'
+    }
+  ]
+}
+```
+
+**路由转换逻辑**:
+
+```javascript
+// 将后端菜单转换为路由格式
+function transformMenusToRoutes(menus) {
+  return menus.map(menu => {
+    const route = {
+      path: menu.path,
+      name: menu.name,
+      meta: {
+        title: menu.title,
+        icon: menu.icon,
+        hidden: menu.hidden,
+        keepAlive: menu.keepAlive || false
+      }
+    }
+    
+    if (menu.component) {
+      route.component = loadComponent(menu.component)
+    }
+    
+    if (menu.children) {
+      route.children = transformMenusToRoutes(menu.children)
+    }
+    
+    return route
+  })
+}
+```
+
+#### 路由守卫
+
+系统通过路由守卫实现权限控制和动态路由加载：
+
+```javascript
+router.beforeEach(async (to, from, next) => {
+  const userStore = useUserStore()
+  const isLoggedIn = userStore.isLoggedIn()
+  
+  // 白名单直接放行
+  if (whiteList.includes(to.path)) {
+    return next()
+  }
+  
+  // 未登录跳转登录页
+  if (!isLoggedIn) {
+    return next({ path: '/login', query: { redirect: to.fullPath } })
+  }
+  
+  // 动态路由加载
+  if (!isDynamicRouteLoaded) {
+    const menus = userStore.getMenu()
+    const dynamicRoutes = transformMenusToRoutes(menus)
+    
+    // 添加动态路由
+    dynamicRoutes.forEach(route => {
+      router.addRoute('Layout', route)
+    })
+    
+    isDynamicRouteLoaded = true
+    next({ ...to, replace: true })
+  } else {
+    next()
+  }
+})
+```
+
+### 5. 状态管理规范
+
+#### Pinia Store 定义
+
+使用组合式 API 定义 Store。
+
+#### User Store（用户认证与权限）
+
+`src/stores/modules/user.js` 负责管理用户认证信息和权限数据：
+
+```javascript
+// src/stores/modules/user.js
+import { ref } from 'vue'
+import { defineStore } from 'pinia'
+import { resetRouter } from '../../router'
+
+export const useUserStore = defineStore('user', () => {
+  // State
+  const token = ref('')              // 访问令牌
+  const refreshToken = ref('')       // 刷新令牌
+  const userInfo = ref(null)         // 用户信息
+  const menu = ref([])               // 用户菜单
+  const permissions = ref([])        // 用户权限节点
+
+  // Getters
+  const isLoggedIn = () => !!token.value
+
+  // Actions
+  function setToken(newToken) {
+    token.value = newToken
+  }
+
+  function setUserInfo(info) {
+    userInfo.value = info
+  }
+
+  // 设置菜单（合并静态菜单和后端菜单）
+  function setMenu(newMenu) {
+    const staticMenus = userRoutes || []
+    let mergedMenus = [...staticMenus]
+
+    if (newMenu && newMenu.length > 0) {
+      const menuMap = new Map()
+      
+      // 添加静态菜单
+      staticMenus.forEach(m => {
+        if (m.path) menuMap.set(m.path, m)
+      })
+      
+      // 添加后端菜单（覆盖重复路径）
+      newMenu.forEach(m => {
+        if (m.path) menuMap.set(m.path, m)
+      })
+      
+      mergedMenus = Array.from(menuMap.values())
+    }
+    menu.value = mergedMenus
+  }
+
+  function getMenu() {
+    return menu.value
+  }
+
+  function setPermissions(data) {
+    permissions.value = data
+  }
+
+  function hasPermission(permission) {
+    if (!permissions.value || permissions.value.length === 0) {
+      return false
+    }
+    return permissions.value.includes(permission)
+  }
+
+  function logout() {
+    token.value = ''
+    refreshToken.value = ''
+    userInfo.value = null
+    menu.value = []
+    resetRouter()
+  }
+
+  return {
+    token,
+    refreshToken,
+    userInfo,
+    menu,
+    permissions,
+    setToken,
+    setUserInfo,
+    setMenu,
+    getMenu,
+    setPermissions,
+    hasPermission,
+    logout,
+    isLoggedIn
+  }
+})
+```
+
+#### Store 使用
+
+```javascript
+import { useUserStore } from '@/stores/modules/user'
+
+const userStore = useUserStore()
+
+// 使用 state
+console.log(userStore.token)
+console.log(userStore.menu)
+console.log(userStore.permissions)
+
+// 调用 action
+userStore.setToken('xxx')
+userStore.setMenu(menus)
+userStore.setPermissions(permissions)
+
+// 检查权限
+if (userStore.hasPermission('user.create')) {
+  // 有权限，执行操作
+}
+
+// 登出
+userStore.logout()
+```
+
+#### Store 持久化
+
+使用 `pinia-plugin-persistedstate` 实现数据持久化：
+
+```javascript
+{
+  persist: {
+    key: 'user-store',
+    storage: customStorage,
+    pick: ['token', 'refreshToken', 'userInfo', 'menu']
+  }
+}
+```
+
+#### 权限指令
+
+项目提供权限指令，用于在模板中控制元素显示：
+
+```vue
+<template>
+  <!-- 只有拥有 user.create 权限时显示 -->
+  <a-button v-permission="'user.create'">新增</a-button>
+  
+  <!-- 拥有多个权限之一时显示 -->
+  <a-button v-permission="['user.create', 'user.update']">编辑</a-button>
+</template>
+
+<script setup>
+import { useUserStore } from '@/stores/modules/user'
+
+const userStore = useUserStore()
+</script>
+```
+
+### 6. 表格开发规范
+
+#### 使用 useTable Hook
+
+项目提供了 `useTable` Hook 简化表格开发：
+
+```javascript
+import { useTable } from '@/hooks/useTable'
+import { ref } from 'vue'
+
+const {
+  loading,
+  dataSource,
+  pagination,
+  handleSearch,
+  handleReset,
+  handlePageChange
+} = useTable({
+  api: userApi.getList, // API 方法
+  immediate: true // 是否立即加载
+})
+
+// 搜索参数
+const searchParams = ref({
+  keyword: '',
+  status: ''
+})
+```
+
+#### scTable 组件使用
+
+```vue
+<template>
+  <sc-table
+    :columns="columns"
+    :data-source="dataSource"
+    :loading="loading"
+    :pagination="pagination"
+    @page-change="handlePageChange"
+  >
+    <template #action="{ record }">
+      <a-button @click="handleEdit(record)">编辑</a-button>
+    </template>
+  </sc-table>
+</template>
+```
+
+### 7. 表单开发规范
+
+#### scForm 组件使用
+
+```vue
+<template>
+  <sc-form
+    ref="formRef"
+    :model="formData"
+    :rules="formRules"
+    :items="formItems"
+    @submit="handleSubmit"
+  />
+</template>
+
+<script setup>
+import { ref } from 'vue'
+
+const formRef = ref(null)
+const formData = ref({
+  username: '',
+  email: ''
+})
+
+const formRules = {
+  username: [
+    { required: true, message: '请输入用户名', trigger: 'blur' }
+  ],
+  email: [
+    { required: true, message: '请输入邮箱', trigger: 'blur' },
+    { type: 'email', message: '请输入正确的邮箱', trigger: 'blur' }
+  ]
+}
+
+const formItems = [
+  {
+    type: 'input',
+    prop: 'username',
+    label: '用户名',
+    placeholder: '请输入用户名'
+  },
+  {
+    type: 'input',
+    prop: 'email',
+    label: '邮箱',
+    placeholder: '请输入邮箱'
+  }
+]
+
+const handleSubmit = async () => {
+  await formRef.value.validate()
+  // 提交逻辑
+}
+</script>
+```
+
+### 8. 图标使用规范
+
+#### Ant Design Vue Icons
+
+```vue
+<!-- 直接使用，无需导入 -->
+<template>
+  <a-icon type="user" />
+  <a-icon type="setting" />
+</template>
+```
+
+#### 常用图标
+
+- `user`: 用户
+- `setting`: 设置
+- `delete`: 删除
+- `edit`: 编辑
+- `plus`: 添加
+- `search`: 搜索
+- `reload`: 刷新
+- `download`: 下载
+- `upload`: 上传
+- `eye`: 查看
+- `eye-invisible`: 隐藏
+- `check-circle`: 成功
+- `close-circle`: 失败
+- `info-circle`: 信息
+- `warning`: 警告
+
+### 9. 国际化 (i18n) 规范
+
+#### 使用 i18n
+
+```javascript
+import { useI18n } from '@/hooks/useI18n'
+
+const { t } = useI18n()
+
+// 使用
+console.log(t('common.save'))
+console.log(t('user.deleteConfirm'))
+```
+
+#### 语言文件组织
+
+```javascript
+// src/i18n/locales/zh.js
+export default {
+  common: {
+    save: '保存',
+    cancel: '取消',
+    confirm: '确认',
+    delete: '删除'
+  },
+  user: {
+    deleteConfirm: '确定要删除该用户吗？'
+  }
+}
+```
+
+### 10. 文件上传规范
+
+#### scUpload 组件使用
+
+```vue
+<template>
+  <sc-upload
+    v-model="imageUrl"
+    :limit="1"
+    accept="image/*"
+    list-type="picture-card"
+  />
+</template>
+
+<script setup>
+import { ref } from 'vue'
+
+const imageUrl = ref('')
+</script>
+```
+
+### 11. 富文本编辑器规范
+
+#### scEditor 组件使用
+
+```vue
+<template>
+  <sc-editor
+    v-model="content"
+    :height="400"
+    :toolbar="toolbarConfig"
+  />
+</template>
+
+<script setup>
+import { ref } from 'vue'
+
+const content = ref('')
+const toolbarConfig = [
+  'bold', 'italic', 'underline', 'strike',
+  'list', 'orderedList', 'quote', 'codeBlock',
+  'image', 'link'
+]
+</script>
+```
+
+### 12. 样式规范
+
+#### 全局样式
+
+在 `src/style.css` 中定义全局样式。
+
+#### 组件样式
+
+使用 `scoped` 避免样式污染：
+
+```vue
+<style scoped>
+.user-list {
+  padding: 20px;
+}
+
+.user-list .table {
+  margin-top: 20px;
+}
+</style>
+```
+
+#### 命名规范
+
+- 使用 BEM 命名法
+- 类名使用 kebab-case
+
+### 13. 工具函数使用
+
+#### request.js (HTTP 请求)
+
+```javascript
+import request from '@/utils/request'
+
+// GET 请求
+request.get('/api/users', { params: { page: 1 } })
+
+// POST 请求
+request.post('/api/users', { name: 'test' })
+
+// PUT 请求
+request.put('/api/users/1', { name: 'updated' })
+
+// DELETE 请求
+request.delete('/api/users/1')
+```
+
+#### tool.js (工具函数)
+
+```javascript
+import { formatDate, deepClone } from '@/utils/tool'
+
+// 格式化日期
+formatDate(new Date(), 'YYYY-MM-DD HH:mm:ss')
+
+// 深拷贝
+deepClone(originalObject)
+```
+
+### 14. 开发流程
+
+#### 登录流程
+
+1. 用户输入用户名和密码
+2. 调用 `authApi.login.post()` 发送登录请求
+3. 后端返回 `token`、`refreshToken`、`userInfo`、`menu`、`permissions`
+4. 前端保存数据到 Store（持久化）
+5. 路由守卫检测到登录状态，加载动态路由
+6. 跳转到首页或重定向页
+
+```javascript
+import { useUserStore } from '@/stores/modules/user'
+import authApi from '@/api/auth'
+
+const userStore = useUserStore()
+
+const handleLogin = async () => {
+  try {
+    const res = await authApi.login.post({
+      username: 'admin',
+      password: '123456'
+    })
+    
+    // 保存 token
+    userStore.setToken(res.data.token)
+    userStore.setRefreshToken(res.data.refreshToken)
+    
+    // 保存用户信息
+    userStore.setUserInfo(res.data.user)
+    
+    // 保存菜单（合并静态菜单）
+    userStore.setMenu(res.data.menu)
+    
+    // 保存权限节点
+    userStore.setPermissions(res.data.permissions)
+    
+    // 跳转首页
+    router.push('/dashboard')
+  } catch (error) {
+    message.error('登录失败')
+  }
+}
+```
+
+#### 添加新页面
+
+1. 在 `src/pages/` 对应模块下创建页面组件
+2. 在 `src/api/` 中创建对应的 API 文件
+3. 在后端添加对应的菜单和权限配置
+4. 前端会自动加载动态路由（无需手动配置路由）
+
+#### 添加新组件
+
+1. 在 `src/components/` 或对应子目录下创建组件
+2. 遵循组件结构规范
+3. 添加必要的 Props 和 Emits
+4. 编写组件文档
+
+### 15. 常用命令
+
+```bash
+# 安装依赖
+npm install
+
+# 开发环境启动
+npm run dev
+
+# 生产环境构建
+npm run build
+
+# 预览生产构建
+npm run preview
+
+# 代码格式化
+npm run format
+
+# 代码检查
+npm run lint
+```
+
+### 16. 注意事项
+
+1. **禁止重复引入图标**: Ant Design Vue 图标已全局引入，直接使用即可
+2. **使用组合式 API**: 新代码统一使用 `<script setup>` 语法
+3. **组件复用**: 优先使用项目提供的公共组件（scTable、scForm 等）
+4. **API 统一管理**: 所有接口统一在 `src/api/` 目录下管理
+5. **路由懒加载**: 路由组件必须使用动态导入
+6. **环境变量**: 通过 `import.meta.env` 访问环境变量
+7. **不要编写 demo**: 开发过程中不编写示例代码
+8. **测试提示**: 如需测试，提示用户是否运行测试，不主动运行
+
+### 17. 代码质量
+
+- 遵循 Vue 3 官方风格指南
+- 保持代码简洁、可读
+- 适当添加注释说明复杂逻辑
+- 使用语义化的变量和函数命名
+- 避免过多的嵌套层级
+
+### 18. 性能优化
+
+- 合理使用 `v-if` 和 `v-show`
+- 列表渲染必须设置 `key`
+- 大列表使用虚拟滚动
+- 图片懒加载
+- 路由懒加载
+- 组件按需引入（除图标外）
diff --git a/.clinerules/rule.md b/.clinerules/rule.md
new file mode 100644
index 0000000..41df354
--- /dev/null
+++ b/.clinerules/rule.md
@@ -0,0 +1,996 @@
+# Laravel + Laravel-S 后端 API 项目开发规范
+
+## 项目概述
+
+本项目是一个基于 Laravel 框架开发的纯后端 API 系统，使用 `hhxsv5/laravel-s` 作为粘合剂，将 Swoole 与 Laravel 框架完美结合，提供高性能的异步服务能力。项目采用模块化开发架构，使用 `nwidart/laravel-modules` 扩展实现业务模块化管理。
+
+## 技术栈
+
+- **PHP**: 主要开发语言
+- **Laravel**: Web 应用框架
+- **Laravel-S (hhxsv5/laravel-s)**: Swoole 集成扩展
+- **Swoole**: 高性能 PHP 协程框架
+- **JWT (tymon/jwt-auth)**: 用户认证
+- **nwidart/laravel-modules**: 模块化开发扩展
+- **MySQL**: 关系型数据库
+
+## 模块化架构
+
+### 模块分类
+
+项目分为两类模块：
+
+1. **基础模块 (Base Modules)**
+   - **Auth**: 认证授权模块（用户、角色、权限）
+   - **System**: 系统配置模块（配置、日志、字典）
+   - 特点：不使用 `nwidart/laravel-modules` 扩展，直接在 Laravel 应用结构中开发
+   - 位置：`app/` 目录下
+
+2. **业务模块 (Business Modules)**
+   - 使用 `nwidart/laravel-modules` 扩展创建
+   - 位置：`Modules/` 目录下
+   - 每个业务模块独立拥有完整的 MVC 结构
+
+### 项目结构
+
+```
+├── app/                          # 基础模块目录
+│   ├── Http/
+│   │   ├── Controllers/          # 基础模块控制器
+│   │   │   ├── Auth/            # 认证相关控制器
+│   │   │   │   └── Admin
+│   │   │   │   │   ├── Auth.php
+│   │   │   │   │   ├── User.php
+│   │   │   │   │   ├── Role.php
+│   │   │   │   │   └── Permission.php
+│   │   │   └── System/          # 系统相关控制器
+│   │   │       └── Admin
+│   │   │       └── Api
+│   │   └── Middleware/           # 中间件
+│   ├── Models/                  # 基础模块模型
+│   │   └── Auth/
+│   │       ├── User.php
+│   │       ├── Role.php
+│   │       └── Permission.php
+│   └── Services/                # 基础模块服务层
+│       └── Auth/
+│           ├── AuthService.php
+│           ├── UserService.php
+│           ├── RoleService.php
+│           └── PermissionService.php
+├── Modules/                     # 业务模块目录
+│   ├── ModuleName/               # 业务模块示例
+│   │   ├── App/
+│   │   │   ├── Http/
+│   │   │   │   ├── Controllers/ # 模块控制器
+│   │   │   │   │   ├── Admin/   # 后台管理控制器
+│   │   │   │   │   └── Api/     # 用户端API控制器
+│   │   │   │   ├── Middleware/  # 模块中间件
+│   │   │   │   └── Requests/    # 表单验证
+│   │   │   ├── Models/          # 模块模型
+│   │   │   ├── Services/        # 模块服务层
+│   │   │   └── Providers/       # 模块服务提供者
+│   │   ├── Database/
+│   │   │   ├── migrations/      # 模块迁移文件
+│   │   │   └── seeders/         # 模块数据填充
+│   │   ├── Routes/
+│   │   │   ├── admin.php       # 后台管理路由（/admin前缀）
+│   │   │   └── api.php          # 用户端API路由（/api前缀）
+│   │   ├── Resources/           # API 资源
+│   │   ├── config/              # 模块配置文件
+│   │   ├── module.json          # 模块配置
+│   │   └── README.md            # 模块说明文档
+├── config/
+│   ├── modules.php              # 模块配置
+│   └── laravels.php             # Laravel-S 配置文件
+├── database/
+│   ├── migrations/              # 基础模块迁移文件
+│   └── seeders/                 # 基础模块数据填充
+├── routes/
+│   ├── admin.php                # 后台管理路由（基础模块）
+│   └── api.php                  # 公共 API 路由（基础模块）
+└── storage/
+    ├── laravels.conf            # Laravel-S 运行时配置
+    └── laravels.pid             # Laravel-S 进程 ID
+```
+
+## 开发规范
+
+### 1. 控制器层 (Controllers)
+
+#### 基础模块控制器
+
+**命名规范:**
+- 文件路径: `app/Http/Controllers/{Module}/{Name}.php`
+- 类名: `{Name}` (不加 Controller 后缀)
+- 命名空间: `App\Http\Controllers\{Module}`
+
+**示例:**
+```php
+<?php
+
+namespace App\Http\Controllers\Auth;
+
+use Illuminate\Http\Request;
+use App\Services\Auth\UserService;
+
+class User extends Controller
+{
+    protected $userService;
+
+    public function __construct(UserService $userService)
+    {
+        $this->userService = $userService;
+    }
+
+    public function index(Request $request)
+    {
+        $result = $this->userService->getList($request->all());
+        return response()->json($result);
+    }
+}
+```
+
+#### 业务模块控制器
+
+业务模块控制器分为两类：
+
+**1. 后台管理控制器**
+
+**命名规范:**
+- 文件路径: `Modules/{ModuleName}/App/Http/Controllers/Admin/{Name}.php`
+- 类名: `{Name}` (不加 Controller 后缀)
+- 命名空间: `Modules\{ModuleName}\App\Http\Controllers\Admin`
+- 访问路径: `/admin/{module}/{resource}`
+
+**示例:**
+```php
+<?php
+
+namespace Modules\Blog\App\Http\Controllers\Admin;
+
+use Illuminate\Http\Request;
+use Modules\Blog\App\Services\PostService;
+
+class Post extends Controller
+{
+    protected $postService;
+
+    public function __construct(PostService $postService)
+    {
+        $this->postService = $postService;
+    }
+
+    public function index(Request $request)
+    {
+        $result = $this->postService->getList($request->all());
+        return response()->json($result);
+    }
+}
+```
+
+**2. 用户端 API 控制器**
+
+**命名规范:**
+- 文件路径: `Modules/{ModuleName}/App/Http/Controllers/Api/{Name}.php`
+- 类名: `{Name}` (不加 Controller 后缀)
+- 命名空间: `Modules\{ModuleName}\App\Http\Controllers\Api`
+- 访问路径: `/api/{module}/{resource}`
+
+**示例:**
+```php
+<?php
+
+namespace Modules\Blog\App\Http\Controllers\Api;
+
+use Illuminate\Http\Request;
+use Modules\Blog\App\Services\PostService;
+
+class Post extends Controller
+{
+    protected $postService;
+
+    public function __construct(PostService $postService)
+    {
+        $this->postService = $postService;
+    }
+
+    public function index(Request $request)
+    {
+        $result = $this->postService->getList($request->all());
+        return response()->json($result);
+    }
+}
+```
+
+### 2. 服务层 (Services)
+
+#### 基础模块服务
+
+**命名规范:**
+- 文件路径: `app/Services/{Module}/{Name}Service.php`
+- 类名: `{Name}Service`
+- 命名空间: `App\Services\{Module}`
+
+**示例:**
+```php
+<?php
+
+namespace App\Services\Auth;
+
+use App\Models\Auth\User;
+use Illuminate\Support\Facades\Hash;
+
+class UserService
+{
+    public function create(array $data): User
+    {
+        $data['password'] = Hash::make($data['password']);
+        return User::create($data);
+    }
+
+    public function getById(int $id): ?User
+    {
+        return User::find($id);
+    }
+}
+```
+
+#### 业务模块服务
+
+**命名规范:**
+- 文件路径: `Modules/{ModuleName}/App/Services/{Name}Service.php`
+- 类名: `{Name}Service`
+- 命名空间: `Modules\{ModuleName}\App\Services`
+
+**示例:**
+```php
+<?php
+
+namespace Modules\Blog\App\Services;
+
+use Modules\Blog\App\Models\Post;
+
+class PostService
+{
+    public function create(array $data): Post
+    {
+        return Post::create($data);
+    }
+
+    public function getById(int $id): ?Post
+    {
+        return Post::find($id);
+    }
+}
+```
+
+### 3. 模型层 (Models)
+
+#### 基础模块模型
+
+**命名规范:**
+- 文件路径: `app/Models/{Module}/{Name}.php`
+- 类名: `{Name}` (单数形式)
+- 命名空间: `App\Models\{Module}`
+- 数据表: `{module}_{names}` (复数形式，带模块前缀)
+
+**示例:**
+```php
+<?php
+
+namespace App\Models\Auth;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsToMany;
+
+class Role extends Model
+{
+    protected $table = 'auth_roles';
+    
+    protected $fillable = ['name', 'description'];
+
+    public function permissions(): BelongsToMany
+    {
+        return $this->belongsToMany(Permission::class, 'auth_role_permission');
+    }
+}
+```
+
+#### 业务模块模型
+
+**命名规范:**
+- 文件路径: `Modules/{ModuleName}/App/Models/{Name}.php`
+- 类名: `{Name}` (单数形式)
+- 命名空间: `Modules\{ModuleName}\App\Models`
+- 数据表: `{module}_{names}` (复数形式，带模块前缀)
+
+**示例:**
+```php
+<?php
+
+namespace Modules\Blog\App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+class Post extends Model
+{
+    protected $table = 'blog_posts';
+    
+    protected $fillable = ['title', 'content', 'status'];
+}
+```
+
+### 4. 中间件 (Middleware)
+
+**常用中间件:**
+- `AdminAuth`: 后台管理认证
+- `api.throttle`: API 请求频率限制
+
+### 5. API 路由
+
+#### 基础模块路由
+
+基础模块路由定义在 `routes/` 目录下，通过 `bootstrap/app.php` 进行配置：
+
+- `routes/admin.php`: 后台管理路由，自动添加 `/admin` 前缀和 `admin.` 路由名称前缀
+- `routes/api.php`: 公共 API 路由，自动添加 `/api` 前缀
+- `routes/web.php`: Web 路由
+- `routes/console.php`: 命令行路由
+
+**路由配置 (bootstrap/app.php):**
+```php
+<?php
+
+return Application::configure(basePath: dirname(__DIR__))
+    ->withRouting(
+        web: __DIR__.'/../routes/web.php',
+        api: __DIR__.'/../routes/api.php',
+        commands: __DIR__.'/../routes/console.php',
+        then: function() {
+            Route::middleware(['api'])
+                ->prefix('admin')
+                ->name('admin.')
+                ->group(base_path('routes/admin.php'));
+        },
+        health: '/up',
+    )
+    ->create();
+```
+
+**中间件配置:**
+```php
+<?php
+
+->withMiddleware(function (Middleware $middleware): void {
+    $middleware->alias([
+        'auth.check' => \App\Http\Middleware\AuthCheckMiddleware::class,
+    ]);
+})
+```
+
+**异常处理配置:**
+```php
+<?php
+
+->withExceptions(function (Exceptions $exceptions): void {
+    $exceptions->shouldRenderJsonWhen(function(Request $request, Throwable $e){
+        return $request->expectsJson();
+    });
+})
+```
+
+**事件监听器配置:**
+```php
+<?php
+
+->withEvents(discover: [
+    __DIR__ . '/../app/Listeners'
+])
+```
+
+**路由示例:**
+```php
+<?php
+
+// routes/admin.php - 后台管理路由
+use Illuminate\Support\Facades\Route;
+use App\Http\Controllers\Auth\User;
+
+Route::middleware(['admin.auth'])->group(function () {
+    Route::apiResource('users', User::class);
+    // 路由名称: admin.users.index, admin.users.store, etc.
+});
+
+// routes/api.php - 公共 API 路由
+use Illuminate\Support\Facades\Route;
+use App\Http\Controllers\Auth\User;
+
+Route::middleware(['auth:api'])->group(function () {
+    Route::apiResource('profile', User::class);
+});
+```
+
+#### 业务模块路由
+
+业务模块路由包含两个文件，分别定义后台管理和用户端 API 路由：
+
+**1. 后台管理路由 (Routes/admin.php)**
+
+文件路径：`Modules/{ModuleName}/Routes/admin.php`
+
+```php
+<?php
+
+use Illuminate\Support\Facades\Route;
+use Modules\Blog\App\Http\Controllers\Admin\Post;
+
+Route::middleware(['admin.auth'])->group(function () {
+    Route::apiResource('blog/posts', Post::class);
+});
+```
+
+路由访问路径：`/admin/{module}/{resource}`
+
+**2. 用户端 API 路由 (Routes/api.php)**
+
+文件路径：`Modules/{ModuleName}/Routes/api.php`
+
+```php
+<?php
+
+use Illuminate\Support\Facades\Route;
+use Modules\Blog\App\Http\Controllers\Api\Post;
+
+Route::middleware(['auth:api'])->group(function () {
+    Route::apiResource('blog/posts', Post::class);
+});
+```
+
+路由访问路径：`/api/{module}/{resource}`
+
+### 6. 模块创建命令
+
+使用 `nwidart/laravel-modules` 创建新业务模块：
+
+```bash
+# 创建模块
+php artisan module:make ModuleName
+
+# 创建带有资源的模块
+php artisan module:make ModuleName --resource
+
+# 创建多个模块
+php artisan module:make Blog Shop Order
+```
+
+### 7. 模块组件创建命令
+
+```bash
+# 在指定模块中创建后台管理控制器
+php artisan module:make-controller Admin/Post Blog
+
+# 在指定模块中创建用户端API控制器
+php artisan module:make-controller Api/Post Blog
+
+# 在指定模块中创建模型
+php artisan module:make-model Post Blog
+
+# 在指定模块中创建迁移
+php artisan module:make-migration create_posts_table Blog
+
+# 在指定模块中创建服务类（需要自定义）
+# 手动在 Modules/Blog/App/Services/ 目录创建
+```
+
+**注意：** 使用 `module:make-controller` 命令创建的控制器会自动添加 `Controller` 后缀，需要手动重命名文件和类名以移除后缀。
+
+## API 响应规范
+
+### 统一响应格式
+
+**成功响应:**
+```json
+{
+    "code": 200,
+    "message": "success",
+    "data": {}
+}
+```
+
+**错误响应:**
+```json
+{
+    "code": 400,
+    "message": "错误信息",
+    "data": null
+}
+```
+
+**分页响应:**
+```json
+{
+    "code": 200,
+    "message": "success",
+    "data": {
+        "list": [],
+        "total": 100,
+        "page": 1,
+        "page_size": 20
+    }
+}
+```
+
+### HTTP 状态码规范
+
+- `200 OK`: 请求成功
+- `201 Created`: 创建成功
+- `204 No Content`: 删除成功
+- `400 Bad Request`: 请求参数错误
+- `401 Unauthorized`: 未认证
+- `403 Forbidden`: 无权限
+- `404 Not Found`: 资源不存在
+- `422 Unprocessable Entity`: 表单验证失败
+- `500 Internal Server Error`: 服务器错误
+
+## Laravel-S / Swoole 开发注意事项
+
+### 1. 长生命周期注意事项
+
+由于 Swoole 是长生命周期运行，需注意以下几点：
+
+**避免使用静态变量:**
+```php
+// ❌ 错误
+public function handle()
+{
+    static $counter = 0; // 会累积，不会重置
+}
+
+// ✅ 正确
+public function handle()
+{
+    $counter = 0; // 每次请求重新初始化
+}
+```
+
+**避免使用全局变量:**
+- 不要依赖 `$_GET`, `$_POST` 等超全局变量
+- 使用 Laravel 的 `Request` 对象获取请求数据
+
+### 2. 连接池管理
+
+数据库、Redis 等连接需要正确管理，避免连接泄漏。
+
+**配置连接池:** 在 `config/laravels.php` 中配置:
+```php
+'swoole' => [
+    'enable_coroutine' => true,
+    'worker_num' => 4,
+    'max_request' => 5000,
+    'max_request_grace' => 500,
+]
+```
+
+### 3. 热重载机制
+
+开发环境可以使用文件监控实现热重载:
+
+```bash
+# 使用 bin/laravels reload
+php bin/laravels reload
+
+# 或使用文件监控
+bin/fswatch # Linux/Mac
+bin/inotify # Linux
+```
+
+### 4. 定时器
+
+使用 Swoole 定时器时，要确保定时器在合适的时机清除:
+
+```php
+\Swoole\Timer::after(5000, function() {
+    // 5秒后执行
+});
+
+$timerId = \Swoole\Timer::tick(1000, function() {
+    // 每秒执行
+    return false; // 返回 false 停止定时器
+});
+```
+
+## 数据库规范
+
+### 迁移文件
+
+#### 基础模块迁移
+
+- 文件路径: `database/migrations/`
+- 迁移文件命名: `{YYYY_MM_DD_HHMMSS}_{description}.php`
+- 表命名: `{module}_{table_names}` (模块名小写 + 下划线 + 表名复数，所有模块表都必须带模块名前缀)
+
+**表命名示例:**
+- Auth 模块: `auth_users`, `auth_roles`, `auth_permissions`, `auth_role_permission`
+- System 模块: `system_configs`, `system_logs`, `system_dictionaries`
+
+**迁移文件示例:**
+```php
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up()
+    {
+        Schema::create('auth_users', function (Blueprint $table) {
+            $table->id();
+            $table->string('name');
+            $table->string('email')->unique();
+            $table->timestamps();
+            $table->softDeletes();
+        });
+    }
+
+    public function down()
+    {
+        Schema::dropIfExists('auth_users');
+    }
+};
+```
+
+#### 业务模块迁移
+
+- 文件路径: `Modules/{ModuleName}/Database/migrations/`
+- 迁移文件命名: `{YYYY_MM_DD_HHMMSS}_{description}.php`
+- 表命名: `{module}_{table_names}` (模块名小写 + 下划线 + 表名复数，所有模块表都必须带模块名前缀)
+
+**表命名示例:**
+- Blog 模块: `blog_posts`, `blog_categories`, `blog_tags`, `blog_post_tag`
+- Shop 模块: `shop_products`, `shop_orders`, `shop_order_items`
+- Order 模块: `order_payments`, `order_shippings`
+
+### 字段命名规范
+
+- 使用蛇形命名: `user_id`, `created_at`
+- 布尔类型使用 `is_` 前缀: `is_active`, `is_deleted`
+- 主键统一使用 `id`
+
+### 数据填充
+
+#### 基础模块数据填充
+
+- 文件路径: `database/seeders/`
+
+#### 业务模块数据填充
+
+- 文件路径: `Modules/{ModuleName}/Database/seeders/`
+
+## 认证与授权
+
+### JWT 认证
+
+使用 `tymon/jwt-auth` 实现 JWT 认证:
+
+```php
+// 登录获取 token
+$token = auth('api')->attempt($credentials);
+
+// 使用 token 认证
+$user = auth('api')->user();
+
+// 刷新 token
+$newToken = auth('api')->refresh();
+
+// 登出
+auth('api')->logout();
+```
+
+### RBAC 权限控制
+
+基于角色的访问控制 (Role-Based Access Control):
+
+- User (用户) - Role (角色) - Permission (权限)
+- 多对多关系设计
+
+## 常用命令
+
+### Laravel 命令
+
+```bash
+# 创建基础模块控制器
+php artisan make:controller Auth/UserController
+
+# 创建基础模块模型
+php artisan make:model Auth/User
+
+# 创建基础模块迁移
+php artisan make:migration create_auth_users_table
+
+# 执行迁移（包括所有模块）
+php artisan migrate
+
+# 回滚迁移
+php artisan migrate:rollback
+
+# 清除缓存
+php artisan cache:clear
+php artisan config:clear
+php artisan route:clear
+```
+
+### Laravel-S 命令
+
+```bash
+# 启动服务
+php bin/laravels start
+
+# 停止服务
+php bin/laravels stop
+
+# 重启服务
+php bin/laravels restart
+
+# 重载服务（平滑重启）
+php bin/laravels reload
+
+# 查看状态
+php bin/laravels status
+
+# 查看帮助
+php bin/laravels help
+```
+
+### Laravel Modules 命令
+
+```bash
+# 创建模块
+php artisan module:make ModuleName
+
+# 列出所有模块
+php artisan module:list
+
+# 启用模块
+php artisan module:enable ModuleName
+
+# 禁用模块
+php artisan module:disable ModuleName
+
+# 删除模块
+php artisan module:delete ModuleName
+
+# 模块迁移
+php artisan module:migrate ModuleName
+
+# 回滚模块迁移
+php artisan module:migrate-rollback ModuleName
+
+# 刷新模块迁移
+php artisan module:migrate-refresh ModuleName
+
+# 模块数据填充
+php artisan module:seed ModuleName
+
+# 重新发布模块配置
+php artisan vendor:publish --tag=modules-config
+```
+
+## 代码质量
+
+### PSR 规范
+
+遵循 PSR-4 自动加载规范和 PSR-12 编码规范。
+
+### 注释规范
+
+- 类和方法添加 DocBlock 注释
+- 复杂逻辑添加行内注释
+
+**示例:**
+```php
+/**
+ * 用户服务类
+ *
+ * @package App\Services\Auth
+ */
+class UserService
+{
+    /**
+     * 创建用户
+     *
+     * @param array $data 用户数据
+     * @return User
+     */
+    public function create(array $data): User
+    {
+        // 业务逻辑
+    }
+}
+```
+
+## 模块开发规范
+
+### 1. 模块独立性
+
+每个业务模块应保持独立，避免直接依赖其他业务模块：
+
+- 模块间通信通过接口或事件实现
+- 避免跨模块直接调用服务类
+- 使用 Laravel 事件系统实现模块间解耦
+
+### 2. 模块配置
+
+每个业务模块应提供配置文件：
+
+```php
+// Modules/Blog/config/blog.php
+return [
+    'per_page' => 20,
+    'status' => [
+        'draft' => 0,
+        'published' => 1,
+    ],
+];
+```
+
+### 3. 模块 README
+
+每个业务模块应包含 README.md 文档，说明：
+
+- 模块功能描述
+- API 接口列表
+- 数据库表结构
+- 依赖说明
+- 使用示例
+
+### 4. 模块版本控制
+
+使用 `module.json` 文件管理模块版本：
+
+```json
+{
+    "name": "Blog",
+    "alias": "blog",
+    "description": "Blog module",
+    "keywords": [],
+    "priority": 0,
+    "providers": [
+        "Modules\\Blog\\App\\Providers\\BlogServiceProvider"
+    ],
+    "files": []
+}
+```
+
+## 异常处理
+
+### 自定义异常
+
+创建自定义异常类处理业务异常:
+
+```php
+<?php
+
+namespace App\Exceptions;
+
+use Exception;
+
+class BusinessException extends Exception
+{
+    protected $code;
+
+    public function __construct(string $message, int $code = 400)
+    {
+        parent::__construct($message, $code);
+        $this->code = $code;
+    }
+
+    public function render()
+    {
+        return response()->json([
+            'code' => $this->code,
+            'message' => $this->message,
+            'data' => null
+        ], $this->code);
+    }
+}
+```
+
+## 测试规范
+
+### 单元测试
+
+```bash
+# 创建测试
+php artisan make:test UserTest
+
+# 运行测试
+php artisan test
+```
+
+### 模块测试
+
+```bash
+# 创建模块测试
+php artisan module:test PostTest Blog
+
+# 运行所有测试
+php artisan test
+```
+
+## 部署注意事项
+
+1. 生产环境关闭调试模式: `APP_ENV=production`, `APP_DEBUG=false`
+2. 配置合适的 Worker 数量
+3. 设置 `max_request` 防止内存泄漏
+4. 配置日志轮转
+5. 设置适当的超时时间
+6. 确保所有模块的迁移都已执行
+
+## 安全规范
+
+1. 所有用户输入必须经过验证
+2. 敏感数据必须加密存储
+3. 使用 CSRF 防护（API 除外）
+4. 使用 HTTPS 传输
+5. 定期更新依赖包
+6. 不要在代码中硬编码密码或密钥
+7. 模块间通信需进行权限验证
+
+## 性能优化
+
+1. 使用 Redis 缓存热点数据
+2. 使用队列处理耗时任务
+3. 优化数据库查询，避免 N+1 问题
+4. 使用 Eager Loading
+5. 合理使用索引
+6. 使用 Swoole 协程提高并发性能
+7. 模块按需加载，禁用不使用的模块
+
+## Git 规范
+
+### 提交信息格式
+
+```
+<type>(<scope>): <subject>
+
+<body>
+
+<footer>
+```
+
+**Type 类型:**
+- `feat`: 新功能
+- `fix`: 修复
+- `docs`: 文档
+- `style`: 格式
+- `refactor`: 重构
+- `test`: 测试
+- `chore`: 构建/工具
+
+**Scope 示例:**
+- `auth`: 认证模块
+- `system`: 系统模块
+- `blog`: 博客业务模块
+- `shop`: 商城业务模块
+
+**示例:**
+```
+feat(auth): 添加用户登录功能
+
+- 实现 JWT 认证
+- 添加登录接口
+- 完善权限验证
+
+Closes #123
+```
+
+## 资源链接
+
+- [Laravel 文档](https://laravel.com/docs)
+- [Laravel-S 文档](https://github.com/hhxsv5/laravel-s)
+- [Swoole 文档](https://www.swoole.com/)
+- [JWT-Auth 文档](https://github.com/tymondesigns/jwt-auth)
+- [Laravel Modules 文档](https://nwidart.com/laravel-modules/)
diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..02badc6
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,18 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 4
+indent_style = tab
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[*.{yml,yaml}]
+indent_size = 4
+
+[compose.yaml]
+indent_size = 4
diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000..c0660ea
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,65 @@
+APP_NAME=Laravel
+APP_ENV=local
+APP_KEY=
+APP_DEBUG=true
+APP_URL=http://localhost
+
+APP_LOCALE=en
+APP_FALLBACK_LOCALE=en
+APP_FAKER_LOCALE=en_US
+
+APP_MAINTENANCE_DRIVER=file
+# APP_MAINTENANCE_STORE=database
+
+# PHP_CLI_SERVER_WORKERS=4
+
+BCRYPT_ROUNDS=12
+
+LOG_CHANNEL=stack
+LOG_STACK=single
+LOG_DEPRECATIONS_CHANNEL=null
+LOG_LEVEL=debug
+
+DB_CONNECTION=sqlite
+# DB_HOST=127.0.0.1
+# DB_PORT=3306
+# DB_DATABASE=laravel
+# DB_USERNAME=root
+# DB_PASSWORD=
+
+SESSION_DRIVER=database
+SESSION_LIFETIME=120
+SESSION_ENCRYPT=false
+SESSION_PATH=/
+SESSION_DOMAIN=null
+
+BROADCAST_CONNECTION=log
+FILESYSTEM_DISK=local
+QUEUE_CONNECTION=database
+
+CACHE_STORE=database
+# CACHE_PREFIX=
+
+MEMCACHED_HOST=127.0.0.1
+
+REDIS_CLIENT=phpredis
+REDIS_HOST=127.0.0.1
+REDIS_PASSWORD=null
+REDIS_PORT=6379
+
+MAIL_MAILER=log
+MAIL_SCHEME=null
+MAIL_HOST=127.0.0.1
+MAIL_PORT=2525
+MAIL_USERNAME=null
+MAIL_PASSWORD=null
+MAIL_FROM_ADDRESS="hello@example.com"
+MAIL_FROM_NAME="${APP_NAME}"
+
+AWS_ACCESS_KEY_ID=
+AWS_SECRET_ACCESS_KEY=
+AWS_DEFAULT_REGION=us-east-1
+AWS_BUCKET=
+AWS_USE_PATH_STYLE_ENDPOINT=false
+
+VITE_APP_NAME="${APP_NAME}"
diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 0000000..fcb21d3
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1,11 @@
+* text=auto eol=lf
+
+*.blade.php diff=html
+*.css diff=css
+*.html diff=html
+*.md diff=markdown
+*.php diff=php
+
+/.github export-ignore
+CHANGELOG.md export-ignore
+.styleci.yml export-ignore
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..3c68953
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,25 @@
+*.log
+.DS_Store
+.env
+.env.backup
+.env.production
+.phpactor.json
+.phpunit.result.cache
+/.fleet
+/.idea
+/.nova
+/.phpunit.cache
+/.vscode
+/.zed
+/auth.json
+/node_modules
+/public/build
+/public/hot
+/public/storage
+/storage/*.key
+/storage/pail
+/vendor
+Homestead.json
+Homestead.yaml
+Thumbs.db
+*lock*
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..0165a77
--- /dev/null
+++ b/README.md
@@ -0,0 +1,59 @@
+<p align="center"><a href="https://laravel.com" target="_blank"><img src="https://raw.githubusercontent.com/laravel/art/master/logo-lockup/5%20SVG/2%20CMYK/1%20Full%20Color/laravel-logolockup-cmyk-red.svg" width="400" alt="Laravel Logo"></a></p>
+
+<p align="center">
+<a href="https://github.com/laravel/framework/actions"><img src="https://github.com/laravel/framework/workflows/tests/badge.svg" alt="Build Status"></a>
+<a href="https://packagist.org/packages/laravel/framework"><img src="https://img.shields.io/packagist/dt/laravel/framework" alt="Total Downloads"></a>
+<a href="https://packagist.org/packages/laravel/framework"><img src="https://img.shields.io/packagist/v/laravel/framework" alt="Latest Stable Version"></a>
+<a href="https://packagist.org/packages/laravel/framework"><img src="https://img.shields.io/packagist/l/laravel/framework" alt="License"></a>
+</p>
+
+## About Laravel
+
+Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experience to be truly fulfilling. Laravel takes the pain out of development by easing common tasks used in many web projects, such as:
+
+- [Simple, fast routing engine](https://laravel.com/docs/routing).
+- [Powerful dependency injection container](https://laravel.com/docs/container).
+- Multiple back-ends for [session](https://laravel.com/docs/session) and [cache](https://laravel.com/docs/cache) storage.
+- Expressive, intuitive [database ORM](https://laravel.com/docs/eloquent).
+- Database agnostic [schema migrations](https://laravel.com/docs/migrations).
+- [Robust background job processing](https://laravel.com/docs/queues).
+- [Real-time event broadcasting](https://laravel.com/docs/broadcasting).
+
+Laravel is accessible, powerful, and provides tools required for large, robust applications.
+
+## Learning Laravel
+
+Laravel has the most extensive and thorough [documentation](https://laravel.com/docs) and video tutorial library of all modern web application frameworks, making it a breeze to get started with the framework. You can also check out [Laravel Learn](https://laravel.com/learn), where you will be guided through building a modern Laravel application.
+
+If you don't feel like reading, [Laracasts](https://laracasts.com) can help. Laracasts contains thousands of video tutorials on a range of topics including Laravel, modern PHP, unit testing, and JavaScript. Boost your skills by digging into our comprehensive video library.
+
+## Laravel Sponsors
+
+We would like to extend our thanks to the following sponsors for funding Laravel development. If you are interested in becoming a sponsor, please visit the [Laravel Partners program](https://partners.laravel.com).
+
+### Premium Partners
+
+- **[Vehikl](https://vehikl.com)**
+- **[Tighten Co.](https://tighten.co)**
+- **[Kirschbaum Development Group](https://kirschbaumdevelopment.com)**
+- **[64 Robots](https://64robots.com)**
+- **[Curotec](https://www.curotec.com/services/technologies/laravel)**
+- **[DevSquad](https://devsquad.com/hire-laravel-developers)**
+- **[Redberry](https://redberry.international/laravel-development)**
+- **[Active Logic](https://activelogic.com)**
+
+## Contributing
+
+Thank you for considering contributing to the Laravel framework! The contribution guide can be found in the [Laravel documentation](https://laravel.com/docs/contributions).
+
+## Code of Conduct
+
+In order to ensure that the Laravel community is welcoming to all, please review and abide by the [Code of Conduct](https://laravel.com/docs/contributions#code-of-conduct).
+
+## Security Vulnerabilities
+
+If you discover a security vulnerability within Laravel, please send an e-mail to Taylor Otwell via [taylor@laravel.com](mailto:taylor@laravel.com). All security vulnerabilities will be promptly addressed.
+
+## License
+
+The Laravel framework is open-sourced software licensed under the [MIT license](https://opensource.org/licenses/MIT).
diff --git a/app/Exports/DepartmentExport.php b/app/Exports/DepartmentExport.php
new file mode 100644
index 0000000..0934741
--- /dev/null
+++ b/app/Exports/DepartmentExport.php
@@ -0,0 +1,67 @@
+<?php
+
+namespace App\Exports;
+
+use App\Models\Auth\Department;
+use Maatwebsite\Excel\Concerns\FromCollection;
+use Maatwebsite\Excel\Concerns\WithHeadings;
+use Maatwebsite\Excel\Concerns\WithMapping;
+use Maatwebsite\Excel\Concerns\ShouldAutoSize;
+
+class DepartmentExport implements FromCollection, WithHeadings, WithMapping, ShouldAutoSize
+{
+    protected $departmentIds;
+
+    public function __construct(array $departmentIds = [])
+    {
+        $this->departmentIds = $departmentIds;
+    }
+
+    /**
+     * 获取数据集合
+     */
+    public function collection()
+    {
+        $query = Department::query();
+
+        if (!empty($this->departmentIds)) {
+            $query->whereIn('id', $this->departmentIds);
+        }
+
+        return $query->get();
+    }
+
+    /**
+     * 设置表头
+     */
+    public function headings(): array
+    {
+        return [
+            'ID',
+            '部门名称',
+            '上级部门',
+            '负责人',
+            '联系电话',
+            '排序',
+            '状态',
+            '创建时间',
+        ];
+    }
+
+    /**
+     * 映射数据
+     */
+    public function map($department): array
+    {
+        return [
+            $department->id,
+            $department->name,
+            $department->parent_id ? Department::find($department->parent_id)?->name : '',
+            $department->leader,
+            $department->phone,
+            $department->sort,
+            $department->status == 1 ? '启用' : '禁用',
+            $department->created_at ? $department->created_at->toDateTimeString() : '',
+        ];
+    }
+}
diff --git a/app/Exports/GenericExport.php b/app/Exports/GenericExport.php
new file mode 100644
index 0000000..430e3b4
--- /dev/null
+++ b/app/Exports/GenericExport.php
@@ -0,0 +1,34 @@
+<?php
+
+namespace App\Exports;
+
+use Illuminate\Support\Collection;
+use Maatwebsite\Excel\Concerns\FromCollection;
+use Maatwebsite\Excel\Concerns\WithHeadings;
+
+class GenericExport implements FromCollection, WithHeadings
+{
+    protected $data;
+
+    public function __construct(array $data)
+    {
+        $this->data = $data;
+    }
+
+    /**
+     * 获取数据集合
+     */
+    public function collection()
+    {
+        return collect($this->data);
+    }
+
+    /**
+     * 设置表头
+     */
+    public function headings(): array
+    {
+        // 第一行作为表头
+        return $this->data[0] ?? [];
+    }
+}
diff --git a/app/Exports/UserExport.php b/app/Exports/UserExport.php
new file mode 100644
index 0000000..e803dd7
--- /dev/null
+++ b/app/Exports/UserExport.php
@@ -0,0 +1,71 @@
+<?php
+
+namespace App\Exports;
+
+use App\Models\Auth\User;
+use Maatwebsite\Excel\Concerns\FromCollection;
+use Maatwebsite\Excel\Concerns\WithHeadings;
+use Maatwebsite\Excel\Concerns\WithMapping;
+use Maatwebsite\Excel\Concerns\ShouldAutoSize;
+
+class UserExport implements FromCollection, WithHeadings, WithMapping, ShouldAutoSize
+{
+    protected $userIds;
+
+    public function __construct(array $userIds = [])
+    {
+        $this->userIds = $userIds;
+    }
+
+    /**
+     * 获取数据集合
+     */
+    public function collection()
+    {
+        $query = User::with(['department', 'roles']);
+
+        if (!empty($this->userIds)) {
+            $query->whereIn('id', $this->userIds);
+        }
+
+        return $query->get();
+    }
+
+    /**
+     * 设置表头
+     */
+    public function headings(): array
+    {
+        return [
+            'ID',
+            '用户名',
+            '真实姓名',
+            '邮箱',
+            '手机号',
+            '部门',
+            '角色',
+            '状态',
+            '最后登录时间',
+            '创建时间',
+        ];
+    }
+
+    /**
+     * 映射数据
+     */
+    public function map($user): array
+    {
+        return [
+            $user->id,
+            $user->username,
+            $user->real_name,
+            $user->email,
+            $user->phone,
+            $user->department ? $user->department->name : '',
+            $user->roles->pluck('name')->implode(','),
+            $user->status == 1 ? '启用' : '禁用',
+            $user->last_login_at ? $user->last_login_at->toDateTimeString() : '',
+            $user->created_at ? $user->created_at->toDateTimeString() : '',
+        ];
+    }
+}
diff --git a/app/Http/Controllers/Auth/Admin/Auth.php b/app/Http/Controllers/Auth/Admin/Auth.php
new file mode 100644
index 0000000..a145c67
--- /dev/null
+++ b/app/Http/Controllers/Auth/Admin/Auth.php
@@ -0,0 +1,184 @@
+<?php
+
+namespace App\Http\Controllers\Auth\Admin;
+
+use App\Http\Controllers\Controller;
+use App\Services\Auth\AuthService;
+use Illuminate\Http\Request;
+use Illuminate\Validation\ValidationException;
+use Exception;
+
+class Auth extends Controller
+{
+    protected $authService;
+
+    public function __construct(AuthService $authService)
+    {
+        $this->authService = $authService;
+    }
+
+    /**
+     * 管理员登录
+     */
+    public function login(Request $request)
+    {
+        try {
+            $validated = $request->validate([
+                'username' => 'required|string',
+                'password' => 'required|string',
+            ]);
+
+            $result = $this->authService->login($validated);
+
+            return response()->json([
+                'code' => 200,
+                'message' => '登录成功',
+                'data' => $result,
+            ]);
+        } catch (ValidationException $e) {
+            return response()->json([
+                'code' => 422,
+                'message' => $e->getMessage(),
+                'data' => $e->errors(),
+            ], 422);
+        } catch (Exception $e) {
+            return response()->json([
+                'code' => 500,
+                'message' => '登录失败：' . $e->getMessage(),
+                'data' => null,
+            ], 500);
+        }
+    }
+
+    /**
+     * 管理员登出
+     */
+    public function logout(Request $request)
+    {
+        try {
+            $this->authService->logout();
+
+            return response()->json([
+                'code' => 200,
+                'message' => '登出成功',
+                'data' => null,
+            ]);
+        } catch (Exception $e) {
+            return response()->json([
+                'code' => 500,
+                'message' => '登出失败：' . $e->getMessage(),
+                'data' => null,
+            ], 500);
+        }
+    }
+
+    /**
+     * 刷新token
+     */
+    public function refresh(Request $request)
+    {
+        try {
+            $result = $this->authService->refresh();
+
+            return response()->json([
+                'code' => 200,
+                'message' => '刷新成功',
+                'data' => $result,
+            ]);
+        } catch (Exception $e) {
+            return response()->json([
+                'code' => 401,
+                'message' => 'Token无效或已过期',
+                'data' => null,
+            ], 401);
+        }
+    }
+
+    /**
+     * 获取当前用户信息
+     */
+    public function me(Request $request)
+    {
+        try {
+            $result = $this->authService->me();
+
+            return response()->json([
+                'code' => 200,
+                'message' => 'success',
+                'data' => $result,
+            ]);
+        } catch (Exception $e) {
+            return response()->json([
+                'code' => 401,
+                'message' => '未登录或token已过期',
+                'data' => null,
+            ], 401);
+        }
+    }
+
+    /**
+     * 找回密码
+     */
+    public function resetPassword(Request $request)
+    {
+        try {
+            $validated = $request->validate([
+                'username' => 'required|string',
+                'password' => 'required|string|min:6|confirmed',
+            ]);
+
+            $this->authService->resetPassword($validated);
+
+            return response()->json([
+                'code' => 200,
+                'message' => '密码重置成功',
+                'data' => null,
+            ]);
+        } catch (ValidationException $e) {
+            return response()->json([
+                'code' => 422,
+                'message' => $e->getMessage(),
+                'data' => $e->errors(),
+            ], 422);
+        } catch (Exception $e) {
+            return response()->json([
+                'code' => 500,
+                'message' => '密码重置失败：' . $e->getMessage(),
+                'data' => null,
+            ], 500);
+        }
+    }
+
+    /**
+     * 修改密码
+     */
+    public function changePassword(Request $request)
+    {
+        try {
+            $validated = $request->validate([
+                'old_password' => 'required|string',
+                'password' => 'required|string|min:6|confirmed',
+            ]);
+
+            $this->authService->changePassword($validated);
+
+            return response()->json([
+                'code' => 200,
+                'message' => '密码修改成功',
+                'data' => null,
+            ]);
+        } catch (ValidationException $e) {
+            return response()->json([
+                'code' => 422,
+                'message' => $e->getMessage(),
+                'data' => $e->errors(),
+            ], 422);
+        } catch (Exception $e) {
+            return response()->json([
+                'code' => 500,
+                'message' => '密码修改失败：' . $e->getMessage(),
+                'data' => null,
+            ], 500);
+        }
+    }
+}
diff --git a/app/Http/Controllers/Auth/Admin/Department.php b/app/Http/Controllers/Auth/Admin/Department.php
new file mode 100644
index 0000000..fcd3a35
--- /dev/null
+++ b/app/Http/Controllers/Auth/Admin/Department.php
@@ -0,0 +1,228 @@
+<?php
+
+namespace App\Http\Controllers\Auth\Admin;
+
+use App\Http\Controllers\Controller;
+use App\Services\Auth\DepartmentService;
+use App\Services\Auth\ImportExportService;
+use Illuminate\Http\Request;
+
+class Department extends Controller
+{
+    protected $departmentService;
+    protected $importExportService;
+
+    public function __construct(
+        DepartmentService $departmentService,
+        ImportExportService $importExportService
+    ) {
+        $this->departmentService = $departmentService;
+        $this->importExportService = $importExportService;
+    }
+
+    /**
+     * 获取部门列表
+     */
+    public function index(Request $request)
+    {
+        $params = $request->all();
+        $result = $this->departmentService->getList($params);
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $result,
+        ]);
+    }
+
+    /**
+     * 获取部门树
+     */
+    public function tree()
+    {
+        $result = $this->departmentService->getTree();
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => ['tree' => $result],
+        ]);
+    }
+
+    /**
+     * 获取所有部门（不分页）
+     */
+    public function getAll()
+    {
+        $result = $this->departmentService->getAll();
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => ['list' => $result],
+        ]);
+    }
+
+    /**
+     * 获取部门详情
+     */
+    public function show($id)
+    {
+        $result = $this->departmentService->getById($id);
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $result,
+        ]);
+    }
+
+    /**
+     * 创建部门
+     */
+    public function store(Request $request)
+    {
+        $validated = $request->validate([
+            'name' => 'required|string|max:50',
+            'parent_id' => 'nullable|integer|exists:auth_departments,id',
+            'leader' => 'nullable|string|max:50',
+            'phone' => 'nullable|string|max:20',
+            'sort' => 'nullable|integer|min:0',
+            'status' => 'nullable|integer|in:0,1',
+        ]);
+
+        $result = $this->departmentService->create($validated);
+
+        return response()->json([
+            'code' => 200,
+            'message' => '创建成功',
+            'data' => ['id' => $result->id],
+        ], 201);
+    }
+
+    /**
+     * 更新部门
+     */
+    public function update(Request $request, $id)
+    {
+        $validated = $request->validate([
+            'name' => 'nullable|string|max:50',
+            'parent_id' => 'nullable|integer|exists:auth_departments,id',
+            'leader' => 'nullable|string|max:50',
+            'phone' => 'nullable|string|max:20',
+            'sort' => 'nullable|integer|min:0',
+            'status' => 'nullable|integer|in:0,1',
+        ]);
+
+        $result = $this->departmentService->update($id, $validated);
+
+        return response()->json([
+            'code' => 200,
+            'message' => '更新成功',
+            'data' => ['id' => $result->id],
+        ]);
+    }
+
+    /**
+     * 删除部门
+     */
+    public function destroy($id)
+    {
+        $this->departmentService->delete($id);
+
+        return response()->json([
+            'code' => 200,
+            'message' => '删除成功',
+            'data' => null,
+        ]);
+    }
+
+    /**
+     * 批量删除部门
+     */
+    public function batchDelete(Request $request)
+    {
+        $validated = $request->validate([
+            'ids' => 'required|array',
+            'ids.*' => 'integer',
+        ]);
+
+        $count = $this->departmentService->batchDelete($validated['ids']);
+
+        return response()->json([
+            'code' => 200,
+            'message' => "成功删除 {$count} 条数据",
+            'data' => ['count' => $count],
+        ]);
+    }
+
+    /**
+     * 批量更新部门状态
+     */
+    public function batchUpdateStatus(Request $request)
+    {
+        $validated = $request->validate([
+            'ids' => 'required|array',
+            'ids.*' => 'integer',
+            'status' => 'required|integer|in:0,1',
+        ]);
+
+        $count = $this->departmentService->batchUpdateStatus($validated['ids'], $validated['status']);
+
+        return response()->json([
+            'code' => 200,
+            'message' => "成功更新 {$count} 条数据",
+            'data' => ['count' => $count],
+        ]);
+    }
+
+    /**
+     * 导出部门
+     */
+    public function export(Request $request)
+    {
+        $validated = $request->validate([
+            'ids' => 'nullable|array',
+            'ids.*' => 'integer',
+        ]);
+
+        $filename = $this->importExportService->exportDepartments($validated['ids'] ?? []);
+
+        $filePath = $this->importExportService->getExportFilePath($filename);
+
+        return response()->download($filePath, $filename)->deleteFileAfterSend();
+    }
+
+    /**
+     * 导入部门
+     */
+    public function import(Request $request)
+    {
+        $validated = $request->validate([
+            'file' => 'required|file|mimes:xlsx,xls',
+        ]);
+
+        $file = $request->file('file');
+        $realPath = $file->getRealPath();
+        $filename = $file->getClientOriginalName();
+
+        $result = $this->importExportService->importDepartments($filename, $realPath);
+
+        return response()->json([
+            'code' => 200,
+            'message' => "导入完成，成功 {$result['success_count']} 条，失败 {$result['error_count']} 条",
+            'data' => $result,
+        ]);
+    }
+
+    /**
+     * 下载部门导入模板
+     */
+    public function downloadTemplate()
+    {
+        $filename = $this->importExportService->downloadDepartmentTemplate();
+        $filePath = $this->importExportService->getExportFilePath($filename);
+
+        return response()->download($filePath, $filename)->deleteFileAfterSend();
+    }
+}
diff --git a/app/Http/Controllers/Auth/Admin/Permission.php b/app/Http/Controllers/Auth/Admin/Permission.php
new file mode 100644
index 0000000..efd795b
--- /dev/null
+++ b/app/Http/Controllers/Auth/Admin/Permission.php
@@ -0,0 +1,182 @@
+<?php
+
+namespace App\Http\Controllers\Auth\Admin;
+
+use App\Http\Controllers\Controller;
+use App\Services\Auth\PermissionService;
+use Illuminate\Http\Request;
+
+class Permission extends Controller
+{
+    protected $permissionService;
+
+    public function __construct(PermissionService $permissionService)
+    {
+        $this->permissionService = $permissionService;
+    }
+
+    /**
+     * 获取权限列表
+     */
+    public function index(Request $request)
+    {
+        $params = $request->all();
+        $result = $this->permissionService->getList($params);
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $result,
+        ]);
+    }
+
+    /**
+     * 获取权限树
+     */
+    public function tree(Request $request)
+    {
+        $params = $request->all();
+        $result = $this->permissionService->getTree($params);
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => ['tree' => $result],
+        ]);
+    }
+
+    /**
+     * 获取菜单树
+     */
+    public function menu(Request $request)
+    {
+        $result = $this->permissionService->getMenuTree();
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => ['tree' => $result],
+        ]);
+    }
+
+    /**
+     * 获取权限详情
+     */
+    public function show($id)
+    {
+        $result = $this->permissionService->getById($id);
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $result,
+        ]);
+    }
+
+    /**
+     * 创建权限
+     */
+    public function store(Request $request)
+    {
+        $validated = $request->validate([
+            'name' => 'required|string|max:50',
+            'code' => 'required|string|max:100|unique:auth_permissions,code',
+            'type' => 'required|in:menu,api,button',
+            'route' => 'nullable|string|max:200',
+            'component' => 'nullable|string|max:200',
+            'icon' => 'nullable|string|max:50',
+            'parent_id' => 'nullable|integer|exists:auth_permissions,id',
+            'sort' => 'nullable|integer|min:0',
+            'status' => 'nullable|integer|in:0,1',
+            'meta' => 'nullable|array',
+        ]);
+
+        $result = $this->permissionService->create($validated);
+
+        return response()->json([
+            'code' => 200,
+            'message' => '创建成功',
+            'data' => ['id' => $result->id],
+        ], 201);
+    }
+
+    /**
+     * 更新权限
+     */
+    public function update(Request $request, $id)
+    {
+        $validated = $request->validate([
+            'name' => 'nullable|string|max:50',
+            'code' => 'nullable|string|max:100|unique:auth_permissions,code,' . $id,
+            'type' => 'nullable|in:menu,api,button',
+            'route' => 'nullable|string|max:200',
+            'component' => 'nullable|string|max:200',
+            'icon' => 'nullable|string|max:50',
+            'parent_id' => 'nullable|integer|exists:auth_permissions,id',
+            'sort' => 'nullable|integer|min:0',
+            'status' => 'nullable|integer|in:0,1',
+            'meta' => 'nullable|array',
+        ]);
+
+        $result = $this->permissionService->update($id, $validated);
+
+        return response()->json([
+            'code' => 200,
+            'message' => '更新成功',
+            'data' => ['id' => $result->id],
+        ]);
+    }
+
+    /**
+     * 删除权限
+     */
+    public function destroy($id)
+    {
+        $this->permissionService->delete($id);
+
+        return response()->json([
+            'code' => 200,
+            'message' => '删除成功',
+            'data' => null,
+        ]);
+    }
+
+    /**
+     * 批量删除权限
+     */
+    public function batchDelete(Request $request)
+    {
+        $validated = $request->validate([
+            'ids' => 'required|array',
+            'ids.*' => 'integer',
+        ]);
+
+        $count = $this->permissionService->batchDelete($validated['ids']);
+
+        return response()->json([
+            'code' => 200,
+            'message' => "成功删除 {$count} 条数据",
+            'data' => ['count' => $count],
+        ]);
+    }
+
+    /**
+     * 批量更新权限状态
+     */
+    public function batchUpdateStatus(Request $request)
+    {
+        $validated = $request->validate([
+            'ids' => 'required|array',
+            'ids.*' => 'integer',
+            'status' => 'required|integer|in:0,1',
+        ]);
+
+        $count = $this->permissionService->batchUpdateStatus($validated['ids'], $validated['status']);
+
+        return response()->json([
+            'code' => 200,
+            'message' => "成功更新 {$count} 条数据",
+            'data' => ['count' => $count],
+        ]);
+    }
+}
diff --git a/app/Http/Controllers/Auth/Admin/Role.php b/app/Http/Controllers/Auth/Admin/Role.php
new file mode 100644
index 0000000..3e1474b
--- /dev/null
+++ b/app/Http/Controllers/Auth/Admin/Role.php
@@ -0,0 +1,240 @@
+<?php
+
+namespace App\Http\Controllers\Auth\Admin;
+
+use App\Http\Controllers\Controller;
+use App\Services\Auth\RoleService;
+use Illuminate\Http\Request;
+
+class Role extends Controller
+{
+    protected $roleService;
+
+    public function __construct(RoleService $roleService)
+    {
+        $this->roleService = $roleService;
+    }
+
+    /**
+     * 获取角色列表
+     */
+    public function index(Request $request)
+    {
+        $params = $request->all();
+        $result = $this->roleService->getList($params);
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $result,
+        ]);
+    }
+
+    /**
+     * 获取所有角色（不分页）
+     */
+    public function getAll()
+    {
+        $result = $this->roleService->getAll();
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => ['list' => $result],
+        ]);
+    }
+
+    /**
+     * 获取角色详情
+     */
+    public function show($id)
+    {
+        $result = $this->roleService->getById($id);
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $result,
+        ]);
+    }
+
+    /**
+     * 创建角色
+     */
+    public function store(Request $request)
+    {
+        $validated = $request->validate([
+            'name' => 'required|string|max:50',
+            'code' => 'required|string|max:50|unique:auth_roles,code',
+            'description' => 'nullable|string|max:200',
+            'sort' => 'nullable|integer|min:0',
+            'status' => 'nullable|integer|in:0,1',
+            'permission_ids' => 'nullable|array',
+            'permission_ids.*' => 'integer|exists:auth_permissions,id',
+        ]);
+
+        $result = $this->roleService->create($validated);
+
+        return response()->json([
+            'code' => 200,
+            'message' => '创建成功',
+            'data' => ['id' => $result->id],
+        ], 201);
+    }
+
+    /**
+     * 更新角色
+     */
+    public function update(Request $request, $id)
+    {
+        $validated = $request->validate([
+            'name' => 'nullable|string|max:50',
+            'code' => 'nullable|string|max:50|unique:auth_roles,code,' . $id,
+            'description' => 'nullable|string|max:200',
+            'sort' => 'nullable|integer|min:0',
+            'status' => 'nullable|integer|in:0,1',
+            'permission_ids' => 'nullable|array',
+            'permission_ids.*' => 'integer|exists:auth_permissions,id',
+        ]);
+
+        $result = $this->roleService->update($id, $validated);
+
+        return response()->json([
+            'code' => 200,
+            'message' => '更新成功',
+            'data' => ['id' => $result->id],
+        ]);
+    }
+
+    /**
+     * 删除角色
+     */
+    public function destroy($id)
+    {
+        $this->roleService->delete($id);
+
+        return response()->json([
+            'code' => 200,
+            'message' => '删除成功',
+            'data' => null,
+        ]);
+    }
+
+    /**
+     * 批量删除角色
+     */
+    public function batchDelete(Request $request)
+    {
+        $validated = $request->validate([
+            'ids' => 'required|array',
+            'ids.*' => 'integer',
+        ]);
+
+        $count = $this->roleService->batchDelete($validated['ids']);
+
+        return response()->json([
+            'code' => 200,
+            'message' => "成功删除 {$count} 条数据",
+            'data' => ['count' => $count],
+        ]);
+    }
+
+    /**
+     * 批量更新角色状态
+     */
+    public function batchUpdateStatus(Request $request)
+    {
+        $validated = $request->validate([
+            'ids' => 'required|array',
+            'ids.*' => 'integer',
+            'status' => 'required|integer|in:0,1',
+        ]);
+
+        $count = $this->roleService->batchUpdateStatus($validated['ids'], $validated['status']);
+
+        return response()->json([
+            'code' => 200,
+            'message' => "成功更新 {$count} 条数据",
+            'data' => ['count' => $count],
+        ]);
+    }
+
+    /**
+     * 分配权限
+     */
+    public function assignPermissions(Request $request, $id)
+    {
+        $validated = $request->validate([
+            'permission_ids' => 'required|array',
+            'permission_ids.*' => 'integer|exists:auth_permissions,id',
+        ]);
+
+        $this->roleService->assignPermissions($id, $validated['permission_ids']);
+
+        return response()->json([
+            'code' => 200,
+            'message' => '权限分配成功',
+            'data' => null,
+        ]);
+    }
+
+    /**
+     * 获取角色的权限列表
+     */
+    public function getPermissions($id)
+    {
+        $result = $this->roleService->getPermissions($id);
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => ['tree' => $result],
+        ]);
+    }
+
+    /**
+     * 复制角色
+     */
+    public function copy(Request $request, $id)
+    {
+        $validated = $request->validate([
+            'name' => 'required|string|max:50',
+            'code' => 'required|string|max:50|unique:auth_roles,code',
+            'description' => 'nullable|string|max:200',
+            'sort' => 'nullable|integer|min:0',
+            'status' => 'nullable|integer|in:0,1',
+        ]);
+
+        $result = $this->roleService->copy($id, $validated);
+
+        return response()->json([
+            'code' => 200,
+            'message' => '复制成功',
+            'data' => ['id' => $result->id],
+        ], 201);
+    }
+
+    /**
+     * 批量复制角色
+     */
+    public function batchCopy(Request $request)
+    {
+        $validated = $request->validate([
+            'ids' => 'required|array',
+            'ids.*' => 'integer',
+            'name' => 'nullable|string|max:50',
+            'code' => 'nullable|string|max:50',
+            'description' => 'nullable|string|max:200',
+            'sort' => 'nullable|integer|min:0',
+            'status' => 'nullable|integer|in:0,1',
+        ]);
+
+        $result = $this->roleService->batchCopy($validated['ids'], $validated);
+
+        return response()->json([
+            'code' => 200,
+            'message' => "复制完成，成功 {$result['success_count']} 个，失败 {$result['error_count']} 个",
+            'data' => $result,
+        ]);
+    }
+}
diff --git a/app/Http/Controllers/Auth/Admin/User.php b/app/Http/Controllers/Auth/Admin/User.php
new file mode 100644
index 0000000..21e8b52
--- /dev/null
+++ b/app/Http/Controllers/Auth/Admin/User.php
@@ -0,0 +1,329 @@
+<?php
+
+namespace App\Http\Controllers\Auth\Admin;
+
+use App\Http\Controllers\Controller;
+use App\Services\Auth\UserService;
+use App\Services\Auth\UserOnlineService;
+use App\Services\Auth\ImportExportService;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+
+class User extends Controller
+{
+    protected $userService;
+    protected $userOnlineService;
+    protected $importExportService;
+
+    public function __construct(
+        UserService $userService,
+        UserOnlineService $userOnlineService,
+        ImportExportService $importExportService
+    ) {
+        $this->userService = $userService;
+        $this->userOnlineService = $userOnlineService;
+        $this->importExportService = $importExportService;
+    }
+
+    /**
+     * 获取用户列表
+     */
+    public function index(Request $request)
+    {
+        $params = $request->all();
+        $result = $this->userService->getList($params);
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $result,
+        ]);
+    }
+
+    /**
+     * 获取用户详情
+     */
+    public function show(Request $request, $id)
+    {
+        $result = $this->userService->getById($id);
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $result,
+        ]);
+    }
+
+    /**
+     * 创建用户
+     */
+    public function store(Request $request)
+    {
+        $validated = $request->validate([
+            'username' => 'required|string|max:50|unique:auth_users,username',
+            'password' => 'required|string|min:6',
+            'real_name' => 'required|string|max:50',
+            'email' => 'nullable|email|unique:auth_users,email',
+            'phone' => 'nullable|string|max:20',
+            'department_id' => 'nullable|integer|exists:auth_departments,id',
+            'role_ids' => 'nullable|array',
+            'role_ids.*' => 'integer|exists:auth_roles,id',
+            'status' => 'nullable|integer|in:0,1',
+        ]);
+
+        $result = $this->userService->create($validated);
+
+        return response()->json([
+            'code' => 200,
+            'message' => '创建成功',
+            'data' => ['id' => $result->id],
+        ], 201);
+    }
+
+    /**
+     * 更新用户
+     */
+    public function update(Request $request, $id)
+    {
+        $validated = $request->validate([
+            'username' => 'nullable|string|max:50|unique:auth_users,username,' . $id,
+            'password' => 'nullable|string|min:6',
+            'real_name' => 'nullable|string|max:50',
+            'email' => 'nullable|email|unique:auth_users,email,' . $id,
+            'phone' => 'nullable|string|max:20',
+            'department_id' => 'nullable|integer|exists:auth_departments,id',
+            'role_ids' => 'nullable|array',
+            'role_ids.*' => 'integer|exists:auth_roles,id',
+            'status' => 'nullable|integer|in:0,1',
+        ]);
+
+        $result = $this->userService->update($id, $validated);
+
+        return response()->json([
+            'code' => 200,
+            'message' => '更新成功',
+            'data' => ['id' => $result->id],
+        ]);
+    }
+
+    /**
+     * 删除用户
+     */
+    public function destroy(Request $request, $id)
+    {
+        $this->userService->delete($id);
+
+        return response()->json([
+            'code' => 200,
+            'message' => '删除成功',
+            'data' => null,
+        ]);
+    }
+
+    /**
+     * 批量删除用户
+     */
+    public function batchDelete(Request $request)
+    {
+        $validated = $request->validate([
+            'ids' => 'required|array',
+            'ids.*' => 'integer',
+        ]);
+
+        $count = $this->userService->batchDelete($validated['ids']);
+
+        return response()->json([
+            'code' => 200,
+            'message' => "成功删除 {$count} 条数据",
+            'data' => ['count' => $count],
+        ]);
+    }
+
+    /**
+     * 批量更新用户状态
+     */
+    public function batchUpdateStatus(Request $request)
+    {
+        $validated = $request->validate([
+            'ids' => 'required|array',
+            'ids.*' => 'integer',
+            'status' => 'required|integer|in:0,1',
+        ]);
+
+        $count = $this->userService->batchUpdateStatus($validated['ids'], $validated['status']);
+
+        return response()->json([
+            'code' => 200,
+            'message' => "成功更新 {$count} 条数据",
+            'data' => ['count' => $count],
+        ]);
+    }
+
+    /**
+     * 批量分配部门
+     */
+    public function batchAssignDepartment(Request $request)
+    {
+        $validated = $request->validate([
+            'ids' => 'required|array',
+            'ids.*' => 'integer',
+            'department_id' => 'nullable|integer|exists:auth_departments,id',
+        ]);
+
+        $count = $this->userService->batchAssignDepartment($validated['ids'], $validated['department_id']);
+
+        return response()->json([
+            'code' => 200,
+            'message' => "成功分配 {$count} 条数据",
+            'data' => ['count' => $count],
+        ]);
+    }
+
+    /**
+     * 批量分配角色
+     */
+    public function batchAssignRoles(Request $request)
+    {
+        $validated = $request->validate([
+            'ids' => 'required|array',
+            'ids.*' => 'integer',
+            'role_ids' => 'nullable|array',
+            'role_ids.*' => 'integer|exists:auth_roles,id',
+        ]);
+
+        $count = $this->userService->batchAssignRoles($validated['ids'], $validated['role_ids'] ?? []);
+
+        return response()->json([
+            'code' => 200,
+            'message' => "成功分配 {$count} 条数据",
+            'data' => ['count' => $count],
+        ]);
+    }
+
+    /**
+     * 导出用户
+     */
+    public function export(Request $request)
+    {
+        $validated = $request->validate([
+            'ids' => 'nullable|array',
+            'ids.*' => 'integer',
+        ]);
+
+        $filename = $this->importExportService->exportUsers($validated['ids'] ?? []);
+
+        $filePath = $this->importExportService->getExportFilePath($filename);
+
+        return response()->download($filePath, $filename)->deleteFileAfterSend();
+    }
+
+    /**
+     * 导入用户
+     */
+    public function import(Request $request)
+    {
+        $validated = $request->validate([
+            'file' => 'required|file|mimes:xlsx,xls',
+        ]);
+
+        $file = $request->file('file');
+        $realPath = $file->getRealPath();
+        $filename = $file->getClientOriginalName();
+
+        $result = $this->importExportService->importUsers($filename, $realPath);
+
+        return response()->json([
+            'code' => 200,
+            'message' => "导入完成，成功 {$result['success_count']} 条，失败 {$result['error_count']} 条",
+            'data' => $result,
+        ]);
+    }
+
+    /**
+     * 下载用户导入模板
+     */
+    public function downloadTemplate()
+    {
+        $filename = $this->importExportService->downloadUserTemplate();
+        $filePath = $this->importExportService->getExportFilePath($filename);
+
+        return response()->download($filePath, $filename)->deleteFileAfterSend();
+    }
+
+    /**
+     * 获取在线用户数量
+     */
+    public function getOnlineCount()
+    {
+        $count = $this->userOnlineService->getOnlineCount();
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => ['count' => $count],
+        ]);
+    }
+
+    /**
+     * 获取在线用户列表
+     */
+    public function getOnlineUsers(Request $request)
+    {
+        $limit = $request->get('limit', 100);
+        $users = $this->userOnlineService->getOnlineUsers($limit);
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => ['list' => $users],
+        ]);
+    }
+
+    /**
+     * 获取用户的所有会话
+     */
+    public function getUserSessions($userId)
+    {
+        $sessions = $this->userOnlineService->getUserSessions($userId);
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => ['sessions' => $sessions],
+        ]);
+    }
+
+    /**
+     * 强制用户下线（单个会话）
+     */
+    public function setUserOffline($userId, Request $request)
+    {
+        $validated = $request->validate([
+            'token' => 'nullable|string',
+        ]);
+
+        if (!empty($validated['token'])) {
+            $this->userOnlineService->setOffline($userId, $validated['token']);
+        }
+
+        return response()->json([
+            'code' => 200,
+            'message' => '操作成功',
+            'data' => null,
+        ]);
+    }
+
+    /**
+     * 强制用户所有设备下线
+     */
+    public function setUserAllOffline($userId)
+    {
+        $this->userOnlineService->setAllOffline($userId);
+
+        return response()->json([
+            'code' => 200,
+            'message' => '操作成功',
+            'data' => null,
+        ]);
+    }
+}
diff --git a/app/Http/Controllers/Controller.php b/app/Http/Controllers/Controller.php
new file mode 100644
index 0000000..8677cd5
--- /dev/null
+++ b/app/Http/Controllers/Controller.php
@@ -0,0 +1,8 @@
+<?php
+
+namespace App\Http\Controllers;
+
+abstract class Controller
+{
+    //
+}
diff --git a/app/Http/Controllers/System/Admin/City.php b/app/Http/Controllers/System/Admin/City.php
new file mode 100644
index 0000000..2585968
--- /dev/null
+++ b/app/Http/Controllers/System/Admin/City.php
@@ -0,0 +1,172 @@
+<?php
+
+namespace App\Http\Controllers\System\Admin;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+use App\Services\System\CityService;
+
+class City extends Controller
+{
+    protected $cityService;
+
+    public function __construct(CityService $cityService)
+    {
+        $this->cityService = $cityService;
+    }
+
+    public function index(Request $request)
+    {
+        $result = $this->cityService->getList($request->all());
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $result
+        ]);
+    }
+
+    public function tree()
+    {
+        $tree = $this->cityService->getCachedTree();
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $tree
+        ]);
+    }
+
+    public function show(int $id)
+    {
+        $city = $this->cityService->getById($id);
+        if (!$city) {
+            return response()->json([
+                'code' => 404,
+                'message' => '城市不存在',
+                'data' => null
+            ], 404);
+        }
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $city
+        ]);
+    }
+
+    public function store(Request $request)
+    {
+        try {
+            $city = $this->cityService->create($request->all());
+            return response()->json([
+                'code' => 200,
+                'message' => '创建成功',
+                'data' => $city
+            ], 201);
+        } catch (\Exception $e) {
+            return response()->json([
+                'code' => 422,
+                'message' => $e->getMessage(),
+                'data' => null
+            ], 422);
+        }
+    }
+
+    public function update(Request $request, int $id)
+    {
+        try {
+            $city = $this->cityService->update($id, $request->all());
+            return response()->json([
+                'code' => 200,
+                'message' => '更新成功',
+                'data' => $city
+            ]);
+        } catch (\Exception $e) {
+            return response()->json([
+                'code' => 422,
+                'message' => $e->getMessage(),
+                'data' => null
+            ], 422);
+        }
+    }
+
+    public function destroy(int $id)
+    {
+        try {
+            $this->cityService->delete($id);
+            return response()->json([
+                'code' => 200,
+                'message' => '删除成功',
+                'data' => null
+            ]);
+        } catch (\Exception $e) {
+            return response()->json([
+                'code' => 400,
+                'message' => $e->getMessage(),
+                'data' => null
+            ], 400);
+        }
+    }
+
+    public function batchDelete(Request $request)
+    {
+        $this->cityService->batchDelete($request->input('ids', []));
+        return response()->json([
+            'code' => 200,
+            'message' => '批量删除成功',
+            'data' => null
+        ]);
+    }
+
+    public function batchUpdateStatus(Request $request)
+    {
+        $this->cityService->batchUpdateStatus(
+            $request->input('ids', []),
+            $request->input('status', true)
+        );
+        return response()->json([
+            'code' => 200,
+            'message' => '批量更新状态成功',
+            'data' => null
+        ]);
+    }
+
+    public function children(int $parentId)
+    {
+        $children = $this->cityService->getChildren($parentId);
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $children
+        ]);
+    }
+
+    public function provinces()
+    {
+        $provinces = $this->cityService->getProvinces();
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $provinces
+        ]);
+    }
+
+    public function cities(int $provinceId)
+    {
+        $cities = $this->cityService->getCities($provinceId);
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $cities
+        ]);
+    }
+
+    public function districts(int $cityId)
+    {
+        $districts = $this->cityService->getDistricts($cityId);
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $districts
+        ]);
+    }
+}
diff --git a/app/Http/Controllers/System/Admin/Config.php b/app/Http/Controllers/System/Admin/Config.php
new file mode 100644
index 0000000..d9d535c
--- /dev/null
+++ b/app/Http/Controllers/System/Admin/Config.php
@@ -0,0 +1,142 @@
+<?php
+
+namespace App\Http\Controllers\System\Admin;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+use App\Services\System\ConfigService;
+
+class Config extends Controller
+{
+    protected $configService;
+
+    public function __construct(ConfigService $configService)
+    {
+        $this->configService = $configService;
+    }
+
+    public function index(Request $request)
+    {
+        $result = $this->configService->getList($request->all());
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $result
+        ]);
+    }
+
+    public function show(int $id)
+    {
+        $config = $this->configService->getById($id);
+        if (!$config) {
+            return response()->json([
+                'code' => 404,
+                'message' => '配置不存在',
+                'data' => null
+            ], 404);
+        }
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $config
+        ]);
+    }
+
+    public function store(Request $request)
+    {
+        try {
+            $config = $this->configService->create($request->all());
+            return response()->json([
+                'code' => 200,
+                'message' => '创建成功',
+                'data' => $config
+            ], 201);
+        } catch (\Exception $e) {
+            return response()->json([
+                'code' => 422,
+                'message' => $e->getMessage(),
+                'data' => null
+            ], 422);
+        }
+    }
+
+    public function update(Request $request, int $id)
+    {
+        try {
+            $config = $this->configService->update($id, $request->all());
+            return response()->json([
+                'code' => 200,
+                'message' => '更新成功',
+                'data' => $config
+            ]);
+        } catch (\Exception $e) {
+            return response()->json([
+                'code' => 422,
+                'message' => $e->getMessage(),
+                'data' => null
+            ], 422);
+        }
+    }
+
+    public function destroy(int $id)
+    {
+        try {
+            $this->configService->delete($id);
+            return response()->json([
+                'code' => 200,
+                'message' => '删除成功',
+                'data' => null
+            ]);
+        } catch (\Exception $e) {
+            return response()->json([
+                'code' => 400,
+                'message' => $e->getMessage(),
+                'data' => null
+            ], 400);
+        }
+    }
+
+    public function batchDelete(Request $request)
+    {
+        $this->configService->batchDelete($request->input('ids', []));
+        return response()->json([
+            'code' => 200,
+            'message' => '批量删除成功',
+            'data' => null
+        ]);
+    }
+
+    public function batchUpdateStatus(Request $request)
+    {
+        $this->configService->batchUpdateStatus(
+            $request->input('ids', []),
+            $request->input('status', true)
+        );
+        return response()->json([
+            'code' => 200,
+            'message' => '批量更新状态成功',
+            'data' => null
+        ]);
+    }
+
+    public function getGroups()
+    {
+        $groups = $this->configService->getGroups();
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $groups
+        ]);
+    }
+
+    public function getByGroup(Request $request)
+    {
+        $configs = $this->configService->getByGroup($request->input('group'));
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $configs
+        ]);
+    }
+}
diff --git a/app/Http/Controllers/System/Admin/Dictionary.php b/app/Http/Controllers/System/Admin/Dictionary.php
new file mode 100644
index 0000000..794f5ee
--- /dev/null
+++ b/app/Http/Controllers/System/Admin/Dictionary.php
@@ -0,0 +1,211 @@
+<?php
+
+namespace App\Http\Controllers\System\Admin;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+use App\Services\System\DictionaryService;
+
+class Dictionary extends Controller
+{
+    protected $dictionaryService;
+
+    public function __construct(DictionaryService $dictionaryService)
+    {
+        $this->dictionaryService = $dictionaryService;
+    }
+
+    public function index(Request $request)
+    {
+        $result = $this->dictionaryService->getList($request->all());
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $result
+        ]);
+    }
+
+    public function all()
+    {
+        $dictionaries = $this->dictionaryService->getAll();
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $dictionaries
+        ]);
+    }
+
+    public function show(int $id)
+    {
+        $dictionary = $this->dictionaryService->getById($id);
+        if (!$dictionary) {
+            return response()->json([
+                'code' => 404,
+                'message' => '字典不存在',
+                'data' => null
+            ], 404);
+        }
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $dictionary
+        ]);
+    }
+
+    public function store(Request $request)
+    {
+        try {
+            $dictionary = $this->dictionaryService->create($request->all());
+            return response()->json([
+                'code' => 200,
+                'message' => '创建成功',
+                'data' => $dictionary
+            ], 201);
+        } catch (\Exception $e) {
+            return response()->json([
+                'code' => 422,
+                'message' => $e->getMessage(),
+                'data' => null
+            ], 422);
+        }
+    }
+
+    public function update(Request $request, int $id)
+    {
+        try {
+            $dictionary = $this->dictionaryService->update($id, $request->all());
+            return response()->json([
+                'code' => 200,
+                'message' => '更新成功',
+                'data' => $dictionary
+            ]);
+        } catch (\Exception $e) {
+            return response()->json([
+                'code' => 422,
+                'message' => $e->getMessage(),
+                'data' => null
+            ], 422);
+        }
+    }
+
+    public function destroy(int $id)
+    {
+        try {
+            $this->dictionaryService->delete($id);
+            return response()->json([
+                'code' => 200,
+                'message' => '删除成功',
+                'data' => null
+            ]);
+        } catch (\Exception $e) {
+            return response()->json([
+                'code' => 400,
+                'message' => $e->getMessage(),
+                'data' => null
+            ], 400);
+        }
+    }
+
+    public function batchDelete(Request $request)
+    {
+        $this->dictionaryService->batchDelete($request->input('ids', []));
+        return response()->json([
+            'code' => 200,
+            'message' => '批量删除成功',
+            'data' => null
+        ]);
+    }
+
+    public function batchUpdateStatus(Request $request)
+    {
+        $this->dictionaryService->batchUpdateStatus(
+            $request->input('ids', []),
+            $request->input('status', true)
+        );
+        return response()->json([
+            'code' => 200,
+            'message' => '批量更新状态成功',
+            'data' => null
+        ]);
+    }
+
+    public function getItemsList(Request $request)
+    {
+        $result = $this->dictionaryService->getItemsList($request->all());
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $result
+        ]);
+    }
+
+    public function storeItem(Request $request)
+    {
+        try {
+            $item = $this->dictionaryService->createItem($request->all());
+            return response()->json([
+                'code' => 200,
+                'message' => '创建成功',
+                'data' => $item
+            ], 201);
+        } catch (\Exception $e) {
+            return response()->json([
+                'code' => 422,
+                'message' => $e->getMessage(),
+                'data' => null
+            ], 422);
+        }
+    }
+
+    public function updateItem(Request $request, int $id)
+    {
+        try {
+            $item = $this->dictionaryService->updateItem($id, $request->all());
+            return response()->json([
+                'code' => 200,
+                'message' => '更新成功',
+                'data' => $item
+            ]);
+        } catch (\Exception $e) {
+            return response()->json([
+                'code' => 422,
+                'message' => $e->getMessage(),
+                'data' => null
+            ], 422);
+        }
+    }
+
+    public function destroyItem(int $id)
+    {
+        $this->dictionaryService->deleteItem($id);
+        return response()->json([
+            'code' => 200,
+            'message' => '删除成功',
+            'data' => null
+        ]);
+    }
+
+    public function batchDeleteItems(Request $request)
+    {
+        $this->dictionaryService->batchDeleteItems($request->input('ids', []));
+        return response()->json([
+            'code' => 200,
+            'message' => '批量删除成功',
+            'data' => null
+        ]);
+    }
+
+    public function batchUpdateItemsStatus(Request $request)
+    {
+        $this->dictionaryService->batchUpdateItemsStatus(
+            $request->input('ids', []),
+            $request->input('status', true)
+        );
+        return response()->json([
+            'code' => 200,
+            'message' => '批量更新状态成功',
+            'data' => null
+        ]);
+    }
+}
diff --git a/app/Http/Controllers/System/Admin/Log.php b/app/Http/Controllers/System/Admin/Log.php
new file mode 100644
index 0000000..16d634f
--- /dev/null
+++ b/app/Http/Controllers/System/Admin/Log.php
@@ -0,0 +1,126 @@
+<?php
+
+namespace App\Http\Controllers\System\Admin;
+
+use App\Http\Controllers\Controller;
+use App\Http\Requests\LogRequest;
+use App\Services\System\LogService;
+use Maatwebsite\Excel\Facades\Excel;
+use App\Exports\GenericExport;
+
+class Log extends Controller
+{
+    protected $logService;
+
+    public function __construct(LogService $logService)
+    {
+        $this->logService = $logService;
+    }
+
+    public function index(LogRequest $request)
+    {
+        $result = $this->logService->getList($request->validated());
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $result
+        ]);
+    }
+
+    public function export(LogRequest $request)
+    {
+        $params = $request->validated();
+        $pageSize = $params['page_size'] ?? 10000; // 导出时默认获取更多数据
+
+        // 获取所有符合条件的日志（不分页）
+        $query = $this->logService->getListQuery($params);
+        $logs = $query->limit($pageSize)->get();
+
+        // 准备导出数据
+        $headers = [
+            'ID', '用户名', '模块', '操作', '请求方法', 'URL', 'IP地址',
+            '状态码', '状态', '错误信息', '执行时间(ms)', '创建时间'
+        ];
+
+        $data = [];
+        foreach ($logs as $log) {
+            $data[] = [
+                $log->id,
+                $log->username,
+                $log->module,
+                $log->action,
+                $log->method,
+                $log->url,
+                $log->ip,
+                $log->status_code,
+                $log->status === 'success' ? '成功' : '失败',
+                $log->error_message ?? '-',
+                $log->execution_time,
+                $log->created_at->format('Y-m-d H:i:s'),
+            ];
+        }
+
+        $filename = '系统操作日志_' . date('YmdHis') . '.xlsx';
+
+        return Excel::download(new GenericExport($headers, $data), $filename);
+    }
+
+    public function show(int $id)
+    {
+        $log = $this->logService->getById($id);
+        if (!$log) {
+            return response()->json([
+                'code' => 404,
+                'message' => '日志不存在',
+                'data' => null
+            ], 404);
+        }
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $log
+        ]);
+    }
+
+    public function destroy(int $id)
+    {
+        $this->logService->delete($id);
+        return response()->json([
+            'code' => 200,
+            'message' => '删除成功',
+            'data' => null
+        ]);
+    }
+
+    public function batchDelete(Request $request)
+    {
+        $this->logService->batchDelete($request->input('ids', []));
+        return response()->json([
+            'code' => 200,
+            'message' => '批量删除成功',
+            'data' => null
+        ]);
+    }
+
+    public function clearLogs(Request $request)
+    {
+        $days = $request->input('days', 30);
+        $this->logService->clearLogs($days);
+        return response()->json([
+            'code' => 200,
+            'message' => '清理成功',
+            'data' => null
+        ]);
+    }
+
+    public function getStatistics(LogRequest $request)
+    {
+        $statistics = $this->logService->getStatistics($request->validated());
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $statistics
+        ]);
+    }
+}
diff --git a/app/Http/Controllers/System/Admin/Task.php b/app/Http/Controllers/System/Admin/Task.php
new file mode 100644
index 0000000..52ff8ab
--- /dev/null
+++ b/app/Http/Controllers/System/Admin/Task.php
@@ -0,0 +1,152 @@
+<?php
+
+namespace App\Http\Controllers\System\Admin;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+use App\Services\System\TaskService;
+
+class Task extends Controller
+{
+    protected $taskService;
+
+    public function __construct(TaskService $taskService)
+    {
+        $this->taskService = $taskService;
+    }
+
+    public function index(Request $request)
+    {
+        $result = $this->taskService->getList($request->all());
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $result
+        ]);
+    }
+
+    public function all()
+    {
+        $tasks = $this->taskService->getAll();
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $tasks
+        ]);
+    }
+
+    public function show(int $id)
+    {
+        $task = $this->taskService->getById($id);
+        if (!$task) {
+            return response()->json([
+                'code' => 404,
+                'message' => '任务不存在',
+                'data' => null
+            ], 404);
+        }
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $task
+        ]);
+    }
+
+    public function store(Request $request)
+    {
+        try {
+            $task = $this->taskService->create($request->all());
+            return response()->json([
+                'code' => 200,
+                'message' => '创建成功',
+                'data' => $task
+            ], 201);
+        } catch (\Exception $e) {
+            return response()->json([
+                'code' => 422,
+                'message' => $e->getMessage(),
+                'data' => null
+            ], 422);
+        }
+    }
+
+    public function update(Request $request, int $id)
+    {
+        try {
+            $task = $this->taskService->update($id, $request->all());
+            return response()->json([
+                'code' => 200,
+                'message' => '更新成功',
+                'data' => $task
+            ]);
+        } catch (\Exception $e) {
+            return response()->json([
+                'code' => 422,
+                'message' => $e->getMessage(),
+                'data' => null
+            ], 422);
+        }
+    }
+
+    public function destroy(int $id)
+    {
+        $this->taskService->delete($id);
+        return response()->json([
+            'code' => 200,
+            'message' => '删除成功',
+            'data' => null
+        ]);
+    }
+
+    public function batchDelete(Request $request)
+    {
+        $this->taskService->batchDelete($request->input('ids', []));
+        return response()->json([
+            'code' => 200,
+            'message' => '批量删除成功',
+            'data' => null
+        ]);
+    }
+
+    public function batchUpdateStatus(Request $request)
+    {
+        $this->taskService->batchUpdateStatus(
+            $request->input('ids', []),
+            $request->input('status', true)
+        );
+        return response()->json([
+            'code' => 200,
+            'message' => '批量更新状态成功',
+            'data' => null
+        ]);
+    }
+
+    public function run(int $id)
+    {
+        try {
+            $result = $this->taskService->run($id);
+            return response()->json([
+                'code' => 200,
+                'message' => '执行成功',
+                'data' => $result
+            ]);
+        } catch (\Exception $e) {
+            return response()->json([
+                'code' => 400,
+                'message' => $e->getMessage(),
+                'data' => null
+            ], 400);
+        }
+    }
+
+    public function getStatistics()
+    {
+        $statistics = $this->taskService->getStatistics();
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $statistics
+        ]);
+    }
+}
diff --git a/app/Http/Controllers/System/Admin/Upload.php b/app/Http/Controllers/System/Admin/Upload.php
new file mode 100644
index 0000000..faceedd
--- /dev/null
+++ b/app/Http/Controllers/System/Admin/Upload.php
@@ -0,0 +1,152 @@
+<?php
+
+namespace App\Http\Controllers\System\Admin;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+use App\Services\System\UploadService;
+
+class Upload extends Controller
+{
+    protected $uploadService;
+
+    public function __construct(UploadService $uploadService)
+    {
+        $this->uploadService = $uploadService;
+    }
+
+    public function upload(Request $request)
+    {
+        try {
+            $request->validate([
+                'file' => 'required|file|max:10240',
+            ]);
+
+            $file = $request->file('file');
+            $directory = $request->input('directory', 'uploads');
+            $options = [
+                'compress' => $request->input('compress', false),
+                'quality' => $request->input('quality', 80),
+                'width' => $request->input('width'),
+                'height' => $request->input('height'),
+            ];
+
+            $result = $this->uploadService->upload($file, $directory, $options);
+            return response()->json([
+                'code' => 200,
+                'message' => '上传成功',
+                'data' => $result
+            ]);
+        } catch (\Exception $e) {
+            return response()->json([
+                'code' => 400,
+                'message' => $e->getMessage(),
+                'data' => null
+            ], 400);
+        }
+    }
+
+    public function uploadMultiple(Request $request)
+    {
+        try {
+            $request->validate([
+                'files' => 'required|array',
+                'files.*' => 'file|max:10240',
+            ]);
+
+            $files = $request->file('files');
+            $directory = $request->input('directory', 'uploads');
+            $options = [
+                'compress' => $request->input('compress', false),
+                'quality' => $request->input('quality', 80),
+                'width' => $request->input('width'),
+                'height' => $request->input('height'),
+            ];
+
+            $results = $this->uploadService->uploadMultiple($files, $directory, $options);
+            return response()->json([
+                'code' => 200,
+                'message' => '上传成功',
+                'data' => $results
+            ]);
+        } catch (\Exception $e) {
+            return response()->json([
+                'code' => 400,
+                'message' => $e->getMessage(),
+                'data' => null
+            ], 400);
+        }
+    }
+
+    public function uploadBase64(Request $request)
+    {
+        try {
+            $request->validate([
+                'base64' => 'required|string',
+            ]);
+
+            $base64 = $request->input('base64');
+            $directory = $request->input('directory', 'uploads');
+            $fileName = $request->input('file_name');
+
+            $result = $this->uploadService->uploadBase64($base64, $directory, $fileName);
+            return response()->json([
+                'code' => 200,
+                'message' => '上传成功',
+                'data' => $result
+            ]);
+        } catch (\Exception $e) {
+            return response()->json([
+                'code' => 400,
+                'message' => $e->getMessage(),
+                'data' => null
+            ], 400);
+        }
+    }
+
+    public function delete(Request $request)
+    {
+        try {
+            $request->validate([
+                'path' => 'required|string',
+            ]);
+
+            $path = $request->input('path');
+            $this->uploadService->delete($path);
+            return response()->json([
+                'code' => 200,
+                'message' => '删除成功',
+                'data' => null
+            ]);
+        } catch (\Exception $e) {
+            return response()->json([
+                'code' => 400,
+                'message' => $e->getMessage(),
+                'data' => null
+            ], 400);
+        }
+    }
+
+    public function batchDelete(Request $request)
+    {
+        try {
+            $request->validate([
+                'paths' => 'required|array',
+            ]);
+
+            $paths = $request->input('paths', []);
+            $this->uploadService->deleteMultiple($paths);
+            return response()->json([
+                'code' => 200,
+                'message' => '批量删除成功',
+                'data' => null
+            ]);
+        } catch (\Exception $e) {
+            return response()->json([
+                'code' => 400,
+                'message' => $e->getMessage(),
+                'data' => null
+            ], 400);
+        }
+    }
+}
diff --git a/app/Http/Controllers/System/Api/City.php b/app/Http/Controllers/System/Api/City.php
new file mode 100644
index 0000000..87d5a04
--- /dev/null
+++ b/app/Http/Controllers/System/Api/City.php
@@ -0,0 +1,75 @@
+<?php
+
+namespace App\Http\Controllers\System\Api;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+use App\Services\System\CityService;
+
+class City extends Controller
+{
+    protected $cityService;
+
+    public function __construct(CityService $cityService)
+    {
+        $this->cityService = $cityService;
+    }
+
+    public function tree()
+    {
+        $tree = $this->cityService->getCachedTree();
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $tree
+        ]);
+    }
+
+    public function provinces()
+    {
+        $provinces = $this->cityService->getProvinces();
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $provinces
+        ]);
+    }
+
+    public function cities(int $provinceId)
+    {
+        $cities = $this->cityService->getCities($provinceId);
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $cities
+        ]);
+    }
+
+    public function districts(int $cityId)
+    {
+        $districts = $this->cityService->getDistricts($cityId);
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $districts
+        ]);
+    }
+
+    public function show(int $id)
+    {
+        $city = $this->cityService->getById($id);
+        if (!$city) {
+            return response()->json([
+                'code' => 404,
+                'message' => '城市不存在',
+                'data' => null
+            ], 404);
+        }
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $city
+        ]);
+    }
+}
diff --git a/app/Http/Controllers/System/Api/Config.php b/app/Http/Controllers/System/Api/Config.php
new file mode 100644
index 0000000..3c31e3f
--- /dev/null
+++ b/app/Http/Controllers/System/Api/Config.php
@@ -0,0 +1,51 @@
+<?php
+
+namespace App\Http\Controllers\System\Api;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+use App\Services\System\ConfigService;
+
+class Config extends Controller
+{
+    protected $configService;
+
+    public function __construct(ConfigService $configService)
+    {
+        $this->configService = $configService;
+    }
+
+    public function index()
+    {
+        $configs = $this->configService->getAllConfig();
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $configs
+        ]);
+    }
+
+    public function getByGroup(Request $request)
+    {
+        $configs = $this->configService->getByGroup($request->input('group'));
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $configs
+        ]);
+    }
+
+    public function getByKey(Request $request)
+    {
+        $key = $request->input('key');
+        $value = $this->configService->getConfigValue($key);
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => [
+                'key' => $key,
+                'value' => $value,
+            ]
+        ]);
+    }
+}
diff --git a/app/Http/Controllers/System/Api/Dictionary.php b/app/Http/Controllers/System/Api/Dictionary.php
new file mode 100644
index 0000000..28a3182
--- /dev/null
+++ b/app/Http/Controllers/System/Api/Dictionary.php
@@ -0,0 +1,59 @@
+<?php
+
+namespace App\Http\Controllers\System\Api;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+use App\Services\System\DictionaryService;
+
+class Dictionary extends Controller
+{
+    protected $dictionaryService;
+
+    public function __construct(DictionaryService $dictionaryService)
+    {
+        $this->dictionaryService = $dictionaryService;
+    }
+
+    public function index()
+    {
+        $dictionaries = $this->dictionaryService->getAll();
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $dictionaries
+        ]);
+    }
+
+    public function getByCode(Request $request)
+    {
+        $code = $request->input('code');
+        $items = $this->dictionaryService->getItemsByCode($code);
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => [
+                'code' => $code,
+                'items' => $items,
+            ]
+        ]);
+    }
+
+    public function show(int $id)
+    {
+        $dictionary = $this->dictionaryService->getById($id);
+        if (!$dictionary) {
+            return response()->json([
+                'code' => 404,
+                'message' => '字典不存在',
+                'data' => null
+            ], 404);
+        }
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => $dictionary
+        ]);
+    }
+}
diff --git a/app/Http/Controllers/System/Api/Upload.php b/app/Http/Controllers/System/Api/Upload.php
new file mode 100644
index 0000000..0d89b5c
--- /dev/null
+++ b/app/Http/Controllers/System/Api/Upload.php
@@ -0,0 +1,106 @@
+<?php
+
+namespace App\Http\Controllers\System\Api;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+use App\Services\System\UploadService;
+
+class Upload extends Controller
+{
+    protected $uploadService;
+
+    public function __construct(UploadService $uploadService)
+    {
+        $this->uploadService = $uploadService;
+    }
+
+    public function upload(Request $request)
+    {
+        try {
+            $request->validate([
+                'file' => 'required|file|max:10240',
+            ]);
+
+            $file = $request->file('file');
+            $directory = $request->input('directory', 'uploads');
+            $options = [
+                'compress' => $request->input('compress', false),
+                'quality' => $request->input('quality', 80),
+                'width' => $request->input('width'),
+                'height' => $request->input('height'),
+            ];
+
+            $result = $this->uploadService->upload($file, $directory, $options);
+            return response()->json([
+                'code' => 200,
+                'message' => '上传成功',
+                'data' => $result
+            ]);
+        } catch (\Exception $e) {
+            return response()->json([
+                'code' => 400,
+                'message' => $e->getMessage(),
+                'data' => null
+            ], 400);
+        }
+    }
+
+    public function uploadMultiple(Request $request)
+    {
+        try {
+            $request->validate([
+                'files' => 'required|array',
+                'files.*' => 'file|max:10240',
+            ]);
+
+            $files = $request->file('files');
+            $directory = $request->input('directory', 'uploads');
+            $options = [
+                'compress' => $request->input('compress', false),
+                'quality' => $request->input('quality', 80),
+                'width' => $request->input('width'),
+                'height' => $request->input('height'),
+            ];
+
+            $results = $this->uploadService->uploadMultiple($files, $directory, $options);
+            return response()->json([
+                'code' => 200,
+                'message' => '上传成功',
+                'data' => $results
+            ]);
+        } catch (\Exception $e) {
+            return response()->json([
+                'code' => 400,
+                'message' => $e->getMessage(),
+                'data' => null
+            ], 400);
+        }
+    }
+
+    public function uploadBase64(Request $request)
+    {
+        try {
+            $request->validate([
+                'base64' => 'required|string',
+            ]);
+
+            $base64 = $request->input('base64');
+            $directory = $request->input('directory', 'uploads');
+            $fileName = $request->input('file_name');
+
+            $result = $this->uploadService->uploadBase64($base64, $directory, $fileName);
+            return response()->json([
+                'code' => 200,
+                'message' => '上传成功',
+                'data' => $result
+            ]);
+        } catch (\Exception $e) {
+            return response()->json([
+                'code' => 400,
+                'message' => $e->getMessage(),
+                'data' => null
+            ], 400);
+        }
+    }
+}
diff --git a/app/Http/Controllers/System/WebSocket.php b/app/Http/Controllers/System/WebSocket.php
new file mode 100644
index 0000000..3d341fb
--- /dev/null
+++ b/app/Http/Controllers/System/WebSocket.php
@@ -0,0 +1,395 @@
+<?php
+
+namespace App\Http\Controllers\System;
+
+use Illuminate\Http\Request;
+use Illuminate\Http\JsonResponse;
+use App\Http\Controllers\Controller;
+use App\Services\WebSocket\WebSocketService;
+
+/**
+ * WebSocket Controller
+ *
+ * Provides API endpoints for WebSocket operations
+ */
+class WebSocket extends Controller
+{
+    /**
+     * @var WebSocketService
+     */
+    protected $webSocketService;
+
+    /**
+     * WebSocket constructor
+     */
+    public function __construct()
+    {
+        $this->webSocketService = app(WebSocketService::class);
+    }
+
+    /**
+     * Get online user count
+     *
+     * @return JsonResponse
+     */
+    public function getOnlineCount(): JsonResponse
+    {
+        $count = $this->webSocketService->getOnlineUserCount();
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => [
+                'online_count' => $count
+            ]
+        ]);
+    }
+
+    /**
+     * Get online user IDs
+     *
+     * @return JsonResponse
+     */
+    public function getOnlineUsers(): JsonResponse
+    {
+        $userIds = $this->webSocketService->getOnlineUserIds();
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => [
+                'user_ids' => $userIds,
+                'count' => count($userIds)
+            ]
+        ]);
+    }
+
+    /**
+     * Check if a user is online
+     *
+     * @param Request $request
+     * @return JsonResponse
+     */
+    public function checkOnline(Request $request): JsonResponse
+    {
+        $request->validate([
+            'user_id' => 'required|integer'
+        ]);
+
+        $userId = $request->input('user_id');
+        $isOnline = $this->webSocketService->isUserOnline($userId);
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => [
+                'user_id' => $userId,
+                'is_online' => $isOnline
+            ]
+        ]);
+    }
+
+    /**
+     * Send message to a specific user
+     *
+     * @param Request $request
+     * @return JsonResponse
+     */
+    public function sendToUser(Request $request): JsonResponse
+    {
+        $request->validate([
+            'user_id' => 'required|integer',
+            'type' => 'required|string',
+            'data' => 'required|array'
+        ]);
+
+        $userId = $request->input('user_id');
+        $type = $request->input('type');
+        $data = $request->input('data');
+
+        $message = [
+            'type' => $type,
+            'data' => $data
+        ];
+
+        $sent = $this->webSocketService->sendToUser($userId, $message);
+
+        return response()->json([
+            'code' => $sent ? 200 : 404,
+            'message' => $sent ? 'Message sent successfully' : 'User is not online',
+            'data' => [
+                'user_id' => $userId,
+                'sent' => $sent
+            ]
+        ], $sent ? 200 : 404);
+    }
+
+    /**
+     * Send message to multiple users
+     *
+     * @param Request $request
+     * @return JsonResponse
+     */
+    public function sendToUsers(Request $request): JsonResponse
+    {
+        $request->validate([
+            'user_ids' => 'required|array',
+            'user_ids.*' => 'integer',
+            'type' => 'required|string',
+            'data' => 'required|array'
+        ]);
+
+        $userIds = $request->input('user_ids');
+        $type = $request->input('type');
+        $data = $request->input('data');
+
+        $message = [
+            'type' => $type,
+            'data' => $data
+        ];
+
+        $sentTo = $this->webSocketService->sendToUsers($userIds, $message);
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'success',
+            'data' => [
+                'total_users' => count($userIds),
+                'sent_to' => $sentTo,
+                'failed' => count($userIds) - count($sentTo)
+            ]
+        ]);
+    }
+
+    /**
+     * Broadcast message to all users
+     *
+     * @param Request $request
+     * @return JsonResponse
+     */
+    public function broadcast(Request $request): JsonResponse
+    {
+        $request->validate([
+            'type' => 'required|string',
+            'data' => 'required|array',
+            'exclude_user_id' => 'nullable|integer'
+        ]);
+
+        $type = $request->input('type');
+        $data = $request->input('data');
+        $excludeUserId = $request->input('exclude_user_id');
+
+        $message = [
+            'type' => $type,
+            'data' => $data
+        ];
+
+        $count = $this->webSocketService->broadcast($message, $excludeUserId);
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'Broadcast sent successfully',
+            'data' => [
+                'sent_to' => $count,
+                'exclude_user_id' => $excludeUserId
+            ]
+        ]);
+    }
+
+    /**
+     * Send message to a channel
+     *
+     * @param Request $request
+     * @return JsonResponse
+     */
+    public function sendToChannel(Request $request): JsonResponse
+    {
+        $request->validate([
+            'channel' => 'required|string',
+            'type' => 'required|string',
+            'data' => 'required|array'
+        ]);
+
+        $channel = $request->input('channel');
+        $type = $request->input('type');
+        $data = $request->input('data');
+
+        $message = [
+            'type' => $type,
+            'data' => $data
+        ];
+
+        $count = $this->webSocketService->sendToChannel($channel, $message);
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'Message sent to channel successfully',
+            'data' => [
+                'channel' => $channel,
+                'sent_to' => $count
+            ]
+        ]);
+    }
+
+    /**
+     * Send system notification
+     *
+     * @param Request $request
+     * @return JsonResponse
+     */
+    public function sendNotification(Request $request): JsonResponse
+    {
+        $request->validate([
+            'title' => 'required|string|max:255',
+            'message' => 'required|string|max:1000',
+            'type' => 'nullable|string|in:info,success,warning,error',
+            'extra_data' => 'nullable|array'
+        ]);
+
+        $title = $request->input('title');
+        $message = $request->input('message');
+        $type = $request->input('type', 'info');
+        $extraData = $request->input('extra_data', []);
+
+        $count = $this->webSocketService->sendSystemNotification($title, $message, $type, $extraData);
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'Notification sent successfully',
+            'data' => [
+                'sent_to' => $count
+            ]
+        ]);
+    }
+
+    /**
+     * Send notification to specific users
+     *
+     * @param Request $request
+     * @return JsonResponse
+     */
+    public function sendNotificationToUsers(Request $request): JsonResponse
+    {
+        $request->validate([
+            'user_ids' => 'required|array',
+            'user_ids.*' => 'integer',
+            'title' => 'required|string|max:255',
+            'message' => 'required|string|max:1000',
+            'type' => 'nullable|string|in:info,success,warning,error',
+            'extra_data' => 'nullable|array'
+        ]);
+
+        $userIds = $request->input('user_ids');
+        $title = $request->input('title');
+        $message = $request->input('message');
+        $type = $request->input('type', 'info');
+        $extraData = $request->input('extra_data', []);
+
+        $sentTo = $this->webSocketService->sendNotificationToUsers($userIds, $title, $message, $type, $extraData);
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'Notification sent successfully',
+            'data' => [
+                'total_users' => count($userIds),
+                'sent_to' => $sentTo,
+                'failed' => count($userIds) - count($sentTo)
+            ]
+        ]);
+    }
+
+    /**
+     * Push data update
+     *
+     * @param Request $request
+     * @return JsonResponse
+     */
+    public function pushDataUpdate(Request $request): JsonResponse
+    {
+        $request->validate([
+            'user_ids' => 'required|array',
+            'user_ids.*' => 'integer',
+            'resource_type' => 'required|string',
+            'action' => 'required|string|in:create,update,delete',
+            'data' => 'required|array'
+        ]);
+
+        $userIds = $request->input('user_ids');
+        $resourceType = $request->input('resource_type');
+        $action = $request->input('action');
+        $data = $request->input('data');
+
+        $sentTo = $this->webSocketService->pushDataUpdate($userIds, $resourceType, $action, $data);
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'Data update pushed successfully',
+            'data' => [
+                'resource_type' => $resourceType,
+                'action' => $action,
+                'total_users' => count($userIds),
+                'sent_to' => $sentTo,
+                'failed' => count($userIds) - count($sentTo)
+            ]
+        ]);
+    }
+
+    /**
+     * Push data update to channel
+     *
+     * @param Request $request
+     * @return JsonResponse
+     */
+    public function pushDataUpdateToChannel(Request $request): JsonResponse
+    {
+        $request->validate([
+            'channel' => 'required|string',
+            'resource_type' => 'required|string',
+            'action' => 'required|string|in:create,update,delete',
+            'data' => 'required|array'
+        ]);
+
+        $channel = $request->input('channel');
+        $resourceType = $request->input('resource_type');
+        $action = $request->input('action');
+        $data = $request->input('data');
+
+        $count = $this->webSocketService->pushDataUpdateToChannel($channel, $resourceType, $action, $data);
+
+        return response()->json([
+            'code' => 200,
+            'message' => 'Data update pushed to channel successfully',
+            'data' => [
+                'channel' => $channel,
+                'resource_type' => $resourceType,
+                'action' => $action,
+                'sent_to' => $count
+            ]
+        ]);
+    }
+
+    /**
+     * Disconnect a user from WebSocket
+     *
+     * @param Request $request
+     * @return JsonResponse
+     */
+    public function disconnectUser(Request $request): JsonResponse
+    {
+        $request->validate([
+            'user_id' => 'required|integer'
+        ]);
+
+        $userId = $request->input('user_id');
+        $disconnected = $this->webSocketService->disconnectUser($userId);
+
+        return response()->json([
+            'code' => $disconnected ? 200 : 404,
+            'message' => $disconnected ? 'User disconnected successfully' : 'User is not online',
+            'data' => [
+                'user_id' => $userId,
+                'disconnected' => $disconnected
+            ]
+        ], $disconnected ? 200 : 404);
+    }
+}
diff --git a/app/Http/Middleware/AuthCheckMiddleware.php b/app/Http/Middleware/AuthCheckMiddleware.php
new file mode 100644
index 0000000..225af5f
--- /dev/null
+++ b/app/Http/Middleware/AuthCheckMiddleware.php
@@ -0,0 +1,120 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Closure;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Symfony\Component\HttpFoundation\Response;
+
+class AuthCheckMiddleware
+{
+    /**
+     * 处理传入请求
+     *
+     * @param Request $request
+     * @param Closure $next
+     * @param string|null $guard 认证守卫名称（默认为 api）
+     * @param string|null $permission 需要检查的权限编码（可选）
+     * @return Response
+     */
+    public function handle(Request $request, Closure $next, ?string $guard = 'api', ?string $permission = null): Response
+    {
+        // 检查是否已认证
+        if (!Auth::guard($guard)->check()) {
+            return response()->json([
+                'code' => 401,
+                'message' => '未登录或token已过期',
+                'data' => null,
+            ], 401);
+        }
+
+        // 获取当前用户
+        $user = Auth::guard($guard)->user();
+
+        // 检查用户状态
+        if (isset($user->status) && $user->status !== 1) {
+            return response()->json([
+                'code' => 403,
+                'message' => '账号已被禁用',
+                'data' => null,
+            ], 403);
+        }
+
+        // 如果需要检查权限
+        if ($permission !== null) {
+            if (!$this->checkPermission($user, $permission, $guard)) {
+                return response()->json([
+                    'code' => 403,
+                    'message' => '无权限访问',
+                    'data' => null,
+                ], 403);
+            }
+        }
+
+        // 将用户信息添加到请求中
+        $request->merge(['auth_user' => $user]);
+
+        // 更新用户最后活跃时间
+        if (method_exists($user, 'updateLastActiveAt')) {
+            $user->updateLastActiveAt();
+        }
+
+        return $next($request);
+    }
+
+    /**
+     * 检查用户权限
+     *
+     * @param mixed $user
+     * @param string $permission 权限编码
+     * @param string $guard 认证守卫
+     * @return bool
+     */
+    protected function checkPermission($user, string $permission, string $guard): bool
+    {
+        // 如果用户有所有权限标识
+        if (method_exists($user, 'hasAllPermissions') && $user->hasAllPermissions()) {
+            return true;
+        }
+
+        // 检查用户是否有指定权限
+        if (method_exists($user, 'hasPermission')) {
+            return $user->hasPermission($permission);
+        }
+
+        return false;
+    }
+
+    /**
+     * 检查多个权限（满足任意一个即可）
+     *
+     * @param array $permissions 权限编码数组
+     * @return bool
+     */
+    protected function checkAnyPermission($user, array $permissions): bool
+    {
+        foreach ($permissions as $permission) {
+            if ($this->checkPermission($user, $permission, 'api')) {
+                return true;
+            }
+        }
+        return false;
+    }
+
+    /**
+     * 检查多个权限（必须全部满足）
+     *
+     * @param array $permissions 权限编码数组
+     * @return bool
+     */
+    protected function checkAllPermissions($user, array $permissions): bool
+    {
+        foreach ($permissions as $permission) {
+            if (!$this->checkPermission($user, $permission, 'api')) {
+                return false;
+            }
+        }
+        return true;
+    }
+}
diff --git a/app/Http/Middleware/LogRequestMiddleware.php b/app/Http/Middleware/LogRequestMiddleware.php
new file mode 100644
index 0000000..d09c27a
--- /dev/null
+++ b/app/Http/Middleware/LogRequestMiddleware.php
@@ -0,0 +1,242 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Closure;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\Log as LaravelLog;
+use App\Services\System\LogService;
+use Throwable;
+
+class LogRequestMiddleware
+{
+    protected $logService;
+
+    public function __construct(LogService $logService)
+    {
+        $this->logService = $logService;
+    }
+
+    /**
+     * Handle an incoming request.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @param  \Closure  $next
+     * @return mixed
+     */
+    public function handle(Request $request, Closure $next)
+    {
+        $startTime = microtime(true);
+
+        $response = $next($request);
+
+        $endTime = microtime(true);
+        $executionTime = round(($endTime - $startTime) * 1000, 2); // 转换为毫秒
+
+        // 异步记录日志，不影响响应速度
+        $this->logRequest($request, $response, $executionTime);
+
+        return $response;
+    }
+
+    /**
+     * 记录请求日志
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @param  \Illuminate\Http\Response  $response
+     * @param  float  $executionTime
+     * @return void
+     */
+    protected function logRequest(Request $request, $response, float $executionTime): void
+    {
+        try {
+            // 获取当前用户信息
+            $user = Auth::guard('admin')->user();
+            $userId = $user ? $user->id : null;
+            $username = $user ? $user->username : 'guest';
+
+            // 解析模块和操作
+            $module = $this->parseModule($request->path());
+            $action = $this->parseAction($request->method(), $request->path());
+
+            // 获取请求参数（排除敏感信息）
+            $params = $this->sanitizeParams($request->all());
+
+            // 获取响应数据
+            $result = null;
+            if ($response->getStatusCode() >= 400) {
+                $result = $response->getContent();
+            }
+
+            // 确定日志状态
+            $status = $response->getStatusCode() < 400 ? 'success' : 'error';
+            $errorMessage = null;
+            if ($status === 'error') {
+                $errorMessage = $this->extractErrorMessage($result);
+            }
+
+            // 构建日志数据
+            $logData = [
+                'user_id' => $userId,
+                'username' => $username,
+                'module' => $module,
+                'action' => $action,
+                'method' => $request->method(),
+                'url' => $request->fullUrl(),
+                'ip' => $this->getClientIp($request),
+                'user_agent' => $request->userAgent(),
+                'params' => $params,
+                'result' => $result,
+                'status_code' => $response->getStatusCode(),
+                'status' => $status,
+                'error_message' => $errorMessage,
+                'execution_time' => $executionTime,
+            ];
+
+            // 记录到数据库
+            $this->logService->create($logData);
+
+            // 同时记录到 Laravel 日志（用于错误）
+            if ($status === 'error') {
+                LaravelLog::error('API Request Error', [
+                    'url' => $request->fullUrl(),
+                    'method' => $request->method(),
+                    'user_id' => $userId,
+                    'error' => $errorMessage,
+                ]);
+            }
+
+        } catch (Throwable $e) {
+            // 记录日志失败不影响业务流程
+            LaravelLog::error('Log request failed', [
+                'error' => $e->getMessage(),
+                'trace' => $e->getTraceAsString(),
+            ]);
+        }
+    }
+
+    /**
+     * 解析模块名称
+     *
+     * @param  string  $path
+     * @return string
+     */
+    protected function parseModule(string $path): string
+    {
+        $segments = explode('/', trim($path, '/'));
+
+        // 移除前缀（如 admin, api）
+        $prefixes = ['admin', 'api'];
+        if (in_array($segments[0], $prefixes)) {
+            array_shift($segments);
+        }
+
+        return $segments[0] ?? 'unknown';
+    }
+
+    /**
+     * 解析操作名称
+     *
+     * @param  string  $method
+     * @param  string  $path
+     * @return string
+     */
+    protected function parseAction(string $method, string $path): string
+    {
+        $segments = explode('/', trim($path, '/'));
+
+        // 获取资源名称
+        $resource = end($segments);
+
+        // 如果资源是 ID，则取前一个作为资源名
+        if (is_numeric($resource)) {
+            $resource = prev($segments);
+        }
+
+        // 根据方法映射操作
+        $actionMap = [
+            'GET' => '查询',
+            'POST' => '创建',
+            'PUT' => '更新',
+            'PATCH' => '更新',
+            'DELETE' => '删除',
+        ];
+
+        $action = $actionMap[$method] ?? '操作';
+
+        return $action . ' ' . $resource;
+    }
+
+    /**
+     * 清理敏感参数
+     *
+     * @param  array  $params
+     * @return array
+     */
+    protected function sanitizeParams(array $params): array
+    {
+        $sensitiveKeys = ['password', 'password_confirmation', 'token', 'secret', 'key'];
+
+        array_walk_recursive($params, function (&$value, $key) use ($sensitiveKeys) {
+            if (in_array(strtolower($key), $sensitiveKeys)) {
+                $value = '******';
+            }
+        });
+
+        return $params;
+    }
+
+    /**
+     * 提取错误信息
+     *
+     * @param  string|null  $content
+     * @return string|null
+     */
+    protected function extractErrorMessage(?string $content): ?string
+    {
+        if (empty($content)) {
+            return null;
+        }
+
+        try {
+            $data = json_decode($content, true);
+            if (isset($data['message'])) {
+                return $data['message'];
+            }
+        } catch (\Exception $e) {
+            // JSON 解析失败，返回原始内容
+        }
+
+        return $content;
+    }
+
+    /**
+     * 获取客户端 IP
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @return string
+     */
+    protected function getClientIp(Request $request): string
+    {
+        $ip = $request->ip();
+
+        // 检查代理头
+        $headers = [
+            'HTTP_X_FORWARDED_FOR',
+            'HTTP_CLIENT_IP',
+            'HTTP_X_REAL_IP',
+            'HTTP_CF_CONNECTING_IP',
+        ];
+
+        foreach ($headers as $header) {
+            if ($request->hasHeader($header)) {
+                $forwardedIps = explode(',', $request->header($header));
+                $ip = trim($forwardedIps[0]);
+                break;
+            }
+        }
+
+        return $ip;
+    }
+}
diff --git a/app/Http/Requests/LogRequest.php b/app/Http/Requests/LogRequest.php
new file mode 100644
index 0000000..7abafb1
--- /dev/null
+++ b/app/Http/Requests/LogRequest.php
@@ -0,0 +1,139 @@
+<?php
+
+namespace App\Http\Requests;
+
+use Illuminate\Foundation\Http\FormRequest;
+use Illuminate\Contracts\Validation\Validator;
+use Illuminate\Http\Exceptions\HttpResponseException;
+
+class LogRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     *
+     * @return bool
+     */
+    public function authorize(): bool
+    {
+        return true;
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array
+     */
+    public function rules(): array
+    {
+        $rules = [];
+
+        if ($this->isMethod('GET')) {
+            // 列表查询参数验证
+            $rules = [
+                'user_id' => 'nullable|integer|exists:auth_users,id',
+                'username' => 'nullable|string|max:50',
+                'module' => 'nullable|string|max:50',
+                'action' => 'nullable|string|max:100',
+                'status' => 'nullable|in:success,error',
+                'start_date' => 'nullable|date',
+                'end_date' => 'nullable|date|after_or_equal:start_date',
+                'ip' => 'nullable|ip',
+                'page' => 'nullable|integer|min:1',
+                'page_size' => 'nullable|integer|min:1|max:100',
+            ];
+        } elseif ($this->isMethod('POST')) {
+            // 批量删除参数验证
+            if ($this->routeIs('*.batch-delete')) {
+                $rules = [
+                    'ids' => 'required|array',
+                    'ids.*' => 'required|integer|exists:system_logs,id',
+                ];
+            }
+            // 清理日志参数验证
+            if ($this->routeIs('*.clear')) {
+                $rules = [
+                    'days' => 'nullable|integer|min:1|max:365',
+                ];
+            }
+        } elseif ($this->isMethod('DELETE')) {
+            // 单个删除参数验证
+            $rules = [
+                'id' => 'required|integer|exists:system_logs,id',
+            ];
+        }
+
+        return $rules;
+    }
+
+    /**
+     * Get custom messages for validator errors.
+     *
+     * @return array
+     */
+    public function messages(): array
+    {
+        return [
+            'user_id.exists' => '用户不存在',
+            'username.max' => '用户名最多50个字符',
+            'module.max' => '模块名最多50个字符',
+            'action.max' => '操作名最多100个字符',
+            'status.in' => '状态值必须是 success 或 error',
+            'start_date.date' => '开始日期格式不正确',
+            'end_date.date' => '结束日期格式不正确',
+            'end_date.after_or_equal' => '结束日期必须大于或等于开始日期',
+            'ip.ip' => 'IP地址格式不正确',
+            'page.integer' => '页码必须是整数',
+            'page.min' => '页码必须大于0',
+            'page_size.integer' => '每页数量必须是整数',
+            'page_size.min' => '每页数量必须大于0',
+            'page_size.max' => '每页数量不能超过100',
+            'ids.required' => '请选择要删除的日志',
+            'ids.array' => '日志ID必须是数组',
+            'ids.*.required' => '日志ID不能为空',
+            'ids.*.integer' => '日志ID必须是整数',
+            'ids.*.exists' => '日志不存在',
+            'days.integer' => '天数必须是整数',
+            'days.min' => '天数必须大于0',
+            'days.max' => '天数不能超过365',
+            'id.required' => '日志ID不能为空',
+            'id.integer' => '日志ID必须是整数',
+            'id.exists' => '日志不存在',
+        ];
+    }
+
+    /**
+     * Handle a failed validation attempt.
+     *
+     * @param  \Illuminate\Contracts\Validation\Validator  $validator
+     * @return void
+     *
+     * @throws \Illuminate\Http\Exceptions\HttpResponseException
+     */
+    protected function failedValidation(Validator $validator): void
+    {
+        throw new HttpResponseException(
+            response()->json([
+                'code' => 422,
+                'message' => $validator->errors()->first(),
+                'data' => null,
+            ], 422)
+        );
+    }
+
+    /**
+     * Prepare the data for validation.
+     *
+     * @return void
+     */
+    protected function prepareForValidation(): void
+    {
+        // 设置默认值
+        if ($this->isMethod('GET')) {
+            $this->merge([
+                'page' => $this->input('page', 1),
+                'page_size' => $this->input('page_size', 20),
+                'days' => $this->input('days', 30),
+            ]);
+        }
+    }
+}
diff --git a/app/Imports/DepartmentImport.php b/app/Imports/DepartmentImport.php
new file mode 100644
index 0000000..9cb2533
--- /dev/null
+++ b/app/Imports/DepartmentImport.php
@@ -0,0 +1,120 @@
+<?php
+
+namespace App\Imports;
+
+use App\Models\Auth\Department;
+use Illuminate\Support\Collection;
+use Maatwebsite\Excel\Concerns\ToCollection;
+use Maatwebsite\Excel\Concerns\WithHeadingRow;
+use Maatwebsite\Excel\Concerns\WithValidation;
+
+class DepartmentImport implements ToCollection, WithHeadingRow, WithValidation
+{
+    protected $successCount = 0;
+    protected $errorCount = 0;
+    protected $errors = [];
+
+    /**
+     * 处理导入数据
+     */
+    public function collection(Collection $rows)
+    {
+        foreach ($rows as $index => $row) {
+            try {
+                // 跳过空行
+                if (empty($row['部门名称'])) {
+                    continue;
+                }
+
+                // 检查部门名称是否已存在
+                $exists = Department::where('name', $row['部门名称'])->exists();
+                if ($exists) {
+                    $this->addError($index + 2, '部门名称已存在: ' . $row['部门名称']);
+                    continue;
+                }
+
+                // 查找父级部门
+                $parentId = null;
+                if (!empty($row['上级部门名称'])) {
+                    $parent = Department::where('name', $row['上级部门名称'])->first();
+                    if (!$parent) {
+                        $this->addError($index + 2, '上级部门不存在: ' . $row['上级部门名称']);
+                        continue;
+                    }
+                    $parentId = $parent->id;
+                }
+
+                // 创建部门
+                Department::create([
+                    'name' => $row['部门名称'],
+                    'parent_id' => $parentId,
+                    'leader' => $row['负责人'] ?? null,
+                    'phone' => $row['联系电话'] ?? null,
+                    'sort' => $row['排序'] ?? 0,
+                    'status' => 1,
+                ]);
+
+                $this->successCount++;
+            } catch (\Exception $e) {
+                $this->addError($index + 2, $e->getMessage());
+            }
+        }
+    }
+
+    /**
+     * 验证规则
+     */
+    public function rules(): array
+    {
+        return [
+            '部门名称' => 'required|string|max:50',
+            '上级部门名称' => 'nullable|string|max:50',
+            '负责人' => 'nullable|string|max:50',
+            '联系电话' => 'nullable|string|max:20',
+            '排序' => 'nullable|integer|min:0',
+        ];
+    }
+
+    /**
+     * 自定义验证消息
+     */
+    public function customValidationMessages(): array
+    {
+        return [
+            '部门名称.required' => '部门名称不能为空',
+        ];
+    }
+
+    /**
+     * 添加错误
+     */
+    protected function addError(int $row, string $message): void
+    {
+        $this->errorCount++;
+        $this->errors[] = "第 {$row} 行: {$message}";
+    }
+
+    /**
+     * 获取成功数量
+     */
+    public function getSuccessCount(): int
+    {
+        return $this->successCount;
+    }
+
+    /**
+     * 获取错误数量
+     */
+    public function getErrorCount(): int
+    {
+        return $this->errorCount;
+    }
+
+    /**
+     * 获取错误信息
+     */
+    public function getErrors(): array
+    {
+        return $this->errors;
+    }
+}
diff --git a/app/Imports/UserImport.php b/app/Imports/UserImport.php
new file mode 100644
index 0000000..e0cfd87
--- /dev/null
+++ b/app/Imports/UserImport.php
@@ -0,0 +1,147 @@
+<?php
+
+namespace App\Imports;
+
+use App\Models\Auth\User;
+use App\Models\Auth\Department;
+use App\Models\Auth\Role;
+use Illuminate\Support\Collection;
+use Illuminate\Support\Facades\Hash;
+use Maatwebsite\Excel\Concerns\ToCollection;
+use Maatwebsite\Excel\Concerns\WithHeadingRow;
+use Maatwebsite\Excel\Concerns\WithValidation;
+
+class UserImport implements ToCollection, WithHeadingRow, WithValidation
+{
+    protected $successCount = 0;
+    protected $errorCount = 0;
+    protected $errors = [];
+
+    /**
+     * 处理导入数据
+     */
+    public function collection(Collection $rows)
+    {
+        foreach ($rows as $index => $row) {
+            try {
+                // 跳过空行
+                if (empty($row['用户名'])) {
+                    continue;
+                }
+
+                // 检查用户名是否已存在
+                $exists = User::where('username', $row['用户名'])->exists();
+                if ($exists) {
+                    $this->addError($index + 2, '用户名已存在');
+                    continue;
+                }
+
+                // 查找部门
+                $departmentId = null;
+                if (!empty($row['部门名称'])) {
+                    $department = Department::where('name', $row['部门名称'])->first();
+                    if (!$department) {
+                        $this->addError($index + 2, '部门不存在: ' . $row['部门名称']);
+                        continue;
+                    }
+                    $departmentId = $department->id;
+                }
+
+                // 查找角色
+                $roleIds = [];
+                if (!empty($row['角色名称（多个用逗号分隔）'])) {
+                    $roleNames = array_map('trim', explode(',', $row['角色名称（多个用逗号分隔）']));
+                    $roles = Role::whereIn('name', $roleNames)->get();
+
+                    if ($roles->count() != count($roleNames)) {
+                        $existingNames = $roles->pluck('name')->toArray();
+                        $notFound = array_diff($roleNames, $existingNames);
+                        $this->addError($index + 2, '角色不存在: ' . implode(', ', $notFound));
+                        continue;
+                    }
+                    $roleIds = $roles->pluck('id')->toArray();
+                }
+
+                // 创建用户
+                $user = User::create([
+                    'username' => $row['用户名'],
+                    'password' => Hash::make($row['密码']),
+                    'real_name' => $row['真实姓名'],
+                    'email' => $row['邮箱'] ?? null,
+                    'phone' => $row['手机号'] ?? null,
+                    'department_id' => $departmentId,
+                    'status' => 1,
+                ]);
+
+                // 分配角色
+                if (!empty($roleIds)) {
+                    $user->roles()->attach($roleIds);
+                }
+
+                $this->successCount++;
+            } catch (\Exception $e) {
+                $this->addError($index + 2, $e->getMessage());
+            }
+        }
+    }
+
+    /**
+     * 验证规则
+     */
+    public function rules(): array
+    {
+        return [
+            '用户名' => 'required|string|max:50',
+            '密码' => 'required|string|min:6',
+            '真实姓名' => 'required|string|max:50',
+            '邮箱' => 'nullable|email',
+            '手机号' => 'nullable|string|max:20',
+        ];
+    }
+
+    /**
+     * 自定义验证消息
+     */
+    public function customValidationMessages(): array
+    {
+        return [
+            '用户名.required' => '用户名不能为空',
+            '密码.required' => '密码不能为空',
+            '真实姓名.required' => '真实姓名不能为空',
+            '密码.min' => '密码至少6位',
+        ];
+    }
+
+    /**
+     * 添加错误
+     */
+    protected function addError(int $row, string $message): void
+    {
+        $this->errorCount++;
+        $this->errors[] = "第 {$row} 行: {$message}";
+    }
+
+    /**
+     * 获取成功数量
+     */
+    public function getSuccessCount(): int
+    {
+        return $this->successCount;
+    }
+
+    /**
+     * 获取错误数量
+     */
+    public function getErrorCount(): int
+    {
+        return $this->errorCount;
+    }
+
+    /**
+     * 获取错误信息
+     */
+    public function getErrors(): array
+    {
+        return $this->errors;
+    }
+}
diff --git a/app/Models/Auth/Department.php b/app/Models/Auth/Department.php
new file mode 100644
index 0000000..e725aa5
--- /dev/null
+++ b/app/Models/Auth/Department.php
@@ -0,0 +1,53 @@
+<?php
+
+namespace App\Models\Auth;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\HasMany;
+use Illuminate\Database\Eloquent\SoftDeletes;
+
+class Department extends Model
+{
+    use SoftDeletes;
+
+    protected $table = 'auth_departments';
+
+    protected $fillable = [
+        'name',
+        'parent_id',
+        'leader',
+        'phone',
+        'sort',
+        'status',
+    ];
+
+    protected $casts = [
+        'parent_id' => 'integer',
+        'sort' => 'integer',
+        'status' => 'integer',
+    ];
+
+    /**
+     * 获取子部门
+     */
+    public function children(): HasMany
+    {
+        return $this->hasMany(Department::class, 'parent_id');
+    }
+
+    /**
+     * 获取父部门
+     */
+    public function parent()
+    {
+        return $this->belongsTo(Department::class, 'parent_id');
+    }
+
+    /**
+     * 获取部门下的用户
+     */
+    public function users(): HasMany
+    {
+        return $this->hasMany(User::class, 'department_id');
+    }
+}
diff --git a/app/Models/Auth/Permission.php b/app/Models/Auth/Permission.php
new file mode 100644
index 0000000..42ab587
--- /dev/null
+++ b/app/Models/Auth/Permission.php
@@ -0,0 +1,58 @@
+<?php
+
+namespace App\Models\Auth;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsToMany;
+use Illuminate\Database\Eloquent\SoftDeletes;
+
+class Permission extends Model
+{
+    use SoftDeletes;
+
+    protected $table = 'auth_permissions';
+
+    protected $fillable = [
+        'name',
+        'code',
+        'type',
+        'parent_id',
+        'route',
+        'component',
+        'meta',
+        'sort',
+        'status',
+    ];
+
+    protected $casts = [
+        'parent_id' => 'integer',
+        'meta' => 'array',
+        'sort' => 'integer',
+        'status' => 'integer',
+    ];
+
+    /**
+     * 关联角色
+     */
+    public function roles(): BelongsToMany
+    {
+        return $this->belongsToMany(Role::class, 'auth_role_permission', 'permission_id', 'role_id')
+            ->withTimestamps();
+    }
+
+    /**
+     * 获取子权限
+     */
+    public function children()
+    {
+        return $this->hasMany(Permission::class, 'parent_id');
+    }
+
+    /**
+     * 获取父权限
+     */
+    public function parent()
+    {
+        return $this->belongsTo(Permission::class, 'parent_id');
+    }
+}
diff --git a/app/Models/Auth/Role.php b/app/Models/Auth/Role.php
new file mode 100644
index 0000000..7ed958d
--- /dev/null
+++ b/app/Models/Auth/Role.php
@@ -0,0 +1,45 @@
+<?php
+
+namespace App\Models\Auth;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsToMany;
+use Illuminate\Database\Eloquent\SoftDeletes;
+
+class Role extends Model
+{
+    use SoftDeletes;
+
+    protected $table = 'auth_roles';
+
+    protected $fillable = [
+        'name',
+        'code',
+        'description',
+        'sort',
+        'status',
+    ];
+
+    protected $casts = [
+        'sort' => 'integer',
+        'status' => 'integer',
+    ];
+
+    /**
+     * 关联权限
+     */
+    public function permissions(): BelongsToMany
+    {
+        return $this->belongsToMany(Permission::class, 'auth_role_permission', 'role_id', 'permission_id')
+            ->withTimestamps();
+    }
+
+    /**
+     * 关联用户
+     */
+    public function users(): BelongsToMany
+    {
+        return $this->belongsToMany(User::class, 'auth_user_role', 'role_id', 'user_id')
+            ->withTimestamps();
+    }
+}
diff --git a/app/Models/Auth/User.php b/app/Models/Auth/User.php
new file mode 100644
index 0000000..7d5d2f4
--- /dev/null
+++ b/app/Models/Auth/User.php
@@ -0,0 +1,109 @@
+<?php
+
+namespace App\Models\Auth;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\Relations\BelongsToMany;
+use Illuminate\Database\Eloquent\SoftDeletes;
+use Illuminate\Foundation\Auth\User as Authenticatable;
+use Tymon\JWTAuth\Contracts\JWTSubject;
+
+class User extends Authenticatable implements JWTSubject
+{
+    use SoftDeletes;
+
+    protected $table = 'auth_users';
+
+    protected $fillable = [
+        'username',
+        'password',
+        'real_name',
+        'email',
+        'phone',
+        'department_id',
+        'avatar',
+        'status',
+        'last_login_at',
+        'last_login_ip',
+    ];
+
+    protected $hidden = [
+        'password',
+        'deleted_at',
+    ];
+
+    protected $casts = [
+        'status' => 'integer',
+        'department_id' => 'integer',
+        'last_login_at' => 'datetime',
+    ];
+
+    /**
+     * 关联部门
+     */
+    public function department(): BelongsTo
+    {
+        return $this->belongsTo(Department::class, 'department_id');
+    }
+
+    /**
+     * 关联角色
+     */
+    public function roles(): BelongsToMany
+    {
+        return $this->belongsToMany(Role::class, 'auth_user_role', 'user_id', 'role_id')
+            ->withTimestamps();
+    }
+
+    /**
+     * 获取用户的所有权限
+     */
+    public function permissions()
+    {
+        return $this->roles()->with('permissions');
+    }
+
+    /**
+     * 检查用户是否有指定权限
+     */
+    public function hasPermission(string $permissionCode): bool
+    {
+        foreach ($this->roles as $role) {
+            foreach ($role->permissions as $permission) {
+                if ($permission->code === $permissionCode) {
+                    return true;
+                }
+            }
+        }
+        return false;
+    }
+
+    /**
+     * 检查用户是否有指定角色
+     */
+    public function hasRole(string $roleCode): bool
+    {
+        return $this->roles()->where('code', $roleCode)->exists();
+    }
+
+    /**
+     * 获取 JWT 标识符
+     *
+     * @return mixed
+     */
+    public function getJWTIdentifier()
+    {
+        return $this->getKey();
+    }
+
+    /**
+     * 获取 JWT 自定义声明
+     *
+     * @return array
+     */
+    public function getJWTCustomClaims()
+    {
+        return [];
+    }
+}
diff --git a/app/Models/System/City.php b/app/Models/System/City.php
new file mode 100644
index 0000000..318512c
--- /dev/null
+++ b/app/Models/System/City.php
@@ -0,0 +1,46 @@
+<?php
+
+namespace App\Models\System;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\HasMany;
+
+class City extends Model
+{
+    protected $table = 'system_cities';
+
+    protected $fillable = [
+        'parent_id',
+        'name',
+        'code',
+        'pinyin',
+        'pinyin_short',
+        'level',
+        'sort',
+        'status',
+    ];
+
+    protected $casts = [
+        'parent_id' => 'integer',
+        'level' => 'integer',
+        'sort' => 'integer',
+        'status' => 'boolean',
+    ];
+
+    public function children(): HasMany
+    {
+        return $this->hasMany(City::class, 'parent_id')->orderBy('sort');
+    }
+
+    public function activeChildren(): HasMany
+    {
+        return $this->hasMany(City::class, 'parent_id')
+            ->where('status', true)
+            ->orderBy('sort');
+    }
+
+    public function parent()
+    {
+        return $this->belongsTo(City::class, 'parent_id');
+    }
+}
diff --git a/app/Models/System/Config.php b/app/Models/System/Config.php
new file mode 100644
index 0000000..f5d5008
--- /dev/null
+++ b/app/Models/System/Config.php
@@ -0,0 +1,47 @@
+<?php
+
+namespace App\Models\System;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\SoftDeletes;
+
+class Config extends Model
+{
+    use SoftDeletes;
+
+    protected $table = 'system_configs';
+
+    protected $fillable = [
+        'group',
+        'key',
+        'name',
+        'type',
+        'options',
+        'value',
+        'default_value',
+        'description',
+        'validation',
+        'sort',
+        'is_system',
+        'status',
+    ];
+
+    protected $casts = [
+        'options' => 'array',
+        'is_system' => 'boolean',
+        'status' => 'boolean',
+    ];
+
+    public function getOptionsAttribute($value)
+    {
+        if (is_string($value)) {
+            return json_decode($value, true) ?? [];
+        }
+        return $value;
+    }
+
+    public function setOptionsAttribute($value)
+    {
+        $this->attributes['options'] = is_array($value) ? json_encode($value) : $value;
+    }
+}
diff --git a/app/Models/System/Dictionary.php b/app/Models/System/Dictionary.php
new file mode 100644
index 0000000..98be2c5
--- /dev/null
+++ b/app/Models/System/Dictionary.php
@@ -0,0 +1,38 @@
+<?php
+
+namespace App\Models\System;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\HasMany;
+use Illuminate\Database\Eloquent\SoftDeletes;
+
+class Dictionary extends Model
+{
+    use SoftDeletes;
+
+    protected $table = 'system_dictionaries';
+
+    protected $fillable = [
+        'name',
+        'code',
+        'description',
+        'status',
+        'sort',
+    ];
+
+    protected $casts = [
+        'status' => 'boolean',
+    ];
+
+    public function items(): HasMany
+    {
+        return $this->hasMany(DictionaryItem::class, 'dictionary_id')->orderBy('sort');
+    }
+
+    public function activeItems(): HasMany
+    {
+        return $this->hasMany(DictionaryItem::class, 'dictionary_id')
+            ->where('status', true)
+            ->orderBy('sort');
+    }
+}
diff --git a/app/Models/System/DictionaryItem.php b/app/Models/System/DictionaryItem.php
new file mode 100644
index 0000000..fe2db1a
--- /dev/null
+++ b/app/Models/System/DictionaryItem.php
@@ -0,0 +1,32 @@
+<?php
+
+namespace App\Models\System;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+
+class DictionaryItem extends Model
+{
+    protected $table = 'system_dictionary_items';
+
+    protected $fillable = [
+        'dictionary_id',
+        'label',
+        'value',
+        'color',
+        'description',
+        'is_default',
+        'status',
+        'sort',
+    ];
+
+    protected $casts = [
+        'is_default' => 'boolean',
+        'status' => 'boolean',
+    ];
+
+    public function dictionary(): BelongsTo
+    {
+        return $this->belongsTo(Dictionary::class, 'dictionary_id');
+    }
+}
diff --git a/app/Models/System/Log.php b/app/Models/System/Log.php
new file mode 100644
index 0000000..1805257
--- /dev/null
+++ b/app/Models/System/Log.php
@@ -0,0 +1,39 @@
+<?php
+
+namespace App\Models\System;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+
+class Log extends Model
+{
+    protected $table = 'system_logs';
+
+    protected $fillable = [
+        'user_id',
+        'username',
+        'module',
+        'action',
+        'method',
+        'url',
+        'ip',
+        'user_agent',
+        'params',
+        'result',
+        'status_code',
+        'status',
+        'error_message',
+        'execution_time',
+    ];
+
+    protected $casts = [
+        'params' => 'array',
+        'execution_time' => 'integer',
+        'status_code' => 'integer',
+    ];
+
+    public function user(): BelongsTo
+    {
+        return $this->belongsTo(\App\Models\Auth\User::class, 'user_id');
+    }
+}
diff --git a/app/Models/System/Task.php b/app/Models/System/Task.php
new file mode 100644
index 0000000..b78da8b
--- /dev/null
+++ b/app/Models/System/Task.php
@@ -0,0 +1,42 @@
+<?php
+
+namespace App\Models\System;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\SoftDeletes;
+
+class Task extends Model
+{
+    use SoftDeletes;
+
+    protected $table = 'system_tasks';
+
+    protected $fillable = [
+        'name',
+        'command',
+        'description',
+        'type',
+        'expression',
+        'timezone',
+        'is_active',
+        'run_in_background',
+        'without_overlapping',
+        'only_one',
+        'last_run_at',
+        'next_run_at',
+        'last_output',
+        'run_count',
+        'failed_count',
+    ];
+
+    protected $casts = [
+        'is_active' => 'boolean',
+        'run_in_background' => 'boolean',
+        'without_overlapping' => 'boolean',
+        'only_one' => 'boolean',
+        'last_run_at' => 'datetime',
+        'next_run_at' => 'datetime',
+        'run_count' => 'integer',
+        'failed_count' => 'integer',
+    ];
+}
diff --git a/app/Providers/AppServiceProvider.php b/app/Providers/AppServiceProvider.php
new file mode 100644
index 0000000..452e6b6
--- /dev/null
+++ b/app/Providers/AppServiceProvider.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace App\Providers;
+
+use Illuminate\Support\ServiceProvider;
+
+class AppServiceProvider extends ServiceProvider
+{
+    /**
+     * Register any application services.
+     */
+    public function register(): void
+    {
+        //
+    }
+
+    /**
+     * Bootstrap any application services.
+     */
+    public function boot(): void
+    {
+        //
+    }
+}
diff --git a/app/Services/Auth/AuthService.php b/app/Services/Auth/AuthService.php
new file mode 100644
index 0000000..bb92e09
--- /dev/null
+++ b/app/Services/Auth/AuthService.php
@@ -0,0 +1,248 @@
+<?php
+
+namespace App\Services\Auth;
+
+use App\Models\Auth\User;
+use App\Services\Auth\PermissionService;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\Hash;
+use Illuminate\Validation\ValidationException;
+
+class AuthService
+{
+    protected $permissionService;
+
+    public function __construct(PermissionService $permissionService)
+    {
+        $this->permissionService = $permissionService;
+    }
+
+    /**
+     * 管理员登录
+     */
+    public function login(array $credentials): array
+    {
+        $user = User::where('username', $credentials['username'])->first();
+
+        if (!$user || !Hash::check($credentials['password'], $user->password)) {
+            throw ValidationException::withMessages([
+                'username' => ['用户名或密码错误'],
+            ]);
+        }
+
+        if ($user->status !== 1) {
+            throw ValidationException::withMessages([
+                'username' => ['账号已被禁用'],
+            ]);
+        }
+
+        // 更新登录信息
+        $user->update([
+            'last_login_at' => now(),
+            'last_login_ip' => request()->ip(),
+        ]);
+
+        // 生成token
+        $token = Auth::guard('admin')->login($user);
+
+        // 生成refresh token
+        $refreshToken = Auth::guard('admin')->refresh();
+
+        // 获取用户菜单
+        $menu = $this->getUserMenu($user);
+
+        // 获取用户权限列表
+        $permissions = $this->getUserPermissions($user);
+
+        return [
+            'token' => $token,
+            'refreshToken' => $refreshToken,
+            'user' => $this->getUserInfo($user),
+            'menu' => $menu,
+            'permissions' => $permissions,
+        ];
+    }
+
+    /**
+     * 管理员登出
+     */
+    public function logout(): void
+    {
+        Auth::guard('admin')->logout();
+    }
+
+    /**
+     * 刷新token
+     */
+    public function refresh(): array
+    {
+        $newToken = Auth::guard('admin')->refresh();
+        $user = Auth::guard('admin')->user();
+
+        // 生成新的refresh token
+        $newRefreshToken = Auth::guard('admin')->refresh();
+
+        // 获取用户菜单
+        $menu = $this->getUserMenu($user);
+
+        // 获取用户权限列表
+        $permissions = $this->getUserPermissions($user);
+
+        return [
+            'token' => $newToken,
+            'refreshToken' => $newRefreshToken,
+            'user' => $this->getUserInfo($user),
+            'menu' => $menu,
+            'permissions' => $permissions,
+        ];
+    }
+
+    /**
+     * 获取当前用户信息
+     */
+    public function me(): array
+    {
+        $user = Auth::guard('admin')->user();
+        return $this->getUserInfo($user);
+    }
+
+    /**
+     * 找回密码
+     */
+    public function resetPassword(array $data): void
+    {
+        $user = User::where('username', $data['username'])
+            ->orWhere('email', $data['username'])
+            ->orWhere('phone', $data['username'])
+            ->first();
+
+        if (!$user) {
+            throw ValidationException::withMessages([
+                'username' => ['用户不存在'],
+            ]);
+        }
+
+        $user->update([
+            'password' => Hash::make($data['password']),
+        ]);
+    }
+
+    /**
+     * 修改密码
+     */
+    public function changePassword(array $data): void
+    {
+        $user = Auth::guard('admin')->user();
+
+        if (!Hash::check($data['old_password'], $user->password)) {
+            throw ValidationException::withMessages([
+                'old_password' => ['原密码错误'],
+            ]);
+        }
+
+        $user->update([
+            'password' => Hash::make($data['password']),
+        ]);
+    }
+
+    /**
+     * 获取用户信息详情
+     */
+    private function getUserInfo(User $user): array
+    {
+        $user->load(['department', 'roles.permissions']);
+
+        return [
+            'id' => $user->id,
+            'username' => $user->username,
+            'real_name' => $user->real_name,
+            'email' => $user->email,
+            'phone' => $user->phone,
+            'avatar' => $user->avatar,
+            'department' => $user->department ? [
+                'id' => $user->department->id,
+                'name' => $user->department->name,
+            ] : null,
+            'roles' => $user->roles->pluck('name')->toArray(),
+            'permissions' => $this->getUserPermissions($user),
+            'status' => $user->status,
+            'last_login_at' => $user->last_login_at ? $user->last_login_at->toDateTimeString() : null,
+        ];
+    }
+
+    /**
+     * 获取用户菜单
+     */
+    private function getUserMenu(User $user): array
+    {
+        // 获取用户的所有权限
+        $permissionIds = [];
+        foreach ($user->roles as $role) {
+            foreach ($role->permissions as $permission) {
+                $permissionIds[] = $permission->id;
+            }
+        }
+
+        // 查询菜单类型的权限
+        $menuPermissions = \App\Models\Auth\Permission::whereIn('id', $permissionIds)
+            ->where('type', 'menu')
+            ->where('status', 1)
+            ->orderBy('sort', 'asc')
+            ->get();
+
+        // 构建菜单树
+        return $this->buildMenuTree($menuPermissions);
+    }
+
+    /**
+     * 构建菜单树
+     */
+    private function buildMenuTree($permissions, $parentId = 0): array
+    {
+        $tree = [];
+        foreach ($permissions as $permission) {
+            if ($permission->parent_id == $parentId) {
+                $node = [
+                    'path' => $permission->route,
+                    'name' => $permission->code,
+                    'meta' => $permission->meta ? json_decode($permission->meta, true) : [],
+                ];
+
+                // 添加组件路径
+                if ($permission->component) {
+                    $node['component'] = $permission->component;
+                }
+
+                // 添加重定向
+                if (!empty($node['meta']['redirect'])) {
+                    $node['redirect'] = $node['meta']['redirect'];
+                }
+
+                // 递归构建子菜单
+                $children = $this->buildMenuTree($permissions, $permission->id);
+                if (!empty($children)) {
+                    $node['children'] = $children;
+                }
+
+                $tree[] = $node;
+            }
+        }
+        return $tree;
+    }
+
+    /**
+     * 获取用户权限列表
+     */
+    private function getUserPermissions(User $user): array
+    {
+        $permissions = [];
+        foreach ($user->roles as $role) {
+            foreach ($role->permissions as $permission) {
+                if (!in_array($permission->code, $permissions)) {
+                    $permissions[] = $permission->code;
+                }
+            }
+        }
+        return $permissions;
+    }
+}
diff --git a/app/Services/Auth/DepartmentService.php b/app/Services/Auth/DepartmentService.php
new file mode 100644
index 0000000..c3623cc
--- /dev/null
+++ b/app/Services/Auth/DepartmentService.php
@@ -0,0 +1,319 @@
+<?php
+
+namespace App\Services\Auth;
+
+use App\Models\Auth\Department;
+use Illuminate\Validation\ValidationException;
+
+class DepartmentService
+{
+    /**
+     * 获取部门列表
+     */
+    public function getList(array $params): array
+    {
+        $query = Department::query();
+
+        // 搜索条件
+        if (!empty($params['keyword'])) {
+            $query->where(function ($q) use ($params) {
+                $q->where('name', 'like', '%' . $params['keyword'] . '%')
+                    ->orWhere('leader', 'like', '%' . $params['keyword'] . '%')
+                    ->orWhere('phone', 'like', '%' . $params['keyword'] . '%');
+            });
+        }
+
+        if (isset($params['status']) && $params['status'] !== '') {
+            $query->where('status', $params['status']);
+        }
+
+        if (isset($params['parent_id']) && $params['parent_id'] !== '') {
+            $query->where('parent_id', $params['parent_id']);
+        }
+
+        // 排序
+        $orderBy = $params['order_by'] ?? 'sort';
+        $orderDirection = $params['order_direction'] ?? 'asc';
+        $query->orderBy($orderBy, $orderDirection);
+
+        // 分页
+        $page = $params['page'] ?? 1;
+        $pageSize = $params['page_size'] ?? 20;
+        $list = $query->paginate($pageSize, ['*'], 'page', $page);
+
+        return [
+            'list' => $list->items(),
+            'total' => $list->total(),
+            'page' => $page,
+            'page_size' => $pageSize,
+        ];
+    }
+
+    /**
+     * 获取部门树
+     */
+    public function getTree(array $params = []): array
+    {
+        $query = Department::query();
+
+        if (isset($params['status']) && $params['status'] !== '') {
+            $query->where('status', $params['status']);
+        }
+
+        $departments = $query->orderBy('sort', 'asc')->get();
+        return $this->buildTree($departments);
+    }
+
+    /**
+     * 获取所有部门（不分页）
+     */
+    public function getAll(): array
+    {
+        $departments = Department::where('status', 1)->orderBy('sort', 'asc')->get();
+        return $departments->map(function ($department) {
+            return [
+                'id' => $department->id,
+                'name' => $department->name,
+                'parent_id' => $department->parent_id,
+            ];
+        })->toArray();
+    }
+
+    /**
+     * 获取部门详情
+     */
+    public function getById(int $id): array
+    {
+        $department = Department::with(['parent', 'children'])->find($id);
+
+        if (!$department) {
+            throw ValidationException::withMessages([
+                'id' => ['部门不存在'],
+            ]);
+        }
+
+        return [
+            'id' => $department->id,
+            'name' => $department->name,
+            'parent_id' => $department->parent_id,
+            'parent' => $department->parent ? [
+                'id' => $department->parent->id,
+                'name' => $department->parent->name,
+            ] : null,
+            'leader' => $department->leader,
+            'phone' => $department->phone,
+            'sort' => $department->sort,
+            'status' => $department->status,
+            'children_count' => $department->children()->count(),
+            'users_count' => $department->users()->count(),
+            'created_at' => $department->created_at->toDateTimeString(),
+            'updated_at' => $department->updated_at->toDateTimeString(),
+        ];
+    }
+
+    /**
+     * 创建部门
+     */
+    public function create(array $data): Department
+    {
+        // 检查部门名称是否已存在
+        $query = Department::where('name', $data['name']);
+        if (!empty($data['parent_id'])) {
+            $query->where('parent_id', $data['parent_id']);
+        } else {
+            $query->where('parent_id', 0);
+        }
+        if ($query->exists()) {
+            throw ValidationException::withMessages([
+                'name' => ['同级部门名称已存在'],
+            ]);
+        }
+
+        // 如果有父级ID，检查父级是否存在
+        if (!empty($data['parent_id'])) {
+            $parent = Department::find($data['parent_id']);
+            if (!$parent) {
+                throw ValidationException::withMessages([
+                    'parent_id' => ['父级部门不存在'],
+                ]);
+            }
+        }
+
+        return Department::create([
+            'name' => $data['name'],
+            'parent_id' => $data['parent_id'] ?? 0,
+            'leader' => $data['leader'] ?? null,
+            'phone' => $data['phone'] ?? null,
+            'sort' => $data['sort'] ?? 0,
+            'status' => $data['status'] ?? 1,
+        ]);
+    }
+
+    /**
+     * 更新部门
+     */
+    public function update(int $id, array $data): Department
+    {
+        $department = Department::find($id);
+
+        if (!$department) {
+            throw ValidationException::withMessages([
+                'id' => ['部门不存在'],
+            ]);
+        }
+
+        // 检查部门名称是否已被其他部门使用
+        if (isset($data['name']) && $data['name'] !== $department->name) {
+            $query = Department::where('name', $data['name'])
+                ->where('id', '!=', $id);
+            $parentId = isset($data['parent_id']) ? $data['parent_id'] : $department->parent_id;
+            if ($parentId) {
+                $query->where('parent_id', $parentId);
+            } else {
+                $query->where('parent_id', 0);
+            }
+            if ($query->exists()) {
+                throw ValidationException::withMessages([
+                    'name' => ['同级部门名称已存在'],
+                ]);
+            }
+        }
+
+        // 如果有父级ID，检查父级是否存在
+        if (isset($data['parent_id']) && !empty($data['parent_id'])) {
+            $parent = Department::find($data['parent_id']);
+            if (!$parent) {
+                throw ValidationException::withMessages([
+                    'parent_id' => ['父级部门不存在'],
+                ]);
+            }
+
+            // 不能将部门设置为自己的子级
+            if ($data['parent_id'] == $id) {
+                throw ValidationException::withMessages([
+                    'parent_id' => ['不能将部门设置为自己的子级'],
+                ]);
+            }
+
+            // 不能将部门设置为自己的子孙级
+            if ($this->isDescendant($id, $data['parent_id'])) {
+                throw ValidationException::withMessages([
+                    'parent_id' => ['不能将部门设置为自己的子孙级'],
+                ]);
+            }
+        }
+
+        $updateData = [
+            'name' => $data['name'] ?? $department->name,
+            'parent_id' => $data['parent_id'] ?? $department->parent_id,
+            'leader' => $data['leader'] ?? $department->leader,
+            'phone' => $data['phone'] ?? $department->phone,
+            'sort' => $data['sort'] ?? $department->sort,
+            'status' => $data['status'] ?? $department->status,
+        ];
+
+        $department->update($updateData);
+        return $department;
+    }
+
+    /**
+     * 删除部门
+     */
+    public function delete(int $id): void
+    {
+        $department = Department::find($id);
+
+        if (!$department) {
+            throw ValidationException::withMessages([
+                'id' => ['部门不存在'],
+            ]);
+        }
+
+        // 检查是否有子部门
+        if ($department->children()->exists()) {
+            throw ValidationException::withMessages([
+                'id' => ['该部门下还有子部门，无法删除'],
+            ]);
+        }
+
+        // 检查部门下是否有用户
+        if ($department->users()->exists()) {
+            throw ValidationException::withMessages([
+                'id' => ['该部门下还有用户，无法删除'],
+            ]);
+        }
+
+        $department->delete();
+    }
+
+    /**
+     * 批量删除部门
+     */
+    public function batchDelete(array $ids): int
+    {
+        // 检查是否有子部门
+        $hasChildren = Department::whereIn('id', $ids)->whereHas('children')->exists();
+        if ($hasChildren) {
+            throw ValidationException::withMessages([
+                'ids' => ['选中的部门中还有子部门，无法删除'],
+            ]);
+        }
+
+        // 检查部门下是否有用户
+        $hasUsers = Department::whereIn('id', $ids)->whereHas('users')->exists();
+        if ($hasUsers) {
+            throw ValidationException::withMessages([
+                'ids' => ['选中的部门中还有用户，无法删除'],
+            ]);
+        }
+
+        return Department::whereIn('id', $ids)->delete();
+    }
+
+    /**
+     * 批量更新部门状态
+     */
+    public function batchUpdateStatus(array $ids, int $status): int
+    {
+        return Department::whereIn('id', $ids)->update(['status' => $status]);
+    }
+
+    /**
+     * 构建部门树
+     */
+    private function buildTree($departments, $parentId = 0): array
+    {
+        $tree = [];
+        foreach ($departments as $department) {
+            if ($department->parent_id == $parentId) {
+                $node = [
+                    'id' => $department->id,
+                    'name' => $department->name,
+                    'parent_id' => $department->parent_id,
+                    'leader' => $department->leader,
+                    'phone' => $department->phone,
+                    'sort' => $department->sort,
+                    'status' => $department->status,
+                    'children' => $this->buildTree($departments, $department->id),
+                ];
+                $tree[] = $node;
+            }
+        }
+        return $tree;
+    }
+
+    /**
+     * 检查是否为子孙部门
+     */
+    private function isDescendant($id, $childId): bool
+    {
+        if ($id == $childId) {
+            return true;
+        }
+        $child = Department::find($childId);
+        if (!$child || $child->parent_id == 0) {
+            return false;
+        }
+        return $this->isDescendant($id, $child->parent_id);
+    }
+}
diff --git a/app/Services/Auth/ImportExportService.php b/app/Services/Auth/ImportExportService.php
new file mode 100644
index 0000000..4ea3372
--- /dev/null
+++ b/app/Services/Auth/ImportExportService.php
@@ -0,0 +1,201 @@
+<?php
+
+namespace App\Services\Auth;
+
+use App\Models\Auth\User;
+use App\Models\Auth\Department;
+use App\Models\Auth\Role;
+use Illuminate\Support\Facades\Storage;
+use Illuminate\Validation\ValidationException;
+use Maatwebsite\Excel\Facades\Excel;
+use App\Exports\UserExport;
+use App\Exports\DepartmentExport;
+use App\Imports\UserImport;
+use App\Imports\DepartmentImport;
+
+class ImportExportService
+{
+    /**
+     * 下载用户导入模板
+     */
+    public function downloadUserTemplate(): string
+    {
+        $filename = 'user_import_template_' . date('YmdHis') . '.xlsx';
+        $path = storage_path('app/exports/' . $filename);
+
+        // 确保目录存在
+        if (!is_dir(dirname($path))) {
+            mkdir(dirname($path), 0755, true);
+        }
+
+        // 使用模板数据创建Excel
+        $templateData = [
+            [
+                '用户名*',
+                '密码*',
+                '真实姓名*',
+                '邮箱',
+                '手机号',
+                '部门名称',
+                '角色名称（多个用逗号分隔）',
+                '备注',
+            ],
+            [
+                'test001',
+                '123456',
+                '测试用户001',
+                'test001@example.com',
+                '13800138001',
+                '技术部',
+                '管理员',
+                '示例数据',
+            ],
+        ];
+
+        Excel::store(new \App\Exports\GenericExport($templateData), 'exports/' . $filename);
+
+        return $filename;
+    }
+
+    /**
+     * 下载部门导入模板
+     */
+    public function downloadDepartmentTemplate(): string
+    {
+        $filename = 'department_import_template_' . date('YmdHis') . '.xlsx';
+
+        // 确保目录存在
+        if (!is_dir(storage_path('app/exports'))) {
+            mkdir(storage_path('app/exports'), 0755, true);
+        }
+
+        $templateData = [
+            [
+                '部门名称*',
+                '上级部门名称',
+                '负责人',
+                '联系电话',
+                '排序',
+                '备注',
+            ],
+            [
+                '前端开发组',
+                '技术部',
+                '张三',
+                '13800138001',
+                '1',
+                '示例数据',
+            ],
+        ];
+
+        Excel::store(new \App\Exports\GenericExport($templateData), 'exports/' . $filename);
+
+        return $filename;
+    }
+
+    /**
+     * 导出用户数据
+     */
+    public function exportUsers(array $userIds = []): string
+    {
+        $filename = 'users_export_' . date('YmdHis') . '.xlsx';
+
+        // 确保目录存在
+        if (!is_dir(storage_path('app/exports'))) {
+            mkdir(storage_path('app/exports'), 0755, true);
+        }
+
+        Excel::store(new UserExport($userIds), 'exports/' . $filename);
+
+        return $filename;
+    }
+
+    /**
+     * 导出部门数据
+     */
+    public function exportDepartments(array $departmentIds = []): string
+    {
+        $filename = 'departments_export_' . date('YmdHis') . '.xlsx';
+
+        // 确保目录存在
+        if (!is_dir(storage_path('app/exports'))) {
+            mkdir(storage_path('app/exports'), 0755, true);
+        }
+
+        Excel::store(new DepartmentExport($departmentIds), 'exports/' . $filename);
+
+        return $filename;
+    }
+
+    /**
+     * 导入用户数据
+     */
+    public function importUsers(string $filePath, string $realPath): array
+    {
+        if (!file_exists($realPath)) {
+            throw ValidationException::withMessages([
+                'file' => ['文件不存在'],
+            ]);
+        }
+
+        $import = new UserImport();
+        Excel::import($import, $realPath);
+
+        // 删除临时文件
+        if (file_exists($realPath)) {
+            unlink($realPath);
+        }
+
+        return [
+            'success_count' => $import->getSuccessCount(),
+            'error_count' => $import->getErrorCount(),
+            'errors' => $import->getErrors(),
+        ];
+    }
+
+    /**
+     * 导入部门数据
+     */
+    public function importDepartments(string $filePath, string $realPath): array
+    {
+        if (!file_exists($realPath)) {
+            throw ValidationException::withMessages([
+                'file' => ['文件不存在'],
+            ]);
+        }
+
+        $import = new DepartmentImport();
+        Excel::import($import, $realPath);
+
+        // 删除临时文件
+        if (file_exists($realPath)) {
+            unlink($realPath);
+        }
+
+        return [
+            'success_count' => $import->getSuccessCount(),
+            'error_count' => $import->getErrorCount(),
+            'errors' => $import->getErrors(),
+        ];
+    }
+
+    /**
+     * 获取导出文件路径
+     */
+    public function getExportFilePath(string $filename): string
+    {
+        return storage_path('app/exports/' . $filename);
+    }
+
+    /**
+     * 删除导出文件
+     */
+    public function deleteExportFile(string $filename): bool
+    {
+        $path = $this->getExportFilePath($filename);
+        if (file_exists($path)) {
+            return unlink($path);
+        }
+        return true;
+    }
+}
diff --git a/app/Services/Auth/PermissionCacheService.php b/app/Services/Auth/PermissionCacheService.php
new file mode 100644
index 0000000..0736a2d
--- /dev/null
+++ b/app/Services/Auth/PermissionCacheService.php
@@ -0,0 +1,256 @@
+<?php
+
+namespace App\Services\Auth;
+
+use App\Models\Auth\User;
+use App\Models\Auth\Role;
+use App\Models\Auth\Permission;
+use Illuminate\Support\Facades\Cache;
+
+class PermissionCacheService
+{
+    protected $cachePrefix = 'permission:';
+    protected $cacheMinutes = 60; // 缓存60分钟
+
+    /**
+     * 获取用户的权限列表（带缓存）
+     */
+    public function getUserPermissions(int $userId): array
+    {
+        $cacheKey = $this->getUserPermissionsCacheKey($userId);
+
+        return Cache::remember($cacheKey, now()->addMinutes($this->cacheMinutes), function() use ($userId) {
+            $user = User::find($userId);
+            if (!$user) {
+                return [];
+            }
+
+            $permissions = [];
+            foreach ($user->roles as $role) {
+                foreach ($role->permissions as $permission) {
+                    $permissions[$permission->id] = [
+                        'id' => $permission->id,
+                        'name' => $permission->name,
+                        'code' => $permission->code,
+                        'type' => $permission->type,
+                        'route' => $permission->route,
+                    ];
+                }
+            }
+
+            return array_values($permissions);
+        });
+    }
+
+    /**
+     * 获取用户的权限编码列表（带缓存）
+     */
+    public function getUserPermissionCodes(int $userId): array
+    {
+        $cacheKey = $this->getUserPermissionCodesCacheKey($userId);
+
+        return Cache::remember($cacheKey, now()->addMinutes($this->cacheMinutes), function() use ($userId) {
+            $permissions = $this->getUserPermissions($userId);
+            return array_column($permissions, 'code');
+        });
+    }
+
+    /**
+     * 获取用户的菜单树（带缓存）
+     */
+    public function getUserMenuTree(int $userId): array
+    {
+        $cacheKey = $this->getUserMenuTreeCacheKey($userId);
+
+        return Cache::remember($cacheKey, now()->addMinutes($this->cacheMinutes), function() use ($userId) {
+            $user = User::find($userId);
+            if (!$user) {
+                return [];
+            }
+
+            // 获取用户的所有权限ID
+            $permissionIds = [];
+            foreach ($user->roles as $role) {
+                foreach ($role->permissions as $permission) {
+                    $permissionIds[] = $permission->id;
+                }
+            }
+
+            // 获取菜单类型的权限
+            $permissions = Permission::whereIn('id', $permissionIds)
+                ->whereIn('type', ['menu', 'api'])
+                ->where('status', 1)
+                ->orderBy('sort', 'asc')
+                ->get();
+
+            return $this->buildMenuTree($permissions->toArray());
+        });
+    }
+
+    /**
+     * 检查用户是否有某个权限（带缓存）
+     */
+    public function userHasPermission(int $userId, string $permissionCode): bool
+    {
+        $codes = $this->getUserPermissionCodes($userId);
+        return in_array($permissionCode, $codes);
+    }
+
+    /**
+     * 获取角色的权限列表（带缓存）
+     */
+    public function getRolePermissions(int $roleId): array
+    {
+        $cacheKey = $this->getRolePermissionsCacheKey($roleId);
+
+        return Cache::remember($cacheKey, now()->addMinutes($this->cacheMinutes), function() use ($roleId) {
+            $role = Role::find($roleId);
+            if (!$role) {
+                return [];
+            }
+
+            return $role->permissions->map(function($permission) {
+                return [
+                    'id' => $permission->id,
+                    'name' => $permission->name,
+                    'code' => $permission->code,
+                    'type' => $permission->type,
+                ];
+            })->toArray();
+        });
+    }
+
+    /**
+     * 清除用户权限缓存
+     */
+    public function clearUserPermissionCache(int $userId): void
+    {
+        Cache::forget($this->getUserPermissionsCacheKey($userId));
+        Cache::forget($this->getUserPermissionCodesCacheKey($userId));
+        Cache::forget($this->getUserMenuTreeCacheKey($userId));
+    }
+
+    /**
+     * 清除角色权限缓存
+     */
+    public function clearRolePermissionCache(int $roleId): void
+    {
+        Cache::forget($this->getRolePermissionsCacheKey($roleId));
+
+        // 清除所有拥有该角色的用户权限缓存
+        $role = Role::find($roleId);
+        if ($role) {
+            foreach ($role->users as $user) {
+                $this->clearUserPermissionCache($user->id);
+            }
+        }
+    }
+
+    /**
+     * 清除所有权限缓存
+     */
+    public function clearAllPermissionCache(): void
+    {
+        if (Cache::getStore() instanceof \Illuminate\Cache\RedisStore) {
+            $redis = Cache::getStore()->connection();
+            $keys = $redis->keys($this->cachePrefix . '*');
+            if (!empty($keys)) {
+                $redis->del($keys);
+            }
+        }
+    }
+
+    /**
+     * 清除指定用户的权限缓存（当用户角色变化时调用）
+     */
+    public function onUserRolesChanged(int $userId): void
+    {
+        $this->clearUserPermissionCache($userId);
+    }
+
+    /**
+     * 清除角色的用户缓存（当角色权限变化时调用）
+     */
+    public function onRolePermissionsChanged(int $roleId): void
+    {
+        $this->clearRolePermissionCache($roleId);
+    }
+
+    /**
+     * 清除权限的所有缓存（当权限本身变化时调用）
+     */
+    public function onPermissionChanged(int $permissionId): void
+    {
+        // 清除所有缓存，因为权限变化可能影响所有用户
+        $this->clearAllPermissionCache();
+    }
+
+    /**
+     * 构建菜单树
+     */
+    protected function buildMenuTree(array $permissions, int $parentId = 0): array
+    {
+        $tree = [];
+        foreach ($permissions as $permission) {
+            if ($permission['parent_id'] == $parentId) {
+                $node = [
+                    'id' => $permission['id'],
+                    'name' => $permission['name'],
+                    'code' => $permission['code'],
+                    'type' => $permission['type'],
+                    'route' => $permission['route'],
+                    'component' => $permission['component'],
+                    'meta' => json_decode($permission['meta'] ?? '{}', true),
+                    'sort' => $permission['sort'],
+                    'children' => $this->buildMenuTree($permissions, $permission['id']),
+                ];
+
+                // 如果没有子节点，移除children字段
+                if (empty($node['children'])) {
+                    unset($node['children']);
+                }
+
+                $tree[] = $node;
+            }
+        }
+
+        // 按sort排序
+        usort($tree, function($a, $b) {
+            return $a['sort'] <=> $b['sort'];
+        });
+
+        return $tree;
+    }
+
+    /**
+     * 生成用户权限缓存键
+     */
+    protected function getUserPermissionsCacheKey(int $userId): string
+    {
+        return $this->cachePrefix . 'user:' . $userId . ':permissions';
+    }
+
+    /**
+     * 生成用户权限编码缓存键
+     */
+    protected function getUserPermissionCodesCacheKey(int $userId): string
+    {
+        return $this->cachePrefix . 'user:' . $userId . ':permission_codes';
+    }
+
+    /**
+     * 生成用户菜单树缓存键
+     */
+    protected function getUserMenuTreeCacheKey(int $userId): string
+    {
+        return $this->cachePrefix . 'user:' . $userId . ':menu_tree';
+    }
+
+    /**
+     * 生成角色权限缓存键
+     */
+    protected function getRolePermissionsCacheKey(int $roleId): string
+    {
+        return $this->cachePrefix . 'role:' . $roleId . ':permissions';
+    }
+}
diff --git a/app/Services/Auth/PermissionService.php b/app/Services/Auth/PermissionService.php
new file mode 100644
index 0000000..ce12da7
--- /dev/null
+++ b/app/Services/Auth/PermissionService.php
@@ -0,0 +1,323 @@
+<?php
+
+namespace App\Services\Auth;
+
+use App\Models\Auth\Permission;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Validation\ValidationException;
+
+class PermissionService
+{
+    /**
+     * 获取权限列表
+     */
+    public function getList(array $params): array
+    {
+        $query = Permission::query();
+
+        // 搜索条件
+        if (!empty($params['keyword'])) {
+            $query->where(function ($q) use ($params) {
+                $q->where('name', 'like', '%' . $params['keyword'] . '%')
+                    ->orWhere('code', 'like', '%' . $params['keyword'] . '%');
+            });
+        }
+
+        if (!empty($params['type'])) {
+            $query->where('type', $params['type']);
+        }
+
+        if (isset($params['status']) && $params['status'] !== '') {
+            $query->where('status', $params['status']);
+        }
+
+        // 排序
+        $orderBy = $params['order_by'] ?? 'sort';
+        $orderDirection = $params['order_direction'] ?? 'asc';
+        $query->orderBy($orderBy, $orderDirection);
+
+        // 分页
+        $page = $params['page'] ?? 1;
+        $pageSize = $params['page_size'] ?? 20;
+        $list = $query->paginate($pageSize, ['*'], 'page', $page);
+
+        return [
+            'list' => $list->items(),
+            'total' => $list->total(),
+            'page' => $page,
+            'page_size' => $pageSize,
+        ];
+    }
+
+    /**
+     * 获取权限树
+     */
+    public function getTree(array $params = []): array
+    {
+        $query = Permission::query();
+
+        if (!empty($params['type'])) {
+            $query->where('type', $params['type']);
+        }
+
+        if (isset($params['status']) && $params['status'] !== '') {
+            $query->where('status', $params['status']);
+        }
+
+        $permissions = $query->orderBy('sort', 'asc')->get();
+        return $this->buildTree($permissions);
+    }
+
+    /**
+     * 获取菜单树（前端使用）
+     */
+    public function getMenuTree(int $userId = null): array
+    {
+        $query = Permission::whereIn('type', ['menu', 'api'])
+            ->where('status', 1);
+
+        if ($userId) {
+            // 获取用户的权限
+            $user = \App\Models\Auth\User::find($userId);
+            if ($user) {
+                $permissionIds = [];
+                foreach ($user->roles as $role) {
+                    foreach ($role->permissions as $permission) {
+                        $permissionIds[] = $permission->id;
+                    }
+                }
+                $query->whereIn('id', $permissionIds);
+            }
+        }
+
+        $permissions = $query->orderBy('sort', 'asc')->get();
+        return $this->buildTree($permissions);
+    }
+
+    /**
+     * 获取权限详情
+     */
+    public function getById(int $id): array
+    {
+        $permission = Permission::with(['parent'])->find($id);
+
+        if (!$permission) {
+            throw ValidationException::withMessages([
+                'id' => ['权限不存在'],
+            ]);
+        }
+
+        return [
+            'id' => $permission->id,
+            'name' => $permission->name,
+            'code' => $permission->code,
+            'type' => $permission->type,
+            'parent_id' => $permission->parent_id,
+            'parent' => $permission->parent ? [
+                'id' => $permission->parent->id,
+                'name' => $permission->parent->name,
+            ] : null,
+            'route' => $permission->route,
+            'component' => $permission->component,
+            'meta' => $permission->meta,
+            'sort' => $permission->sort,
+            'status' => $permission->status,
+            'created_at' => $permission->created_at->toDateTimeString(),
+            'updated_at' => $permission->updated_at->toDateTimeString(),
+        ];
+    }
+
+    /**
+     * 创建权限
+     */
+    public function create(array $data): Permission
+    {
+        // 检查权限名称是否已存在
+        if (Permission::where('name', $data['name'])->exists()) {
+            throw ValidationException::withMessages([
+                'name' => ['权限名称已存在'],
+            ]);
+        }
+
+        // 检查权限编码是否已存在
+        if (Permission::where('code', $data['code'])->exists()) {
+            throw ValidationException::withMessages([
+                'code' => ['权限编码已存在'],
+            ]);
+        }
+
+        // 如果有父级ID，检查父级是否存在
+        if (!empty($data['parent_id'])) {
+            $parent = Permission::find($data['parent_id']);
+            if (!$parent) {
+                throw ValidationException::withMessages([
+                    'parent_id' => ['父级权限不存在'],
+                ]);
+            }
+        }
+
+        return Permission::create([
+            'name' => $data['name'],
+            'code' => $data['code'],
+            'type' => $data['type'] ?? 'api',
+            'parent_id' => $data['parent_id'] ?? 0,
+            'route' => $data['route'] ?? null,
+            'component' => $data['component'] ?? null,
+            'meta' => $data['meta'] ?? null,
+            'sort' => $data['sort'] ?? 0,
+            'status' => $data['status'] ?? 1,
+        ]);
+    }
+
+    /**
+     * 更新权限
+     */
+    public function update(int $id, array $data): Permission
+    {
+        $permission = Permission::find($id);
+
+        if (!$permission) {
+            throw ValidationException::withMessages([
+                'id' => ['权限不存在'],
+            ]);
+        }
+
+        // 检查权限名称是否已被其他权限使用
+        if (isset($data['name']) && $data['name'] !== $permission->name) {
+            if (Permission::where('name', $data['name'])->exists()) {
+                throw ValidationException::withMessages([
+                    'name' => ['权限名称已存在'],
+                ]);
+            }
+        }
+
+        // 检查权限编码是否已被其他权限使用
+        if (isset($data['code']) && $data['code'] !== $permission->code) {
+            if (Permission::where('code', $data['code'])->exists()) {
+                throw ValidationException::withMessages([
+                    'code' => ['权限编码已存在'],
+                ]);
+            }
+        }
+
+        // 如果有父级ID，检查父级是否存在
+        if (isset($data['parent_id']) && !empty($data['parent_id'])) {
+            $parent = Permission::find($data['parent_id']);
+            if (!$parent) {
+                throw ValidationException::withMessages([
+                    'parent_id' => ['父级权限不存在'],
+                ]);
+            }
+
+            // 不能将权限设置为自己的子级
+            if ($data['parent_id'] == $id) {
+                throw ValidationException::withMessages([
+                    'parent_id' => ['不能将权限设置为自己的子级'],
+                ]);
+            }
+        }
+
+        $updateData = [
+            'name' => $data['name'] ?? $permission->name,
+            'code' => $data['code'] ?? $permission->code,
+            'type' => $data['type'] ?? $permission->type,
+            'parent_id' => $data['parent_id'] ?? $permission->parent_id,
+            'route' => $data['route'] ?? $permission->route,
+            'component' => $data['component'] ?? $permission->component,
+            'meta' => isset($data['meta']) ? $data['meta'] : $permission->meta,
+            'sort' => $data['sort'] ?? $permission->sort,
+            'status' => $data['status'] ?? $permission->status,
+        ];
+
+        $permission->update($updateData);
+        return $permission;
+    }
+
+    /**
+     * 删除权限
+     */
+    public function delete(int $id): void
+    {
+        $permission = Permission::find($id);
+
+        if (!$permission) {
+            throw ValidationException::withMessages([
+                'id' => ['权限不存在'],
+            ]);
+        }
+
+        // 检查是否有子权限
+        if ($permission->children()->exists()) {
+            throw ValidationException::withMessages([
+                'id' => ['该权限下还有子权限，无法删除'],
+            ]);
+        }
+
+        // 检查是否被角色使用
+        if ($permission->roles()->exists()) {
+            throw ValidationException::withMessages([
+                'id' => ['该权限已被角色使用，无法删除'],
+            ]);
+        }
+
+        $permission->delete();
+    }
+
+    /**
+     * 批量删除权限
+     */
+    public function batchDelete(array $ids): int
+    {
+        // 检查是否有子权限
+        $hasChildren = Permission::whereIn('id', $ids)->whereHas('children')->exists();
+        if ($hasChildren) {
+            throw ValidationException::withMessages([
+                'ids' => ['选中的权限中还有子权限，无法删除'],
+            ]);
+        }
+
+        // 检查是否被角色使用
+        $hasRoles = Permission::whereIn('id', $ids)->whereHas('roles')->exists();
+        if ($hasRoles) {
+            throw ValidationException::withMessages([
+                'ids' => ['选中的权限中已被角色使用，无法删除'],
+            ]);
+        }
+
+        return Permission::whereIn('id', $ids)->delete();
+    }
+
+    /**
+     * 批量更新权限状态
+     */
+    public function batchUpdateStatus(array $ids, int $status): int
+    {
+        return Permission::whereIn('id', $ids)->update(['status' => $status]);
+    }
+
+    /**
+     * 构建权限树
+     */
+    private function buildTree($permissions, $parentId = 0): array
+    {
+        $tree = [];
+        foreach ($permissions as $permission) {
+            if ($permission->parent_id == $parentId) {
+                $node = [
+                    'id' => $permission->id,
+                    'name' => $permission->name,
+                    'code' => $permission->code,
+                    'type' => $permission->type,
+                    'route' => $permission->route,
+                    'component' => $permission->component,
+                    'meta' => $permission->meta,
+                    'sort' => $permission->sort,
+                    'status' => $permission->status,
+                    'children' => $this->buildTree($permissions, $permission->id),
+                ];
+                $tree[] = $node;
+            }
+        }
+        return $tree;
+    }
+}
diff --git a/app/Services/Auth/RoleService.php b/app/Services/Auth/RoleService.php
new file mode 100644
index 0000000..9d9d839
--- /dev/null
+++ b/app/Services/Auth/RoleService.php
@@ -0,0 +1,430 @@
+<?php
+
+namespace App\Services\Auth;
+
+use App\Models\Auth\Role;
+use App\Models\Auth\Permission;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Validation\ValidationException;
+
+class RoleService
+{
+    /**
+     * 获取角色列表
+     */
+    public function getList(array $params): array
+    {
+        $query = Role::query();
+
+        // 搜索条件
+        if (!empty($params['keyword'])) {
+            $query->where(function ($q) use ($params) {
+                $q->where('name', 'like', '%' . $params['keyword'] . '%')
+                    ->orWhere('code', 'like', '%' . $params['keyword'] . '%');
+            });
+        }
+
+        if (isset($params['status']) && $params['status'] !== '') {
+            $query->where('status', $params['status']);
+        }
+
+        // 排序
+        $orderBy = $params['order_by'] ?? 'sort';
+        $orderDirection = $params['order_direction'] ?? 'asc';
+        $query->orderBy($orderBy, $orderDirection);
+
+        // 分页
+        $page = $params['page'] ?? 1;
+        $pageSize = $params['page_size'] ?? 20;
+        $list = $query->paginate($pageSize, ['*'], 'page', $page);
+
+        return [
+            'list' => $list->items(),
+            'total' => $list->total(),
+            'page' => $page,
+            'page_size' => $pageSize,
+        ];
+    }
+
+    /**
+     * 获取所有角色（不分页）
+     */
+    public function getAll(): array
+    {
+        $roles = Role::where('status', 1)->orderBy('sort', 'asc')->get();
+        return $roles->map(function ($role) {
+            return [
+                'id' => $role->id,
+                'name' => $role->name,
+                'code' => $role->code,
+            ];
+        })->toArray();
+    }
+
+    /**
+     * 获取角色详情
+     */
+    public function getById(int $id): array
+    {
+        $role = Role::with(['permissions'])->find($id);
+
+        if (!$role) {
+            throw ValidationException::withMessages([
+                'id' => ['角色不存在'],
+            ]);
+        }
+
+        return [
+            'id' => $role->id,
+            'name' => $role->name,
+            'code' => $role->code,
+            'description' => $role->description,
+            'sort' => $role->sort,
+            'status' => $role->status,
+            'permissions' => $role->permissions->pluck('id')->toArray(),
+            'created_at' => $role->created_at->toDateTimeString(),
+            'updated_at' => $role->updated_at->toDateTimeString(),
+        ];
+    }
+
+    /**
+     * 创建角色
+     */
+    public function create(array $data): Role
+    {
+        // 检查角色名称是否已存在
+        if (Role::where('name', $data['name'])->exists()) {
+            throw ValidationException::withMessages([
+                'name' => ['角色名称已存在'],
+            ]);
+        }
+
+        // 检查角色编码是否已存在
+        if (Role::where('code', $data['code'])->exists()) {
+            throw ValidationException::withMessages([
+                'code' => ['角色编码已存在'],
+            ]);
+        }
+
+        DB::beginTransaction();
+        try {
+            $role = Role::create([
+                'name' => $data['name'],
+                'code' => $data['code'],
+                'description' => $data['description'] ?? null,
+                'sort' => $data['sort'] ?? 0,
+                'status' => $data['status'] ?? 1,
+            ]);
+
+            // 关联权限
+            if (!empty($data['permission_ids'])) {
+                $role->permissions()->attach($data['permission_ids']);
+            }
+
+            DB::commit();
+            return $role;
+        } catch (\Exception $e) {
+            DB::rollBack();
+            throw $e;
+        }
+    }
+
+    /**
+     * 更新角色
+     */
+    public function update(int $id, array $data): Role
+    {
+        $role = Role::find($id);
+
+        if (!$role) {
+            throw ValidationException::withMessages([
+                'id' => ['角色不存在'],
+            ]);
+        }
+
+        // 检查角色名称是否已被其他角色使用
+        if (isset($data['name']) && $data['name'] !== $role->name) {
+            if (Role::where('name', $data['name'])->exists()) {
+                throw ValidationException::withMessages([
+                    'name' => ['角色名称已存在'],
+                ]);
+            }
+        }
+
+        // 检查角色编码是否已被其他角色使用
+        if (isset($data['code']) && $data['code'] !== $role->code) {
+            if (Role::where('code', $data['code'])->exists()) {
+                throw ValidationException::withMessages([
+                    'code' => ['角色编码已存在'],
+                ]);
+            }
+        }
+
+        DB::beginTransaction();
+        try {
+            $updateData = [
+                'name' => $data['name'] ?? $role->name,
+                'code' => $data['code'] ?? $role->code,
+                'description' => $data['description'] ?? $role->description,
+                'sort' => $data['sort'] ?? $role->sort,
+                'status' => $data['status'] ?? $role->status,
+            ];
+
+            $role->update($updateData);
+
+            // 更新权限关联
+            if (isset($data['permission_ids'])) {
+                $role->permissions()->sync($data['permission_ids']);
+            }
+
+            DB::commit();
+            return $role;
+        } catch (\Exception $e) {
+            DB::rollBack();
+            throw $e;
+        }
+    }
+
+    /**
+     * 删除角色
+     */
+    public function delete(int $id): void
+    {
+        $role = Role::find($id);
+
+        if (!$role) {
+            throw ValidationException::withMessages([
+                'id' => ['角色不存在'],
+            ]);
+        }
+
+        // 检查角色下是否有用户
+        if ($role->users()->exists()) {
+            throw ValidationException::withMessages([
+                'id' => ['该角色下还有用户，无法删除'],
+            ]);
+        }
+
+        $role->delete();
+    }
+
+    /**
+     * 批量删除角色
+     */
+    public function batchDelete(array $ids): int
+    {
+        // 检查角色下是否有用户
+        $hasUsers = Role::whereIn('id', $ids)->whereHas('users')->exists();
+        if ($hasUsers) {
+            throw ValidationException::withMessages([
+                'ids' => ['选中的角色中还有用户，无法删除'],
+            ]);
+        }
+
+        return Role::whereIn('id', $ids)->delete();
+    }
+
+    /**
+     * 批量更新角色状态
+     */
+    public function batchUpdateStatus(array $ids, int $status): int
+    {
+        return Role::whereIn('id', $ids)->update(['status' => $status]);
+    }
+
+    /**
+     * 分配权限
+     */
+    public function assignPermissions(int $id, array $permissionIds): void
+    {
+        $role = Role::find($id);
+
+        if (!$role) {
+            throw ValidationException::withMessages([
+                'id' => ['角色不存在'],
+            ]);
+        }
+
+        $role->permissions()->sync($permissionIds);
+    }
+
+    /**
+     * 获取角色的权限列表
+     */
+    public function getPermissions(int $id): array
+    {
+        $role = Role::with(['permissions' => function ($query) {
+            $query->orderBy('sort', 'asc');
+        }])->find($id);
+
+        if (!$role) {
+            throw ValidationException::withMessages([
+                'id' => ['角色不存在'],
+            ]);
+        }
+
+        return $this->buildPermissionTree($role->permissions);
+    }
+
+    /**
+     * 复制角色
+     */
+    public function copy(int $id, array $data): Role
+    {
+        $sourceRole = Role::with(['permissions'])->find($id);
+
+        if (!$sourceRole) {
+            throw ValidationException::withMessages([
+                'id' => ['角色不存在'],
+            ]);
+        }
+
+        // 检查新角色名称是否已存在
+        if (Role::where('name', $data['name'])->exists()) {
+            throw ValidationException::withMessages([
+                'name' => ['角色名称已存在'],
+            ]);
+        }
+
+        // 检查新角色编码是否已存在
+        if (Role::where('code', $data['code'])->exists()) {
+            throw ValidationException::withMessages([
+                'code' => ['角色编码已存在'],
+            ]);
+        }
+
+        DB::beginTransaction();
+        try {
+            // 创建新角色
+            $newRole = Role::create([
+                'name' => $data['name'],
+                'code' => $data['code'],
+                'description' => $data['description'] ?? $sourceRole->description,
+                'sort' => $data['sort'] ?? $sourceRole->sort,
+                'status' => $data['status'] ?? 1,
+            ]);
+
+            // 复制权限
+            $permissionIds = $sourceRole->permissions->pluck('id')->toArray();
+            if (!empty($permissionIds)) {
+                $newRole->permissions()->attach($permissionIds);
+            }
+
+            DB::commit();
+            return $newRole;
+        } catch (\Exception $e) {
+            DB::rollBack();
+            throw $e;
+        }
+    }
+
+    /**
+     * 批量复制角色
+     */
+    public function batchCopy(array $roleIds, array $data): array
+    {
+        $successCount = 0;
+        $errorCount = 0;
+        $errors = [];
+        $newRoles = [];
+
+        DB::beginTransaction();
+        try {
+            foreach ($roleIds as $index => $roleId) {
+                try {
+                    $sourceRole = Role::with(['permissions'])->find($roleId);
+
+                    if (!$sourceRole) {
+                        $errors[] = "角色ID {$roleId} 不存在";
+                        $errorCount++;
+                        continue;
+                    }
+
+                    // 生成新的名称和编码
+                    $newName = $data['name'] ?? ($sourceRole->name . ' (副本)');
+                    $newCode = $data['code'] ?? ($sourceRole->code . '_copy_' . time());
+
+                    // 检查名称和编码是否已存在
+                    $nameSuffix = '';
+                    $codeSuffix = '';
+                    $counter = 1;
+
+                    while (Role::where('name', $newName . $nameSuffix)->exists()) {
+                        $nameSuffix = ' (' . $counter . ')';
+                        $counter++;
+                    }
+
+                    $counter = 1;
+                    while (Role::where('code', $newCode . $codeSuffix)->exists()) {
+                        $codeSuffix = '_' . $counter;
+                        $counter++;
+                    }
+
+                    // 创建新角色
+                    $newRole = Role::create([
+                        'name' => $newName . $nameSuffix,
+                        'code' => $newCode . $codeSuffix,
+                        'description' => $data['description'] ?? $sourceRole->description,
+                        'sort' => $data['sort'] ?? $sourceRole->sort,
+                        'status' => $data['status'] ?? 1,
+                    ]);
+
+                    // 复制权限
+                    $permissionIds = $sourceRole->permissions->pluck('id')->toArray();
+                    if (!empty($permissionIds)) {
+                        $newRole->permissions()->attach($permissionIds);
+                    }
+
+                    $newRoles[] = [
+                        'id' => $newRole->id,
+                        'name' => $newRole->name,
+                        'code' => $newRole->code,
+                    ];
+
+                    $successCount++;
+                } catch (\Exception $e) {
+                    $errors[] = "复制角色ID {$roleId} 失败：" . $e->getMessage();
+                    $errorCount++;
+                }
+            }
+
+            DB::commit();
+
+            return [
+                'success_count' => $successCount,
+                'error_count' => $errorCount,
+                'errors' => $errors,
+                'new_roles' => $newRoles,
+            ];
+        } catch (\Exception $e) {
+            DB::rollBack();
+            throw $e;
+        }
+    }
+
+    /**
+     * 构建权限树
+     */
+    private function buildPermissionTree($permissions, $parentId = 0): array
+    {
+        $tree = [];
+        foreach ($permissions as $permission) {
+            if ($permission->parent_id == $parentId) {
+                $node = [
+                    'id' => $permission->id,
+                    'name' => $permission->name,
+                    'code' => $permission->code,
+                    'type' => $permission->type,
+                    'route' => $permission->route,
+                    'component' => $permission->component,
+                    'meta' => $permission->meta,
+                    'sort' => $permission->sort,
+                    'status' => $permission->status,
+                    'children' => $this->buildPermissionTree($permissions, $permission->id),
+                ];
+                $tree[] = $node;
+            }
+        }
+        return $tree;
+    }
+}
diff --git a/app/Services/Auth/UserOnlineService.php b/app/Services/Auth/UserOnlineService.php
new file mode 100644
index 0000000..6113a45
--- /dev/null
+++ b/app/Services/Auth/UserOnlineService.php
@@ -0,0 +1,208 @@
+<?php
+
+namespace App\Services\Auth;
+
+use App\Models\Auth\User;
+use Illuminate\Support\Facades\Cache;
+
+class UserOnlineService
+{
+    protected $cachePrefix = 'user_online:';
+    protected $expireMinutes = 5;
+
+    /**
+     * 设置用户在线
+     */
+    public function setOnline(int $userId, string $token): void
+    {
+        $key = $this->getCacheKey($userId, $token);
+        Cache::put($key, [
+            'user_id' => $userId,
+            'token' => $token,
+            'last_active_at' => now()->toDateTimeString(),
+            'ip' => request()->ip(),
+            'user_agent' => request()->userAgent(),
+        ], now()->addMinutes($this->expireMinutes));
+
+        // 更新用户的最后在线时间
+        User::where('id', $userId)->update([
+            'last_active_at' => now(),
+        ]);
+    }
+
+    /**
+     * 更新用户在线状态
+     */
+    public function updateOnline(int $userId, string $token): void
+    {
+        $key = $this->getCacheKey($userId, $token);
+        if (Cache::has($key)) {
+            Cache::put($key, [
+                'user_id' => $userId,
+                'token' => $token,
+                'last_active_at' => now()->toDateTimeString(),
+                'ip' => request()->ip(),
+                'user_agent' => request()->userAgent(),
+            ], now()->addMinutes($this->expireMinutes));
+        }
+    }
+
+    /**
+     * 设置用户离线
+     */
+    public function setOffline(int $userId, string $token): void
+    {
+        $key = $this->getCacheKey($userId, $token);
+        Cache::forget($key);
+    }
+
+    /**
+     * 设置用户所有设备离线
+     */
+    public function setAllOffline(int $userId): void
+    {
+        $pattern = $this->cachePrefix . $userId . ':*';
+        $keys = Cache::store('redis')->getPrefix() . $pattern;
+
+        // Redis 模式删除
+        if (Cache::getStore() instanceof \Illuminate\Cache\RedisStore) {
+            $redis = Cache::getStore()->connection();
+            $keys = $redis->keys($this->cachePrefix . $userId . ':*');
+            if (!empty($keys)) {
+                $redis->del($keys);
+            }
+        }
+    }
+
+    /**
+     * 检查用户是否在线
+     */
+    public function isOnline(int $userId): bool
+    {
+        $pattern = $this->cachePrefix . $userId . ':*';
+
+        if (Cache::getStore() instanceof \Illuminate\Cache\RedisStore) {
+            $redis = Cache::getStore()->connection();
+            $keys = $redis->keys($this->cachePrefix . $userId . ':*');
+            return !empty($keys);
+        }
+
+        return false;
+    }
+
+    /**
+     * 获取用户在线信息
+     */
+    public function getOnlineInfo(int $userId, string $token): ?array
+    {
+        $key = $this->getCacheKey($userId, $token);
+        return Cache::get($key);
+    }
+
+    /**
+     * 获取用户所有在线会话
+     */
+    public function getUserSessions(int $userId): array
+    {
+        $sessions = [];
+
+        if (Cache::getStore() instanceof \Illuminate\Cache\RedisStore) {
+            $redis = Cache::getStore()->connection();
+            $keys = $redis->keys($this->cachePrefix . $userId . ':*');
+
+            foreach ($keys as $key) {
+                $session = $redis->get($key);
+                if ($session) {
+                    $sessions[] = json_decode($session, true);
+                }
+            }
+        }
+
+        return $sessions;
+    }
+
+    /**
+     * 获取所有在线用户数量
+     */
+    public function getOnlineCount(): int
+    {
+        $count = 0;
+
+        if (Cache::getStore() instanceof \Illuminate\Cache\RedisStore) {
+            $redis = Cache::getStore()->connection();
+            $keys = $redis->keys($this->cachePrefix . '*');
+            // 去重用户ID
+            $userIds = [];
+            foreach ($keys as $key) {
+                preg_match('/user_online:(\d+):/', $key, $matches);
+                if (isset($matches[1])) {
+                    $userIds[$matches[1]] = true;
+                }
+            }
+            $count = count($userIds);
+        }
+
+        return $count;
+    }
+
+    /**
+     * 获取在线用户列表
+     */
+    public function getOnlineUsers(int $limit = 100): array
+    {
+        $onlineUsers = [];
+
+        if (Cache::getStore() instanceof \Illuminate\Cache\RedisStore) {
+            $redis = Cache::getStore()->connection();
+            $keys = $redis->keys($this->cachePrefix . '*');
+
+            $userIds = [];
+            $userSessions = [];
+
+            foreach ($keys as $key) {
+                $session = $redis->get($key);
+                if ($session) {
+                    $session = json_decode($session, true);
+                    $userId = $session['user_id'];
+                    if (!isset($userIds[$userId])) {
+                        $userIds[$userId] = $userId;
+                    }
+                    $userSessions[$userId] = $session;
+                }
+            }
+
+            $userIdList = array_values(array_slice($userIds, 0, $limit));
+            $users = User::whereIn('id', $userIdList)->get();
+
+            foreach ($users as $user) {
+                $onlineUsers[] = [
+                    'id' => $user->id,
+                    'username' => $user->username,
+                    'real_name' => $user->real_name,
+                    'avatar' => $user->avatar,
+                    'last_active_at' => $userSessions[$user->id]['last_active_at'] ?? null,
+                    'ip' => $userSessions[$user->id]['ip'] ?? null,
+                ];
+            }
+        }
+
+        return $onlineUsers;
+    }
+
+    /**
+     * 清理过期会话
+     */
+    public function cleanExpiredSessions(): int
+    {
+        // Redis 的 TTL 会自动清理过期键
+        return 0;
+    }
+
+    /**
+     * 生成缓存键
+     */
+    protected function getCacheKey(int $userId, string $token): string
+    {
+        return $this->cachePrefix . $userId . ':' . md5($token);
+    }
+}
diff --git a/app/Services/Auth/UserService.php b/app/Services/Auth/UserService.php
new file mode 100644
index 0000000..ae44bd1
--- /dev/null
+++ b/app/Services/Auth/UserService.php
@@ -0,0 +1,320 @@
+<?php
+
+namespace App\Services\Auth;
+
+use App\Models\Auth\User;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Support\Facades\Hash;
+use Illuminate\Validation\ValidationException;
+use Maatwebsite\Excel\Facades\Excel;
+use App\Exports\Auth\UserExport;
+use App\Imports\Auth\UserImport;
+use App\Jobs\Auth\UserImportJob;
+use App\Jobs\Auth\UserExportJob;
+
+class UserService
+{
+    /**
+     * 获取用户列表
+     */
+    public function getList(array $params): array
+    {
+        $query = User::with(['department', 'roles']);
+
+        // 搜索条件
+        if (!empty($params['keyword'])) {
+            $query->where(function ($q) use ($params) {
+                $q->where('username', 'like', '%' . $params['keyword'] . '%')
+                    ->orWhere('real_name', 'like', '%' . $params['keyword'] . '%')
+                    ->orWhere('phone', 'like', '%' . $params['keyword'] . '%')
+                    ->orWhere('email', 'like', '%' . $params['keyword'] . '%');
+            });
+        }
+
+        if (!empty($params['department_id'])) {
+            $query->where('department_id', $params['department_id']);
+        }
+
+        if (isset($params['status']) && $params['status'] !== '') {
+            $query->where('status', $params['status']);
+        }
+
+        if (!empty($params['role_id'])) {
+            $query->whereHas('roles', function ($q) use ($params) {
+                $q->where('role_id', $params['role_id']);
+            });
+        }
+
+        // 排序
+        $orderBy = $params['order_by'] ?? 'id';
+        $orderDirection = $params['order_direction'] ?? 'desc';
+        $query->orderBy($orderBy, $orderDirection);
+
+        // 分页
+        $page = $params['page'] ?? 1;
+        $pageSize = $params['page_size'] ?? 20;
+        $list = $query->paginate($pageSize, ['*'], 'page', $page);
+
+        return [
+            'list' => $list->items(),
+            'total' => $list->total(),
+            'page' => $page,
+            'page_size' => $pageSize,
+        ];
+    }
+
+    /**
+     * 获取用户详情
+     */
+    public function getById(int $id): array
+    {
+        $user = User::with(['department', 'roles'])->find($id);
+
+        if (!$user) {
+            throw ValidationException::withMessages([
+                'id' => ['用户不存在'],
+            ]);
+        }
+
+        return $this->formatUserInfo($user);
+    }
+
+    /**
+     * 创建用户
+     */
+    public function create(array $data): User
+    {
+        // 检查用户名是否已存在
+        if (User::where('username', $data['username'])->exists()) {
+            throw ValidationException::withMessages([
+                'username' => ['用户名已存在'],
+            ]);
+        }
+
+        // 检查手机号是否已存在
+        if (!empty($data['phone']) && User::where('phone', $data['phone'])->exists()) {
+            throw ValidationException::withMessages([
+                'phone' => ['手机号已被使用'],
+            ]);
+        }
+
+        // 检查邮箱是否已存在
+        if (!empty($data['email']) && User::where('email', $data['email'])->exists()) {
+            throw ValidationException::withMessages([
+                'email' => ['邮箱已被使用'],
+            ]);
+        }
+
+        DB::beginTransaction();
+        try {
+            $user = User::create([
+                'username' => $data['username'],
+                'password' => Hash::make($data['password']),
+                'real_name' => $data['real_name'],
+                'email' => $data['email'] ?? null,
+                'phone' => $data['phone'] ?? null,
+                'department_id' => $data['department_id'] ?? null,
+                'avatar' => $data['avatar'] ?? null,
+                'status' => $data['status'] ?? 1,
+            ]);
+
+            // 关联角色
+            if (!empty($data['role_ids'])) {
+                $user->roles()->attach($data['role_ids']);
+            }
+
+            DB::commit();
+            return $user;
+        } catch (\Exception $e) {
+            DB::rollBack();
+            throw $e;
+        }
+    }
+
+    /**
+     * 更新用户
+     */
+    public function update(int $id, array $data): User
+    {
+        $user = User::find($id);
+
+        if (!$user) {
+            throw ValidationException::withMessages([
+                'id' => ['用户不存在'],
+            ]);
+        }
+
+        // 检查用户名是否已被其他用户使用
+        if (isset($data['username']) && $data['username'] !== $user->username) {
+            if (User::where('username', $data['username'])->exists()) {
+                throw ValidationException::withMessages([
+                    'username' => ['用户名已存在'],
+                ]);
+            }
+        }
+
+        // 检查手机号是否已被其他用户使用
+        if (isset($data['phone']) && $data['phone'] !== $user->phone) {
+            if (User::where('phone', $data['phone'])->exists()) {
+                throw ValidationException::withMessages([
+                    'phone' => ['手机号已被使用'],
+                ]);
+            }
+        }
+
+        // 检查邮箱是否已被其他用户使用
+        if (isset($data['email']) && $data['email'] !== $user->email) {
+            if (User::where('email', $data['email'])->exists()) {
+                throw ValidationException::withMessages([
+                    'email' => ['邮箱已被使用'],
+                ]);
+            }
+        }
+
+        DB::beginTransaction();
+        try {
+            $updateData = [
+                'real_name' => $data['real_name'] ?? $user->real_name,
+                'email' => $data['email'] ?? $user->email,
+                'phone' => $data['phone'] ?? $user->phone,
+                'department_id' => $data['department_id'] ?? $user->department_id,
+                'avatar' => $data['avatar'] ?? $user->avatar,
+                'status' => $data['status'] ?? $user->status,
+            ];
+
+            if (isset($data['username'])) {
+                $updateData['username'] = $data['username'];
+            }
+
+            if (isset($data['password'])) {
+                $updateData['password'] = Hash::make($data['password']);
+            }
+
+            $user->update($updateData);
+
+            // 更新角色关联
+            if (isset($data['role_ids'])) {
+                $user->roles()->sync($data['role_ids']);
+            }
+
+            DB::commit();
+            return $user;
+        } catch (\Exception $e) {
+            DB::rollBack();
+            throw $e;
+        }
+    }
+
+    /**
+     * 删除用户
+     */
+    public function delete(int $id): void
+    {
+        $user = User::find($id);
+
+        if (!$user) {
+            throw ValidationException::withMessages([
+                'id' => ['用户不存在'],
+            ]);
+        }
+
+        $user->delete();
+    }
+
+    /**
+     * 批量删除用户
+     */
+    public function batchDelete(array $ids): int
+    {
+        return User::whereIn('id', $ids)->delete();
+    }
+
+    /**
+     * 批量更新用户状态
+     */
+    public function batchUpdateStatus(array $ids, int $status): int
+    {
+        return User::whereIn('id', $ids)->update(['status' => $status]);
+    }
+
+    /**
+     * 批量分配部门
+     */
+    public function batchAssignDepartment(array $ids, int $departmentId): int
+    {
+        return User::whereIn('id', $ids)->update(['department_id' => $departmentId]);
+    }
+
+    /**
+     * 批量分配角色
+     */
+    public function batchAssignRoles(array $ids, array $roleIds): void
+    {
+        foreach ($ids as $userId) {
+            $user = User::find($userId);
+            if ($user) {
+                $user->roles()->sync($roleIds);
+            }
+        }
+    }
+
+    /**
+     * 导出用户数据
+     */
+    public function export(array $params): string
+    {
+        // 异步导出
+        $job = new UserExportJob($params);
+        dispatch($job);
+
+        return '导出任务已提交，请稍后在导出列表中查看';
+    }
+
+    /**
+     * 导入用户数据
+     */
+    public function import(\Illuminate\Http\UploadedFile $file): array
+    {
+        $path = $file->store('imports');
+
+        // 异步导入
+        $job = new UserImportJob($path);
+        dispatch($job);
+
+        return [
+            'message' => '导入任务已提交，请稍后在导入列表中查看',
+            'file_path' => $path,
+        ];
+    }
+
+    /**
+     * 格式化用户信息
+     */
+    private function formatUserInfo(User $user): array
+    {
+        return [
+            'id' => $user->id,
+            'username' => $user->username,
+            'real_name' => $user->real_name,
+            'email' => $user->email,
+            'phone' => $user->phone,
+            'avatar' => $user->avatar,
+            'department' => $user->department ? [
+                'id' => $user->department->id,
+                'name' => $user->department->name,
+            ] : null,
+            'roles' => $user->roles->map(function ($role) {
+                return [
+                    'id' => $role->id,
+                    'name' => $role->name,
+                    'code' => $role->code,
+                ];
+            })->toArray(),
+            'status' => $user->status,
+            'last_login_at' => $user->last_login_at ? $user->last_login_at->toDateTimeString() : null,
+            'last_login_ip' => $user->last_login_ip,
+            'created_at' => $user->created_at->toDateTimeString(),
+            'updated_at' => $user->updated_at->toDateTimeString(),
+        ];
+    }
+}
diff --git a/app/Services/System/CityService.php b/app/Services/System/CityService.php
new file mode 100644
index 0000000..b17d478
--- /dev/null
+++ b/app/Services/System/CityService.php
@@ -0,0 +1,198 @@
+<?php
+
+namespace App\Services\System;
+
+use App\Models\System\City;
+use Illuminate\Support\Facades\Cache;
+use Illuminate\Support\Facades\Validator;
+
+class CityService
+{
+    public function getList(array $params): array
+    {
+        $query = City::query();
+
+        if (!empty($params['parent_id'])) {
+            $query->where('parent_id', $params['parent_id']);
+        }
+
+        if (!empty($params['level'])) {
+            $query->where('level', $params['level']);
+        }
+
+        if (!empty($params['keyword'])) {
+            $query->where(function ($q) use ($params) {
+                $q->where('name', 'like', '%' . $params['keyword'] . '%')
+                    ->orWhere('code', 'like', '%' . $params['keyword'] . '%')
+                    ->orWhere('pinyin', 'like', '%' . $params['keyword'] . '%');
+            });
+        }
+
+        if (isset($params['status']) && $params['status'] !== '') {
+            $query->where('status', $params['status']);
+        }
+
+        $query->orderBy('sort')->orderBy('id');
+
+        $pageSize = $params['page_size'] ?? 20;
+        $list = $query->paginate($pageSize);
+
+        return [
+            'list' => $list->items(),
+            'total' => $list->total(),
+            'page' => $list->currentPage(),
+            'page_size' => $list->perPage(),
+        ];
+    }
+
+    public function getTree(): array
+    {
+        return $this->buildTree(City::where('status', true)->orderBy('sort')->get());
+    }
+
+    public function getChildren(int $parentId): array
+    {
+        return City::where('parent_id', $parentId)
+            ->where('status', true)
+            ->orderBy('sort')
+            ->get()
+            ->toArray();
+    }
+
+    public function getByCode(string $code): ?City
+    {
+        return City::where('code', $code)->first();
+    }
+
+    public function getById(int $id): ?City
+    {
+        return City::find($id);
+    }
+
+    public function getByPinyin(string $pinyin): array
+    {
+        return City::where('pinyin', 'like', '%' . $pinyin . '%')
+            ->where('status', true)
+            ->get()
+            ->toArray();
+    }
+
+    public function create(array $data): City
+    {
+        Validator::make($data, [
+            'name' => 'required|string|max:100',
+            'code' => 'required|string|max:50|unique:system_cities,code',
+            'level' => 'required|integer|in:1,2,3',
+            'parent_id' => 'sometimes|exists:system_cities,id',
+        ])->validate();
+
+        $city = City::create($data);
+        $this->clearCache();
+        return $city;
+    }
+
+    public function update(int $id, array $data): City
+    {
+        $city = City::findOrFail($id);
+
+        Validator::make($data, [
+            'name' => 'sometimes|required|string|max:100',
+            'code' => 'sometimes|required|string|max:50|unique:system_cities,code,' . $id,
+            'level' => 'sometimes|required|integer|in:1,2,3',
+            'parent_id' => 'sometimes|exists:system_cities,id',
+        ])->validate();
+
+        $city->update($data);
+        $this->clearCache();
+        return $city;
+    }
+
+    public function delete(int $id): bool
+    {
+        $city = City::findOrFail($id);
+
+        if ($city->children()->exists()) {
+            throw new \Exception('该城市下有子级数据，不能删除');
+        }
+
+        $city->delete();
+        $this->clearCache();
+        return true;
+    }
+
+    public function batchDelete(array $ids): bool
+    {
+        City::whereIn('id', $ids)->delete();
+        $this->clearCache();
+        return true;
+    }
+
+    public function batchUpdateStatus(array $ids, bool $status): bool
+    {
+        City::whereIn('id', $ids)->update(['status' => $status]);
+        $this->clearCache();
+        return true;
+    }
+
+    private function buildTree(array $cities, int $parentId = 0): array
+    {
+        $tree = [];
+        foreach ($cities as $city) {
+            if ($city['parent_id'] == $parentId) {
+                $children = $this->buildTree($cities, $city['id']);
+                if (!empty($children)) {
+                    $city['children'] = $children;
+                }
+                $tree[] = $city;
+            }
+        }
+        return $tree;
+    }
+
+    private function clearCache(): void
+    {
+        Cache::forget('system:cities:tree');
+    }
+
+    public function getCachedTree(): array
+    {
+        $cacheKey = 'system:cities:tree';
+        $tree = Cache::get($cacheKey);
+
+        if ($tree === null) {
+            $tree = $this->getTree();
+            Cache::put($cacheKey, $tree, 3600);
+        }
+
+        return $tree;
+    }
+
+    public function getProvinces(): array
+    {
+        return City::where('level', 1)
+            ->where('status', true)
+            ->orderBy('sort')
+            ->get()
+            ->toArray();
+    }
+
+    public function getCities(int $provinceId): array
+    {
+        return City::where('parent_id', $provinceId)
+            ->where('level', 2)
+            ->where('status', true)
+            ->orderBy('sort')
+            ->get()
+            ->toArray();
+    }
+
+    public function getDistricts(int $cityId): array
+    {
+        return City::where('parent_id', $cityId)
+            ->where('level', 3)
+            ->where('status', true)
+            ->orderBy('sort')
+            ->get()
+            ->toArray();
+    }
+}
diff --git a/app/Services/System/ConfigService.php b/app/Services/System/ConfigService.php
new file mode 100644
index 0000000..e46507b
--- /dev/null
+++ b/app/Services/System/ConfigService.php
@@ -0,0 +1,158 @@
+<?php
+
+namespace App\Services\System;
+
+use App\Models\System\Config;
+use Illuminate\Support\Facades\Cache;
+use Illuminate\Support\Facades\Validator;
+
+class ConfigService
+{
+    public function getList(array $params): array
+    {
+        $query = Config::query();
+
+        if (!empty($params['group'])) {
+            $query->where('group', $params['group']);
+        }
+
+        if (!empty($params['keyword'])) {
+            $query->where(function ($q) use ($params) {
+                $q->where('name', 'like', '%' . $params['keyword'] . '%')
+                    ->orWhere('key', 'like', '%' . $params['keyword'] . '%');
+            });
+        }
+
+        if (isset($params['status']) && $params['status'] !== '') {
+            $query->where('status', $params['status']);
+        }
+
+        $pageSize = $params['page_size'] ?? 20;
+        $list = $query->orderBy('sort')->orderBy('id')->paginate($pageSize);
+
+        return [
+            'list' => $list->items(),
+            'total' => $list->total(),
+            'page' => $list->currentPage(),
+            'page_size' => $list->perPage(),
+        ];
+    }
+
+    public function getById(int $id): ?Config
+    {
+        return Config::find($id);
+    }
+
+    public function getByKey(string $key): ?Config
+    {
+        return Config::where('key', $key)->first();
+    }
+
+    public function getByGroup(string $group): array
+    {
+        return Config::where('group', $group)
+            ->where('status', true)
+            ->orderBy('sort')
+            ->get()
+            ->toArray();
+    }
+
+    public function getAllConfig(): array
+    {
+        $cacheKey = 'system:configs:all';
+        $configs = Cache::get($cacheKey);
+
+        if ($configs === null) {
+            $configs = Config::where('status', true)
+                ->orderBy('sort')
+                ->get()
+                ->keyBy('key')
+                ->toArray();
+            Cache::put($cacheKey, $configs, 3600);
+        }
+
+        return $configs;
+    }
+
+    public function getConfigValue(string $key, $default = null)
+    {
+        $config = $this->getByKey($key);
+        if (!$config) {
+            return $default;
+        }
+
+        return $config->value ?? $config->default_value ?? $default;
+    }
+
+    public function create(array $data): Config
+    {
+        Validator::make($data, [
+            'group' => 'required|string|max:50',
+            'key' => 'required|string|max:100|unique:system_configs,key',
+            'name' => 'required|string|max:100',
+            'type' => 'required|string|in:string,text,number,boolean,select,radio,checkbox,file,json',
+        ])->validate();
+
+        $config = Config::create($data);
+        $this->clearCache();
+        return $config;
+    }
+
+    public function update(int $id, array $data): Config
+    {
+        $config = Config::findOrFail($id);
+
+        Validator::make($data, [
+            'group' => 'sometimes|required|string|max:50',
+            'key' => 'sometimes|required|string|max:100|unique:system_configs,key,' . $id,
+            'name' => 'sometimes|required|string|max:100',
+            'type' => 'sometimes|required|string|in:string,text,number,boolean,select,radio,checkbox,file,json',
+        ])->validate();
+
+        $config->update($data);
+        $this->clearCache();
+        return $config;
+    }
+
+    public function delete(int $id): bool
+    {
+        $config = Config::findOrFail($id);
+
+        if ($config->is_system) {
+            throw new \Exception('系统配置不能删除');
+        }
+
+        $config->delete();
+        $this->clearCache();
+        return true;
+    }
+
+    public function batchDelete(array $ids): bool
+    {
+        $configs = Config::whereIn('id', $ids)->where('is_system', false)->get();
+        Config::whereIn('id', $configs->pluck('id'))->delete();
+        $this->clearCache();
+        return true;
+    }
+
+    public function batchUpdateStatus(array $ids, bool $status): bool
+    {
+        Config::whereIn('id', $ids)->update(['status' => $status]);
+        $this->clearCache();
+        return true;
+    }
+
+    private function clearCache(): void
+    {
+        Cache::forget('system:configs:all');
+    }
+
+    public function getGroups(): array
+    {
+        return Config::where('status', true)
+            ->select('group')
+            ->distinct()
+            ->pluck('group')
+            ->toArray();
+    }
+}
diff --git a/app/Services/System/DictionaryService.php b/app/Services/System/DictionaryService.php
new file mode 100644
index 0000000..68a5cab
--- /dev/null
+++ b/app/Services/System/DictionaryService.php
@@ -0,0 +1,210 @@
+<?php
+
+namespace App\Services\System;
+
+use App\Models\System\Dictionary;
+use App\Models\System\DictionaryItem;
+use Illuminate\Support\Facades\Cache;
+use Illuminate\Support\Facades\Validator;
+
+class DictionaryService
+{
+    public function getList(array $params): array
+    {
+        $query = Dictionary::query();
+
+        if (!empty($params['keyword'])) {
+            $query->where(function ($q) use ($params) {
+                $q->where('name', 'like', '%' . $params['keyword'] . '%')
+                    ->orWhere('code', 'like', '%' . $params['keyword'] . '%');
+            });
+        }
+
+        if (isset($params['status']) && $params['status'] !== '') {
+            $query->where('status', $params['status']);
+        }
+
+        $pageSize = $params['page_size'] ?? 20;
+        $list = $query->orderBy('sort')->orderBy('id')->paginate($pageSize);
+
+        return [
+            'list' => $list->items(),
+            'total' => $list->total(),
+            'page' => $list->currentPage(),
+            'page_size' => $list->perPage(),
+        ];
+    }
+
+    public function getAll(): array
+    {
+        return Dictionary::where('status', true)
+            ->orderBy('sort')
+            ->get()
+            ->toArray();
+    }
+
+    public function getById(int $id): ?Dictionary
+    {
+        return Dictionary::with('items')->find($id);
+    }
+
+    public function getByCode(string $code): ?Dictionary
+    {
+        return Dictionary::where('code', $code)->first();
+    }
+
+    public function getItemsByCode(string $code): array
+    {
+        $cacheKey = 'system:dictionary:' . $code;
+        $items = Cache::get($cacheKey);
+
+        if ($items === null) {
+            $dictionary = Dictionary::where('code', $code)->first();
+            if ($dictionary) {
+                $items = DictionaryItem::where('dictionary_id', $dictionary->id)
+                    ->where('status', true)
+                    ->orderBy('sort')
+                    ->get()
+                    ->toArray();
+                Cache::put($cacheKey, $items, 3600);
+            } else {
+                $items = [];
+            }
+        }
+
+        return $items;
+    }
+
+    public function create(array $data): Dictionary
+    {
+        Validator::make($data, [
+            'name' => 'required|string|max:100',
+            'code' => 'required|string|max:50|unique:system_dictionaries,code',
+        ])->validate();
+
+        $dictionary = Dictionary::create($data);
+        $this->clearCache();
+        return $dictionary;
+    }
+
+    public function update(int $id, array $data): Dictionary
+    {
+        $dictionary = Dictionary::findOrFail($id);
+
+        Validator::make($data, [
+            'name' => 'sometimes|required|string|max:100',
+            'code' => 'sometimes|required|string|max:50|unique:system_dictionaries,code,' . $id,
+        ])->validate();
+
+        $dictionary->update($data);
+        $this->clearCache();
+        return $dictionary;
+    }
+
+    public function delete(int $id): bool
+    {
+        $dictionary = Dictionary::findOrFail($id);
+        DictionaryItem::where('dictionary_id', $id)->delete();
+        $dictionary->delete();
+        $this->clearCache();
+        return true;
+    }
+
+    public function batchDelete(array $ids): bool
+    {
+        DictionaryItem::whereIn('dictionary_id', $ids)->delete();
+        Dictionary::whereIn('id', $ids)->delete();
+        $this->clearCache();
+        return true;
+    }
+
+    public function batchUpdateStatus(array $ids, bool $status): bool
+    {
+        Dictionary::whereIn('id', $ids)->update(['status' => $status]);
+        $this->clearCache();
+        return true;
+    }
+
+    private function clearCache(): void
+    {
+        $codes = Dictionary::pluck('code')->toArray();
+        foreach ($codes as $code) {
+            Cache::forget('system:dictionary:' . $code);
+        }
+    }
+
+    public function getItemsList(array $params): array
+    {
+        $query = DictionaryItem::query();
+
+        if (!empty($params['dictionary_id'])) {
+            $query->where('dictionary_id', $params['dictionary_id']);
+        }
+
+        if (isset($params['status']) && $params['status'] !== '') {
+            $query->where('status', $params['status']);
+        }
+
+        $query->orderBy('sort')->orderBy('id');
+
+        $pageSize = $params['page_size'] ?? 20;
+        $list = $query->paginate($pageSize);
+
+        return [
+            'list' => $list->items(),
+            'total' => $list->total(),
+            'page' => $list->currentPage(),
+            'page_size' => $list->perPage(),
+        ];
+    }
+
+    public function createItem(array $data): DictionaryItem
+    {
+        Validator::make($data, [
+            'dictionary_id' => 'required|exists:system_dictionaries,id',
+            'label' => 'required|string|max:100',
+            'value' => 'required|string|max:100',
+        ])->validate();
+
+        $item = DictionaryItem::create($data);
+        $this->clearCache();
+        return $item;
+    }
+
+    public function updateItem(int $id, array $data): DictionaryItem
+    {
+        $item = DictionaryItem::findOrFail($id);
+
+        Validator::make($data, [
+            'dictionary_id' => 'sometimes|required|exists:system_dictionaries,id',
+            'label' => 'sometimes|required|string|max:100',
+            'value' => 'sometimes|required|string|max:100',
+        ])->validate();
+
+        $item->update($data);
+        $this->clearCache();
+        return $item;
+    }
+
+    public function deleteItem(int $id): bool
+    {
+        $item = DictionaryItem::findOrFail($id);
+        $item->delete();
+        $this->clearCache();
+        return true;
+    }
+
+    public function batchDeleteItems(array $ids): bool
+    {
+        DictionaryItem::whereIn('id', $ids)->delete();
+        $this->clearCache();
+        return true;
+    }
+
+    public function batchUpdateItemsStatus(array $ids, bool $status): bool
+    {
+        DictionaryItem::whereIn('id', $ids)->update(['status' => $status]);
+        $this->clearCache();
+        return true;
+    }
+}
diff --git a/app/Services/System/LogService.php b/app/Services/System/LogService.php
new file mode 100644
index 0000000..575d57c
--- /dev/null
+++ b/app/Services/System/LogService.php
@@ -0,0 +1,125 @@
+<?php
+
+namespace App\Services\System;
+
+use App\Models\System\Log;
+use Illuminate\Support\Facades\Auth;
+
+class LogService
+{
+    public function create(array $data): Log
+    {
+        return Log::create($data);
+    }
+
+    public function getList(array $params): array
+    {
+        $query = $this->buildQuery($params);
+
+        $query->orderBy('created_at', 'desc');
+
+        $pageSize = $params['page_size'] ?? 20;
+        $list = $query->paginate($pageSize);
+
+        return [
+            'list' => $list->items(),
+            'total' => $list->total(),
+            'page' => $list->currentPage(),
+            'page_size' => $list->perPage(),
+        ];
+    }
+
+    /**
+     * 构建查询（用于导出等场景）
+     *
+     * @param  array  $params
+     * @return \Illuminate\Database\Eloquent\Builder
+     */
+    public function getListQuery(array $params)
+    {
+        return $this->buildQuery($params);
+    }
+
+    /**
+     * 构建基础查询
+     *
+     * @param  array  $params
+     * @return \Illuminate\Database\Eloquent\Builder
+     */
+    protected function buildQuery(array $params)
+    {
+        $query = Log::query()->with('user:id,name,username');
+
+        if (!empty($params['user_id'])) {
+            $query->where('user_id', $params['user_id']);
+        }
+
+        if (!empty($params['username'])) {
+            $query->where('username', 'like', '%' . $params['username'] . '%');
+        }
+
+        if (!empty($params['module'])) {
+            $query->where('module', $params['module']);
+        }
+
+        if (!empty($params['action'])) {
+            $query->where('action', $params['action']);
+        }
+
+        if (!empty($params['status'])) {
+            $query->where('status', $params['status']);
+        }
+
+        if (!empty($params['start_date']) && !empty($params['end_date'])) {
+            $query->whereBetween('created_at', [$params['start_date'], $params['end_date']]);
+        }
+
+        if (!empty($params['ip'])) {
+            $query->where('ip', 'like', '%' . $params['ip'] . '%');
+        }
+
+        return $query;
+    }
+
+    public function getById(int $id): ?Log
+    {
+        return Log::with('user')->find($id);
+    }
+
+    public function delete(int $id): bool
+    {
+        $log = Log::findOrFail($id);
+        return $log->delete();
+    }
+
+    public function clearLogs(string $days = '30'): bool
+    {
+        Log::where('created_at', '<', now()->subDays($days))->delete();
+        return true;
+    }
+
+    public function batchDelete(array $ids): bool
+    {
+        Log::whereIn('id', $ids)->delete();
+        return true;
+    }
+
+    public function getStatistics(array $params = []): array
+    {
+        $query = Log::query();
+
+        if (!empty($params['start_date']) && !empty($params['end_date'])) {
+            $query->whereBetween('created_at', [$params['start_date'], $params['end_date']]);
+        }
+
+        $total = $query->count();
+        $successCount = (clone $query)->where('status', 'success')->count();
+        $errorCount = (clone $query)->where('status', 'error')->count();
+
+        return [
+            'total' => $total,
+            'success' => $successCount,
+            'error' => $errorCount,
+        ];
+    }
+}
diff --git a/app/Services/System/TaskService.php b/app/Services/System/TaskService.php
new file mode 100644
index 0000000..828a378
--- /dev/null
+++ b/app/Services/System/TaskService.php
@@ -0,0 +1,167 @@
+<?php
+
+namespace App\Services\System;
+
+use App\Models\System\Task;
+use Illuminate\Support\Facades\Validator;
+
+class TaskService
+{
+    public function getList(array $params): array
+    {
+        $query = Task::query();
+
+        if (!empty($params['keyword'])) {
+            $query->where(function ($q) use ($params) {
+                $q->where('name', 'like', '%' . $params['keyword'] . '%')
+                    ->orWhere('command', 'like', '%' . $params['keyword'] . '%');
+            });
+        }
+
+        if (isset($params['is_active']) && $params['is_active'] !== '') {
+            $query->where('is_active', $params['is_active']);
+        }
+
+        if (!empty($params['type'])) {
+            $query->where('type', $params['type']);
+        }
+
+        $query->orderBy('id');
+
+        $pageSize = $params['page_size'] ?? 20;
+        $list = $query->paginate($pageSize);
+
+        return [
+            'list' => $list->items(),
+            'total' => $list->total(),
+            'page' => $list->currentPage(),
+            'page_size' => $list->perPage(),
+        ];
+    }
+
+    public function getAll(): array
+    {
+        return Task::all()->toArray();
+    }
+
+    public function getById(int $id): ?Task
+    {
+        return Task::find($id);
+    }
+
+    public function create(array $data): Task
+    {
+        Validator::make($data, [
+            'name' => 'required|string|max:100',
+            'command' => 'required|string|max:255',
+            'type' => 'required|string|in:command,job,closure',
+            'expression' => 'required|string',
+        ])->validate();
+
+        return Task::create($data);
+    }
+
+    public function update(int $id, array $data): Task
+    {
+        $task = Task::findOrFail($id);
+
+        Validator::make($data, [
+            'name' => 'sometimes|required|string|max:100',
+            'command' => 'sometimes|required|string|max:255',
+            'type' => 'sometimes|required|string|in:command,job,closure',
+            'expression' => 'sometimes|required|string',
+        ])->validate();
+
+        $task->update($data);
+        return $task;
+    }
+
+    public function delete(int $id): bool
+    {
+        $task = Task::findOrFail($id);
+        return $task->delete();
+    }
+
+    public function batchDelete(array $ids): bool
+    {
+        Task::whereIn('id', $ids)->delete();
+        return true;
+    }
+
+    public function batchUpdateStatus(array $ids, bool $status): bool
+    {
+        Task::whereIn('id', $ids)->update(['is_active' => $status]);
+        return true;
+    }
+
+    public function run(int $id): array
+    {
+        $task = Task::findOrFail($id);
+
+        $startTime = microtime(true);
+        $output = '';
+        $status = 'success';
+        $errorMessage = '';
+
+        try {
+            switch ($task->type) {
+                case 'command':
+                    $command = $task->command;
+                    if ($task->run_in_background) {
+                        $command .= ' > /dev/null 2>&1 &';
+                    }
+                    exec($command, $output, $statusCode);
+                    $output = implode("\n", $output);
+                    if ($statusCode !== 0) {
+                        throw new \Exception('Command failed with status code: ' . $statusCode);
+                    }
+                    break;
+
+                case 'job':
+                    $jobClass = $task->command;
+                    if (class_exists($jobClass)) {
+                        dispatch(new $jobClass());
+                    } else {
+                        throw new \Exception('Job class not found: ' . $jobClass);
+                    }
+                    break;
+
+                case 'closure':
+                    throw new \Exception('Closure type tasks cannot be run directly');
+            }
+
+            $task->increment('run_count');
+        } catch (\Exception $e) {
+            $status = 'error';
+            $errorMessage = $e->getMessage();
+            $task->increment('failed_count');
+        }
+
+        $executionTime = round((microtime(true) - $startTime) * 1000);
+
+        $task->update([
+            'last_run_at' => now(),
+            'last_output' => substr($output, 0, 10000),
+        ]);
+
+        return [
+            'status' => $status,
+            'output' => $output,
+            'error_message' => $errorMessage,
+            'execution_time' => $executionTime,
+        ];
+    }
+
+    public function getStatistics(): array
+    {
+        $total = Task::count();
+        $active = Task::where('is_active', true)->count();
+        $inactive = Task::where('is_active', false)->count();
+
+        return [
+            'total' => $total,
+            'active' => $active,
+            'inactive' => $inactive,
+        ];
+    }
+}
diff --git a/app/Services/System/UploadService.php b/app/Services/System/UploadService.php
new file mode 100644
index 0000000..4bb8382
--- /dev/null
+++ b/app/Services/System/UploadService.php
@@ -0,0 +1,160 @@
+<?php
+
+namespace App\Services\System;
+
+use Illuminate\Http\UploadedFile;
+use Illuminate\Support\Facades\Storage;
+use Illuminate\Support\Str;
+use Intervention\Image\Facades\Image;
+
+class UploadService
+{
+    protected $disk;
+    protected $allowedImageTypes = ['jpg', 'jpeg', 'png', 'gif', 'webp', 'bmp'];
+    protected $allowedFileTypes = ['pdf', 'doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'zip', 'rar', 'txt'];
+    protected $maxFileSize = 10 * 1024 * 1024; // 10MB
+
+    public function __construct()
+    {
+        $this->disk = Storage::disk('public');
+    }
+
+    public function upload(UploadedFile $file, string $directory = 'uploads', array $options = []): array
+    {
+        $extension = strtolower($file->getClientOriginalExtension());
+
+        if (!$this->validateFile($file, $extension)) {
+            throw new \Exception('文件验证失败');
+        }
+
+        $fileName = $this->generateFileName($file, $extension);
+        $filePath = $directory . '/' . date('Ymd') . '/' . $fileName;
+
+        if (in_array($extension, $this->allowedImageTypes) && isset($options['compress'])) {
+            $this->compressImage($file, $filePath, $options);
+        } else {
+            $this->disk->put($filePath, file_get_contents($file));
+        }
+
+        $url = $this->disk->url($filePath);
+        $fullPath = $this->disk->path($filePath);
+
+        return [
+            'url' => $url,
+            'path' => $filePath,
+            'name' => $file->getClientOriginalName(),
+            'size' => $file->getSize(),
+            'mime_type' => $file->getMimeType(),
+            'extension' => $extension,
+        ];
+    }
+
+    public function uploadMultiple(array $files, string $directory = 'uploads', array $options = []): array
+    {
+        $results = [];
+        foreach ($files as $file) {
+            if ($file instanceof UploadedFile) {
+                $results[] = $this->upload($file, $directory, $options);
+            }
+        }
+        return $results;
+    }
+
+    public function uploadBase64(string $base64, string $directory = 'uploads', string $fileName = null): array
+    {
+        if (preg_match('/^data:image\/(\w+);base64,/', $base64, $matches)) {
+            $type = $matches[1];
+            $extension = $type;
+            $data = substr($base64, strpos($base64, ',') + 1);
+            $data = base64_decode($data);
+
+            if (!$data) {
+                throw new \Exception('Base64解码失败');
+            }
+
+            $fileName = $fileName ?: $this->generateUniqueFileName($extension);
+            $filePath = $directory . '/' . date('Ymd') . '/' . $fileName;
+            $this->disk->put($filePath, $data);
+
+            return [
+                'url' => $this->disk->url($filePath),
+                'path' => $filePath,
+                'name' => $fileName,
+                'size' => strlen($data),
+                'mime_type' => 'image/' . $type,
+                'extension' => $extension,
+            ];
+        }
+
+        throw new \Exception('无效的Base64图片数据');
+    }
+
+    public function delete(string $path): bool
+    {
+        if ($this->disk->exists($path)) {
+            return $this->disk->delete($path);
+        }
+        return false;
+    }
+
+    public function deleteMultiple(array $paths): bool
+    {
+        foreach ($paths as $path) {
+            $this->delete($path);
+        }
+        return true;
+    }
+
+    private function validateFile(UploadedFile $file, string $extension): bool
+    {
+        if ($file->getSize() > $this->maxFileSize) {
+            throw new \Exception('文件大小超过限制');
+        }
+
+        $allowedTypes = array_merge($this->allowedImageTypes, $this->allowedFileTypes);
+        if (!in_array($extension, $allowedTypes)) {
+            throw new \Exception('不允许的文件类型');
+        }
+
+        return true;
+    }
+
+    private function generateFileName(UploadedFile $file, string $extension): string
+    {
+        return uniqid() . '_' . Str::random(6) . '.' . $extension;
+    }
+
+    private function generateUniqueFileName(string $extension): string
+    {
+        return uniqid() . '_' . Str::random(6) . '.' . $extension;
+    }
+
+    private function compressImage(UploadedFile $file, string $filePath, array $options): void
+    {
+        $quality = $options['quality'] ?? 80;
+        $width = $options['width'] ?? null;
+        $height = $options['height'] ?? null;
+
+        $image = Image::make($file);
+
+        if ($width || $height) {
+            $image->resize($width, $height, function ($constraint) {
+                $constraint->aspectRatio();
+                $constraint->upsize();
+            });
+        }
+
+        $image->encode(null, $quality);
+        $this->disk->put($filePath, (string) $image);
+    }
+
+    public function getFileUrl(string $path): string
+    {
+        return $this->disk->url($path);
+    }
+
+    public function fileExists(string $path): bool
+    {
+        return $this->disk->exists($path);
+    }
+}
diff --git a/app/Services/WebSocket/WebSocketHandler.php b/app/Services/WebSocket/WebSocketHandler.php
new file mode 100644
index 0000000..165a174
--- /dev/null
+++ b/app/Services/WebSocket/WebSocketHandler.php
@@ -0,0 +1,451 @@
+<?php
+
+namespace App\Services\WebSocket;
+
+use Hhxsv5\LaravelS\Swoole\WebSocketHandlerInterface;
+use Swoole\Http\Request;
+use Swoole\WebSocket\Frame;
+use Swoole\WebSocket\Server;
+use Illuminate\Support\Facades\Log;
+use App\Services\Auth\UserOnlineService;
+
+/**
+ * WebSocket Handler
+ *
+ * Handles WebSocket connections, messages, and disconnections
+ */
+class WebSocketHandler implements WebSocketHandlerInterface
+{
+    /**
+     * @var UserOnlineService
+     */
+    protected $userOnlineService;
+
+    /**
+     * WebSocketHandler constructor
+     */
+    public function __construct()
+    {
+        $this->userOnlineService = app(UserOnlineService::class);
+    }
+
+    /**
+     * Handle WebSocket connection open event
+     *
+     * @param Server $server
+     * @param Request $request
+     * @return void
+     */
+    public function onOpen(Server $server, Request $request): void
+    {
+        try {
+            $fd = $request->fd;
+            $path = $request->server['path_info'] ?? $request->server['request_uri'] ?? '/';
+
+            Log::info('WebSocket connection opened', [
+                'fd' => $fd,
+                'path' => $path,
+                'ip' => $request->server['remote_addr'] ?? 'unknown'
+            ]);
+
+            // Extract user ID from query parameters if provided
+            $userId = $request->get['user_id'] ?? null;
+            $token = $request->get['token'] ?? null;
+
+            if ($userId && $token) {
+                // Store user connection mapping
+                $server->wsTable->set('uid:' . $userId, [
+                    'value' => $fd,
+                    'expiry' => time() + 3600, // 1 hour expiry
+                ]);
+
+                $server->wsTable->set('fd:' . $fd, [
+                    'value' => $userId,
+                    'expiry' => time() + 3600
+                ]);
+
+                // Update user online status
+                $this->userOnlineService->updateUserOnlineStatus($userId, $fd, true);
+
+                Log::info('User connected to WebSocket', [
+                    'user_id' => $userId,
+                    'fd' => $fd
+                ]);
+
+                // Send welcome message to client
+                $server->push($fd, json_encode([
+                    'type' => 'welcome',
+                    'data' => [
+                        'message' => 'WebSocket connection established',
+                        'user_id' => $userId,
+                        'timestamp' => time()
+                    ]
+                ]));
+            } else {
+                Log::warning('WebSocket connection without authentication', [
+                    'fd' => $fd
+                ]);
+
+                // Send error message
+                $server->push($fd, json_encode([
+                    'type' => 'error',
+                    'data' => [
+                        'message' => 'Authentication required. Please provide user_id and token.',
+                        'code' => 401
+                    ]
+                ]));
+            }
+        } catch (\Exception $e) {
+            Log::error('WebSocket onOpen error', [
+                'error' => $e->getMessage(),
+                'trace' => $e->getTraceAsString()
+            ]);
+        }
+    }
+
+    /**
+     * Handle WebSocket message event
+     *
+     * @param Server $server
+     * @param Frame $frame
+     * @return void
+     */
+    public function onMessage(Server $server, Frame $frame): void
+    {
+        try {
+            $fd = $frame->fd;
+            $data = $frame->data;
+
+            Log::info('WebSocket message received', [
+                'fd' => $fd,
+                'data' => $data,
+                'opcode' => $frame->opcode
+            ]);
+
+            // Parse incoming message
+            $message = json_decode($data, true);
+
+            if (!$message) {
+                $server->push($fd, json_encode([
+                    'type' => 'error',
+                    'data' => [
+                        'message' => 'Invalid JSON format',
+                        'code' => 400
+                    ]
+                ]));
+                return;
+            }
+
+            // Handle different message types
+            $this->handleMessage($server, $fd, $message);
+        } catch (\Exception $e) {
+            Log::error('WebSocket onMessage error', [
+                'error' => $e->getMessage(),
+                'trace' => $e->getTraceAsString()
+            ]);
+        }
+    }
+
+    /**
+     * Handle WebSocket message based on type
+     *
+     * @param Server $server
+     * @param int $fd
+     * @param array $message
+     * @return void
+     */
+    protected function handleMessage(Server $server, int $fd, array $message): void
+    {
+        $type = $message['type'] ?? 'unknown';
+        $data = $message['data'] ?? [];
+
+        switch ($type) {
+            case 'ping':
+                // Respond to ping with pong
+                $server->push($fd, json_encode([
+                    'type' => 'pong',
+                    'data' => [
+                        'timestamp' => time()
+                    ]
+                ]));
+                break;
+
+            case 'heartbeat':
+                // Handle heartbeat
+                $server->push($fd, json_encode([
+                    'type' => 'heartbeat_ack',
+                    'data' => [
+                        'timestamp' => time()
+                    ]
+                ]));
+                break;
+
+            case 'chat':
+                // Handle chat message
+                $this->handleChatMessage($server, $fd, $data);
+                break;
+
+            case 'broadcast':
+                // Handle broadcast message (admin only)
+                $this->handleBroadcast($server, $fd, $data);
+                break;
+
+            case 'subscribe':
+                // Handle channel subscription
+                $this->handleSubscribe($server, $fd, $data);
+                break;
+
+            case 'unsubscribe':
+                // Handle channel unsubscription
+                $this->handleUnsubscribe($server, $fd, $data);
+                break;
+
+            default:
+                $server->push($fd, json_encode([
+                    'type' => 'error',
+                    'data' => [
+                        'message' => 'Unknown message type: ' . $type,
+                        'code' => 400
+                    ]
+                ]));
+                break;
+        }
+    }
+
+    /**
+     * Handle chat message
+     *
+     * @param Server $server
+     * @param int $fd
+     * @param array $data
+     * @return void
+     */
+    protected function handleChatMessage(Server $server, int $fd, array $data): void
+    {
+        $toUserId = $data['to_user_id'] ?? null;
+        $content = $data['content'] ?? '';
+
+        if (!$toUserId || !$content) {
+            $server->push($fd, json_encode([
+                'type' => 'error',
+                'data' => [
+                    'message' => 'Missing required fields: to_user_id and content',
+                    'code' => 400
+                ]
+            ]));
+            return;
+        }
+
+        // Get target user's connection
+        $targetFd = $server->wsTable->get('uid:' . $toUserId);
+
+        if ($targetFd && $targetFd['value']) {
+            $server->push((int)$targetFd['value'], json_encode([
+                'type' => 'chat',
+                'data' => [
+                    'from_user_id' => $server->wsTable->get('fd:' . $fd)['value'] ?? null,
+                    'content' => $content,
+                    'timestamp' => time()
+                ]
+            ]));
+
+            // Send delivery receipt to sender
+            $server->push($fd, json_encode([
+                'type' => 'message_delivered',
+                'data' => [
+                    'to_user_id' => $toUserId,
+                    'content' => $content,
+                    'timestamp' => time()
+                ]
+            ]));
+        } else {
+            $server->push($fd, json_encode([
+                'type' => 'error',
+                'data' => [
+                    'message' => 'Target user is not online',
+                    'code' => 404
+                ]
+            ]));
+        }
+    }
+
+    /**
+     * Handle broadcast message
+     *
+     * @param Server $server
+     * @param int $fd
+     * @param array $data
+     * @return void
+     */
+    protected function handleBroadcast(Server $server, int $fd, array $data): void
+    {
+        $message = $data['message'] ?? '';
+        $userId = $server->wsTable->get('fd:' . $fd)['value'] ?? null;
+
+        // TODO: Check if user has admin permission to broadcast
+        // For now, allow any authenticated user
+
+        if (!$message) {
+            $server->push($fd, json_encode([
+                'type' => 'error',
+                'data' => [
+                    'message' => 'Message content is required',
+                    'code' => 400
+                ]
+            ]));
+            return;
+        }
+
+        // Broadcast to all connected clients except sender
+        $broadcastData = json_encode([
+            'type' => 'broadcast',
+            'data' => [
+                'from_user_id' => $userId,
+                'message' => $message,
+                'timestamp' => time()
+            ]
+        ]);
+
+        foreach ($server->connections as $connectionFd) {
+            if ($server->isEstablished($connectionFd) && $connectionFd !== $fd) {
+                $server->push($connectionFd, $broadcastData);
+            }
+        }
+
+        // Send confirmation to sender
+        $server->push($fd, json_encode([
+            'type' => 'broadcast_sent',
+            'data' => [
+                'message' => $message,
+                'timestamp' => time()
+            ]
+        ]));
+    }
+
+    /**
+     * Handle channel subscription
+     *
+     * @param Server $server
+     * @param int $fd
+     * @param array $data
+     * @return void
+     */
+    protected function handleSubscribe(Server $server, int $fd, array $data): void
+    {
+        $channel = $data['channel'] ?? '';
+
+        if (!$channel) {
+            $server->push($fd, json_encode([
+                'type' => 'error',
+                'data' => [
+                    'message' => 'Channel name is required',
+                    'code' => 400
+                ]
+            ]));
+            return;
+        }
+
+        // Store subscription in wsTable
+        $server->wsTable->set('channel:' . $channel . ':fd:' . $fd, [
+            'value' => 1,
+            'expiry' => time() + 7200 // 2 hours
+        ]);
+
+        $server->push($fd, json_encode([
+            'type' => 'subscribed',
+            'data' => [
+                'channel' => $channel,
+                'timestamp' => time()
+            ]
+        ]));
+
+        Log::info('User subscribed to channel', [
+            'fd' => $fd,
+            'channel' => $channel
+        ]);
+    }
+
+    /**
+     * Handle channel unsubscription
+     *
+     * @param Server $server
+     * @param int $fd
+     * @param array $data
+     * @return void
+     */
+    protected function handleUnsubscribe(Server $server, int $fd, array $data): void
+    {
+        $channel = $data['channel'] ?? '';
+
+        if (!$channel) {
+            $server->push($fd, json_encode([
+                'type' => 'error',
+                'data' => [
+                    'message' => 'Channel name is required',
+                    'code' => 400
+                ]
+            ]));
+            return;
+        }
+
+        // Remove subscription from wsTable
+        $server->wsTable->del('channel:' . $channel . ':fd:' . $fd);
+
+        $server->push($fd, json_encode([
+            'type' => 'unsubscribed',
+            'data' => [
+                'channel' => $channel,
+                'timestamp' => time()
+            ]
+        ]));
+
+        Log::info('User unsubscribed from channel', [
+            'fd' => $fd,
+            'channel' => $channel
+        ]);
+    }
+
+    /**
+     * Handle WebSocket connection close event
+     *
+     * @param Server $server
+     * @param $fd
+     * @param $reactorId
+     * @return void
+     */
+    public function onClose(Server $server, $fd, $reactorId): void
+    {
+        try {
+            Log::info('WebSocket connection closed', [
+                'fd' => $fd,
+                'reactor_id' => $reactorId
+            ]);
+
+            // Get user ID from wsTable
+            $userId = $server->wsTable->get('fd:' . $fd)['value'] ?? null;
+
+            if ($userId) {
+                // Remove user connection mapping
+                $server->wsTable->del('uid:' . $userId);
+                $server->wsTable->del('fd:' . $fd);
+
+                // Update user online status
+                $this->userOnlineService->updateUserOnlineStatus($userId, $fd, false);
+
+                Log::info('User disconnected from WebSocket', [
+                    'user_id' => $userId,
+                    'fd' => $fd
+                ]);
+            }
+
+            // Clean up channel subscriptions
+            // Note: In production, you might want to iterate through all channel keys
+            // and remove the ones associated with this fd
+        } catch (\Exception $e) {
+            Log::error('WebSocket onClose error', [
+                'error' => $e->getMessage(),
+                'trace' => $e->getTraceAsString()
+            ]);
+        }
+    }
+}
diff --git a/app/Services/WebSocket/WebSocketService.php b/app/Services/WebSocket/WebSocketService.php
new file mode 100644
index 0000000..db844b6
--- /dev/null
+++ b/app/Services/WebSocket/WebSocketService.php
@@ -0,0 +1,402 @@
+<?php
+
+namespace App\Services\WebSocket;
+
+use Illuminate\Support\Facades\Log;
+use Swoole\WebSocket\Server;
+
+/**
+ * WebSocket Service
+ *
+ * Provides helper functions for WebSocket operations
+ */
+class WebSocketService
+{
+    /**
+     * Get Swoole WebSocket Server instance
+     *
+     * @return Server|null
+     */
+    public function getServer(): ?Server
+    {
+        return app('swoole.server');
+    }
+
+    /**
+     * Send message to a specific user
+     *
+     * @param int $userId
+     * @param array $data
+     * @return bool
+     */
+    public function sendToUser(int $userId, array $data): bool
+    {
+        $server = $this->getServer();
+
+        if (!$server || !isset($server->wsTable)) {
+            Log::warning('WebSocket server not available', ['user_id' => $userId]);
+            return false;
+        }
+
+        $fdInfo = $server->wsTable->get('uid:' . $userId);
+
+        if (!$fdInfo || !$fdInfo['value']) {
+            Log::info('User not connected to WebSocket', ['user_id' => $userId]);
+            return false;
+        }
+
+        $fd = (int)$fdInfo['value'];
+
+        if (!$server->isEstablished($fd)) {
+            Log::info('WebSocket connection not established', ['user_id' => $userId, 'fd' => $fd]);
+            // Clean up stale connection
+            $server->wsTable->del('uid:' . $userId);
+            $server->wsTable->del('fd:' . $fd);
+            return false;
+        }
+
+        $server->push($fd, json_encode($data));
+
+        Log::info('Message sent to user via WebSocket', [
+            'user_id' => $userId,
+            'fd' => $fd,
+            'data' => $data
+        ]);
+
+        return true;
+    }
+
+    /**
+     * Send message to multiple users
+     *
+     * @param array $userIds
+     * @param array $data
+     * @return array Array of user IDs who received the message
+     */
+    public function sendToUsers(array $userIds, array $data): array
+    {
+        $sentTo = [];
+
+        foreach ($userIds as $userId) {
+            if ($this->sendToUser($userId, $data)) {
+                $sentTo[] = $userId;
+            }
+        }
+
+        return $sentTo;
+    }
+
+    /**
+     * Broadcast message to all connected clients
+     *
+     * @param array $data
+     * @param int|null $excludeUserId User ID to exclude from broadcast
+     * @return int Number of clients the message was sent to
+     */
+    public function broadcast(array $data, ?int $excludeUserId = null): int
+    {
+        $server = $this->getServer();
+
+        if (!$server) {
+            Log::warning('WebSocket server not available for broadcast');
+            return 0;
+        }
+
+        $message = json_encode($data);
+        $count = 0;
+
+        foreach ($server->connections as $fd) {
+            if (!$server->isEstablished($fd)) {
+                continue;
+            }
+
+            // Check if we should exclude this user
+            if ($excludeUserId) {
+                $fdInfo = $server->wsTable->get('fd:' . $fd);
+                if ($fdInfo && $fdInfo['value'] == $excludeUserId) {
+                    continue;
+                }
+            }
+
+            $server->push($fd, $message);
+            $count++;
+        }
+
+        Log::info('Broadcast sent via WebSocket', [
+            'data' => $data,
+            'exclude_user_id' => $excludeUserId,
+            'count' => $count
+        ]);
+
+        return $count;
+    }
+
+    /**
+     * Send message to all subscribers of a channel
+     *
+     * @param string $channel
+     * @param array $data
+     * @return int Number of subscribers who received the message
+     */
+    public function sendToChannel(string $channel, array $data): int
+    {
+        $server = $this->getServer();
+
+        if (!$server || !isset($server->wsTable)) {
+            Log::warning('WebSocket server not available for channel broadcast', ['channel' => $channel]);
+            return 0;
+        }
+
+        $count = 0;
+        $message = json_encode($data);
+
+        // Iterate through all connections and check if they're subscribed to the channel
+        foreach ($server->connections as $fd) {
+            if (!$server->isEstablished($fd)) {
+                continue;
+            }
+
+            $subscription = $server->wsTable->get('channel:' . $channel . ':fd:' . $fd);
+
+            if ($subscription) {
+                $server->push($fd, $message);
+                $count++;
+            }
+        }
+
+        Log::info('Channel message sent via WebSocket', [
+            'channel' => $channel,
+            'data' => $data,
+            'count' => $count
+        ]);
+
+        return $count;
+    }
+
+    /**
+     * Get online user count
+     *
+     * @return int
+     */
+    public function getOnlineUserCount(): int
+    {
+        $server = $this->getServer();
+
+        if (!$server || !isset($server->wsTable)) {
+            return 0;
+        }
+
+        // Count established connections
+        $count = 0;
+        foreach ($server->connections as $fd) {
+            if ($server->isEstablished($fd)) {
+                $count++;
+            }
+        }
+
+        return $count;
+    }
+
+    /**
+     * Check if a user is online
+     *
+     * @param int $userId
+     * @return bool
+     */
+    public function isUserOnline(int $userId): bool
+    {
+        $server = $this->getServer();
+
+        if (!$server || !isset($server->wsTable)) {
+            return false;
+        }
+
+        $fdInfo = $server->wsTable->get('uid:' . $userId);
+
+        if (!$fdInfo || !$fdInfo['value']) {
+            return false;
+        }
+
+        $fd = (int)$fdInfo['value'];
+
+        return $server->isEstablished($fd);
+    }
+
+    /**
+     * Disconnect a user from WebSocket
+     *
+     * @param int $userId
+     * @return bool
+     */
+    public function disconnectUser(int $userId): bool
+    {
+        $server = $this->getServer();
+
+        if (!$server || !isset($server->wsTable)) {
+            return false;
+        }
+
+        $fdInfo = $server->wsTable->get('uid:' . $userId);
+
+        if (!$fdInfo || !$fdInfo['value']) {
+            return false;
+        }
+
+        $fd = (int)$fdInfo['value'];
+
+        if ($server->isEstablished($fd)) {
+            $server->push($fd, json_encode([
+                'type' => 'disconnect',
+                'data' => [
+                    'message' => 'You have been disconnected',
+                    'timestamp' => time()
+                ]
+            ]));
+
+            // Close the connection
+            $server->disconnect($fd);
+
+            // Clean up
+            $server->wsTable->del('uid:' . $userId);
+            $server->wsTable->del('fd:' . $fd);
+
+            Log::info('User disconnected from WebSocket by server', [
+                'user_id' => $userId,
+                'fd' => $fd
+            ]);
+
+            return true;
+        }
+
+        return false;
+    }
+
+    /**
+     * Get all online user IDs
+     *
+     * @return array
+     */
+    public function getOnlineUserIds(): array
+    {
+        $server = $this->getServer();
+
+        if (!$server || !isset($server->wsTable)) {
+            return [];
+        }
+
+        $userIds = [];
+
+        foreach ($server->connections as $fd) {
+            if (!$server->isEstablished($fd)) {
+                continue;
+            }
+
+            $fdInfo = $server->wsTable->get('fd:' . $fd);
+
+            if ($fdInfo && $fdInfo['value']) {
+                $userIds[] = (int)$fdInfo['value'];
+            }
+        }
+
+        return array_unique($userIds);
+    }
+
+    /**
+     * Send system notification to all online users
+     *
+     * @param string $title
+     * @param string $message
+     * @param string $type
+     * @param array $extraData
+     * @return int
+     */
+    public function sendSystemNotification(string $title, string $message, string $type = 'info', array $extraData = []): int
+    {
+        $data = [
+            'type' => 'notification',
+            'data' => [
+                'title' => $title,
+                'message' => $message,
+                'type' => $type, // info, success, warning, error
+                'timestamp' => time(),
+                ...$extraData
+            ]
+        ];
+
+        return $this->broadcast($data);
+    }
+
+    /**
+     * Send notification to specific users
+     *
+     * @param array $userIds
+     * @param string $title
+     * @param string $message
+     * @param string $type
+     * @param array $extraData
+     * @return array
+     */
+    public function sendNotificationToUsers(array $userIds, string $title, string $message, string $type = 'info', array $extraData = []): array
+    {
+        $data = [
+            'type' => 'notification',
+            'data' => [
+                'title' => $title,
+                'message' => $message,
+                'type' => $type,
+                'timestamp' => time(),
+                ...$extraData
+            ]
+        ];
+
+        return $this->sendToUsers($userIds, $data);
+    }
+
+    /**
+     * Push data update to specific users
+     *
+     * @param array $userIds
+     * @param string $resourceType
+     * @param string $action
+     * @param array $data
+     * @return array
+     */
+    public function pushDataUpdate(array $userIds, string $resourceType, string $action, array $data): array
+    {
+        $message = [
+            'type' => 'data_update',
+            'data' => [
+                'resource_type' => $resourceType, // e.g., 'user', 'order', 'product'
+                'action' => $action, // create, update, delete
+                'data' => $data,
+                'timestamp' => time()
+            ]
+        ];
+
+        return $this->sendToUsers($userIds, $message);
+    }
+
+    /**
+     * Push data update to a channel
+     *
+     * @param string $channel
+     * @param string $resourceType
+     * @param string $action
+     * @param array $data
+     * @return int
+     */
+    public function pushDataUpdateToChannel(string $channel, string $resourceType, string $action, array $data): int
+    {
+        $message = [
+            'type' => 'data_update',
+            'data' => [
+                'resource_type' => $resourceType,
+                'action' => $action,
+                'data' => $data,
+                'timestamp' => time()
+            ]
+        ];
+
+        return $this->sendToChannel($channel, $message);
+    }
+}
diff --git a/artisan b/artisan
new file mode 100644
index 0000000..c35e31d
--- /dev/null
+++ b/artisan
@@ -0,0 +1,18 @@
+#!/usr/bin/env php
+<?php
+
+use Illuminate\Foundation\Application;
+use Symfony\Component\Console\Input\ArgvInput;
+
+define('LARAVEL_START', microtime(true));
+
+// Register the Composer autoloader...
+require __DIR__.'/vendor/autoload.php';
+
+// Bootstrap Laravel and handle the command...
+/** @var Application $app */
+$app = require_once __DIR__.'/bootstrap/app.php';
+
+$status = $app->handleCommand(new ArgvInput);
+
+exit($status);
diff --git a/bin/fswatch b/bin/fswatch
new file mode 100644
index 0000000..dd60014
--- /dev/null
+++ b/bin/fswatch
@@ -0,0 +1,26 @@
+#!/usr/bin/env bash
+WORK_DIR=$1
+if [ ! -n "${WORK_DIR}" ] ;then
+    WORK_DIR="."
+fi
+
+echo "Restarting LaravelS..."
+./bin/laravels restart -d -i
+
+echo "Starting fswatch..."
+LOCKING=0
+fswatch -e ".*" -i "\\.php$" -r ${WORK_DIR} | while read file
+do
+    if [[ ! ${file} =~ .php$ ]] ;then
+        continue
+    fi
+    if [ ${LOCKING} -eq 1 ] ;then
+        echo "Reloading, skipped."
+        continue
+    fi
+    echo "File ${file} has been modified."
+    LOCKING=1
+    ./bin/laravels reload
+    LOCKING=0
+done
+exit 0
\ No newline at end of file
diff --git a/bin/inotify b/bin/inotify
new file mode 100644
index 0000000..ea3a3bd
--- /dev/null
+++ b/bin/inotify
@@ -0,0 +1,28 @@
+#!/usr/bin/env bash
+WORK_DIR=$1
+if [ ! -n "${WORK_DIR}" ] ;then
+    WORK_DIR="."
+fi
+
+echo "Restarting LaravelS..."
+./bin/laravels restart -d -i
+
+echo "Starting inotifywait..."
+LOCKING=0
+
+inotifywait --event modify --event create --event move --event delete -mrq   ${WORK_DIR}  | while read file
+
+do
+    if [[ ! ${file} =~ .php$ ]] ;then
+        continue
+    fi
+    if [ ${LOCKING} -eq 1 ] ;then
+        echo "Reloading, skipped."
+        continue
+    fi
+    echo "File ${file} has been modified."
+    LOCKING=1
+    ./bin/laravels reload
+    LOCKING=0
+done
+exit 0
\ No newline at end of file
diff --git a/bin/laravels b/bin/laravels
new file mode 100644
index 0000000..c58c3c2
--- /dev/null
+++ b/bin/laravels
@@ -0,0 +1,169 @@
+#!/usr/bin/env php
+<?php
+
+/**
+ * This autoloader is only used to pull laravel-s.
+ * Class Psr4Autoloader
+ */
+class Psr4Autoloader
+{
+    /**
+     * An associative array where the key is a namespace prefix and the value
+     * is an array of base directories for classes in that namespace.
+     *
+     * @var array
+     */
+    protected $prefixes = [];
+
+    /**
+     * Register loader with SPL autoloader stack.
+     *
+     * @return void
+     */
+    public function register()
+    {
+        spl_autoload_register([$this, 'loadClass']);
+    }
+
+    /**
+     * Adds a base directory for a namespace prefix.
+     *
+     * @param string $prefix The namespace prefix.
+     * @param string $base_dir A base directory for class files in the
+     * namespace.
+     * @param bool $prepend If true, prepend the base directory to the stack
+     * instead of appending it; this causes it to be searched first rather
+     * than last.
+     * @return void
+     */
+    public function addNamespace($prefix, $base_dir, $prepend = false)
+    {
+        // normalize namespace prefix
+        $prefix = trim($prefix, '\\') . '\\';
+
+        // normalize the base directory with a trailing separator
+        $base_dir = rtrim($base_dir, DIRECTORY_SEPARATOR) . '/';
+
+        // initialize the namespace prefix array
+        if (isset($this->prefixes[$prefix]) === false) {
+            $this->prefixes[$prefix] = [];
+        }
+
+        // retain the base directory for the namespace prefix
+        if ($prepend) {
+            array_unshift($this->prefixes[$prefix], $base_dir);
+        } else {
+            $this->prefixes[$prefix][] = $base_dir;
+        }
+    }
+
+    /**
+     * Loads the class file for a given class name.
+     *
+     * @param string $class The fully-qualified class name.
+     * @return mixed The mapped file name on success, or boolean false on
+     * failure.
+     */
+    public function loadClass($class)
+    {
+        // the current namespace prefix
+        $prefix = $class;
+
+        // work backwards through the namespace names of the fully-qualified
+        // class name to find a mapped file name
+        while (false !== $pos = strrpos($prefix, '\\')) {
+            // retain the trailing namespace separator in the prefix
+            $prefix = substr($class, 0, $pos + 1);
+
+            // the rest is the relative class name
+            $relative_class = substr($class, $pos + 1);
+
+            // try to load a mapped file for the prefix and relative class
+            $mapped_file = $this->loadMappedFile($prefix, $relative_class);
+            if ($mapped_file) {
+                return $mapped_file;
+            }
+
+            // remove the trailing namespace separator for the next iteration
+            // of strrpos()
+            $prefix = rtrim($prefix, '\\');
+        }
+
+        // never found a mapped file
+        return false;
+    }
+
+    /**
+     * Load the mapped file for a namespace prefix and relative class.
+     *
+     * @param string $prefix The namespace prefix.
+     * @param string $relative_class The relative class name.
+     * @return mixed Boolean false if no mapped file can be loaded, or the
+     * name of the mapped file that was loaded.
+     */
+    protected function loadMappedFile($prefix, $relative_class)
+    {
+        // are there any base directories for this namespace prefix?
+        if (isset($this->prefixes[$prefix]) === false) {
+            return false;
+        }
+
+        // look through base directories for this namespace prefix
+        foreach ($this->prefixes[$prefix] as $base_dir) {
+            // replace the namespace prefix with the base directory,
+            // replace namespace separators with directory separators
+            // in the relative class name, append with .php
+            $file = $base_dir
+                . str_replace('\\', '/', $relative_class)
+                . '.php';
+
+            // if the mapped file exists, require it
+            if ($this->requireFile($file)) {
+                // yes, we're done
+                return $file;
+            }
+        }
+
+        // never found it
+        return false;
+    }
+
+    /**
+     * If a file exists, require it from the file system.
+     *
+     * @param string $file The file to require.
+     * @return bool True if the file exists, false if not.
+     */
+    public function requireFile($file)
+    {
+        if (file_exists($file)) {
+            require $file;
+            return true;
+        }
+        return false;
+    }
+}
+
+$basePath = dirname(__DIR__);
+$loader = new Psr4Autoloader();
+$loader->register();
+
+// Register laravel-s
+$loader->addNamespace('Hhxsv5\LaravelS', $basePath . '/vendor/hhxsv5/laravel-s/src');
+
+// Register laravel-s dependencies
+
+// To fix issue #364 https://github.com/hhxsv5/laravel-s/issues/364
+$loader->addNamespace('Symfony\Polyfill\Php80', $basePath . '/vendor/symfony/polyfill-php80');
+$loader->requireFile($basePath . '/vendor/symfony/polyfill-php80/bootstrap.php');
+
+$loader->addNamespace('Symfony\Component\Console', $basePath . '/vendor/symfony/console');
+$loader->addNamespace('Symfony\Component\String', $basePath . '/vendor/symfony/string');
+$loader->addNamespace('Symfony\Contracts\Service', $basePath . '/vendor/symfony/service-contracts');
+$loader->addNamespace('Symfony\Contracts', $basePath . '/vendor/symfony/contracts');
+
+$command = new Hhxsv5\LaravelS\Console\Portal($basePath);
+$input = new Symfony\Component\Console\Input\ArgvInput();
+$output = new Symfony\Component\Console\Output\ConsoleOutput();
+$code = $command->run($input, $output);
+exit($code);
\ No newline at end of file
diff --git a/bootstrap/app.php b/bootstrap/app.php
new file mode 100644
index 0000000..2ed59c1
--- /dev/null
+++ b/bootstrap/app.php
@@ -0,0 +1,35 @@
+<?php
+
+use Illuminate\Foundation\Application;
+use Illuminate\Foundation\Configuration\Exceptions;
+use Illuminate\Foundation\Configuration\Middleware;
+use Illuminate\Http\Request;
+use App\Http\Middleware\AuthCheckMiddleware;
+
+return Application::configure(basePath: dirname(__DIR__))
+	->withRouting(
+		web: __DIR__.'/../routes/web.php',
+		api: __DIR__.'/../routes/api.php',
+		commands: __DIR__.'/../routes/console.php',
+		then: function() {
+			Route::middleware(['api'])
+				->prefix('admin')
+				->name('admin.')
+				->group(base_path('routes/admin.php'));
+		},
+		health: '/up',
+	)
+	->withMiddleware(function (Middleware $middleware): void {
+		$middleware->alias([
+			'auth.check' => \App\Http\Middleware\AuthCheckMiddleware::class,
+			'log.request' => \App\Http\Middleware\LogRequestMiddleware::class,
+		]);
+	})
+	->withExceptions(function (Exceptions $exceptions): void {
+        $exceptions->shouldRenderJsonWhen(function(Request $request, Throwable $e){
+			return $request->expectsJson();
+		});
+	})
+	->withEvents(discover: [
+		__DIR__ . '/../app/Listeners'
+	])->create();
diff --git a/bootstrap/cache/.gitignore b/bootstrap/cache/.gitignore
new file mode 100644
index 0000000..d6b7ef3
--- /dev/null
+++ b/bootstrap/cache/.gitignore
@@ -0,0 +1,2 @@
+*
+!.gitignore
diff --git a/bootstrap/providers.php b/bootstrap/providers.php
new file mode 100644
index 0000000..38b258d
--- /dev/null
+++ b/bootstrap/providers.php
@@ -0,0 +1,5 @@
+<?php
+
+return [
+    App\Providers\AppServiceProvider::class,
+];
diff --git a/composer.json b/composer.json
new file mode 100644
index 0000000..4f5187e
--- /dev/null
+++ b/composer.json
@@ -0,0 +1,90 @@
+{
+    "$schema": "https://getcomposer.org/schema.json",
+    "name": "laravel/laravel",
+    "type": "project",
+    "description": "The skeleton application for the Laravel framework.",
+    "keywords": ["laravel", "framework"],
+    "license": "MIT",
+    "require": {
+        "php": "^8.2",
+        "hhxsv5/laravel-s": "^3.8",
+        "laravel/framework": "^12.0",
+        "laravel/tinker": "^2.10.1",
+        "nwidart/laravel-modules": "^12.0",
+        "tymon/jwt-auth": "^2.2"
+    },
+    "require-dev": {
+        "fakerphp/faker": "^1.23",
+        "laravel/pail": "^1.2.2",
+        "laravel/pint": "^1.24",
+        "laravel/sail": "^1.41",
+        "mockery/mockery": "^1.6",
+        "nunomaduro/collision": "^8.6",
+        "phpunit/phpunit": "^11.5.3"
+    },
+    "autoload": {
+        "psr-4": {
+            "App\\": "app/",
+            "Database\\Factories\\": "database/factories/",
+            "Database\\Seeders\\": "database/seeders/"
+        }
+    },
+    "autoload-dev": {
+        "psr-4": {
+            "Tests\\": "tests/"
+        }
+    },
+    "scripts": {
+        "setup": [
+            "composer install",
+            "@php -r \"file_exists('.env') || copy('.env.example', '.env');\"",
+            "@php artisan key:generate",
+            "@php artisan migrate --force",
+            "npm install",
+            "npm run build"
+        ],
+        "dev": [
+            "Composer\\Config::disableProcessTimeout",
+            "npx concurrently -c \"#93c5fd,#c4b5fd,#fb7185,#fdba74\" \"php artisan serve\" \"php artisan queue:listen --tries=1 --timeout=0\" \"php artisan pail --timeout=0\" \"npm run dev\" --names=server,queue,logs,vite --kill-others"
+        ],
+        "test": [
+            "@php artisan config:clear --ansi",
+            "@php artisan test"
+        ],
+        "post-autoload-dump": [
+            "Illuminate\\Foundation\\ComposerScripts::postAutoloadDump",
+            "@php artisan package:discover --ansi"
+        ],
+        "post-update-cmd": [
+            "@php artisan vendor:publish --tag=laravel-assets --ansi --force"
+        ],
+        "post-root-package-install": [
+            "@php -r \"file_exists('.env') || copy('.env.example', '.env');\""
+        ],
+        "post-create-project-cmd": [
+            "@php artisan key:generate --ansi",
+            "@php -r \"file_exists('database/database.sqlite') || touch('database/database.sqlite');\"",
+            "@php artisan migrate --graceful --ansi"
+        ],
+        "pre-package-uninstall": [
+            "Illuminate\\Foundation\\ComposerScripts::prePackageUninstall"
+        ]
+    },
+    "extra": {
+        "laravel": {
+            "dont-discover": []
+        }
+    },
+    "config": {
+        "optimize-autoloader": true,
+        "preferred-install": "dist",
+        "sort-packages": true,
+        "allow-plugins": {
+            "pestphp/pest-plugin": true,
+            "php-http/discovery": true,
+            "wikimedia/composer-merge-plugin": true
+        }
+    },
+    "minimum-stability": "stable",
+    "prefer-stable": true
+}
diff --git a/config/app.php b/config/app.php
new file mode 100644
index 0000000..423eed5
--- /dev/null
+++ b/config/app.php
@@ -0,0 +1,126 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Application Name
+    |--------------------------------------------------------------------------
+    |
+    | This value is the name of your application, which will be used when the
+    | framework needs to place the application's name in a notification or
+    | other UI elements where an application name needs to be displayed.
+    |
+    */
+
+    'name' => env('APP_NAME', 'Laravel'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Application Environment
+    |--------------------------------------------------------------------------
+    |
+    | This value determines the "environment" your application is currently
+    | running in. This may determine how you prefer to configure various
+    | services the application utilizes. Set this in your ".env" file.
+    |
+    */
+
+    'env' => env('APP_ENV', 'production'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Application Debug Mode
+    |--------------------------------------------------------------------------
+    |
+    | When your application is in debug mode, detailed error messages with
+    | stack traces will be shown on every error that occurs within your
+    | application. If disabled, a simple generic error page is shown.
+    |
+    */
+
+    'debug' => (bool) env('APP_DEBUG', false),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Application URL
+    |--------------------------------------------------------------------------
+    |
+    | This URL is used by the console to properly generate URLs when using
+    | the Artisan command line tool. You should set this to the root of
+    | the application so that it's available within Artisan commands.
+    |
+    */
+
+    'url' => env('APP_URL', 'http://localhost'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Application Timezone
+    |--------------------------------------------------------------------------
+    |
+    | Here you may specify the default timezone for your application, which
+    | will be used by the PHP date and date-time functions. The timezone
+    | is set to "UTC" by default as it is suitable for most use cases.
+    |
+    */
+
+    'timezone' => 'UTC',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Application Locale Configuration
+    |--------------------------------------------------------------------------
+    |
+    | The application locale determines the default locale that will be used
+    | by Laravel's translation / localization methods. This option can be
+    | set to any locale for which you plan to have translation strings.
+    |
+    */
+
+    'locale' => env('APP_LOCALE', 'en'),
+
+    'fallback_locale' => env('APP_FALLBACK_LOCALE', 'en'),
+
+    'faker_locale' => env('APP_FAKER_LOCALE', 'en_US'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Encryption Key
+    |--------------------------------------------------------------------------
+    |
+    | This key is utilized by Laravel's encryption services and should be set
+    | to a random, 32 character string to ensure that all encrypted values
+    | are secure. You should do this prior to deploying the application.
+    |
+    */
+
+    'cipher' => 'AES-256-CBC',
+
+    'key' => env('APP_KEY'),
+
+    'previous_keys' => [
+        ...array_filter(
+            explode(',', (string) env('APP_PREVIOUS_KEYS', ''))
+        ),
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Maintenance Mode Driver
+    |--------------------------------------------------------------------------
+    |
+    | These configuration options determine the driver used to determine and
+    | manage Laravel's "maintenance mode" status. The "cache" driver will
+    | allow maintenance mode to be controlled across multiple machines.
+    |
+    | Supported drivers: "file", "cache"
+    |
+    */
+
+    'maintenance' => [
+        'driver' => env('APP_MAINTENANCE_DRIVER', 'file'),
+        'store' => env('APP_MAINTENANCE_STORE', 'database'),
+    ],
+
+];
diff --git a/config/auth.php b/config/auth.php
new file mode 100644
index 0000000..4b3a6f2
--- /dev/null
+++ b/config/auth.php
@@ -0,0 +1,124 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Authentication Defaults
+    |--------------------------------------------------------------------------
+    |
+    | This option defines the default authentication "guard" and password
+    | reset "broker" for your application. You may change these values
+    | as required, but they're a perfect start for most applications.
+    |
+    */
+
+    'defaults' => [
+        'guard' => env('AUTH_GUARD', 'web'),
+        'passwords' => env('AUTH_PASSWORD_BROKER', 'users'),
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Authentication Guards
+    |--------------------------------------------------------------------------
+    |
+    | Next, you may define every authentication guard for your application.
+    | Of course, a great default configuration has been defined for you
+    | which utilizes session storage plus the Eloquent user provider.
+    |
+    | All authentication guards have a user provider, which defines how the
+    | users are actually retrieved out of your database or other storage
+    | system used by the application. Typically, Eloquent is utilized.
+    |
+    | Supported: "session"
+    |
+    */
+
+    'guards' => [
+        'web' => [
+            'driver' => 'session',
+            'provider' => 'users',
+        ],
+
+        'admin' => [
+            'driver' => 'jwt',
+            'provider' => 'admin',
+        ],
+
+        'api' => [
+            'driver' => 'jwt',
+            'provider' => 'users',
+        ],
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | User Providers
+    |--------------------------------------------------------------------------
+    |
+    | All authentication guards have a user provider, which defines how the
+    | users are actually retrieved out of your database or other storage
+    | system used by the application. Typically, Eloquent is utilized.
+    |
+    | If you have multiple user tables or models you may configure multiple
+    | providers to represent the model / table. These providers may then
+    | be assigned to any extra authentication guards you have defined.
+    |
+    | Supported: "database", "eloquent"
+    |
+    */
+
+    'providers' => [
+        'admin' => [
+            'driver' => 'eloquent',
+            'model' => env('AUTH_MODEL', App\Models\Auth\User::class),
+        ],
+        'users' => [
+            'driver' => 'database',
+            'table' => 'users',
+        ],
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Resetting Passwords
+    |--------------------------------------------------------------------------
+    |
+    | These configuration options specify the behavior of Laravel's password
+    | reset functionality, including the table utilized for token storage
+    | and the user provider that is invoked to actually retrieve users.
+    |
+    | The expiry time is the number of minutes that each reset token will be
+    | considered valid. This security feature keeps tokens short-lived so
+    | they have less time to be guessed. You may change this as needed.
+    |
+    | The throttle setting is the number of seconds a user must wait before
+    | generating more password reset tokens. This prevents the user from
+    | quickly generating a very large amount of password reset tokens.
+    |
+    */
+
+    'passwords' => [
+        'users' => [
+            'provider' => 'users',
+            'table' => env('AUTH_PASSWORD_RESET_TOKEN_TABLE', 'password_reset_tokens'),
+            'expire' => 60,
+            'throttle' => 60,
+        ],
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Password Confirmation Timeout
+    |--------------------------------------------------------------------------
+    |
+    | Here you may define the number of seconds before a password confirmation
+    | window expires and users are asked to re-enter their password via the
+    | confirmation screen. By default, the timeout lasts for three hours.
+    |
+    */
+
+    'password_timeout' => env('AUTH_PASSWORD_TIMEOUT', 10800),
+
+];
diff --git a/config/cache.php b/config/cache.php
new file mode 100644
index 0000000..b32aead
--- /dev/null
+++ b/config/cache.php
@@ -0,0 +1,117 @@
+<?php
+
+use Illuminate\Support\Str;
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Default Cache Store
+    |--------------------------------------------------------------------------
+    |
+    | This option controls the default cache store that will be used by the
+    | framework. This connection is utilized if another isn't explicitly
+    | specified when running a cache operation inside the application.
+    |
+    */
+
+    'default' => env('CACHE_STORE', 'database'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Cache Stores
+    |--------------------------------------------------------------------------
+    |
+    | Here you may define all of the cache "stores" for your application as
+    | well as their drivers. You may even define multiple stores for the
+    | same cache driver to group types of items stored in your caches.
+    |
+    | Supported drivers: "array", "database", "file", "memcached",
+    |                    "redis", "dynamodb", "octane",
+    |                    "failover", "null"
+    |
+    */
+
+    'stores' => [
+
+        'array' => [
+            'driver' => 'array',
+            'serialize' => false,
+        ],
+
+        'database' => [
+            'driver' => 'database',
+            'connection' => env('DB_CACHE_CONNECTION'),
+            'table' => env('DB_CACHE_TABLE', 'cache'),
+            'lock_connection' => env('DB_CACHE_LOCK_CONNECTION'),
+            'lock_table' => env('DB_CACHE_LOCK_TABLE'),
+        ],
+
+        'file' => [
+            'driver' => 'file',
+            'path' => storage_path('framework/cache/data'),
+            'lock_path' => storage_path('framework/cache/data'),
+        ],
+
+        'memcached' => [
+            'driver' => 'memcached',
+            'persistent_id' => env('MEMCACHED_PERSISTENT_ID'),
+            'sasl' => [
+                env('MEMCACHED_USERNAME'),
+                env('MEMCACHED_PASSWORD'),
+            ],
+            'options' => [
+                // Memcached::OPT_CONNECT_TIMEOUT => 2000,
+            ],
+            'servers' => [
+                [
+                    'host' => env('MEMCACHED_HOST', '127.0.0.1'),
+                    'port' => env('MEMCACHED_PORT', 11211),
+                    'weight' => 100,
+                ],
+            ],
+        ],
+
+        'redis' => [
+            'driver' => 'redis',
+            'connection' => env('REDIS_CACHE_CONNECTION', 'cache'),
+            'lock_connection' => env('REDIS_CACHE_LOCK_CONNECTION', 'default'),
+        ],
+
+        'dynamodb' => [
+            'driver' => 'dynamodb',
+            'key' => env('AWS_ACCESS_KEY_ID'),
+            'secret' => env('AWS_SECRET_ACCESS_KEY'),
+            'region' => env('AWS_DEFAULT_REGION', 'us-east-1'),
+            'table' => env('DYNAMODB_CACHE_TABLE', 'cache'),
+            'endpoint' => env('DYNAMODB_ENDPOINT'),
+        ],
+
+        'octane' => [
+            'driver' => 'octane',
+        ],
+
+        'failover' => [
+            'driver' => 'failover',
+            'stores' => [
+                'database',
+                'array',
+            ],
+        ],
+
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Cache Key Prefix
+    |--------------------------------------------------------------------------
+    |
+    | When utilizing the APC, database, memcached, Redis, and DynamoDB cache
+    | stores, there might be other applications using the same cache. For
+    | that reason, you may prefix every cache key to avoid collisions.
+    |
+    */
+
+    'prefix' => env('CACHE_PREFIX', Str::slug((string) env('APP_NAME', 'laravel')).'-cache-'),
+
+];
diff --git a/config/cors.php b/config/cors.php
new file mode 100644
index 0000000..6480dde
--- /dev/null
+++ b/config/cors.php
@@ -0,0 +1,34 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Cross-Origin Resource Sharing (CORS) Configuration
+    |--------------------------------------------------------------------------
+    |
+    | Here you may configure your settings for cross-origin resource sharing
+    | or "CORS". This determines what cross-origin operations may execute
+    | in web browsers. You are free to adjust these settings as needed.
+    |
+    | To learn more: https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS
+    |
+    */
+
+    'paths' => ['api/*', 'admin/*'],
+
+    'allowed_methods' => ['*'],
+
+    'allowed_origins' => ['*'],
+
+    'allowed_origins_patterns' => [],
+
+    'allowed_headers' => ['*'],
+
+    'exposed_headers' => [],
+
+    'max_age' => 0,
+
+    'supports_credentials' => false,
+
+];
diff --git a/config/database.php b/config/database.php
new file mode 100644
index 0000000..df933e7
--- /dev/null
+++ b/config/database.php
@@ -0,0 +1,183 @@
+<?php
+
+use Illuminate\Support\Str;
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Default Database Connection Name
+    |--------------------------------------------------------------------------
+    |
+    | Here you may specify which of the database connections below you wish
+    | to use as your default connection for database operations. This is
+    | the connection which will be utilized unless another connection
+    | is explicitly specified when you execute a query / statement.
+    |
+    */
+
+    'default' => env('DB_CONNECTION', 'sqlite'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Database Connections
+    |--------------------------------------------------------------------------
+    |
+    | Below are all of the database connections defined for your application.
+    | An example configuration is provided for each database system which
+    | is supported by Laravel. You're free to add / remove connections.
+    |
+    */
+
+    'connections' => [
+
+        'sqlite' => [
+            'driver' => 'sqlite',
+            'url' => env('DB_URL'),
+            'database' => env('DB_DATABASE', database_path('database.sqlite')),
+            'prefix' => '',
+            'foreign_key_constraints' => env('DB_FOREIGN_KEYS', true),
+            'busy_timeout' => null,
+            'journal_mode' => null,
+            'synchronous' => null,
+            'transaction_mode' => 'DEFERRED',
+        ],
+
+        'mysql' => [
+            'driver' => 'mysql',
+            'url' => env('DB_URL'),
+            'host' => env('DB_HOST', '127.0.0.1'),
+            'port' => env('DB_PORT', '3306'),
+            'database' => env('DB_DATABASE', 'laravel'),
+            'username' => env('DB_USERNAME', 'root'),
+            'password' => env('DB_PASSWORD', ''),
+            'unix_socket' => env('DB_SOCKET', ''),
+            'charset' => env('DB_CHARSET', 'utf8mb4'),
+            'collation' => env('DB_COLLATION', 'utf8mb4_unicode_ci'),
+            'prefix' => '',
+            'prefix_indexes' => true,
+            'strict' => true,
+            'engine' => null,
+            'options' => extension_loaded('pdo_mysql') ? array_filter([
+                (PHP_VERSION_ID >= 80500 ? \Pdo\Mysql::ATTR_SSL_CA : \PDO::MYSQL_ATTR_SSL_CA) => env('MYSQL_ATTR_SSL_CA'),
+            ]) : [],
+        ],
+
+        'mariadb' => [
+            'driver' => 'mariadb',
+            'url' => env('DB_URL'),
+            'host' => env('DB_HOST', '127.0.0.1'),
+            'port' => env('DB_PORT', '3306'),
+            'database' => env('DB_DATABASE', 'laravel'),
+            'username' => env('DB_USERNAME', 'root'),
+            'password' => env('DB_PASSWORD', ''),
+            'unix_socket' => env('DB_SOCKET', ''),
+            'charset' => env('DB_CHARSET', 'utf8mb4'),
+            'collation' => env('DB_COLLATION', 'utf8mb4_unicode_ci'),
+            'prefix' => '',
+            'prefix_indexes' => true,
+            'strict' => true,
+            'engine' => null,
+            'options' => extension_loaded('pdo_mysql') ? array_filter([
+                (PHP_VERSION_ID >= 80500 ? \Pdo\Mysql::ATTR_SSL_CA : \PDO::MYSQL_ATTR_SSL_CA) => env('MYSQL_ATTR_SSL_CA'),
+            ]) : [],
+        ],
+
+        'pgsql' => [
+            'driver' => 'pgsql',
+            'url' => env('DB_URL'),
+            'host' => env('DB_HOST', '127.0.0.1'),
+            'port' => env('DB_PORT', '5432'),
+            'database' => env('DB_DATABASE', 'laravel'),
+            'username' => env('DB_USERNAME', 'root'),
+            'password' => env('DB_PASSWORD', ''),
+            'charset' => env('DB_CHARSET', 'utf8'),
+            'prefix' => '',
+            'prefix_indexes' => true,
+            'search_path' => 'public',
+            'sslmode' => env('DB_SSLMODE', 'prefer'),
+        ],
+
+        'sqlsrv' => [
+            'driver' => 'sqlsrv',
+            'url' => env('DB_URL'),
+            'host' => env('DB_HOST', 'localhost'),
+            'port' => env('DB_PORT', '1433'),
+            'database' => env('DB_DATABASE', 'laravel'),
+            'username' => env('DB_USERNAME', 'root'),
+            'password' => env('DB_PASSWORD', ''),
+            'charset' => env('DB_CHARSET', 'utf8'),
+            'prefix' => '',
+            'prefix_indexes' => true,
+            // 'encrypt' => env('DB_ENCRYPT', 'yes'),
+            // 'trust_server_certificate' => env('DB_TRUST_SERVER_CERTIFICATE', 'false'),
+        ],
+
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Migration Repository Table
+    |--------------------------------------------------------------------------
+    |
+    | This table keeps track of all the migrations that have already run for
+    | your application. Using this information, we can determine which of
+    | the migrations on disk haven't actually been run on the database.
+    |
+    */
+
+    'migrations' => [
+        'table' => 'migrations',
+        'update_date_on_publish' => true,
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Redis Databases
+    |--------------------------------------------------------------------------
+    |
+    | Redis is an open source, fast, and advanced key-value store that also
+    | provides a richer body of commands than a typical key-value system
+    | such as Memcached. You may define your connection settings here.
+    |
+    */
+
+    'redis' => [
+
+        'client' => env('REDIS_CLIENT', 'phpredis'),
+
+        'options' => [
+            'cluster' => env('REDIS_CLUSTER', 'redis'),
+            'prefix' => env('REDIS_PREFIX', Str::slug((string) env('APP_NAME', 'laravel')).'-database-'),
+            'persistent' => env('REDIS_PERSISTENT', false),
+        ],
+
+        'default' => [
+            'url' => env('REDIS_URL'),
+            'host' => env('REDIS_HOST', '127.0.0.1'),
+            'username' => env('REDIS_USERNAME'),
+            'password' => env('REDIS_PASSWORD'),
+            'port' => env('REDIS_PORT', '6379'),
+            'database' => env('REDIS_DB', '0'),
+            'max_retries' => env('REDIS_MAX_RETRIES', 3),
+            'backoff_algorithm' => env('REDIS_BACKOFF_ALGORITHM', 'decorrelated_jitter'),
+            'backoff_base' => env('REDIS_BACKOFF_BASE', 100),
+            'backoff_cap' => env('REDIS_BACKOFF_CAP', 1000),
+        ],
+
+        'cache' => [
+            'url' => env('REDIS_URL'),
+            'host' => env('REDIS_HOST', '127.0.0.1'),
+            'username' => env('REDIS_USERNAME'),
+            'password' => env('REDIS_PASSWORD'),
+            'port' => env('REDIS_PORT', '6379'),
+            'database' => env('REDIS_CACHE_DB', '1'),
+            'max_retries' => env('REDIS_MAX_RETRIES', 3),
+            'backoff_algorithm' => env('REDIS_BACKOFF_ALGORITHM', 'decorrelated_jitter'),
+            'backoff_base' => env('REDIS_BACKOFF_BASE', 100),
+            'backoff_cap' => env('REDIS_BACKOFF_CAP', 1000),
+        ],
+
+    ],
+
+];
diff --git a/config/filesystems.php b/config/filesystems.php
new file mode 100644
index 0000000..37d8fca
--- /dev/null
+++ b/config/filesystems.php
@@ -0,0 +1,80 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Default Filesystem Disk
+    |--------------------------------------------------------------------------
+    |
+    | Here you may specify the default filesystem disk that should be used
+    | by the framework. The "local" disk, as well as a variety of cloud
+    | based disks are available to your application for file storage.
+    |
+    */
+
+    'default' => env('FILESYSTEM_DISK', 'local'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Filesystem Disks
+    |--------------------------------------------------------------------------
+    |
+    | Below you may configure as many filesystem disks as necessary, and you
+    | may even configure multiple disks for the same driver. Examples for
+    | most supported storage drivers are configured here for reference.
+    |
+    | Supported drivers: "local", "ftp", "sftp", "s3"
+    |
+    */
+
+    'disks' => [
+
+        'local' => [
+            'driver' => 'local',
+            'root' => storage_path('app/private'),
+            'serve' => true,
+            'throw' => false,
+            'report' => false,
+        ],
+
+        'public' => [
+            'driver' => 'local',
+            'root' => storage_path('app/public'),
+            'url' => rtrim(env('APP_URL', 'http://localhost'), '/').'/storage',
+            'visibility' => 'public',
+            'throw' => false,
+            'report' => false,
+        ],
+
+        's3' => [
+            'driver' => 's3',
+            'key' => env('AWS_ACCESS_KEY_ID'),
+            'secret' => env('AWS_SECRET_ACCESS_KEY'),
+            'region' => env('AWS_DEFAULT_REGION'),
+            'bucket' => env('AWS_BUCKET'),
+            'url' => env('AWS_URL'),
+            'endpoint' => env('AWS_ENDPOINT'),
+            'use_path_style_endpoint' => env('AWS_USE_PATH_STYLE_ENDPOINT', false),
+            'throw' => false,
+            'report' => false,
+        ],
+
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Symbolic Links
+    |--------------------------------------------------------------------------
+    |
+    | Here you may configure the symbolic links that will be created when the
+    | `storage:link` Artisan command is executed. The array keys should be
+    | the locations of the links and the values should be their targets.
+    |
+    */
+
+    'links' => [
+        public_path('storage') => storage_path('app/public'),
+    ],
+
+];
diff --git a/config/jwt.php b/config/jwt.php
new file mode 100644
index 0000000..f83234d
--- /dev/null
+++ b/config/jwt.php
@@ -0,0 +1,301 @@
+<?php
+
+/*
+ * This file is part of jwt-auth.
+ *
+ * (c) Sean Tymon <tymon148@gmail.com>
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | JWT Authentication Secret
+    |--------------------------------------------------------------------------
+    |
+    | Don't forget to set this in your .env file, as it will be used to sign
+    | your tokens. A helper command is provided for this:
+    | `php artisan jwt:secret`
+    |
+    | Note: This will be used for Symmetric algorithms only (HMAC),
+    | since RSA and ECDSA use a private/public key combo (See below).
+    |
+    */
+
+    'secret' => env('JWT_SECRET'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | JWT Authentication Keys
+    |--------------------------------------------------------------------------
+    |
+    | The algorithm you are using, will determine whether your tokens are
+    | signed with a random string (defined in `JWT_SECRET`) or using the
+    | following public & private keys.
+    |
+    | Symmetric Algorithms:
+    | HS256, HS384 & HS512 will use `JWT_SECRET`.
+    |
+    | Asymmetric Algorithms:
+    | RS256, RS384 & RS512 / ES256, ES384 & ES512 will use the keys below.
+    |
+    */
+
+    'keys' => [
+
+        /*
+        |--------------------------------------------------------------------------
+        | Public Key
+        |--------------------------------------------------------------------------
+        |
+        | A path or resource to your public key.
+        |
+        | E.g. 'file://path/to/public/key'
+        |
+        */
+
+        'public' => env('JWT_PUBLIC_KEY'),
+
+        /*
+        |--------------------------------------------------------------------------
+        | Private Key
+        |--------------------------------------------------------------------------
+        |
+        | A path or resource to your private key.
+        |
+        | E.g. 'file://path/to/private/key'
+        |
+        */
+
+        'private' => env('JWT_PRIVATE_KEY'),
+
+        /*
+        |--------------------------------------------------------------------------
+        | Passphrase
+        |--------------------------------------------------------------------------
+        |
+        | The passphrase for your private key. Can be null if none set.
+        |
+        */
+
+        'passphrase' => env('JWT_PASSPHRASE'),
+
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | JWT time to live
+    |--------------------------------------------------------------------------
+    |
+    | Specify the length of time (in minutes) that the token will be valid for.
+    | Defaults to 1 hour.
+    |
+    | You can also set this to null, to yield a never expiring token.
+    | Some people may want this behaviour for e.g. a mobile app.
+    | This is not particularly recommended, so make sure you have appropriate
+    | systems in place to revoke the token if necessary.
+    | Notice: If you set this to null you should remove 'exp' element from 'required_claims' list.
+    |
+    */
+
+    'ttl' => env('JWT_TTL', 60),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Refresh time to live
+    |--------------------------------------------------------------------------
+    |
+    | Specify the length of time (in minutes) that the token can be refreshed
+    | within. I.E. The user can refresh their token within a 2 week window of
+    | the original token being created until they must re-authenticate.
+    | Defaults to 2 weeks.
+    |
+    | You can also set this to null, to yield an infinite refresh time.
+    | Some may want this instead of never expiring tokens for e.g. a mobile app.
+    | This is not particularly recommended, so make sure you have appropriate
+    | systems in place to revoke the token if necessary.
+    |
+    */
+
+    'refresh_ttl' => env('JWT_REFRESH_TTL', 20160),
+
+    /*
+    |--------------------------------------------------------------------------
+    | JWT hashing algorithm
+    |--------------------------------------------------------------------------
+    |
+    | Specify the hashing algorithm that will be used to sign the token.
+    |
+    */
+
+    'algo' => env('JWT_ALGO', Tymon\JWTAuth\Providers\JWT\Provider::ALGO_HS256),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Required Claims
+    |--------------------------------------------------------------------------
+    |
+    | Specify the required claims that must exist in any token.
+    | A TokenInvalidException will be thrown if any of these claims are not
+    | present in the payload.
+    |
+    */
+
+    'required_claims' => [
+        'iss',
+        'iat',
+        'exp',
+        'nbf',
+        'sub',
+        'jti',
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Persistent Claims
+    |--------------------------------------------------------------------------
+    |
+    | Specify the claim keys to be persisted when refreshing a token.
+    | `sub` and `iat` will automatically be persisted, in
+    | addition to the these claims.
+    |
+    | Note: If a claim does not exist then it will be ignored.
+    |
+    */
+
+    'persistent_claims' => [
+        // 'foo',
+        // 'bar',
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Lock Subject
+    |--------------------------------------------------------------------------
+    |
+    | This will determine whether a `prv` claim is automatically added to
+    | the token. The purpose of this is to ensure that if you have multiple
+    | authentication models e.g. `App\User` & `App\OtherPerson`, then we
+    | should prevent one authentication request from impersonating another,
+    | if 2 tokens happen to have the same id across the 2 different models.
+    |
+    | Under specific circumstances, you may want to disable this behaviour
+    | e.g. if you only have one authentication model, then you would save
+    | a little on token size.
+    |
+    */
+
+    'lock_subject' => true,
+
+    /*
+    |--------------------------------------------------------------------------
+    | Leeway
+    |--------------------------------------------------------------------------
+    |
+    | This property gives the jwt timestamp claims some "leeway".
+    | Meaning that if you have any unavoidable slight clock skew on
+    | any of your servers then this will afford you some level of cushioning.
+    |
+    | This applies to the claims `iat`, `nbf` and `exp`.
+    |
+    | Specify in seconds - only if you know you need it.
+    |
+    */
+
+    'leeway' => env('JWT_LEEWAY', 0),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Blacklist Enabled
+    |--------------------------------------------------------------------------
+    |
+    | In order to invalidate tokens, you must have the blacklist enabled.
+    | If you do not want or need this functionality, then set this to false.
+    |
+    */
+
+    'blacklist_enabled' => env('JWT_BLACKLIST_ENABLED', true),
+
+    /*
+    | -------------------------------------------------------------------------
+    | Blacklist Grace Period
+    | -------------------------------------------------------------------------
+    |
+    | When multiple concurrent requests are made with the same JWT,
+    | it is possible that some of them fail, due to token regeneration
+    | on every request.
+    |
+    | Set grace period in seconds to prevent parallel request failure.
+    |
+    */
+
+    'blacklist_grace_period' => env('JWT_BLACKLIST_GRACE_PERIOD', 0),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Cookies encryption
+    |--------------------------------------------------------------------------
+    |
+    | By default Laravel encrypt cookies for security reason.
+    | If you decide to not decrypt cookies, you will have to configure Laravel
+    | to not encrypt your cookie token by adding its name into the $except
+    | array available in the middleware "EncryptCookies" provided by Laravel.
+    | see https://laravel.com/docs/master/responses#cookies-and-encryption
+    | for details.
+    |
+    | Set it to true if you want to decrypt cookies.
+    |
+    */
+
+    'decrypt_cookies' => false,
+
+    /*
+    |--------------------------------------------------------------------------
+    | Providers
+    |--------------------------------------------------------------------------
+    |
+    | Specify the various providers used throughout the package.
+    |
+    */
+
+    'providers' => [
+
+        /*
+        |--------------------------------------------------------------------------
+        | JWT Provider
+        |--------------------------------------------------------------------------
+        |
+        | Specify the provider that is used to create and decode the tokens.
+        |
+        */
+
+        'jwt' => Tymon\JWTAuth\Providers\JWT\Lcobucci::class,
+
+        /*
+        |--------------------------------------------------------------------------
+        | Authentication Provider
+        |--------------------------------------------------------------------------
+        |
+        | Specify the provider that is used to authenticate users.
+        |
+        */
+
+        'auth' => Tymon\JWTAuth\Providers\Auth\Illuminate::class,
+
+        /*
+        |--------------------------------------------------------------------------
+        | Storage Provider
+        |--------------------------------------------------------------------------
+        |
+        | Specify the provider that is used to store tokens in the blacklist.
+        |
+        */
+
+        'storage' => Tymon\JWTAuth\Providers\Storage\Illuminate::class,
+
+    ],
+
+];
diff --git a/config/laravels.php b/config/laravels.php
new file mode 100644
index 0000000..7cf199b
--- /dev/null
+++ b/config/laravels.php
@@ -0,0 +1,317 @@
+<?php
+
+return [
+    /*
+    |--------------------------------------------------------------------------
+    | LaravelS Settings
+    |--------------------------------------------------------------------------
+    |
+    | English https://github.com/hhxsv5/laravel-s/blob/master/Settings.md#laravels-settings
+    | Chinese https://github.com/hhxsv5/laravel-s/blob/master/Settings-CN.md#laravels-%E9%85%8D%E7%BD%AE%E9%A1%B9
+    |
+    */
+
+    /*
+    |--------------------------------------------------------------------------
+    | The IP address of the server
+    |--------------------------------------------------------------------------
+    |
+    | IPv4: use "127.0.0.1" to listen local address, and "0.0.0.0" to listen all addresses.
+    | IPv6: use "::1" to listen local address, and "::"(equivalent to 0:0:0:0:0:0:0:0) to listen all addresses.
+    |
+    */
+
+    'listen_ip' => env('LARAVELS_LISTEN_IP', '127.0.0.1'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | The port of the server
+    |--------------------------------------------------------------------------
+    |
+    | Require root privilege if port is less than 1024.
+    |
+    */
+
+    'listen_port' => env('LARAVELS_LISTEN_PORT', 8000),
+
+    /*
+    |--------------------------------------------------------------------------
+    | The socket type of the server
+    |--------------------------------------------------------------------------
+    |
+    | Usually, you don’t need to care about it.
+    | Unless you want Nginx to proxy to the UnixSocket Stream file, you need
+    | to modify it to SWOOLE_SOCK_UNIX_STREAM, and listen_ip is the path of UnixSocket Stream file.
+    | List of socket types:
+    | SWOOLE_SOCK_TCP: TCP
+    | SWOOLE_SOCK_TCP6: TCP IPv6
+    | SWOOLE_SOCK_UDP: UDP
+    | SWOOLE_SOCK_UDP6: UDP IPv6
+    | SWOOLE_UNIX_DGRAM: Unix socket dgram
+    | SWOOLE_UNIX_STREAM: Unix socket stream
+    | Enable SSL: $sock_type | SWOOLE_SSL. To enable SSL, check the configuration about SSL.
+    | https://www.swoole.co.uk/docs/modules/swoole-server-doc
+    | https://www.swoole.co.uk/docs/modules/swoole-server/configuration
+    |
+    */
+
+    'socket_type' => defined('SWOOLE_SOCK_TCP') ? SWOOLE_SOCK_TCP : 1,
+
+    /*
+    |--------------------------------------------------------------------------
+    | Server Name
+    |--------------------------------------------------------------------------
+    |
+    | This value represents the name of the server that will be
+    | displayed in the header of each request.
+    |
+    */
+
+    'server' => env('LARAVELS_SERVER', ''),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Handle Static Resource
+    |--------------------------------------------------------------------------
+    |
+    | Whether handle the static resource by LaravelS(Require Swoole >= 1.7.21, Handle by Swoole if Swoole >= 1.9.17).
+    | Suggest that Nginx handles the statics and LaravelS handles the dynamics.
+    | The default path of static resource is base_path('public'), you can modify swoole.document_root to change it.
+    |
+    */
+
+    'handle_static' => env('LARAVELS_HANDLE_STATIC', false),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Laravel Base Path
+    |--------------------------------------------------------------------------
+    |
+    | The basic path of Laravel, default base_path(), be used for symbolic link.
+    |
+    */
+
+    'laravel_base_path' => env('LARAVEL_BASE_PATH', base_path()),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Inotify Reload
+    |--------------------------------------------------------------------------
+    |
+    | This feature requires inotify extension.
+    | https://github.com/hhxsv5/laravel-s#automatically-reload-after-modifying-code
+    |
+    */
+
+    'inotify_reload' => [
+        // Whether enable the Inotify Reload to reload all worker processes when your code is modified.
+        'enable'        => env('LARAVELS_INOTIFY_RELOAD', false),
+
+        // The file path that Inotify watches
+        'watch_path'    => base_path(),
+
+        // The file types that Inotify watches
+        'file_types'    => ['.php'],
+
+        // The excluded/ignored directories that Inotify watches
+        'excluded_dirs' => [],
+
+        // Whether output the reload log
+        'log'           => true,
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Swoole Event Handlers
+    |--------------------------------------------------------------------------
+    |
+    | Configure the event callback function of Swoole, key-value format,
+    | key is the event name, and value is the class that implements the event
+    | processing interface.
+    |
+    | https://github.com/hhxsv5/laravel-s#configuring-the-event-callback-function-of-swoole
+    |
+    */
+
+    'event_handlers' => [],
+
+    /*
+    |--------------------------------------------------------------------------
+    | WebSockets
+    |--------------------------------------------------------------------------
+    |
+    | Swoole WebSocket Server settings.
+    |
+    | https://github.com/hhxsv5/laravel-s#enable-websocket-server
+    |
+    */
+
+    'websocket' => [
+        'enable' => env('LARAVELS_WEBSOCKET', true),
+        'handler' => \App\Services\WebSocket\WebSocketHandler::class,
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Sockets - multi-port mixed protocol
+    |--------------------------------------------------------------------------
+    |
+    | The socket(port) list for TCP/UDP.
+    |
+    | https://github.com/hhxsv5/laravel-s#multi-port-mixed-protocol
+    |
+    */
+
+    'sockets' => [],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Custom Process
+    |--------------------------------------------------------------------------
+    |
+    | Support developers to create custom processes for monitoring,
+    | reporting, or other special tasks.
+    |
+    | https://github.com/hhxsv5/laravel-s#custom-process
+    |
+    */
+
+    'processes' => [],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Timer
+    |--------------------------------------------------------------------------
+    |
+    | Wrapper cron job base on Swoole's Millisecond Timer, replace Linux Crontab.
+    |
+    | https://github.com/hhxsv5/laravel-s#millisecond-cron-job
+    |
+    */
+
+    'timer' => [
+        'enable'          => env('LARAVELS_TIMER', false),
+
+        // The list of cron job
+        'jobs'            => [
+            // Enable LaravelScheduleJob to run `php artisan schedule:run` every 1 minute, replace Linux Crontab
+            // Hhxsv5\LaravelS\Illuminate\LaravelScheduleJob::class,
+        ],
+
+        // Max waiting time of reloading
+        'max_wait_time'   => 5,
+
+        // Enable the global lock to ensure that only one instance starts the timer
+        // when deploying multiple instances.
+        // This feature depends on Redis https://laravel.com/docs/8.x/redis
+        'global_lock'     => false,
+        'global_lock_key' => config('app.name', 'Laravel'),
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Swoole Tables
+    |--------------------------------------------------------------------------
+    |
+    | All defined tables will be created before Swoole starting.
+    |
+    | https://github.com/hhxsv5/laravel-s#use-swooletable
+    |
+    */
+
+    'swoole_tables' => [
+        // WebSocket table for storing user connections
+        'wsTable' => [
+            'size'   => 102400, // Maximum number of rows
+            'column' => [
+                ['name' => 'value', 'type' => \Swoole\Table::TYPE_STRING, 'size' => 1024],
+                ['name' => 'expiry', 'type' => \Swoole\Table::TYPE_INT, 'size' => 4],
+            ],
+        ],
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Re-register Providers
+    |--------------------------------------------------------------------------
+    |
+    | The Service Provider list, will be re-registered each request, and run method boot()
+    | if it exists. Usually, be used to clear the Service Provider
+    | which registers Singleton instances.
+    |
+    | https://github.com/hhxsv5/laravel-s/blob/master/Settings.md#register_providers
+    |
+    */
+
+    'register_providers' => [],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Cleaners
+    |--------------------------------------------------------------------------
+    |
+    | The list of cleaners for each request is used to clean up some residual
+    | global variables, singleton objects, and static properties to avoid
+    | data pollution between requests.
+    |
+    | https://github.com/hhxsv5/laravel-s/blob/master/Settings.md#cleaners
+    |
+    */
+
+    'cleaners' => [],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Destroy Controllers
+    |--------------------------------------------------------------------------
+    |
+    | Automatically destroy the controllers after each request to solve
+    | the problem of the singleton controllers.
+    |
+    | https://github.com/hhxsv5/laravel-s/blob/master/KnownIssues.md#singleton-controller
+    |
+    */
+
+    'destroy_controllers' => [
+        'enable'        => false,
+        'excluded_list' => [],
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Swoole Settings
+    |--------------------------------------------------------------------------
+    |
+    | Swoole's original configuration items.
+    |
+    | More settings
+    | Chinese https://wiki.swoole.com/#/server/setting
+    | English https://www.swoole.co.uk/docs/modules/swoole-server/configuration
+    |
+    */
+
+    'swoole' => [
+        'daemonize'          => env('LARAVELS_DAEMONIZE', false),
+        'dispatch_mode'      => env('LARAVELS_DISPATCH_MODE', 3),
+        'worker_num'         => env('LARAVELS_WORKER_NUM', 30),
+        //'task_worker_num'    => env('LARAVELS_TASK_WORKER_NUM', 10),
+        'task_ipc_mode'      => 1,
+        'task_max_request'   => env('LARAVELS_TASK_MAX_REQUEST', 100000),
+        'task_tmpdir'        => @is_writable('/dev/shm/') ? '/dev/shm' : '/tmp',
+        'max_request'        => env('LARAVELS_MAX_REQUEST', 100000),
+        'open_tcp_nodelay'   => true,
+        'pid_file'           => storage_path('laravels.pid'),
+        'log_level'          => env('LARAVELS_LOG_LEVEL', 4),
+        'log_file'           => storage_path(sprintf('logs/swoole-%s.log', date('Y-m'))),
+        'document_root'      => base_path('public'),
+        'buffer_output_size' => 2 * 1024 * 1024,
+        'socket_buffer_size' => 8 * 1024 * 1024,
+        'package_max_length' => 4 * 1024 * 1024,
+        'reload_async'       => true,
+        'max_wait_time'      => 60,
+        'enable_reuse_port'  => true,
+        'enable_coroutine'   => false,
+        'upload_tmp_dir'     => @is_writable('/dev/shm/') ? '/dev/shm' : '/tmp',
+        'http_compression'   => env('LARAVELS_HTTP_COMPRESSION', false),
+    ],
+];
diff --git a/config/logging.php b/config/logging.php
new file mode 100644
index 0000000..9e998a4
--- /dev/null
+++ b/config/logging.php
@@ -0,0 +1,132 @@
+<?php
+
+use Monolog\Handler\NullHandler;
+use Monolog\Handler\StreamHandler;
+use Monolog\Handler\SyslogUdpHandler;
+use Monolog\Processor\PsrLogMessageProcessor;
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Default Log Channel
+    |--------------------------------------------------------------------------
+    |
+    | This option defines the default log channel that is utilized to write
+    | messages to your logs. The value provided here should match one of
+    | the channels present in the list of "channels" configured below.
+    |
+    */
+
+    'default' => env('LOG_CHANNEL', 'stack'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Deprecations Log Channel
+    |--------------------------------------------------------------------------
+    |
+    | This option controls the log channel that should be used to log warnings
+    | regarding deprecated PHP and library features. This allows you to get
+    | your application ready for upcoming major versions of dependencies.
+    |
+    */
+
+    'deprecations' => [
+        'channel' => env('LOG_DEPRECATIONS_CHANNEL', 'null'),
+        'trace' => env('LOG_DEPRECATIONS_TRACE', false),
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Log Channels
+    |--------------------------------------------------------------------------
+    |
+    | Here you may configure the log channels for your application. Laravel
+    | utilizes the Monolog PHP logging library, which includes a variety
+    | of powerful log handlers and formatters that you're free to use.
+    |
+    | Available drivers: "single", "daily", "slack", "syslog",
+    |                    "errorlog", "monolog", "custom", "stack"
+    |
+    */
+
+    'channels' => [
+
+        'stack' => [
+            'driver' => 'stack',
+            'channels' => explode(',', (string) env('LOG_STACK', 'single')),
+            'ignore_exceptions' => false,
+        ],
+
+        'single' => [
+            'driver' => 'single',
+            'path' => storage_path('logs/laravel.log'),
+            'level' => env('LOG_LEVEL', 'debug'),
+            'replace_placeholders' => true,
+        ],
+
+        'daily' => [
+            'driver' => 'daily',
+            'path' => storage_path('logs/laravel.log'),
+            'level' => env('LOG_LEVEL', 'debug'),
+            'days' => env('LOG_DAILY_DAYS', 14),
+            'replace_placeholders' => true,
+        ],
+
+        'slack' => [
+            'driver' => 'slack',
+            'url' => env('LOG_SLACK_WEBHOOK_URL'),
+            'username' => env('LOG_SLACK_USERNAME', 'Laravel Log'),
+            'emoji' => env('LOG_SLACK_EMOJI', ':boom:'),
+            'level' => env('LOG_LEVEL', 'critical'),
+            'replace_placeholders' => true,
+        ],
+
+        'papertrail' => [
+            'driver' => 'monolog',
+            'level' => env('LOG_LEVEL', 'debug'),
+            'handler' => env('LOG_PAPERTRAIL_HANDLER', SyslogUdpHandler::class),
+            'handler_with' => [
+                'host' => env('PAPERTRAIL_URL'),
+                'port' => env('PAPERTRAIL_PORT'),
+                'connectionString' => 'tls://'.env('PAPERTRAIL_URL').':'.env('PAPERTRAIL_PORT'),
+            ],
+            'processors' => [PsrLogMessageProcessor::class],
+        ],
+
+        'stderr' => [
+            'driver' => 'monolog',
+            'level' => env('LOG_LEVEL', 'debug'),
+            'handler' => StreamHandler::class,
+            'handler_with' => [
+                'stream' => 'php://stderr',
+            ],
+            'formatter' => env('LOG_STDERR_FORMATTER'),
+            'processors' => [PsrLogMessageProcessor::class],
+        ],
+
+        'syslog' => [
+            'driver' => 'syslog',
+            'level' => env('LOG_LEVEL', 'debug'),
+            'facility' => env('LOG_SYSLOG_FACILITY', LOG_USER),
+            'replace_placeholders' => true,
+        ],
+
+        'errorlog' => [
+            'driver' => 'errorlog',
+            'level' => env('LOG_LEVEL', 'debug'),
+            'replace_placeholders' => true,
+        ],
+
+        'null' => [
+            'driver' => 'monolog',
+            'handler' => NullHandler::class,
+        ],
+
+        'emergency' => [
+            'path' => storage_path('logs/laravel.log'),
+        ],
+
+    ],
+
+];
diff --git a/config/mail.php b/config/mail.php
new file mode 100644
index 0000000..522b284
--- /dev/null
+++ b/config/mail.php
@@ -0,0 +1,118 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Default Mailer
+    |--------------------------------------------------------------------------
+    |
+    | This option controls the default mailer that is used to send all email
+    | messages unless another mailer is explicitly specified when sending
+    | the message. All additional mailers can be configured within the
+    | "mailers" array. Examples of each type of mailer are provided.
+    |
+    */
+
+    'default' => env('MAIL_MAILER', 'log'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Mailer Configurations
+    |--------------------------------------------------------------------------
+    |
+    | Here you may configure all of the mailers used by your application plus
+    | their respective settings. Several examples have been configured for
+    | you and you are free to add your own as your application requires.
+    |
+    | Laravel supports a variety of mail "transport" drivers that can be used
+    | when delivering an email. You may specify which one you're using for
+    | your mailers below. You may also add additional mailers if needed.
+    |
+    | Supported: "smtp", "sendmail", "mailgun", "ses", "ses-v2",
+    |            "postmark", "resend", "log", "array",
+    |            "failover", "roundrobin"
+    |
+    */
+
+    'mailers' => [
+
+        'smtp' => [
+            'transport' => 'smtp',
+            'scheme' => env('MAIL_SCHEME'),
+            'url' => env('MAIL_URL'),
+            'host' => env('MAIL_HOST', '127.0.0.1'),
+            'port' => env('MAIL_PORT', 2525),
+            'username' => env('MAIL_USERNAME'),
+            'password' => env('MAIL_PASSWORD'),
+            'timeout' => null,
+            'local_domain' => env('MAIL_EHLO_DOMAIN', parse_url((string) env('APP_URL', 'http://localhost'), PHP_URL_HOST)),
+        ],
+
+        'ses' => [
+            'transport' => 'ses',
+        ],
+
+        'postmark' => [
+            'transport' => 'postmark',
+            // 'message_stream_id' => env('POSTMARK_MESSAGE_STREAM_ID'),
+            // 'client' => [
+            //     'timeout' => 5,
+            // ],
+        ],
+
+        'resend' => [
+            'transport' => 'resend',
+        ],
+
+        'sendmail' => [
+            'transport' => 'sendmail',
+            'path' => env('MAIL_SENDMAIL_PATH', '/usr/sbin/sendmail -bs -i'),
+        ],
+
+        'log' => [
+            'transport' => 'log',
+            'channel' => env('MAIL_LOG_CHANNEL'),
+        ],
+
+        'array' => [
+            'transport' => 'array',
+        ],
+
+        'failover' => [
+            'transport' => 'failover',
+            'mailers' => [
+                'smtp',
+                'log',
+            ],
+            'retry_after' => 60,
+        ],
+
+        'roundrobin' => [
+            'transport' => 'roundrobin',
+            'mailers' => [
+                'ses',
+                'postmark',
+            ],
+            'retry_after' => 60,
+        ],
+
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Global "From" Address
+    |--------------------------------------------------------------------------
+    |
+    | You may wish for all emails sent by your application to be sent from
+    | the same address. Here you may specify a name and address that is
+    | used globally for all emails that are sent by your application.
+    |
+    */
+
+    'from' => [
+        'address' => env('MAIL_FROM_ADDRESS', 'hello@example.com'),
+        'name' => env('MAIL_FROM_NAME', 'Example'),
+    ],
+
+];
diff --git a/config/queue.php b/config/queue.php
new file mode 100644
index 0000000..79c2c0a
--- /dev/null
+++ b/config/queue.php
@@ -0,0 +1,129 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Default Queue Connection Name
+    |--------------------------------------------------------------------------
+    |
+    | Laravel's queue supports a variety of backends via a single, unified
+    | API, giving you convenient access to each backend using identical
+    | syntax for each. The default queue connection is defined below.
+    |
+    */
+
+    'default' => env('QUEUE_CONNECTION', 'database'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Queue Connections
+    |--------------------------------------------------------------------------
+    |
+    | Here you may configure the connection options for every queue backend
+    | used by your application. An example configuration is provided for
+    | each backend supported by Laravel. You're also free to add more.
+    |
+    | Drivers: "sync", "database", "beanstalkd", "sqs", "redis",
+    |          "deferred", "background", "failover", "null"
+    |
+    */
+
+    'connections' => [
+
+        'sync' => [
+            'driver' => 'sync',
+        ],
+
+        'database' => [
+            'driver' => 'database',
+            'connection' => env('DB_QUEUE_CONNECTION'),
+            'table' => env('DB_QUEUE_TABLE', 'jobs'),
+            'queue' => env('DB_QUEUE', 'default'),
+            'retry_after' => (int) env('DB_QUEUE_RETRY_AFTER', 90),
+            'after_commit' => false,
+        ],
+
+        'beanstalkd' => [
+            'driver' => 'beanstalkd',
+            'host' => env('BEANSTALKD_QUEUE_HOST', 'localhost'),
+            'queue' => env('BEANSTALKD_QUEUE', 'default'),
+            'retry_after' => (int) env('BEANSTALKD_QUEUE_RETRY_AFTER', 90),
+            'block_for' => 0,
+            'after_commit' => false,
+        ],
+
+        'sqs' => [
+            'driver' => 'sqs',
+            'key' => env('AWS_ACCESS_KEY_ID'),
+            'secret' => env('AWS_SECRET_ACCESS_KEY'),
+            'prefix' => env('SQS_PREFIX', 'https://sqs.us-east-1.amazonaws.com/your-account-id'),
+            'queue' => env('SQS_QUEUE', 'default'),
+            'suffix' => env('SQS_SUFFIX'),
+            'region' => env('AWS_DEFAULT_REGION', 'us-east-1'),
+            'after_commit' => false,
+        ],
+
+        'redis' => [
+            'driver' => 'redis',
+            'connection' => env('REDIS_QUEUE_CONNECTION', 'default'),
+            'queue' => env('REDIS_QUEUE', 'default'),
+            'retry_after' => (int) env('REDIS_QUEUE_RETRY_AFTER', 90),
+            'block_for' => null,
+            'after_commit' => false,
+        ],
+
+        'deferred' => [
+            'driver' => 'deferred',
+        ],
+
+        'background' => [
+            'driver' => 'background',
+        ],
+
+        'failover' => [
+            'driver' => 'failover',
+            'connections' => [
+                'database',
+                'deferred',
+            ],
+        ],
+
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Job Batching
+    |--------------------------------------------------------------------------
+    |
+    | The following options configure the database and table that store job
+    | batching information. These options can be updated to any database
+    | connection and table which has been defined by your application.
+    |
+    */
+
+    'batching' => [
+        'database' => env('DB_CONNECTION', 'sqlite'),
+        'table' => 'job_batches',
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Failed Queue Jobs
+    |--------------------------------------------------------------------------
+    |
+    | These options configure the behavior of failed queue job logging so you
+    | can control how and where failed jobs are stored. Laravel ships with
+    | support for storing failed jobs in a simple file or in a database.
+    |
+    | Supported drivers: "database-uuids", "dynamodb", "file", "null"
+    |
+    */
+
+    'failed' => [
+        'driver' => env('QUEUE_FAILED_DRIVER', 'database-uuids'),
+        'database' => env('DB_CONNECTION', 'sqlite'),
+        'table' => 'failed_jobs',
+    ],
+
+];
diff --git a/config/services.php b/config/services.php
new file mode 100644
index 0000000..6a90eb8
--- /dev/null
+++ b/config/services.php
@@ -0,0 +1,38 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Third Party Services
+    |--------------------------------------------------------------------------
+    |
+    | This file is for storing the credentials for third party services such
+    | as Mailgun, Postmark, AWS and more. This file provides the de facto
+    | location for this type of information, allowing packages to have
+    | a conventional file to locate the various service credentials.
+    |
+    */
+
+    'postmark' => [
+        'key' => env('POSTMARK_API_KEY'),
+    ],
+
+    'resend' => [
+        'key' => env('RESEND_API_KEY'),
+    ],
+
+    'ses' => [
+        'key' => env('AWS_ACCESS_KEY_ID'),
+        'secret' => env('AWS_SECRET_ACCESS_KEY'),
+        'region' => env('AWS_DEFAULT_REGION', 'us-east-1'),
+    ],
+
+    'slack' => [
+        'notifications' => [
+            'bot_user_oauth_token' => env('SLACK_BOT_USER_OAUTH_TOKEN'),
+            'channel' => env('SLACK_BOT_USER_DEFAULT_CHANNEL'),
+        ],
+    ],
+
+];
diff --git a/config/session.php b/config/session.php
new file mode 100644
index 0000000..5b541b7
--- /dev/null
+++ b/config/session.php
@@ -0,0 +1,217 @@
+<?php
+
+use Illuminate\Support\Str;
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Default Session Driver
+    |--------------------------------------------------------------------------
+    |
+    | This option determines the default session driver that is utilized for
+    | incoming requests. Laravel supports a variety of storage options to
+    | persist session data. Database storage is a great default choice.
+    |
+    | Supported: "file", "cookie", "database", "memcached",
+    |            "redis", "dynamodb", "array"
+    |
+    */
+
+    'driver' => env('SESSION_DRIVER', 'database'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Session Lifetime
+    |--------------------------------------------------------------------------
+    |
+    | Here you may specify the number of minutes that you wish the session
+    | to be allowed to remain idle before it expires. If you want them
+    | to expire immediately when the browser is closed then you may
+    | indicate that via the expire_on_close configuration option.
+    |
+    */
+
+    'lifetime' => (int) env('SESSION_LIFETIME', 120),
+
+    'expire_on_close' => env('SESSION_EXPIRE_ON_CLOSE', false),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Session Encryption
+    |--------------------------------------------------------------------------
+    |
+    | This option allows you to easily specify that all of your session data
+    | should be encrypted before it's stored. All encryption is performed
+    | automatically by Laravel and you may use the session like normal.
+    |
+    */
+
+    'encrypt' => env('SESSION_ENCRYPT', false),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Session File Location
+    |--------------------------------------------------------------------------
+    |
+    | When utilizing the "file" session driver, the session files are placed
+    | on disk. The default storage location is defined here; however, you
+    | are free to provide another location where they should be stored.
+    |
+    */
+
+    'files' => storage_path('framework/sessions'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Session Database Connection
+    |--------------------------------------------------------------------------
+    |
+    | When using the "database" or "redis" session drivers, you may specify a
+    | connection that should be used to manage these sessions. This should
+    | correspond to a connection in your database configuration options.
+    |
+    */
+
+    'connection' => env('SESSION_CONNECTION'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Session Database Table
+    |--------------------------------------------------------------------------
+    |
+    | When using the "database" session driver, you may specify the table to
+    | be used to store sessions. Of course, a sensible default is defined
+    | for you; however, you're welcome to change this to another table.
+    |
+    */
+
+    'table' => env('SESSION_TABLE', 'sessions'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Session Cache Store
+    |--------------------------------------------------------------------------
+    |
+    | When using one of the framework's cache driven session backends, you may
+    | define the cache store which should be used to store the session data
+    | between requests. This must match one of your defined cache stores.
+    |
+    | Affects: "dynamodb", "memcached", "redis"
+    |
+    */
+
+    'store' => env('SESSION_STORE'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Session Sweeping Lottery
+    |--------------------------------------------------------------------------
+    |
+    | Some session drivers must manually sweep their storage location to get
+    | rid of old sessions from storage. Here are the chances that it will
+    | happen on a given request. By default, the odds are 2 out of 100.
+    |
+    */
+
+    'lottery' => [2, 100],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Session Cookie Name
+    |--------------------------------------------------------------------------
+    |
+    | Here you may change the name of the session cookie that is created by
+    | the framework. Typically, you should not need to change this value
+    | since doing so does not grant a meaningful security improvement.
+    |
+    */
+
+    'cookie' => env(
+        'SESSION_COOKIE',
+        Str::slug((string) env('APP_NAME', 'laravel')).'-session'
+    ),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Session Cookie Path
+    |--------------------------------------------------------------------------
+    |
+    | The session cookie path determines the path for which the cookie will
+    | be regarded as available. Typically, this will be the root path of
+    | your application, but you're free to change this when necessary.
+    |
+    */
+
+    'path' => env('SESSION_PATH', '/'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Session Cookie Domain
+    |--------------------------------------------------------------------------
+    |
+    | This value determines the domain and subdomains the session cookie is
+    | available to. By default, the cookie will be available to the root
+    | domain without subdomains. Typically, this shouldn't be changed.
+    |
+    */
+
+    'domain' => env('SESSION_DOMAIN'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | HTTPS Only Cookies
+    |--------------------------------------------------------------------------
+    |
+    | By setting this option to true, session cookies will only be sent back
+    | to the server if the browser has a HTTPS connection. This will keep
+    | the cookie from being sent to you when it can't be done securely.
+    |
+    */
+
+    'secure' => env('SESSION_SECURE_COOKIE'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | HTTP Access Only
+    |--------------------------------------------------------------------------
+    |
+    | Setting this value to true will prevent JavaScript from accessing the
+    | value of the cookie and the cookie will only be accessible through
+    | the HTTP protocol. It's unlikely you should disable this option.
+    |
+    */
+
+    'http_only' => env('SESSION_HTTP_ONLY', true),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Same-Site Cookies
+    |--------------------------------------------------------------------------
+    |
+    | This option determines how your cookies behave when cross-site requests
+    | take place, and can be used to mitigate CSRF attacks. By default, we
+    | will set this value to "lax" to permit secure cross-site requests.
+    |
+    | See: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie#samesitesamesite-value
+    |
+    | Supported: "lax", "strict", "none", null
+    |
+    */
+
+    'same_site' => env('SESSION_SAME_SITE', 'lax'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Partitioned Cookies
+    |--------------------------------------------------------------------------
+    |
+    | Setting this value to true will tie the cookie to the top-level site for
+    | a cross-site context. Partitioned cookies are accepted by the browser
+    | when flagged "secure" and the Same-Site attribute is set to "none".
+    |
+    */
+
+    'partitioned' => env('SESSION_PARTITIONED_COOKIE', false),
+
+];
diff --git a/database/.gitignore b/database/.gitignore
new file mode 100644
index 0000000..9b19b93
--- /dev/null
+++ b/database/.gitignore
@@ -0,0 +1 @@
+*.sqlite*
diff --git a/database/migrations/2024_01_01_000000_create_auth_tables.php b/database/migrations/2024_01_01_000000_create_auth_tables.php
new file mode 100644
index 0000000..a64f8b4
--- /dev/null
+++ b/database/migrations/2024_01_01_000000_create_auth_tables.php
@@ -0,0 +1,121 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        // 管理员表
+        Schema::create('auth_users', function (Blueprint $table) {
+            $table->id();
+            $table->string('username', 50)->unique()->comment('用户名');
+            $table->string('password')->comment('密码');
+            $table->string('real_name', 50)->comment('真实姓名');
+            $table->string('email', 100)->nullable()->comment('邮箱');
+            $table->string('phone', 20)->nullable()->comment('手机号');
+            $table->unsignedBigInteger('department_id')->nullable()->comment('部门ID');
+            $table->string('avatar')->nullable()->comment('头像');
+            $table->tinyInteger('status')->default(1)->comment('状态：1启用 0禁用');
+            $table->timestamp('last_login_at')->nullable()->comment('最后登录时间');
+            $table->string('last_login_ip', 50)->nullable()->comment('最后登录IP');
+            $table->softDeletes();
+            $table->timestamps();
+
+            $table->index('department_id');
+            $table->index('status');
+        });
+
+        // 部门表
+        Schema::create('auth_departments', function (Blueprint $table) {
+            $table->id();
+            $table->string('name', 100)->comment('部门名称');
+            $table->unsignedBigInteger('parent_id')->default(0)->comment('父部门ID');
+            $table->string('leader', 50)->nullable()->comment('部门负责人');
+            $table->string('phone', 20)->nullable()->comment('联系电话');
+            $table->integer('sort')->default(0)->comment('排序');
+            $table->tinyInteger('status')->default(1)->comment('状态：1启用 0禁用');
+            $table->softDeletes();
+            $table->timestamps();
+
+            $table->index('parent_id');
+            $table->index('status');
+        });
+
+        // 角色表
+        Schema::create('auth_roles', function (Blueprint $table) {
+            $table->id();
+            $table->string('name', 50)->unique()->comment('角色名称');
+            $table->string('code', 50)->unique()->comment('角色编码');
+            $table->text('description')->nullable()->comment('角色描述');
+            $table->integer('sort')->default(0)->comment('排序');
+            $table->tinyInteger('status')->default(1)->comment('状态：1启用 0禁用');
+            $table->softDeletes();
+            $table->timestamps();
+
+            $table->index('status');
+        });
+
+        // 权限表
+        Schema::create('auth_permissions', function (Blueprint $table) {
+            $table->id();
+            $table->string('name', 100)->unique()->comment('权限名称');
+            $table->string('code', 100)->unique()->comment('权限编码');
+            $table->string('type', 20)->default('api')->comment('类型：api 菜单 按钮');
+            $table->unsignedBigInteger('parent_id')->default(0)->comment('父级ID');
+            $table->string('route')->nullable()->comment('路由');
+            $table->string('component')->nullable()->comment('前端组件路径');
+            $table->json('meta')->nullable()->comment('元数据（隐藏菜单、面包屑等）');
+            $table->integer('sort')->default(0)->comment('排序');
+            $table->tinyInteger('status')->default(1)->comment('状态：1启用 0禁用');
+            $table->softDeletes();
+            $table->timestamps();
+
+            $table->index('parent_id');
+            $table->index('type');
+            $table->index('status');
+        });
+
+        // 用户角色关联表
+        Schema::create('auth_user_role', function (Blueprint $table) {
+            $table->id();
+            $table->unsignedBigInteger('user_id')->comment('用户ID');
+            $table->unsignedBigInteger('role_id')->comment('角色ID');
+            $table->timestamps();
+
+            $table->unique(['user_id', 'role_id']);
+            $table->index('user_id');
+            $table->index('role_id');
+        });
+
+        // 角色权限关联表
+        Schema::create('auth_role_permission', function (Blueprint $table) {
+            $table->id();
+            $table->unsignedBigInteger('role_id')->comment('角色ID');
+            $table->unsignedBigInteger('permission_id')->comment('权限ID');
+            $table->timestamps();
+
+            $table->unique(['role_id', 'permission_id']);
+            $table->index('role_id');
+            $table->index('permission_id');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('auth_role_permission');
+        Schema::dropIfExists('auth_user_role');
+        Schema::dropIfExists('auth_permissions');
+        Schema::dropIfExists('auth_roles');
+        Schema::dropIfExists('auth_departments');
+        Schema::dropIfExists('auth_users');
+    }
+};
diff --git a/database/migrations/2024_01_02_000001_create_system_tables.php b/database/migrations/2024_01_02_000001_create_system_tables.php
new file mode 100644
index 0000000..7ea1d1e
--- /dev/null
+++ b/database/migrations/2024_01_02_000001_create_system_tables.php
@@ -0,0 +1,145 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up()
+    {
+        // 系统配置表
+        Schema::create('system_configs', function (Blueprint $table) {
+            $table->comment('系统配置表');
+            $table->id();
+            $table->string('group')->comment('配置分组');
+            $table->string('key')->unique()->comment('配置键');
+            $table->string('name')->comment('配置名称');
+            $table->string('type')->default('string')->comment('字段类型：string, text, number, boolean, select, radio, checkbox, file, json');
+            $table->text('options')->nullable()->comment('选项配置(JSON格式)');
+            $table->text('value')->nullable()->comment('配置值');
+            $table->string('default_value')->nullable()->comment('默认值');
+            $table->text('description')->nullable()->comment('配置说明');
+            $table->string('validation')->nullable()->comment('验证规则');
+            $table->integer('sort')->default(0)->comment('排序');
+            $table->boolean('is_system')->default(false)->comment('是否系统配置');
+            $table->boolean('status')->default(true)->comment('状态');
+            $table->timestamps();
+            $table->softDeletes();
+
+            $table->index('group');
+            $table->index('key');
+        });
+
+        // 系统日志表
+        Schema::create('system_logs', function (Blueprint $table) {
+            $table->comment('系统日志表');
+            $table->id();
+            $table->unsignedBigInteger('user_id')->nullable()->comment('用户ID');
+            $table->string('username')->nullable()->comment('用户名');
+            $table->string('module')->comment('模块名称');
+            $table->string('action')->comment('操作类型');
+            $table->string('method')->comment('请求方法');
+            $table->string('url')->comment('请求URL');
+            $table->string('ip')->nullable()->comment('IP地址');
+            $table->text('user_agent')->nullable()->comment('用户代理');
+            $table->json('params')->nullable()->comment('请求参数');
+            $table->text('result')->nullable()->comment('操作结果');
+            $table->integer('status_code')->default(200)->comment('状态码');
+            $table->string('status')->default('success')->comment('状态');
+            $table->text('error_message')->nullable()->comment('错误信息');
+            $table->integer('execution_time')->nullable()->comment('执行时间(毫秒)');
+            $table->timestamps();
+
+            $table->index('user_id');
+            $table->index('module');
+            $table->index('action');
+            $table->index('created_at');
+        });
+
+        // 系统字典表
+        Schema::create('system_dictionaries', function (Blueprint $table) {
+            $table->comment('系统字典表');
+            $table->id();
+            $table->string('name')->comment('字典名称');
+            $table->string('code')->unique()->comment('字典编码');
+            $table->text('description')->nullable()->comment('字典描述');
+            $table->boolean('status')->default(true)->comment('状态');
+            $table->integer('sort')->default(0)->comment('排序');
+            $table->timestamps();
+            $table->softDeletes();
+        });
+
+        // 系统字典项表
+        Schema::create('system_dictionary_items', function (Blueprint $table) {
+            $table->comment('系统字典项表');
+            $table->id();
+            $table->unsignedBigInteger('dictionary_id')->comment('字典ID');
+            $table->string('label')->comment('标签名称');
+            $table->string('value')->comment('标签值');
+            $table->string('color')->nullable()->comment('颜色标识');
+            $table->text('description')->nullable()->comment('描述');
+            $table->boolean('is_default')->default(false)->comment('是否默认');
+            $table->boolean('status')->default(true)->comment('状态');
+            $table->integer('sort')->default(0)->comment('排序');
+            $table->timestamps();
+
+            $table->foreign('dictionary_id')->references('id')->on('system_dictionaries')->onDelete('cascade');
+            $table->index('dictionary_id');
+        });
+
+        // 系统任务表
+        Schema::create('system_tasks', function (Blueprint $table) {
+            $table->comment('系统任务表');
+            $table->id();
+            $table->string('name')->comment('任务名称');
+            $table->string('command')->comment('任务命令');
+            $table->string('description')->nullable()->comment('任务描述');
+            $table->string('type')->default('command')->comment('任务类型：command, job, closure');
+            $table->string('expression')->comment('Cron表达式');
+            $table->string('timezone')->default('Asia/Shanghai')->comment('时区');
+            $table->boolean('is_active')->default(true)->comment('是否启用');
+            $table->boolean('run_in_background')->default(true)->comment('是否后台运行');
+            $table->boolean('without_overlapping')->default(false)->comment('是否防止重叠');
+            $table->boolean('only_one')->default(false)->comment('是否只运行一个实例');
+            $table->timestamp('last_run_at')->nullable()->comment('最后运行时间');
+            $table->timestamp('next_run_at')->nullable()->comment('下次运行时间');
+            $table->text('last_output')->nullable()->comment('最后输出');
+            $table->integer('run_count')->default(0)->comment('运行次数');
+            $table->integer('failed_count')->default(0)->comment('失败次数');
+            $table->timestamps();
+            $table->softDeletes();
+
+            $table->index('is_active');
+        });
+
+        // 系统城市表
+        Schema::create('system_cities', function (Blueprint $table) {
+            $table->comment('系统城市表');
+            $table->id();
+            $table->unsignedBigInteger('parent_id')->default(0)->comment('父级ID');
+            $table->string('name')->comment('城市名称');
+            $table->string('code')->unique()->comment('城市编码');
+            $table->string('pinyin')->nullable()->comment('拼音');
+            $table->string('pinyin_short')->nullable()->comment('拼音首字母');
+            $table->integer('level')->default(1)->comment('级别：1=省，2=市，3=区/县');
+            $table->integer('sort')->default(0)->comment('排序');
+            $table->boolean('status')->default(true)->comment('状态');
+            $table->timestamps();
+
+            $table->index('parent_id');
+            $table->index('code');
+            $table->index('level');
+        });
+    }
+
+    public function down()
+    {
+        Schema::dropIfExists('system_dictionary_items');
+        Schema::dropIfExists('system_dictionaries');
+        Schema::dropIfExists('system_configs');
+        Schema::dropIfExists('system_logs');
+        Schema::dropIfExists('system_tasks');
+        Schema::dropIfExists('system_cities');
+    }
+};
diff --git a/database/seeders/AuthSeeder.php b/database/seeders/AuthSeeder.php
new file mode 100644
index 0000000..c90a4a2
--- /dev/null
+++ b/database/seeders/AuthSeeder.php
@@ -0,0 +1,570 @@
+<?php
+
+namespace Database\Seeders;
+
+use App\Models\Auth\User;
+use App\Models\Auth\Role;
+use App\Models\Auth\Permission;
+use App\Models\Auth\Department;
+use Illuminate\Database\Seeder;
+use Illuminate\Support\Facades\Hash;
+use Illuminate\Support\Facades\DB;
+
+class AuthSeeder extends Seeder
+{
+    /**
+     * Run the database seeds.
+     */
+    public function run(): void
+    {
+        // SQLite 不支持 SET FOREIGN_KEY_CHECKS，使用 PRAGMA
+        if (DB::getDriverName() === 'sqlite') {
+            DB::statement('PRAGMA foreign_keys = OFF;');
+        } else {
+            DB::statement('SET FOREIGN_KEY_CHECKS=0;');
+        }
+
+        // 清空表数据
+        DB::table('auth_role_permission')->truncate();
+        DB::table('auth_user_role')->truncate();
+        Permission::truncate();
+        Role::truncate();
+        User::truncate();
+        Department::truncate();
+
+        $this->createPermissions();
+        $this->createRoles();
+        $this->createDepartments();
+        $this->createUsers();
+        $this->assignPermissionsToRole();
+        $this->assignRoleToUser();
+
+        $this->command->info('Auth module data seeded successfully!');
+
+        // 恢复外键约束
+        if (DB::getDriverName() === 'sqlite') {
+            DB::statement('PRAGMA foreign_keys = ON;');
+        } else {
+            DB::statement('SET FOREIGN_KEY_CHECKS=1;');
+        }
+    }
+
+    /**
+     * 创建权限节点
+     */
+    private function createPermissions(): void
+    {
+        $permissions = [
+            // 系统管理
+            [
+                'name' => '系统管理',
+                'code' => 'system',
+                'type' => 'menu',
+                'parent_id' => 0,
+                'route' => '/system',
+                'component' => 'Layout',
+                'meta' => json_encode([
+                    'icon' => 'Setting',
+                    'hidden' => false,
+                    'hiddenBreadcrumb' => false,
+                    'affix' => null,
+                ]),
+                'sort' => 1,
+                'status' => 1,
+            ],
+            // 用户管理
+            [
+                'name' => '用户管理',
+                'code' => 'system.users',
+                'type' => 'menu',
+                'parent_id' => 0,
+                'route' => '/system/users',
+                'component' => 'system/users/index',
+                'meta' => json_encode([
+                    'icon' => 'User',
+                    'hidden' => false,
+                    'hiddenBreadcrumb' => false,
+                ]),
+                'sort' => 2,
+                'status' => 1,
+            ],
+            [
+                'name' => '查看用户',
+                'code' => 'system.users.view',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.users.index',
+                'component' => null,
+                'meta' => null,
+                'sort' => 1,
+                'status' => 1,
+            ],
+            [
+                'name' => '创建用户',
+                'code' => 'system.users.create',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.users.store',
+                'component' => null,
+                'meta' => null,
+                'sort' => 2,
+                'status' => 1,
+            ],
+            [
+                'name' => '编辑用户',
+                'code' => 'system.users.update',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.users.update',
+                'component' => null,
+                'meta' => null,
+                'sort' => 3,
+                'status' => 1,
+            ],
+            [
+                'name' => '删除用户',
+                'code' => 'system.users.delete',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.users.destroy',
+                'component' => null,
+                'meta' => null,
+                'sort' => 4,
+                'status' => 1,
+            ],
+            [
+                'name' => '批量删除用户',
+                'code' => 'system.users.batch-delete',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.users.batch-delete',
+                'component' => null,
+                'meta' => null,
+                'sort' => 5,
+                'status' => 1,
+            ],
+            [
+                'name' => '导出用户',
+                'code' => 'system.users.export',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.users.export',
+                'component' => null,
+                'meta' => null,
+                'sort' => 6,
+                'status' => 1,
+            ],
+            [
+                'name' => '导入用户',
+                'code' => 'system.users.import',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.users.import',
+                'component' => null,
+                'meta' => null,
+                'sort' => 7,
+                'status' => 1,
+            ],
+            // 角色管理
+            [
+                'name' => '角色管理',
+                'code' => 'system.roles',
+                'type' => 'menu',
+                'parent_id' => 0,
+                'route' => '/system/roles',
+                'component' => 'system/roles/index',
+                'meta' => json_encode([
+                    'icon' => 'UserFilled',
+                    'hidden' => false,
+                    'hiddenBreadcrumb' => false,
+                ]),
+                'sort' => 3,
+                'status' => 1,
+            ],
+            [
+                'name' => '查看角色',
+                'code' => 'system.roles.view',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.roles.index',
+                'component' => null,
+                'meta' => null,
+                'sort' => 1,
+                'status' => 1,
+            ],
+            [
+                'name' => '创建角色',
+                'code' => 'system.roles.create',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.roles.store',
+                'component' => null,
+                'meta' => null,
+                'sort' => 2,
+                'status' => 1,
+            ],
+            [
+                'name' => '编辑角色',
+                'code' => 'system.roles.update',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.roles.update',
+                'component' => null,
+                'meta' => null,
+                'sort' => 3,
+                'status' => 1,
+            ],
+            [
+                'name' => '删除角色',
+                'code' => 'system.roles.delete',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.roles.destroy',
+                'component' => null,
+                'meta' => null,
+                'sort' => 4,
+                'status' => 1,
+            ],
+            [
+                'name' => '批量删除角色',
+                'code' => 'system.roles.batch-delete',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.roles.batch-delete',
+                'component' => null,
+                'meta' => null,
+                'sort' => 5,
+                'status' => 1,
+            ],
+            [
+                'name' => '分配权限',
+                'code' => 'system.roles.assign-permissions',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.roles.assign-permissions',
+                'component' => null,
+                'meta' => null,
+                'sort' => 6,
+                'status' => 1,
+            ],
+            // 权限管理
+            [
+                'name' => '权限管理',
+                'code' => 'system.permissions',
+                'type' => 'menu',
+                'parent_id' => 0,
+                'route' => '/system/permissions',
+                'component' => 'system/permissions/index',
+                'meta' => json_encode([
+                    'icon' => 'Lock',
+                    'hidden' => false,
+                    'hiddenBreadcrumb' => false,
+                ]),
+                'sort' => 4,
+                'status' => 1,
+            ],
+            [
+                'name' => '查看权限',
+                'code' => 'system.permissions.view',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.permissions.index',
+                'component' => null,
+                'meta' => null,
+                'sort' => 1,
+                'status' => 1,
+            ],
+            [
+                'name' => '创建权限',
+                'code' => 'system.permissions.create',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.permissions.store',
+                'component' => null,
+                'meta' => null,
+                'sort' => 2,
+                'status' => 1,
+            ],
+            [
+                'name' => '编辑权限',
+                'code' => 'system.permissions.update',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.permissions.update',
+                'component' => null,
+                'meta' => null,
+                'sort' => 3,
+                'status' => 1,
+            ],
+            [
+                'name' => '删除权限',
+                'code' => 'system.permissions.delete',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.permissions.destroy',
+                'component' => null,
+                'meta' => null,
+                'sort' => 4,
+                'status' => 1,
+            ],
+            [
+                'name' => '批量删除权限',
+                'code' => 'system.permissions.batch-delete',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.permissions.batch-delete',
+                'component' => null,
+                'meta' => null,
+                'sort' => 5,
+                'status' => 1,
+            ],
+            // 部门管理
+            [
+                'name' => '部门管理',
+                'code' => 'system.departments',
+                'type' => 'menu',
+                'parent_id' => 0,
+                'route' => '/system/departments',
+                'component' => 'system/departments/index',
+                'meta' => json_encode([
+                    'icon' => 'OfficeBuilding',
+                    'hidden' => false,
+                    'hiddenBreadcrumb' => false,
+                ]),
+                'sort' => 5,
+                'status' => 1,
+            ],
+            [
+                'name' => '查看部门',
+                'code' => 'system.departments.view',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.departments.index',
+                'component' => null,
+                'meta' => null,
+                'sort' => 1,
+                'status' => 1,
+            ],
+            [
+                'name' => '创建部门',
+                'code' => 'system.departments.create',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.departments.store',
+                'component' => null,
+                'meta' => null,
+                'sort' => 2,
+                'status' => 1,
+            ],
+            [
+                'name' => '编辑部门',
+                'code' => 'system.departments.update',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.departments.update',
+                'component' => null,
+                'meta' => null,
+                'sort' => 3,
+                'status' => 1,
+            ],
+            [
+                'name' => '删除部门',
+                'code' => 'system.departments.delete',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.departments.destroy',
+                'component' => null,
+                'meta' => null,
+                'sort' => 4,
+                'status' => 1,
+            ],
+            [
+                'name' => '批量删除部门',
+                'code' => 'system.departments.batch-delete',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.departments.batch-delete',
+                'component' => null,
+                'meta' => null,
+                'sort' => 5,
+                'status' => 1,
+            ],
+        ];
+
+        foreach ($permissions as $permission) {
+            Permission::create($permission);
+        }
+    }
+
+    /**
+     * 创建角色
+     */
+    private function createRoles(): void
+    {
+        Role::insert([
+            [
+                'name' => '超级管理员',
+                'code' => 'super_admin',
+                'description' => '拥有系统所有权限',
+                'sort' => 1,
+                'status' => 1,
+                'created_at' => now(),
+                'updated_at' => now(),
+            ],
+            [
+                'name' => '管理员',
+                'code' => 'admin',
+                'description' => '拥有系统管理权限',
+                'sort' => 2,
+                'status' => 1,
+                'created_at' => now(),
+                'updated_at' => now(),
+            ],
+            [
+                'name' => '普通用户',
+                'code' => 'user',
+                'description' => '普通用户角色',
+                'sort' => 3,
+                'status' => 1,
+                'created_at' => now(),
+                'updated_at' => now(),
+            ],
+        ]);
+    }
+
+    /**
+     * 创建部门
+     */
+    private function createDepartments(): void
+    {
+        Department::insert([
+            [
+                'name' => '总公司',
+                'parent_id' => 0,
+                'leader' => '张三',
+                'phone' => '13800138000',
+                'sort' => 1,
+                'status' => 1,
+                'created_at' => now(),
+                'updated_at' => now(),
+            ],
+            [
+                'name' => '技术部',
+                'parent_id' => 0,
+                'leader' => '李四',
+                'phone' => '13800138001',
+                'sort' => 1,
+                'status' => 1,
+                'created_at' => now(),
+                'updated_at' => now(),
+            ],
+            [
+                'name' => '运营部',
+                'parent_id' => 0,
+                'leader' => '王五',
+                'phone' => '13800138002',
+                'sort' => 2,
+                'status' => 1,
+                'created_at' => now(),
+                'updated_at' => now(),
+            ],
+            [
+                'name' => '财务部',
+                'parent_id' => 0,
+                'leader' => '赵六',
+                'phone' => '13800138003',
+                'sort' => 3,
+                'status' => 1,
+                'created_at' => now(),
+                'updated_at' => now(),
+            ],
+        ]);
+
+        // 更新parent_id为实际ID
+        $departments = Department::all();
+        $rootDept = $departments->where('name', '总公司')->first();
+        $techDept = $departments->where('name', '技术部')->first();
+        $opsDept = $departments->where('name', '运营部')->first();
+        $financeDept = $departments->where('name', '财务部')->first();
+
+        if ($rootDept) {
+            $techDept->update(['parent_id' => $rootDept->id]);
+            $opsDept->update(['parent_id' => $rootDept->id]);
+            $financeDept->update(['parent_id' => $rootDept->id]);
+        }
+    }
+
+    /**
+     * 创建用户
+     */
+    private function createUsers(): void
+    {
+        $departments = Department::all();
+        $techDept = $departments->where('name', '技术部')->first();
+
+        User::insert([
+            [
+                'username' => 'admin',
+                'password' => Hash::make('admin888'),
+                'real_name' => '超级管理员',
+                'email' => 'admin@example.com',
+                'phone' => '13800138888',
+                'department_id' => $techDept ? $techDept->id : null,
+                'avatar' => null,
+                'status' => 1,
+                'last_login_at' => null,
+                'last_login_ip' => null,
+                'created_at' => now(),
+                'updated_at' => now(),
+            ],
+            [
+                'username' => 'manager',
+                'password' => Hash::make('123456789'),
+                'real_name' => '部门经理',
+                'email' => 'manager@example.com',
+                'phone' => '13800138889',
+                'department_id' => $techDept ? $techDept->id : null,
+                'avatar' => null,
+                'status' => 1,
+                'last_login_at' => null,
+                'last_login_ip' => null,
+                'created_at' => now(),
+                'updated_at' => now(),
+            ],
+        ]);
+    }
+
+    /**
+     * 分配权限给角色
+     */
+    private function assignPermissionsToRole(): void
+    {
+        $permissions = Permission::all();
+        $superAdminRole = Role::where('code', 'super_admin')->first();
+
+        if ($superAdminRole) {
+            $permissionIds = $permissions->pluck('id')->toArray();
+            $superAdminRole->permissions()->attach($permissionIds);
+        }
+    }
+
+    /**
+     * 分配角色给用户
+     */
+    private function assignRoleToUser(): void
+    {
+        $superAdminRole = Role::where('code', 'super_admin')->first();
+        $adminRole = Role::where('code', 'admin')->first();
+
+        $adminUser = User::where('username', 'admin')->first();
+        $managerUser = User::where('username', 'manager')->first();
+
+        if ($adminUser && $superAdminRole) {
+            $adminUser->roles()->attach([$superAdminRole->id]);
+        }
+
+        if ($managerUser && $adminRole) {
+            $managerUser->roles()->attach([$adminRole->id]);
+        }
+    }
+}
diff --git a/database/seeders/DatabaseSeeder.php b/database/seeders/DatabaseSeeder.php
new file mode 100644
index 0000000..e5d4c81
--- /dev/null
+++ b/database/seeders/DatabaseSeeder.php
@@ -0,0 +1,18 @@
+<?php
+
+namespace Database\Seeders;
+
+use Illuminate\Database\Seeder;
+
+class DatabaseSeeder extends Seeder
+{
+    /**
+     * Seed the application's database.
+     */
+    public function run(): void
+    {
+        // $this->call(UserSeeder::class);
+        $this->call(AuthSeeder::class);
+        $this->call(SystemSeeder::class);
+    }
+}
diff --git a/database/seeders/SystemSeeder.php b/database/seeders/SystemSeeder.php
new file mode 100644
index 0000000..b7187d4
--- /dev/null
+++ b/database/seeders/SystemSeeder.php
@@ -0,0 +1,636 @@
+<?php
+
+namespace Database\Seeders;
+
+use App\Models\System\Config;
+use App\Models\System\Dictionary;
+use App\Models\System\DictionaryItem;
+use App\Models\Auth\Permission;
+use Illuminate\Database\Seeder;
+use Illuminate\Support\Facades\DB;
+
+class SystemSeeder extends Seeder
+{
+    /**
+     * Run the database seeds.
+     */
+    public function run(): void
+    {
+        // SQLite 不支持 SET FOREIGN_KEY_CHECKS，使用 PRAGMA
+        if (DB::getDriverName() === 'sqlite') {
+            DB::statement('PRAGMA foreign_keys = OFF;');
+        } else {
+            DB::statement('SET FOREIGN_KEY_CHECKS=0;');
+        }
+
+        // 清空表数据
+        DictionaryItem::truncate();
+        Dictionary::truncate();
+        Config::truncate();
+
+        $this->createSystemPermissions();
+        $this->createSystemDictionaries();
+        $this->createSystemConfigs();
+
+        $this->command->info('System module data seeded successfully!');
+
+        // 恢复外键约束
+        if (DB::getDriverName() === 'sqlite') {
+            DB::statement('PRAGMA foreign_keys = ON;');
+        } else {
+            DB::statement('SET FOREIGN_KEY_CHECKS=1;');
+        }
+    }
+
+    /**
+     * 创建系统管理权限节点
+     */
+    private function createSystemPermissions(): void
+    {
+        $permissions = [
+            // 系统配置
+            [
+                'name' => '系统配置',
+                'code' => 'system.config',
+                'type' => 'menu',
+                'parent_id' => 0,
+                'route' => '/system/config',
+                'component' => 'system/config/index',
+                'meta' => json_encode([
+                    'icon' => 'SettingFilled',
+                    'hidden' => false,
+                    'hiddenBreadcrumb' => false,
+                ]),
+                'sort' => 6,
+                'status' => 1,
+            ],
+            [
+                'name' => '查看配置',
+                'code' => 'system.config.view',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.config.index',
+                'component' => null,
+                'meta' => null,
+                'sort' => 1,
+                'status' => 1,
+            ],
+            [
+                'name' => '创建配置',
+                'code' => 'system.config.create',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.config.store',
+                'component' => null,
+                'meta' => null,
+                'sort' => 2,
+                'status' => 1,
+            ],
+            [
+                'name' => '编辑配置',
+                'code' => 'system.config.update',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.config.update',
+                'component' => null,
+                'meta' => null,
+                'sort' => 3,
+                'status' => 1,
+            ],
+            [
+                'name' => '删除配置',
+                'code' => 'system.config.delete',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.config.destroy',
+                'component' => null,
+                'meta' => null,
+                'sort' => 4,
+                'status' => 1,
+            ],
+            [
+                'name' => '批量删除配置',
+                'code' => 'system.config.batch-delete',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.config.batch-delete',
+                'component' => null,
+                'meta' => null,
+                'sort' => 5,
+                'status' => 1,
+            ],
+
+            // 系统日志
+            [
+                'name' => '系统日志',
+                'code' => 'system.logs',
+                'type' => 'menu',
+                'parent_id' => 0,
+                'route' => '/system/logs',
+                'component' => 'system/logs/index',
+                'meta' => json_encode([
+                    'icon' => 'DocumentCopy',
+                    'hidden' => false,
+                    'hiddenBreadcrumb' => false,
+                ]),
+                'sort' => 7,
+                'status' => 1,
+            ],
+            [
+                'name' => '查看日志',
+                'code' => 'system.logs.view',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.logs.index',
+                'component' => null,
+                'meta' => null,
+                'sort' => 1,
+                'status' => 1,
+            ],
+            [
+                'name' => '删除日志',
+                'code' => 'system.logs.delete',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.logs.destroy',
+                'component' => null,
+                'meta' => null,
+                'sort' => 2,
+                'status' => 1,
+            ],
+            [
+                'name' => '批量删除日志',
+                'code' => 'system.logs.batch-delete',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.logs.batch-delete',
+                'component' => null,
+                'meta' => null,
+                'sort' => 3,
+                'status' => 1,
+            ],
+            [
+                'name' => '导出日志',
+                'code' => 'system.logs.export',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.logs.export',
+                'component' => null,
+                'meta' => null,
+                'sort' => 4,
+                'status' => 1,
+            ],
+
+            // 数据字典
+            [
+                'name' => '数据字典',
+                'code' => 'system.dictionaries',
+                'type' => 'menu',
+                'parent_id' => 0,
+                'route' => '/system/dictionaries',
+                'component' => 'system/dictionaries/index',
+                'meta' => json_encode([
+                    'icon' => 'Notebook',
+                    'hidden' => false,
+                    'hiddenBreadcrumb' => false,
+                ]),
+                'sort' => 8,
+                'status' => 1,
+            ],
+            [
+                'name' => '查看字典',
+                'code' => 'system.dictionaries.view',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.dictionaries.index',
+                'component' => null,
+                'meta' => null,
+                'sort' => 1,
+                'status' => 1,
+            ],
+            [
+                'name' => '创建字典',
+                'code' => 'system.dictionaries.create',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.dictionaries.store',
+                'component' => null,
+                'meta' => null,
+                'sort' => 2,
+                'status' => 1,
+            ],
+            [
+                'name' => '编辑字典',
+                'code' => 'system.dictionaries.update',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.dictionaries.update',
+                'component' => null,
+                'meta' => null,
+                'sort' => 3,
+                'status' => 1,
+            ],
+            [
+                'name' => '删除字典',
+                'code' => 'system.dictionaries.delete',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.dictionaries.destroy',
+                'component' => null,
+                'meta' => null,
+                'sort' => 4,
+                'status' => 1,
+            ],
+            [
+                'name' => '批量删除字典',
+                'code' => 'system.dictionaries.batch-delete',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.dictionaries.batch-delete',
+                'component' => null,
+                'meta' => null,
+                'sort' => 5,
+                'status' => 1,
+            ],
+
+            // 定时任务
+            [
+                'name' => '定时任务',
+                'code' => 'system.tasks',
+                'type' => 'menu',
+                'parent_id' => 0,
+                'route' => '/system/tasks',
+                'component' => 'system/tasks/index',
+                'meta' => json_encode([
+                    'icon' => 'Timer',
+                    'hidden' => false,
+                    'hiddenBreadcrumb' => false,
+                ]),
+                'sort' => 9,
+                'status' => 1,
+            ],
+            [
+                'name' => '查看任务',
+                'code' => 'system.tasks.view',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.tasks.index',
+                'component' => null,
+                'meta' => null,
+                'sort' => 1,
+                'status' => 1,
+            ],
+            [
+                'name' => '创建任务',
+                'code' => 'system.tasks.create',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.tasks.store',
+                'component' => null,
+                'meta' => null,
+                'sort' => 2,
+                'status' => 1,
+            ],
+            [
+                'name' => '编辑任务',
+                'code' => 'system.tasks.update',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.tasks.update',
+                'component' => null,
+                'meta' => null,
+                'sort' => 3,
+                'status' => 1,
+            ],
+            [
+                'name' => '删除任务',
+                'code' => 'system.tasks.delete',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.tasks.destroy',
+                'component' => null,
+                'meta' => null,
+                'sort' => 4,
+                'status' => 1,
+            ],
+            [
+                'name' => '批量删除任务',
+                'code' => 'system.tasks.batch-delete',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.tasks.batch-delete',
+                'component' => null,
+                'meta' => null,
+                'sort' => 5,
+                'status' => 1,
+            ],
+            [
+                'name' => '执行任务',
+                'code' => 'system.tasks.execute',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.tasks.execute',
+                'component' => null,
+                'meta' => null,
+                'sort' => 6,
+                'status' => 1,
+            ],
+            [
+                'name' => '启用任务',
+                'code' => 'system.tasks.enable',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.tasks.enable',
+                'component' => null,
+                'meta' => null,
+                'sort' => 7,
+                'status' => 1,
+            ],
+            [
+                'name' => '禁用任务',
+                'code' => 'system.tasks.disable',
+                'type' => 'button',
+                'parent_id' => 0,
+                'route' => 'admin.tasks.disable',
+                'component' => null,
+                'meta' => null,
+                'sort' => 8,
+                'status' => 1,
+            ],
+
+            // 个人中心
+            [
+                'name' => '个人中心',
+                'code' => 'system.profile',
+                'type' => 'menu',
+                'parent_id' => 0,
+                'route' => '/system/profile',
+                'component' => 'system/profile/index',
+                'meta' => json_encode([
+                    'icon' => 'UserFilled',
+                    'hidden' => false,
+                    'hiddenBreadcrumb' => false,
+                ]),
+                'sort' => 10,
+                'status' => 1,
+            ],
+        ];
+
+        foreach ($permissions as $permission) {
+            Permission::create($permission);
+        }
+    }
+
+    /**
+     * 创建系统字典
+     */
+    private function createSystemDictionaries(): void
+    {
+        // 创建字典类型
+        $dictionaries = [
+            [
+                'name' => '用户状态',
+                'code' => 'user_status',
+                'description' => '用户账号状态',
+                'sort' => 1,
+                'status' => 1,
+            ],
+            [
+                'name' => '性别',
+                'code' => 'gender',
+                'description' => '用户性别',
+                'sort' => 2,
+                'status' => 1,
+            ],
+            [
+                'name' => '角色状态',
+                'code' => 'role_status',
+                'description' => '角色启用状态',
+                'sort' => 3,
+                'status' => 1,
+            ],
+            [
+                'name' => '字典状态',
+                'code' => 'dictionary_status',
+                'description' => '数据字典状态',
+                'sort' => 4,
+                'status' => 1,
+            ],
+            [
+                'name' => '任务状态',
+                'code' => 'task_status',
+                'description' => '定时任务状态',
+                'sort' => 5,
+                'status' => 1,
+            ],
+            [
+                'name' => '日志类型',
+                'code' => 'log_type',
+                'description' => '系统日志类型',
+                'sort' => 6,
+                'status' => 1,
+            ],
+            [
+                'name' => '是否',
+                'code' => 'yes_no',
+                'description' => '是否选项',
+                'sort' => 7,
+                'status' => 1,
+            ],
+        ];
+
+        foreach ($dictionaries as $dictionary) {
+            $dict = Dictionary::create($dictionary);
+            $this->createDictionaryItems($dict);
+        }
+    }
+
+    /**
+     * 创建字典项
+     */
+    private function createDictionaryItems(Dictionary $dictionary): void
+    {
+        $items = [];
+
+        switch ($dictionary->code) {
+            case 'user_status':
+                $items = [
+                    ['label' => '正常', 'value' => 1, 'sort' => 1, 'status' => 1],
+                    ['label' => '禁用', 'value' => 0, 'sort' => 2, 'status' => 1],
+                ];
+                break;
+
+            case 'gender':
+                $items = [
+                    ['label' => '男', 'value' => 1, 'sort' => 1, 'status' => 1],
+                    ['label' => '女', 'value' => 2, 'sort' => 2, 'status' => 1],
+                    ['label' => '保密', 'value' => 0, 'sort' => 3, 'status' => 1],
+                ];
+                break;
+
+            case 'role_status':
+                $items = [
+                    ['label' => '启用', 'value' => 1, 'sort' => 1, 'status' => 1],
+                    ['label' => '禁用', 'value' => 0, 'sort' => 2, 'status' => 1],
+                ];
+                break;
+
+            case 'dictionary_status':
+                $items = [
+                    ['label' => '启用', 'value' => 1, 'sort' => 1, 'status' => 1],
+                    ['label' => '禁用', 'value' => 0, 'sort' => 2, 'status' => 1],
+                ];
+                break;
+
+            case 'task_status':
+                $items = [
+                    ['label' => '待执行', 'value' => 0, 'sort' => 1, 'status' => 1],
+                    ['label' => '执行中', 'value' => 1, 'sort' => 2, 'status' => 1],
+                    ['label' => '已完成', 'value' => 2, 'sort' => 3, 'status' => 1],
+                    ['label' => '失败', 'value' => 3, 'sort' => 4, 'status' => 1],
+                ];
+                break;
+
+            case 'log_type':
+                $items = [
+                    ['label' => '登录日志', 'value' => 'login', 'sort' => 1, 'status' => 1],
+                    ['label' => '操作日志', 'value' => 'operation', 'sort' => 2, 'status' => 1],
+                    ['label' => '异常日志', 'value' => 'error', 'sort' => 3, 'status' => 1],
+                    ['label' => '系统日志', 'value' => 'system', 'sort' => 4, 'status' => 1],
+                ];
+                break;
+
+            case 'yes_no':
+                $items = [
+                    ['label' => '是', 'value' => 1, 'sort' => 1, 'status' => 1],
+                    ['label' => '否', 'value' => 0, 'sort' => 2, 'status' => 1],
+                ];
+                break;
+        }
+
+        foreach ($items as $item) {
+            $dictionary->items()->create($item);
+        }
+    }
+
+    /**
+     * 创建系统配置
+     */
+    private function createSystemConfigs(): void
+    {
+        $configs = [
+            [
+                'group' => 'basic',
+                'key' => 'site_name',
+                'name' => '网站名称',
+                'value' => 'Laravel Swoole 管理系统',
+                'default_value' => 'Laravel Swoole 管理系统',
+                'type' => 'input',
+                'description' => '系统显示的网站名称',
+                'sort' => 1,
+                'is_system' => true,
+                'status' => true,
+            ],
+            [
+                'group' => 'basic',
+                'key' => 'site_logo',
+                'name' => '网站Logo',
+                'value' => '',
+                'default_value' => '',
+                'type' => 'image',
+                'description' => '系统Logo图片地址',
+                'sort' => 2,
+                'is_system' => true,
+                'status' => true,
+            ],
+            [
+                'group' => 'basic',
+                'key' => 'site_copyright',
+                'name' => '版权信息',
+                'value' => '© 2024 Laravel Swoole Admin',
+                'default_value' => '© 2024 Laravel Swoole Admin',
+                'type' => 'input',
+                'description' => '网站底部版权信息',
+                'sort' => 3,
+                'is_system' => true,
+                'status' => true,
+            ],
+            [
+                'group' => 'basic',
+                'key' => 'site_icp',
+                'name' => '备案号',
+                'value' => '',
+                'default_value' => '',
+                'type' => 'input',
+                'description' => '网站备案号',
+                'sort' => 4,
+                'is_system' => true,
+                'status' => true,
+            ],
+            [
+                'group' => 'upload',
+                'key' => 'upload_max_size',
+                'name' => '上传最大限制',
+                'value' => '10',
+                'default_value' => '10',
+                'type' => 'number',
+                'description' => '文件上传最大限制（MB）',
+                'sort' => 1,
+                'is_system' => true,
+                'status' => true,
+            ],
+            [
+                'group' => 'upload',
+                'key' => 'upload_allowed_types',
+                'name' => '允许上传类型',
+                'value' => 'jpg,jpeg,png,gif,pdf,doc,docx,xls,xlsx',
+                'default_value' => 'jpg,jpeg,png,gif,pdf,doc,docx,xls,xlsx',
+                'type' => 'input',
+                'description' => '允许上传的文件扩展名',
+                'sort' => 2,
+                'is_system' => true,
+                'status' => true,
+            ],
+            [
+                'group' => 'system',
+                'key' => 'user_default_avatar',
+                'name' => '默认头像',
+                'value' => '',
+                'default_value' => '',
+                'type' => 'image',
+                'description' => '用户默认头像地址',
+                'sort' => 1,
+                'is_system' => true,
+                'status' => true,
+            ],
+            [
+                'group' => 'system',
+                'key' => 'system_timezone',
+                'name' => '系统时区',
+                'value' => 'Asia/Shanghai',
+                'default_value' => 'Asia/Shanghai',
+                'type' => 'input',
+                'description' => '系统默认时区',
+                'sort' => 2,
+                'is_system' => true,
+                'status' => true,
+            ],
+            [
+                'group' => 'system',
+                'key' => 'system_language',
+                'name' => '系统语言',
+                'value' => 'zh-CN',
+                'default_value' => 'zh-CN',
+                'type' => 'input',
+                'description' => '系统默认语言',
+                'sort' => 3,
+                'is_system' => true,
+                'status' => true,
+            ],
+        ];
+
+        foreach ($configs as $config) {
+            Config::create($config);
+        }
+    }
+}
diff --git a/docs/LOG_IMPLEMENTATION_SUMMARY.md b/docs/LOG_IMPLEMENTATION_SUMMARY.md
new file mode 100644
index 0000000..9209b35
--- /dev/null
+++ b/docs/LOG_IMPLEMENTATION_SUMMARY.md
@@ -0,0 +1,337 @@
+# 日志模块实现总结
+
+## 实现概述
+
+本次优化完善了后端日志模块，实现了自动化的请求日志记录功能，所有后台管理 API 请求都会被自动记录到数据库中。
+
+## 实现内容
+
+### 1. 新增文件
+
+#### 中间件
+- **app/Http/Middleware/LogRequestMiddleware.php**
+  - 自动拦截所有经过的请求
+  - 记录请求和响应信息
+  - 计算请求执行时间
+  - 提取用户信息和操作详情
+  - 自动过滤敏感参数（密码、token等）
+  - 获取客户端真实 IP（支持代理）
+
+#### 请求验证
+- **app/Http/Requests/LogRequest.php**
+  - 统一的请求参数验证
+  - 支持列表查询、批量删除、清理等操作的参数验证
+  - 自定义错误消息
+  - 自动设置默认值
+
+#### 文档
+- **docs/README_LOG.md**
+  - 完整的模块文档
+  - API 接口说明
+  - 数据库表结构
+  - 使用示例
+  - 前端集成代码
+  - 常见问题解答
+
+### 2. 修改文件
+
+#### 控制器
+- **app/Http/Controllers/System/Admin/Log.php**
+  - 添加 `export` 方法：支持导出日志数据为 Excel
+  - 使用 `LogRequest` 进行参数验证
+  - 优化响应格式
+
+#### 服务层
+- **app/Services/System/LogService.php**
+  - 添加 `getListQuery` 方法：提供查询构建器（用于导出等场景）
+  - 新增 `buildQuery` 方法：统一的查询构建逻辑
+  - 代码重构，减少重复代码
+
+#### 路由配置
+- **routes/admin.php**
+  - 添加 `POST /admin/logs/export` 导出路由
+  - 在所有需要认证的路由组中应用 `log.request` 中间件
+
+#### 中间件配置
+- **bootstrap/app.php**
+  - 注册 `log.request` 中间件别名
+  - 创建 `admin.log` 中间件组
+
+## 功能特性
+
+### 自动日志记录
+- ✅ 所有后台管理 API 请求自动记录
+- ✅ 记录用户信息（ID、用户名）
+- ✅ 记录请求信息（方法、URL、参数）
+- ✅ 记录响应信息（状态码、执行时间）
+- ✅ 记录客户端信息（IP、User-Agent）
+- ✅ 错误请求记录详细错误信息
+
+### 敏感信息保护
+- ✅ 自动过滤密码字段
+- ✅ 自动过滤 token 字段
+- ✅ 自动过滤 secret 字段
+- ✅ 自动过滤 key 字段
+
+### 日志管理功能
+- ✅ 多维度查询（用户、模块、操作、状态、时间、IP）
+- ✅ 分页查询
+- ✅ 日志详情查看
+- ✅ 日志统计（总数、成功数、失败数）
+- ✅ 单条删除
+- ✅ 批量删除
+- ✅ 定期清理（按天数）
+- ✅ 导出为 Excel
+
+### 性能优化
+- ✅ 日志记录在请求处理后执行
+- ✅ 不影响业务响应速度
+- ✅ 异常处理，记录失败不影响业务
+- ✅ 支持分页查询，避免一次性加载过多数据
+
+## API 接口列表
+
+| 接口 | 方法 | 说明 |
+|------|------|------|
+| `/admin/logs` | GET | 获取日志列表 |
+| `/admin/logs/{id}` | GET | 获取日志详情 |
+| `/admin/logs/statistics` | GET | 获取日志统计 |
+| `/admin/logs/export` | POST | 导出日志（Excel） |
+| `/admin/logs/{id}` | DELETE | 删除单条日志 |
+| `/admin/logs/batch-delete` | POST | 批量删除日志 |
+| `/admin/logs/clear` | POST | 清理历史日志 |
+
+## 数据库表结构
+
+### system_logs 表
+
+已存在的表结构，包含以下字段：
+- id: 主键
+- user_id: 用户 ID
+- username: 用户名
+- module: 模块名称
+- action: 操作名称
+- method: 请求方法
+- url: 请求 URL
+- ip: 客户端 IP
+- user_agent: 用户代理
+- params: 请求参数（JSON）
+- result: 响应结果
+- status_code: HTTP 状态码
+- status: 状态（success/error）
+- error_message: 错误信息
+- execution_time: 执行时间（毫秒）
+- created_at: 创建时间
+- updated_at: 更新时间
+
+## 中间件应用范围
+
+### 已应用的路由
+- ✅ 所有 `/admin/*` 路由（除登录接口）
+- ✅ 认证相关（登出、刷新、个人信息、修改密码）
+- ✅ 用户管理
+- ✅ 角色管理
+- ✅ 权限管理
+- ✅ 部门管理
+- ✅ 在线用户管理
+- ✅ 系统配置管理
+- ✅ 数据字典管理
+- ✅ 任务管理
+- ✅ 城市数据管理
+- ✅ 文件上传管理
+
+### 未应用的路由
+- ❌ 登录接口（`POST /admin/auth/login`）
+- ❌ 健康检查接口（`GET /up`）
+
+## 使用示例
+
+### 后端使用
+
+中间件会自动记录所有请求，无需手动调用：
+
+```php
+// 任何经过 log.request 中间件的请求都会被自动记录
+Route::middleware(['auth.check:admin', 'log.request'])->group(function () {
+    Route::apiResource('users', UserController::class);
+    // 其他路由...
+});
+```
+
+### 前端调用示例
+
+```javascript
+// 获取日志列表
+const response = await request.get('/admin/logs', {
+  params: {
+    username: 'admin',
+    module: 'users',
+    status: 'success',
+    page: 1,
+    page_size: 20
+  }
+})
+
+// 导出日志
+await request.post('/admin/logs/export', {
+  username: 'admin',
+  status: 'error'
+}, {
+  responseType: 'blob'
+})
+
+// 批量删除
+await request.post('/admin/logs/batch-delete', {
+  ids: [1, 2, 3, 4, 5]
+})
+
+// 清理历史日志
+await request.post('/admin/logs/clear', {
+  days: 30
+})
+```
+
+## 日志记录示例
+
+### 成功请求日志
+```json
+{
+  "id": 1,
+  "user_id": 1,
+  "username": "admin",
+  "module": "users",
+  "action": "创建 users",
+  "method": "POST",
+  "url": "http://example.com/admin/users",
+  "ip": "192.168.1.1",
+  "user_agent": "Mozilla/5.0...",
+  "params": {
+    "name": "test",
+    "email": "test@example.com",
+    "password": "******"
+  },
+  "result": null,
+  "status_code": 200,
+  "status": "success",
+  "error_message": null,
+  "execution_time": 125,
+  "created_at": "2024-01-01 12:00:00"
+}
+```
+
+### 失败请求日志
+```json
+{
+  "id": 2,
+  "user_id": 1,
+  "username": "admin",
+  "module": "users",
+  "action": "删除 users",
+  "method": "DELETE",
+  "url": "http://example.com/admin/users/999",
+  "ip": "192.168.1.1",
+  "user_agent": "Mozilla/5.0...",
+  "params": {},
+  "result": "{\"code\":404,\"message\":\"用户不存在\"}",
+  "status_code": 404,
+  "status": "error",
+  "error_message": "用户不存在",
+  "execution_time": 45,
+  "created_at": "2024-01-01 12:01:00"
+}
+```
+
+## 注意事项
+
+### 1. 性能考虑
+- 日志记录在请求处理后执行，不影响响应速度
+- 大量日志会增加数据库写入压力
+- 建议定期清理历史日志
+
+### 2. 数据安全
+- 敏感信息已自动过滤
+- 日志数据应妥善保管
+- 建议定期备份重要日志
+
+### 3. 权限控制
+- 日志管理接口需要相应权限
+- 建议只允许管理员查看和操作日志
+
+### 4. 数据库优化
+- 确保查询字段有索引
+- 使用分页查询避免加载过多数据
+- 定期清理历史日志
+
+## 后续优化建议
+
+### 1. 异步队列
+考虑使用 Laravel 队列异步处理日志记录，进一步减少对响应时间的影响。
+
+### 2. 日志归档
+实现日志归档功能，将历史日志移动到归档表或文件存储。
+
+### 3. 日志分析
+集成日志分析工具，提供可视化仪表盘和趋势分析。
+
+### 4. 定时清理
+配置 Laravel 任务调度器，自动清理指定天数前的日志：
+
+```php
+// app/Console/Kernel.php
+$schedule->call(function () {
+    app(LogService::class)->clearLogs(90);
+})->dailyAt('02:00');
+```
+
+### 5. 日志级别
+增加日志级别（info、warning、error、critical），便于分类管理。
+
+## 测试建议
+
+### 功能测试
+1. 测试各种请求是否被正确记录
+2. 测试敏感信息是否被正确过滤
+3. 测试日志查询和筛选功能
+4. 测试日志导出功能
+5. 测试批量删除和清理功能
+
+### 性能测试
+1. 测试日志记录对响应时间的影响
+2. 测试大量日志数据的查询性能
+3. 测试并发写入的性能
+
+### 边界测试
+1. 测试异常情况下的日志记录
+2. 测试超长参数的处理
+3. 测试特殊字符的处理
+
+## 文件清单
+
+### 新增文件
+```
+app/Http/Middleware/LogRequestMiddleware.php
+app/Http/Requests/LogRequest.php
+docs/README_LOG.md
+docs/LOG_IMPLEMENTATION_SUMMARY.md
+```
+
+### 修改文件
+```
+app/Http/Controllers/System/Admin/Log.php
+app/Services/System/LogService.php
+routes/admin.php
+bootstrap/app.php
+```
+
+## 总结
+
+本次日志模块优化完善实现了：
+- ✅ 全自动化的请求日志记录
+- ✅ 完善的日志管理功能
+- ✅ 敏感信息保护
+- ✅ 多维度查询和筛选
+- ✅ 数据导出功能
+- ✅ 批量操作支持
+- ✅ 完整的文档说明
+
+日志模块现已完全集成到项目中，所有后台管理 API 请求都会被自动记录，管理员可以通过日志管理功能进行系统监控、审计和问题排查。
diff --git a/docs/README_AUTH.md b/docs/README_AUTH.md
new file mode 100644
index 0000000..c9dece5
--- /dev/null
+++ b/docs/README_AUTH.md
@@ -0,0 +1,638 @@
+# Auth 基础模块文档
+
+## 概述
+
+Auth 基础模块提供了完整的后台管理系统的认证授权功能，包括用户管理、角色管理、权限管理、部门管理等功能。
+
+## 控制器结构
+
+```
+app/Http/Controllers/Auth/
+└── Admin/
+    ├── Auth.php              # 认证控制器
+    ├── User.php              # 用户管理控制器
+    ├── Role.php              # 角色管理控制器
+    ├── Permission.php         # 权限管理控制器
+    └── Department.php        # 部门管理控制器
+```
+
+**命名空间**: `App\Http\Controllers\Auth\Admin`
+
+**路由前缀**: `/admin`
+
+**中间件**: `auth.check:admin` (后台管理认证)
+
+## 技术栈
+
+- PHP 8.1+
+- Laravel 11
+- JWT 认证 (tymon/jwt-auth)
+- Redis 缓存
+- Laravel Excel (maatwebsite/excel)
+
+## 数据库表结构
+
+### auth_users (用户表)
+- `id`: 主键
+- `username`: 用户名（唯一）
+- `password`: 密码（加密）
+- `real_name`: 真实姓名
+- `email`: 邮箱
+- `phone`: 手机号
+- `avatar`: 头像
+- `department_id`: 部门ID
+- `status`: 状态（0:禁用, 1:启用）
+- `last_login_at`: 最后登录时间
+- `last_login_ip`: 最后登录IP
+- `last_active_at`: 最后活跃时间
+- `created_at`, `updated_at`: 时间戳
+
+### auth_roles (角色表)
+- `id`: 主键
+- `name`: 角色名称
+- `code`: 角色编码（唯一）
+- `description`: 角色描述
+- `sort`: 排序
+- `status`: 状态
+- `created_at`, `updated_at`: 时间戳
+
+### auth_permissions (权限表)
+- `id`: 主键
+- `name`: 权限名称
+- `code`: 权限编码（唯一，格式：模块.功能.操作）
+- `type`: 类型（menu:菜单, api:接口, button:按钮）
+- `route`: 路由
+- `component`: 组件路径
+- `icon`: 图标
+- `parent_id`: 父级ID
+- `meta`: 元数据（JSON格式）
+- `sort`: 排序
+- `status`: 状态
+- `created_at`, `updated_at`: 时间戳
+
+### auth_role_permission (角色权限关联表)
+- `id`: 主键
+- `role_id`: 角色ID
+- `permission_id`: 权限ID
+
+### auth_user_role (用户角色关联表)
+- `id`: 主键
+- `user_id`: 用户ID
+- `role_id`: 角色ID
+
+### auth_departments (部门表)
+- `id`: 主键
+- `name`: 部门名称
+- `parent_id`: 父级ID
+- `leader`: 负责人
+- `phone`: 联系电话
+- `sort`: 排序
+- `status`: 状态
+- `created_at`, `updated_at`: 时间戳
+
+## API 接口文档
+
+### 中间件说明
+
+### AuthCheckMiddleware
+
+这是一个通用的认证中间件，支持通过参数指定不同的路由守卫和权限验证。
+
+#### 基本用法
+
+**1. 只进行登录认证（不检查权限）**
+
+```php
+// 使用 admin 守卫
+Route::middleware(['auth.check:admin'])->group(function () {
+    Route::get('/users', [UserController::class, 'index']);
+});
+
+// 使用 api 守卫
+Route::middleware(['auth.check:api'])->group(function () {
+    Route::get('/profile', [UserController::class, 'profile']);
+});
+```
+
+**2. 登录认证 + 权限验证**
+
+```php
+// 验证用户是否有特定权限
+Route::middleware(['auth.check:admin,system.user.list'])->group(function () {
+    Route::get('/users', [UserController::class, 'index']);
+});
+
+// 验证多个权限
+Route::middleware(['auth.check:admin,system.user.create'])->group(function () {
+    Route::post('/users', [UserController::class, 'store']);
+});
+```
+
+**3. 单个路由应用中间件**
+
+```php
+Route::middleware('auth.check:admin,system.user.delete')->delete('/users/{id}', [UserController::class, 'destroy']);
+```
+
+#### 参数说明
+
+- `guard`: 认证守卫名称（必需），例如：`admin`、`api`
+- `permission`: 权限编码（可选），如果指定则会验证用户是否有该权限
+
+#### 功能特性
+
+- ✅ 支持多个路由守卫（admin、api等）
+- ✅ 支持登录状态检查
+- ✅ 支持用户状态检查（禁用用户无法访问）
+- ✅ 支持权限验证
+- ✅ 自动将用户信息注入到请求中（$request->auth_user）
+- ✅ 自动更新用户最后活跃时间
+
+#### 认证相关
+
+#### 登录
+- **接口**: `POST /admin/auth/login`
+- **参数**:
+  ```json
+  {
+    "username": "admin",
+    "password": "123456"
+  }
+  ```
+- **返回**:
+  ```json
+  {
+    "code": 200,
+    "message": "登录成功",
+    "data": {
+      "token": "eyJ0eXAiOiJKV1QiLCJhbGc...",
+      "user": {...},
+      "menu": {...},
+      "permissions": {...}
+    }
+  }
+  ```
+
+#### 登出
+- **接口**: `POST /admin/auth/logout`
+- **Header**: `Authorization: Bearer {token}`
+
+#### 刷新Token
+- **接口**: `POST /admin/auth/refresh`
+- **Header**: `Authorization: Bearer {token}`
+
+#### 获取当前用户信息
+- **接口**: `GET /admin/auth/me`
+- **Header**: `Authorization: Bearer {token}`
+
+#### 修改密码
+- **接口**: `POST /admin/auth/change-password`
+- **参数**:
+  ```json
+  {
+    "old_password": "123456",
+    "new_password": "654321"
+  }
+  ```
+
+### 用户管理
+
+#### 获取用户列表
+- **接口**: `GET /admin/users`
+- **参数**:
+  - `page`: 页码（默认1）
+  - `page_size`: 每页数量（默认20）
+  - `keyword`: 搜索关键词（用户名/真实姓名/邮箱）
+  - `status`: 状态（0:禁用, 1:启用）
+  - `department_id`: 部门ID
+  - `role_id`: 角色ID
+  - `order_by`: 排序字段（默认id）
+  - `order_direction`: 排序方向（asc/desc，默认asc）
+
+#### 获取用户详情
+- **接口**: `GET /admin/users/{id}`
+
+#### 创建用户
+- **接口**: `POST /admin/users`
+- **参数**:
+  ```json
+  {
+    "username": "test001",
+    "password": "123456",
+    "real_name": "测试用户",
+    "email": "test@example.com",
+    "phone": "13800138000",
+    "department_id": 1,
+    "role_ids": [1, 2],
+    "status": 1
+  }
+  ```
+
+#### 更新用户
+- **接口**: `PUT /admin/users/{id}`
+- **参数**: 同创建用户（所有字段都是可选的）
+
+#### 删除用户
+- **接口**: `DELETE /admin/users/{id}`
+
+#### 批量删除用户
+- **接口**: `POST /admin/users/batch-delete`
+- **参数**:
+  ```json
+  {
+    "ids": [1, 2, 3]
+  }
+  ```
+
+#### 批量更新用户状态
+- **接口**: `POST /admin/users/batch-status`
+- **参数**:
+  ```json
+  {
+    "ids": [1, 2, 3],
+    "status": 1
+  }
+  ```
+
+#### 批量分配部门
+- **接口**: `POST /admin/users/batch-department`
+- **参数**:
+  ```json
+  {
+    "ids": [1, 2, 3],
+    "department_id": 1
+  }
+  ```
+
+#### 批量分配角色
+- **接口**: `POST /admin/users/batch-roles`
+- **参数**:
+  ```json
+  {
+    "ids": [1, 2, 3],
+    "role_ids": [1, 2]
+  }
+  ```
+
+#### 导出用户
+- **接口**: `POST /admin/users/export`
+- **参数**:
+  ```json
+  {
+    "ids": [1, 2, 3]  // 可选，不传则导出所有用户
+  }
+  ```
+
+#### 导入用户
+- **接口**: `POST /admin/users/import`
+- **参数**: `file` (multipart/form-data, xlsx/xls文件)
+- **返回**:
+  ```json
+  {
+    "code": 200,
+    "message": "导入完成，成功 10 条，失败 0 条",
+    "data": {
+      "success_count": 10,
+      "error_count": 0,
+      "errors": []
+    }
+  }
+  ```
+
+#### 下载用户导入模板
+- **接口**: `GET /admin/users/download-template`
+
+### 在线用户管理
+
+#### 获取在线用户数量
+- **接口**: `GET /admin/online-users/count`
+
+#### 获取在线用户列表
+- **接口**: `GET /admin/online-users`
+- **参数**:
+  - `limit`: 数量限制（默认100）
+
+#### 获取用户的所有会话
+- **接口**: `GET /admin/online-users/{userId}/sessions`
+
+#### 强制用户下线（单个会话）
+- **接口**: `POST /admin/online-users/{userId}/offline`
+- **参数**:
+  ```json
+  {
+    "token": "用户token"
+  }
+  ```
+
+#### 强制用户所有设备下线
+- **接口**: `POST /admin/online-users/{userId}/offline-all`
+
+### 角色管理
+
+#### 获取角色列表
+- **接口**: `GET /admin/roles`
+- **参数**:
+  - `page`, `page_size`, `keyword`, `status`, `order_by`, `order_direction`
+
+#### 获取所有角色（不分页）
+- **接口**: `GET /admin/roles/all`
+
+#### 获取角色详情
+- **接口**: `GET /admin/roles/{id}`
+
+#### 创建角色
+- **接口**: `POST /admin/roles`
+- **参数**:
+  ```json
+  {
+    "name": "编辑",
+    "code": "editor",
+    "description": "编辑角色",
+    "sort": 1,
+    "status": 1,
+    "permission_ids": [1, 2, 3]
+  }
+  ```
+
+#### 更新角色
+- **接口**: `PUT /admin/roles/{id}`
+
+#### 删除角色
+- **接口**: `DELETE /admin/roles/{id}`
+
+#### 批量删除角色
+- **接口**: `POST /admin/roles/batch-delete`
+
+#### 批量更新角色状态
+- **接口**: `POST /admin/roles/batch-status`
+
+#### 分配权限
+- **接口**: `POST /admin/roles/{id}/permissions`
+- **参数**:
+  ```json
+  {
+    "permission_ids": [1, 2, 3]
+  }
+  ```
+
+#### 获取角色的权限列表
+- **接口**: `GET /admin/roles/{id}/permissions`
+
+#### 复制角色
+- **接口**: `POST /admin/roles/{id}/copy`
+- **参数**:
+  ```json
+  {
+    "name": "新角色名称",
+    "code": "new_role_code",
+    "description": "新角色描述",
+    "status": 1
+  }
+  ```
+
+#### 批量复制角色
+- **接口**: `POST /admin/roles/batch-copy`
+- **参数**:
+  ```json
+  {
+    "ids": [1, 2, 3],
+    "name": "新角色名称（可选）",
+    "code": "new_code（可选）"
+  }
+  ```
+
+### 权限管理
+
+#### 获取权限列表
+- **接口**: `GET /admin/permissions`
+- **参数**:
+  - `page`, `page_size`, `keyword`, `type`, `status`, `order_by`, `order_direction`
+
+#### 获取权限树
+- **接口**: `GET /admin/permissions/tree`
+
+#### 获取菜单树
+- **接口**: `GET /admin/permissions/menu`
+- **返回**: 当前登录用户的菜单树
+
+#### 获取权限详情
+- **接口**: `GET /admin/permissions/{id}`
+
+#### 创建权限
+- **接口**: `POST /admin/permissions`
+- **参数**:
+  ```json
+  {
+    "name": "用户列表",
+    "code": "system.user.list",
+    "type": "api",
+    "route": "/admin/users",
+    "component": "",
+    "icon": "user",
+    "parent_id": 0,
+    "sort": 1,
+    "status": 1,
+    "meta": {
+      "title": "用户列表",
+      "keepAlive": true
+    }
+  }
+  ```
+
+#### 更新权限
+- **接口**: `PUT /admin/permissions/{id}`
+
+#### 删除权限
+- **接口**: `DELETE /admin/permissions/{id}`
+
+#### 批量删除权限
+- **接口**: `POST /admin/permissions/batch-delete`
+
+#### 批量更新权限状态
+- **接口**: `POST /admin/permissions/batch-status`
+
+### 部门管理
+
+#### 获取部门列表
+- **接口**: `GET /admin/departments`
+- **参数**:
+  - `page`, `page_size`, `keyword`, `status`, `order_by`, `order_direction`
+
+#### 获取部门树
+- **接口**: `GET /admin/departments/tree`
+
+#### 获取所有部门（不分页）
+- **接口**: `GET /admin/departments/all`
+
+#### 获取部门详情
+- **接口**: `GET /admin/departments/{id}`
+
+#### 创建部门
+- **接口**: `POST /admin/departments`
+- **参数**:
+  ```json
+  {
+    "name": "技术部",
+    "parent_id": 0,
+    "leader": "张三",
+    "phone": "13800138000",
+    "sort": 1,
+    "status": 1
+  }
+  ```
+
+#### 更新部门
+- **接口**: `PUT /admin/departments/{id}`
+
+#### 删除部门
+- **接口**: `DELETE /admin/departments/{id}`
+
+#### 批量删除部门
+- **接口**: `POST /admin/departments/batch-delete`
+
+#### 批量更新部门状态
+- **接口**: `POST /admin/departments/batch-status`
+
+#### 导出部门
+- **接口**: `POST /admin/departments/export`
+
+#### 导入部门
+- **接口**: `POST /admin/departments/import`
+- **参数**: `file` (multipart/form-data, xlsx/xls文件)
+
+#### 下载部门导入模板
+- **接口**: `GET /admin/departments/download-template`
+
+## 权限设计
+
+### 权限编码规则
+
+权限编码采用 `模块.功能.操作` 的格式，例如：
+- `system.user.list` - 系统管理-用户-列表
+- `system.user.create` - 系统管理-用户-创建
+- `system.user.update` - 系统管理-用户-更新
+- `system.user.delete` - 系统管理-用户-删除
+
+### 权限类型
+
+- **menu**: 菜单类型，用于前端路由配置
+- **api**: API接口类型，用于后端权限验证
+- **button**: 按钮类型，用于前端按钮权限控制
+
+## 缓存机制
+
+### 用户在线状态缓存
+
+- **缓存键**: `user_online:{userId}:{tokenHash}`
+- **过期时间**: 5分钟
+- **用途**: 跟踪用户在线状态、最后活跃时间、登录设备信息
+
+### 权限缓存
+
+- **用户权限列表**: `permission:user:{userId}:permissions` (60分钟)
+- **用户权限编码**: `permission:user:{userId}:permission_codes` (60分钟)
+- **用户菜单树**: `permission:user:{userId}:menu_tree` (60分钟)
+- **角色权限**: `permission:role:{roleId}:permissions` (60分钟)
+
+### 缓存更新时机
+
+- 用户登录/刷新token时，更新在线状态
+- 用户角色变化时，清除用户权限缓存
+- 角色权限变化时，清除角色和所有关联用户的权限缓存
+- 权限本身变化时，清除所有权限缓存
+
+## 导入导出
+
+### 用户导入模板字段
+
+- 用户名*（必填）
+- 密码*（必填）
+- 真实姓名*（必填）
+- 邮箱
+- 手机号
+- 部门名称
+- 角色名称（多个用逗号分隔）
+- 备注
+
+### 部门导入模板字段
+
+- 部门名称*（必填）
+- 上级部门名称
+- 负责人
+- 联系电话
+- 排序
+- 备注
+
+### 导出功能
+
+- 支持导出全部数据
+- 支持按选中的ID导出
+- 导出文件为Excel格式
+- 下载后自动删除临时文件
+
+## 初始化数据
+
+运行数据库迁移和填充命令：
+
+```bash
+# 执行迁移
+php artisan migrate
+
+# 填充初始数据
+php artisan db:seed --class=AuthSeeder
+```
+
+初始数据包括：
+- 超级管理员账号（username: admin, password: 123456）
+- 基础角色（超级管理员、管理员）
+- 完整的权限菜单
+- 默认部门
+
+## 注意事项
+
+1. **Swoole环境注意事项**:
+   - 避免使用静态变量存储状态
+   - 避免使用全局变量
+   - 正确管理数据库连接
+   - 使用Redis缓存时注意连接池配置
+
+2. **安全注意事项**:
+   - 所有密码必须加密存储
+   - 使用JWT进行身份认证
+   - 敏感操作需要记录日志
+   - 定期清理过期的导出文件
+
+3. **性能优化**:
+   - 使用Redis缓存权限数据
+   - 大批量操作使用队列处理
+   - 分页查询避免一次性加载过多数据
+
+4. **权限验证**:
+   - 在中间件中验证用户权限
+   - 前端根据权限控制按钮显示
+   - 使用权限缓存减少数据库查询
+
+## 扩展建议
+
+1. **日志审计**: 添加操作日志记录
+2. **数据权限**: 实现基于部门的数据权限控制
+3. **多租户**: 支持多租户场景
+4. **SSO登录**: 支持第三方单点登录
+5. **动态权限**: 支持运行时动态添加权限
+
+## 常见问题
+
+### Q: 如何添加新的权限模块？
+A: 在Seed文件中添加新的权限数据，或者通过API创建新的权限节点。
+
+### Q: 导入大量数据时超时怎么办？
+A: 使用队列处理导入任务，分批导入数据。
+
+### Q: 如何清理权限缓存？
+A: 调用 `PermissionCacheService::clearAllPermissionCache()` 方法。
+
+### Q: Swoole环境下如何热重载？
+A: 运行 `php bin/laravels reload` 命令进行平滑重启。
+
+### Q: Excel文件支持哪些格式？
+A: 支持.xlsx和.xls格式文件。
diff --git a/docs/README_LOG.md b/docs/README_LOG.md
new file mode 100644
index 0000000..5cb1ac7
--- /dev/null
+++ b/docs/README_LOG.md
@@ -0,0 +1,608 @@
+# 系统操作日志模块文档
+
+## 概述
+
+系统操作日志模块用于记录后台管理系统的所有操作请求，包括用户操作、API 调用、错误信息等，方便管理员进行系统监控、审计和问题排查。
+
+## 技术特性
+
+- **自动记录**: 通过中间件自动记录所有请求，无需手动调用
+- **详细信息**: 记录用户信息、请求参数、响应结果、执行时间等
+- **敏感信息保护**: 自动过滤密码等敏感信息
+- **性能优化**: 不影响业务响应速度
+- **多维度查询**: 支持按用户、模块、操作、状态、时间等多维度筛选
+- **数据导出**: 支持导出日志数据为 Excel 文件
+- **批量操作**: 支持批量删除和定期清理
+
+## 数据库表结构
+
+### system_logs 表
+
+| 字段名 | 类型 | 说明 |
+|--------|------|------|
+| id | bigint | 主键 ID |
+| user_id | bigint | 用户 ID |
+| username | varchar(100) | 用户名 |
+| module | varchar(50) | 模块名称 |
+| action | varchar(100) | 操作名称 |
+| method | varchar(10) | 请求方法 (GET/POST/PUT/DELETE) |
+| url | text | 请求 URL |
+| ip | varchar(45) | 客户端 IP 地址 |
+| user_agent | text | 用户代理 |
+| params | json | 请求参数 |
+| result | text | 响应结果（仅错误时记录） |
+| status_code | int | HTTP 状态码 |
+| status | varchar(20) | 状态 (success/error) |
+| error_message | text | 错误信息 |
+| execution_time | int | 执行时间（毫秒） |
+| created_at | timestamp | 创建时间 |
+| updated_at | timestamp | 更新时间 |
+
+## 核心组件
+
+### 1. 中间件 (Middleware)
+
+**LogRequestMiddleware**
+
+位置: `app/Http/Middleware/LogRequestMiddleware.php`
+
+功能:
+- 自动拦截所有经过的请求
+- 记录请求和响应信息
+- 计算请求执行时间
+- 提取用户信息和操作详情
+- 过滤敏感参数
+- 处理异常情况
+
+使用方式:
+```php
+// 在路由中应用
+Route::middleware(['log.request'])->group(function () {
+    // 需要记录日志的路由
+});
+```
+
+### 2. 服务层 (Service)
+
+**LogService**
+
+位置: `app/Services/System/LogService.php`
+
+主要方法:
+- `create(array $data)`: 创建日志记录
+- `getList(array $params)`: 获取日志列表（分页）
+- `getListQuery(array $params)`: 获取日志查询构建器
+- `getById(int $id)`: 根据 ID 获取日志详情
+- `delete(int $id)`: 删除单条日志
+- `batchDelete(array $ids)`: 批量删除日志
+- `clearLogs(string $days)`: 清理指定天数前的日志
+- `getStatistics(array $params)`: 获取日志统计信息
+
+### 3. 控制器 (Controller)
+
+**Log Controller**
+
+位置: `app/Http/Controllers/System/Admin/Log.php`
+
+接口列表:
+- `GET /admin/logs`: 获取日志列表
+- `GET /admin/logs/{id}`: 获取日志详情
+- `GET /admin/logs/statistics`: 获取日志统计
+- `POST /admin/logs/export`: 导出日志
+- `DELETE /admin/logs/{id}`: 删除单条日志
+- `POST /admin/logs/batch-delete`: 批量删除日志
+- `POST /admin/logs/clear`: 清理历史日志
+
+### 4. 请求验证 (Request Validation)
+
+**LogRequest**
+
+位置: `app/Http/Requests/LogRequest.php`
+
+验证规则:
+- `user_id`: 用户 ID（可选）
+- `username`: 用户名（模糊查询，可选）
+- `module`: 模块名称（可选）
+- `action`: 操作名称（可选）
+- `status`: 状态（success/error，可选）
+- `start_date`: 开始日期（可选）
+- `end_date`: 结束日期（可选）
+- `ip`: IP 地址（可选）
+- `page`: 页码（默认 1）
+- `page_size`: 每页数量（默认 20，最大 100）
+
+## API 接口文档
+
+### 1. 获取日志列表
+
+**接口**: `GET /admin/logs`
+
+**请求参数**:
+```json
+{
+  "user_id": 1,
+  "username": "admin",
+  "module": "users",
+  "action": "创建 users",
+  "status": "success",
+  "start_date": "2024-01-01",
+  "end_date": "2024-12-31",
+  "ip": "192.168.1.1",
+  "page": 1,
+  "page_size": 20
+}
+```
+
+**响应示例**:
+```json
+{
+  "code": 200,
+  "message": "success",
+  "data": {
+    "list": [
+      {
+        "id": 1,
+        "user_id": 1,
+        "username": "admin",
+        "module": "users",
+        "action": "创建 users",
+        "method": "POST",
+        "url": "http://example.com/admin/users",
+        "ip": "192.168.1.1",
+        "user_agent": "Mozilla/5.0...",
+        "params": {
+          "name": "test",
+          "email": "test@example.com"
+        },
+        "result": null,
+        "status_code": 200,
+        "status": "success",
+        "error_message": null,
+        "execution_time": 125,
+        "created_at": "2024-01-01 12:00:00",
+        "user": {
+          "id": 1,
+          "name": "管理员",
+          "username": "admin"
+        }
+      }
+    ],
+    "total": 100,
+    "page": 1,
+    "page_size": 20
+  }
+}
+```
+
+### 2. 获取日志详情
+
+**接口**: `GET /admin/logs/{id}`
+
+**响应示例**:
+```json
+{
+  "code": 200,
+  "message": "success",
+  "data": {
+    "id": 1,
+    "user_id": 1,
+    "username": "admin",
+    "module": "users",
+    "action": "创建 users",
+    "method": "POST",
+    "url": "http://example.com/admin/users",
+    "ip": "192.168.1.1",
+    "user_agent": "Mozilla/5.0...",
+    "params": {
+      "name": "test",
+      "email": "test@example.com"
+    },
+    "result": null,
+    "status_code": 200,
+    "status": "success",
+    "error_message": null,
+    "execution_time": 125,
+    "created_at": "2024-01-01 12:00:00",
+    "user": {
+      "id": 1,
+      "name": "管理员",
+      "username": "admin",
+      "email": "admin@example.com",
+      "created_at": "2024-01-01 10:00:00"
+    }
+  }
+}
+```
+
+### 3. 获取日志统计
+
+**接口**: `GET /admin/logs/statistics`
+
+**请求参数**:
+```json
+{
+  "start_date": "2024-01-01",
+  "end_date": "2024-12-31"
+}
+```
+
+**响应示例**:
+```json
+{
+  "code": 200,
+  "message": "success",
+  "data": {
+    "total": 1000,
+    "success": 950,
+    "error": 50
+  }
+}
+```
+
+### 4. 导出日志
+
+**接口**: `POST /admin/logs/export`
+
+**请求参数**: 与获取日志列表相同的查询参数
+
+**响应**: Excel 文件下载
+
+文件名格式: `系统操作日志_YYYYMMDDHHmmss.xlsx`
+
+包含字段:
+- ID
+- 用户名
+- 模块
+- 操作
+- 请求方法
+- URL
+- IP 地址
+- 状态码
+- 状态
+- 错误信息
+- 执行时间(ms)
+- 创建时间
+
+### 5. 删除单条日志
+
+**接口**: `DELETE /admin/logs/{id}`
+
+**响应示例**:
+```json
+{
+  "code": 200,
+  "message": "删除成功",
+  "data": null
+}
+```
+
+### 6. 批量删除日志
+
+**接口**: `POST /admin/logs/batch-delete`
+
+**请求参数**:
+```json
+{
+  "ids": [1, 2, 3, 4, 5]
+}
+```
+
+**响应示例**:
+```json
+{
+  "code": 200,
+  "message": "批量删除成功",
+  "data": null
+}
+```
+
+### 7. 清理历史日志
+
+**接口**: `POST /admin/logs/clear`
+
+**请求参数**:
+```json
+{
+  "days": 30
+}
+```
+
+**说明**: 清理指定天数前的所有日志记录，默认清理 30 天前的数据。
+
+**响应示例**:
+```json
+{
+  "code": 200,
+  "message": "清理成功",
+  "data": null
+}
+```
+
+## 日志记录规则
+
+### 1. 自动记录的请求
+
+所有经过 `log.request` 中间件的请求都会被自动记录，包括:
+- 用户管理操作
+- 角色管理操作
+- 权限管理操作
+- 部门管理操作
+- 系统配置操作
+- 其他所有后台管理操作
+
+### 2. 不记录的请求
+
+- 登录接口 (`POST /admin/auth/login`)
+- 健康检查接口 (`GET /up`)
+- 其他明确排除的路由
+
+### 3. 敏感信息过滤
+
+以下字段会被自动过滤，记录为 `******`:
+- `password`
+- `password_confirmation`
+- `token`
+- `secret`
+- `key`
+
+### 4. 错误日志处理
+
+- 成功请求 (HTTP 状态码 < 400): `status` = `success`
+- 失败请求 (HTTP 状态码 >= 400): `status` = `error`
+- 错误时记录响应内容和错误消息
+- 同时写入 Laravel 日志文件 (`storage/logs/laravel.log`)
+
+## 模块和操作名称解析
+
+### 模块名称
+
+从 URL 路径中解析，例如:
+- `/admin/users` → 模块: `users`
+- `/admin/roles` → 模块: `roles`
+- `/admin/configs` → 模块: `configs`
+
+### 操作名称
+
+根据 HTTP 方法和资源名称生成:
+- `GET /admin/users` → 操作: `查询 users`
+- `POST /admin/users` → 操作: `创建 users`
+- `PUT /admin/users/1` → 操作: `更新 users`
+- `DELETE /admin/users/1` → 操作: `删除 users`
+
+## 性能优化建议
+
+### 1. 定期清理日志
+
+建议使用 Laravel 任务调度器定期清理历史日志:
+
+```php
+// app/Console/Kernel.php
+
+protected function schedule(Schedule $schedule)
+{
+    // 每天凌晨 2 点清理 90 天前的日志
+    $schedule->call(function () {
+        app(LogService::class)->clearLogs(90);
+    })->dailyAt('02:00');
+}
+```
+
+### 2. 数据库索引
+
+确保以下字段有索引:
+- `user_id`
+- `username`
+- `module`
+- `status`
+- `created_at`
+
+### 3. 分页查询
+
+列表查询必须使用分页，避免一次加载过多数据。
+
+### 4. 异步记录
+
+日志记录操作应放在请求处理后，不影响响应速度。
+
+## 前端集成示例
+
+### Vue3 + Ant Design Vue
+
+```vue
+<template>
+  <a-card title="操作日志">
+    <!-- 搜索表单 -->
+    <a-form layout="inline" :model="searchParams">
+      <a-form-item label="用户名">
+        <a-input v-model:value="searchParams.username" placeholder="请输入用户名" />
+      </a-form-item>
+      <a-form-item label="模块">
+        <a-input v-model:value="searchParams.module" placeholder="请输入模块名" />
+      </a-form-item>
+      <a-form-item label="状态">
+        <a-select v-model:value="searchParams.status" placeholder="请选择状态">
+          <a-select-option value="success">成功</a-select-option>
+          <a-select-option value="error">失败</a-select-option>
+        </a-select>
+      </a-form-item>
+      <a-form-item>
+        <a-button type="primary" @click="handleSearch">查询</a-button>
+        <a-button @click="handleReset">重置</a-button>
+        <a-button @click="handleExport">导出</a-button>
+      </a-form-item>
+    </a-form>
+
+    <!-- 数据表格 -->
+    <a-table
+      :columns="columns"
+      :data-source="logs"
+      :loading="loading"
+      :pagination="pagination"
+      @change="handleTableChange"
+    >
+      <template #status="{ record }">
+        <a-tag :color="record.status === 'success' ? 'green' : 'red'">
+          {{ record.status === 'success' ? '成功' : '失败' }}
+        </a-tag>
+      </template>
+      <template #action="{ record }">
+        <a-button type="link" @click="handleView(record)">查看</a-button>
+        <a-button type="link" danger @click="handleDelete(record.id)">删除</a-button>
+      </template>
+    </a-table>
+  </a-card>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted } from 'vue'
+import { message } from 'ant-design-vue'
+import request from '@/utils/request'
+
+const logs = ref([])
+const loading = ref(false)
+
+const searchParams = reactive({
+  username: '',
+  module: '',
+  status: null,
+  page: 1,
+  page_size: 20
+})
+
+const pagination = reactive({
+  total: 0,
+  current: 1,
+  pageSize: 20
+})
+
+const columns = [
+  { title: 'ID', dataIndex: 'id', width: 80 },
+  { title: '用户名', dataIndex: 'username', width: 120 },
+  { title: '模块', dataIndex: 'module', width: 100 },
+  { title: '操作', dataIndex: 'action', width: 150 },
+  { title: '请求方法', dataIndex: 'method', width: 100 },
+  { title: 'IP 地址', dataIndex: 'ip', width: 150 },
+  { title: '状态', dataIndex: 'status', slots: { customRender: 'status' }, width: 100 },
+  { title: '执行时间', dataIndex: 'execution_time', width: 100 },
+  { title: '创建时间', dataIndex: 'created_at', width: 180 },
+  { title: '操作', slots: { customRender: 'action' }, width: 150, fixed: 'right' }
+]
+
+// 获取日志列表
+const fetchLogs = async () => {
+  loading.value = true
+  try {
+    const res = await request.get('/admin/logs', { params: searchParams })
+    logs.value = res.data.list
+    pagination.total = res.data.total
+    pagination.current = res.data.page
+    pagination.pageSize = res.data.page_size
+  } catch (error) {
+    message.error('获取日志失败')
+  } finally {
+    loading.value = false
+  }
+}
+
+// 查询
+const handleSearch = () => {
+  searchParams.page = 1
+  fetchLogs()
+}
+
+// 重置
+const handleReset = () => {
+  searchParams.username = ''
+  searchParams.module = ''
+  searchParams.status = null
+  searchParams.page = 1
+  fetchLogs()
+}
+
+// 导出
+const handleExport = async () => {
+  try {
+    const res = await request.post('/admin/logs/export', searchParams, {
+      responseType: 'blob'
+    })
+    const url = window.URL.createObjectURL(new Blob([res]))
+    const link = document.createElement('a')
+    link.href = url
+    link.setAttribute('download', `操作日志_${new Date().getTime()}.xlsx`)
+    document.body.appendChild(link)
+    link.click()
+    document.body.removeChild(link)
+    message.success('导出成功')
+  } catch (error) {
+    message.error('导出失败')
+  }
+}
+
+// 查看详情
+const handleView = (record) => {
+  // 打开详情对话框
+  console.log('查看日志', record)
+}
+
+// 删除
+const handleDelete = async (id) => {
+  try {
+    await request.delete(`/admin/logs/${id}`)
+    message.success('删除成功')
+    fetchLogs()
+  } catch (error) {
+    message.error('删除失败')
+  }
+}
+
+// 表格分页变化
+const handleTableChange = (pag) => {
+  searchParams.page = pag.current
+  searchParams.page_size = pag.pageSize
+  fetchLogs()
+}
+
+onMounted(() => {
+  fetchLogs()
+})
+</script>
+```
+
+## 注意事项
+
+1. **权限控制**: 日志管理接口需要相应的权限才能访问
+2. **数据安全**: 敏感信息已自动过滤，但仍需注意日志数据的安全存储
+3. **性能影响**: 虽然日志记录不影响响应速度，但大量日志会增加数据库负载
+4. **定期备份**: 重要日志数据建议定期备份
+5. **日志分析**: 可结合 BI 工具对日志数据进行深度分析
+
+## 常见问题
+
+### Q1: 为什么某些请求没有被记录？
+
+A: 检查路由是否应用了 `log.request` 中间件，或者在中间件中是否被排除了。
+
+### Q2: 日志数据过多怎么办？
+
+A: 使用 `clearLogs` 方法定期清理历史日志，或设置任务调度器自动清理。
+
+### Q3: 如何自定义日志记录规则？
+
+A: 修改 `LogRequestMiddleware` 中的 `parseModule` 和 `parseAction` 方法。
+
+### Q4: 日志记录会影响性能吗？
+
+A: 日志记录在请求处理后执行，不影响响应速度。但大量日志会增加数据库写入压力。
+
+### Q5: 如何查看完整的请求参数？
+
+A: 在日志详情接口中，`params` 字段包含了完整的请求参数（敏感信息已过滤）。
+
+## 更新日志
+
+### v1.0.0 (2024-01-01)
+- 初始版本
+- 实现基础日志记录功能
+- 支持多维度查询和筛选
+- 支持数据导出
+- 支持批量删除和清理
diff --git a/docs/README_SYSTEM.md b/docs/README_SYSTEM.md
new file mode 100644
index 0000000..39344a7
--- /dev/null
+++ b/docs/README_SYSTEM.md
@@ -0,0 +1,792 @@
+# System 基础模块文档
+
+## 概述
+
+System 基础模块提供了完整的系统管理功能，包括系统配置、数据字典、操作日志、任务管理、城市数据和文件上传等功能。
+
+## 控制器结构
+
+```
+app/Http/Controllers/System/
+├── Admin/                    # 后台管理控制器
+│   ├── Config.php            # 系统配置控制器
+│   ├── Log.php               # 操作日志控制器
+│   ├── Dictionary.php        # 数据字典控制器
+│   ├── Task.php              # 任务管理控制器
+│   ├── City.php              # 城市数据控制器
+│   └── Upload.php           # 文件上传控制器
+└── Api/                     # 公共API控制器
+    ├── Config.php            # 系统配置API
+    ├── Dictionary.php        # 数据字典API
+    ├── City.php              # 城市数据API
+    └── Upload.php           # 文件上传API
+```
+
+### Admin 控制器
+
+**命名空间**: `App\Http\Controllers\System\Admin`
+
+**路由前缀**: `/admin`
+
+**中间件**: `auth.check:admin` (后台管理认证)
+
+### Api 控制器
+
+**命名空间**: `App\Http\Controllers\System\Api`
+
+**路由前缀**: `/api`
+
+**中间件**: `auth:api` (API认证，部分接口为公开接口)
+
+## 技术栈
+
+- PHP 8.1+
+- Laravel 11
+- Redis 缓存
+- Intervention Image (图像处理)
+
+## 数据库表结构
+
+### system_configs (系统配置表)
+- `id`: 主键
+- `group`: 配置分组（如：system, site, upload）
+- `key`: 配置键（唯一）
+- `value`: 配置值（JSON格式）
+- `type`: 数据类型（string, number, boolean, array, image, file）
+- `name`: 配置名称
+- `description`: 配置描述
+- `options`: 可选值（JSON数组）
+- `sort`: 排序
+- `status`: 状态（0:禁用, 1:启用）
+- `created_at`, `updated_at`: 时间戳
+
+### system_dictionaries (数据字典分类表)
+- `id`: 主键
+- `name`: 字典名称
+- `code`: 字典编码（唯一）
+- `description`: 描述
+- `sort`: 排序
+- `status`: 状态
+- `created_at`, `updated_at`: 时间戳
+
+### system_dictionary_items (数据字典项表)
+- `id`: 主键
+- `dictionary_id`: 字典ID
+- `label`: 显示标签
+- `value`: 实际值
+- `sort`: 排序
+- `status`: 状态
+- `created_at`, `updated_at`: 时间戳
+
+### system_logs (操作日志表)
+- `id`: 主键
+- `user_id`: 用户ID
+- `username`: 用户名
+- `module`: 模块
+- `action`: 操作
+- `method`: 请求方法
+- `url`: 请求URL
+- `ip`: IP地址
+- `user_agent`: 用户代理
+- `request_data`: 请求数据（JSON）
+- `response_data`: 响应数据（JSON）
+- `duration`: 执行时间（毫秒）
+- `status_code`: 状态码
+- `created_at`: 创建时间
+
+### system_tasks (任务表)
+- `id`: 主键
+- `name`: 任务名称
+- `code`: 任务编码（唯一）
+- `command`: 命令
+- `description`: 描述
+- `cron_expression`: Cron表达式
+- `status`: 状态（0:禁用, 1:启用, 2:运行中, 3:失败）
+- `last_run_at`: 最后运行时间
+- `next_run_at`: 下次运行时间
+- `run_count`: 运行次数
+- `fail_count`: 失败次数
+- `last_message`: 最后运行消息
+- `sort`: 排序
+- `created_at`, `updated_at`: 时间戳
+
+### system_cities (城市表)
+- `id`: 主键
+- `name`: 城市名称
+- `code`: 城市编码
+- `level`: 级别（1:省, 2:市, 3:区县）
+- `parent_id`: 父级ID
+- `adcode`: 行政区划编码
+- `sort`: 排序
+- `status`: 状态
+- `created_at`, `updated_at`: 时间戳
+
+## Admin API 接口文档
+
+### 系统配置管理
+
+#### 获取配置列表
+- **接口**: `GET /admin/configs`
+- **参数**:
+  - `page`: 页码（默认1）
+  - `page_size`: 每页数量（默认20）
+  - `keyword`: 搜索关键词
+  - `group`: 配置分组
+  - `status`: 状态
+  - `order_by`, `order_direction`: 排序
+
+#### 获取所有配置分组
+- **接口**: `GET /admin/configs/groups`
+
+#### 按分组获取配置
+- **接口**: `GET /admin/configs/all`
+- **参数**:
+  - `group`: 配置分组（可选）
+
+#### 获取配置详情
+- **接口**: `GET /admin/configs/{id}`
+
+#### 创建配置
+- **接口**: `POST /admin/configs`
+- **参数**:
+  ```json
+  {
+    "group": "site",
+    "key": "site_name",
+    "name": "网站名称",
+    "description": "网站显示的名称",
+    "type": "string",
+    "value": "\"我的网站\"",
+    "options": null,
+    "sort": 1,
+    "status": 1
+  }
+  ```
+- **数据类型说明**:
+  - `string`: 字符串
+  - `number`: 数字
+  - `boolean`: 布尔值
+  - `array`: 数组
+  - `image`: 图片
+  - `file`: 文件
+
+#### 更新配置
+- **接口**: `PUT /admin/configs/{id}`
+
+#### 删除配置
+- **接口**: `DELETE /admin/configs/{id}`
+
+#### 批量删除配置
+- **接口**: `POST /admin/configs/batch-delete`
+- **参数**:
+  ```json
+  {
+    "ids": [1, 2, 3]
+  }
+  ```
+
+#### 批量更新配置状态
+- **接口**: `POST /admin/configs/batch-status`
+- **参数**:
+  ```json
+  {
+    "ids": [1, 2, 3],
+    "status": 1
+  }
+  ```
+
+### 操作日志管理
+
+#### 获取日志列表
+- **接口**: `GET /admin/logs`
+- **参数**:
+  - `page`, `page_size`
+  - `keyword`: 搜索关键词（用户名/模块/操作）
+  - `module`: 模块
+  - `action`: 操作
+  - `user_id`: 用户ID
+  - `start_date`: 开始日期
+  - `end_date`: 结束日期
+  - `order_by`, `order_direction`
+
+#### 获取日志详情
+- **接口**: `GET /admin/logs/{id}`
+
+#### 删除日志
+- **接口**: `DELETE /admin/logs/{id}`
+
+#### 批量删除日志
+- **接口**: `POST /admin/logs/batch-delete`
+- **参数**:
+  ```json
+  {
+    "ids": [1, 2, 3]
+  }
+  ```
+
+#### 清理日志
+- **接口**: `POST /admin/logs/clear`
+- **参数**:
+  ```json
+  {
+    "days": 30
+  }
+  ```
+- **说明**: 删除指定天数之前的日志记录
+
+#### 获取日志统计
+- **接口**: `GET /admin/logs/statistics`
+- **参数**:
+  - `start_date`: 开始日期
+  - `end_date`: 结束日期
+- **返回**:
+  ```json
+  {
+    "code": 200,
+    "message": "success",
+    "data": {
+      "total_count": 1000,
+      "module_stats": [
+        {
+          "module": "user",
+          "count": 500
+        }
+      ],
+      "user_stats": [
+        {
+          "user_id": 1,
+          "username": "admin",
+          "count": 800
+        }
+      ]
+    }
+  }
+  ```
+
+### 数据字典管理
+
+#### 获取字典列表
+- **接口**: `GET /admin/dictionaries`
+- **参数**:
+  - `page`, `page_size`, `keyword`, `status`, `order_by`, `order_direction`
+
+#### 获取所有字典
+- **接口**: `GET /admin/dictionaries/all`
+
+#### 获取字典详情
+- **接口**: `GET /admin/dictionaries/{id}`
+
+#### 创建字典
+- **接口**: `POST /admin/dictionaries`
+- **参数**:
+  ```json
+  {
+    "name": "用户状态",
+    "code": "user_status",
+    "description": "用户状态字典",
+    "sort": 1,
+    "status": 1
+  }
+  ```
+
+#### 更新字典
+- **接口**: `PUT /admin/dictionaries/{id}`
+
+#### 删除字典
+- **接口**: `DELETE /admin/dictionaries/{id}`
+
+#### 批量删除字典
+- **接口**: `POST /admin/dictionaries/batch-delete`
+
+#### 批量更新字典状态
+- **接口**: `POST /admin/dictionaries/batch-status`
+
+### 数据字典项管理
+
+#### 获取字典项列表
+- **接口**: `GET /admin/dictionary-items`
+- **参数**:
+  - `page`, `page_size`
+  - `dictionary_id`: 字典ID（必需）
+  - `keyword`: 搜索关键词
+  - `status`, `order_by`, `order_direction`
+
+#### 创建字典项
+- **接口**: `POST /admin/dictionary-items`
+- **参数**:
+  ```json
+  {
+    "dictionary_id": 1,
+    "label": "正常",
+    "value": "1",
+    "sort": 1,
+    "status": 1
+  }
+  ```
+
+#### 更新字典项
+- **接口**: `PUT /admin/dictionary-items/{id}`
+
+#### 删除字典项
+- **接口**: `DELETE /admin/dictionary-items/{id}`
+
+#### 批量删除字典项
+- **接口**: `POST /admin/dictionary-items/batch-delete`
+
+#### 批量更新字典项状态
+- **接口**: `POST /admin/dictionary-items/batch-status`
+
+### 任务管理
+
+#### 获取任务列表
+- **接口**: `GET /admin/tasks`
+- **参数**:
+  - `page`, `page_size`, `keyword`, `status`, `order_by`, `order_direction`
+
+#### 获取所有任务
+- **接口**: `GET /admin/tasks/all`
+
+#### 获取任务详情
+- **接口**: `GET /admin/tasks/{id}`
+
+#### 创建任务
+- **接口**: `POST /admin/tasks`
+- **参数**:
+  ```json
+  {
+    "name": "清理临时文件",
+    "code": "cleanup_temp_files",
+    "command": "cleanup:temp",
+    "description": "每天清理过期临时文件",
+    "cron_expression": "0 2 * * *",
+    "sort": 1,
+    "status": 1
+  }
+  ```
+- **Cron表达式说明**:
+  - 格式：`分 时 日 月 周`
+  - 示例：`0 2 * * *` (每天凌晨2点执行)
+  - 示例：`*/5 * * * *` (每5分钟执行一次)
+
+#### 更新任务
+- **接口**: `PUT /admin/tasks/{id}`
+
+#### 删除任务
+- **接口**: `DELETE /admin/tasks/{id}`
+
+#### 批量删除任务
+- **接口**: `POST /admin/tasks/batch-delete`
+
+#### 批量更新任务状态
+- **接口**: `POST /admin/tasks/batch-status`
+
+#### 手动执行任务
+- **接口**: `POST /admin/tasks/{id}/run`
+- **说明**: 立即执行指定任务
+
+#### 获取任务统计
+- **接口**: `GET /admin/tasks/statistics`
+- **返回**:
+  ```json
+  {
+    "code": 200,
+    "message": "success",
+    "data": {
+      "total": 10,
+      "enabled": 8,
+      "disabled": 2,
+      "running": 0,
+      "failed": 0
+    }
+  }
+  ```
+
+### 城市数据管理
+
+#### 获取城市列表
+- **接口**: `GET /admin/cities`
+- **参数**:
+  - `page`, `page_size`, `keyword`, `level`, `parent_id`, `status`
+  - `order_by`, `order_direction`
+
+#### 获取城市树
+- **接口**: `GET /admin/cities/tree`
+- **说明**: 从缓存中获取完整的三级城市树
+
+#### 获取城市详情
+- **接口**: `GET /admin/cities/{id}`
+
+#### 获取子级城市
+- **接口**: `GET /admin/cities/{id}/children`
+- **说明**: 获取指定城市的下级城市
+
+#### 获取所有省份
+- **接口**: `GET /admin/cities/provinces`
+
+#### 获取指定省份的城市
+- **接口**: `GET /admin/cities/{provinceId}/cities`
+
+#### 获取指定城市的区县
+- **接口**: `GET /admin/cities/{cityId}/districts`
+
+#### 创建城市
+- **接口**: `POST /admin/cities`
+- **参数**:
+  ```json
+  {
+    "name": "北京市",
+    "code": "110000",
+    "level": 1,
+    "parent_id": 0,
+    "adcode": "110000",
+    "sort": 1,
+    "status": 1
+  }
+  ```
+- **级别说明**:
+  - `1`: 省级
+  - `2`: 市级
+  - `3`: 区县级
+
+#### 更新城市
+- **接口**: `PUT /admin/cities/{id}`
+
+#### 删除城市
+- **接口**: `DELETE /admin/cities/{id}`
+
+#### 批量删除城市
+- **接口**: `POST /admin/cities/batch-delete`
+
+#### 批量更新城市状态
+- **接口**: `POST /admin/cities/batch-status`
+
+### 文件上传管理
+
+#### 单文件上传
+- **接口**: `POST /admin/upload`
+- **参数**:
+  - `file`: 文件（multipart/form-data，最大10MB）
+  - `directory`: 存储目录（默认：uploads）
+  - `compress`: 是否压缩图片（默认：false）
+  - `quality`: 图片质量（1-100，默认：80）
+  - `width`: 压缩宽度（可选）
+  - `height`: 压缩高度（可选）
+- **返回**:
+  ```json
+  {
+    "code": 200,
+    "message": "上传成功",
+    "data": {
+      "url": "http://example.com/uploads/2024/01/xxx.jpg",
+      "path": "uploads/2024/01/xxx.jpg",
+      "name": "xxx.jpg",
+      "size": 102400,
+      "mime_type": "image/jpeg"
+    }
+  }
+  ```
+
+#### 多文件上传
+- **接口**: `POST /admin/upload/multiple`
+- **参数**:
+  - `files`: 文件数组（multipart/form-data）
+  - 其他参数同单文件上传
+- **返回**: 文件数组
+
+#### Base64上传
+- **接口**: `POST /admin/upload/base64`
+- **参数**:
+  ```json
+  {
+    "base64": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQ...",
+    "directory": "uploads",
+    "file_name": "image.jpg"
+  }
+  ```
+
+#### 删除文件
+- **接口**: `POST /admin/upload/delete`
+- **参数**:
+  ```json
+  {
+    "path": "uploads/2024/01/xxx.jpg"
+  }
+  ```
+
+#### 批量删除文件
+- **接口**: `POST /admin/upload/batch-delete`
+- **参数**:
+  ```json
+  {
+    "paths": [
+      "uploads/2024/01/xxx.jpg",
+      "uploads/2024/01/yyy.jpg"
+    ]
+  }
+  ```
+
+## Public API 接口文档
+
+### 系统配置 API
+
+#### 获取所有配置
+- **接口**: `GET /api/system/configs`
+- **认证**: 公开接口（无需认证）
+- **返回**:
+  ```json
+  {
+    "code": 200,
+    "message": "success",
+    "data": {
+      "site_name": "我的网站",
+      "site_logo": "/uploads/logo.png"
+    }
+  }
+  ```
+
+#### 按分组获取配置
+- **接口**: `GET /api/system/configs/group`
+- **参数**:
+  - `group`: 配置分组
+- **认证**: 公开接口
+
+#### 根据键获取配置
+- **接口**: `GET /api/system/configs/key`
+- **参数**:
+  - `key`: 配置键
+- **认证**: 公开接口
+
+### 数据字典 API
+
+#### 获取所有字典
+- **接口**: `GET /api/system/dictionaries`
+- **认证**: 公开接口
+- **返回**:
+  ```json
+  {
+    "code": 200,
+    "message": "success",
+    "data": [
+      {
+        "id": 1,
+        "code": "user_status",
+        "name": "用户状态",
+        "items": [...]
+      }
+    ]
+  }
+  ```
+
+#### 根据编码获取字典项
+- **接口**: `GET /api/system/dictionaries/code`
+- **参数**:
+  - `code`: 字典编码
+- **认证**: 公开接口
+- **返回**:
+  ```json
+  {
+    "code": 200,
+    "message": "success",
+    "data": {
+      "code": "user_status",
+      "items": [
+        {"label": "正常", "value": "1"},
+        {"label": "禁用", "value": "0"}
+      ]
+    }
+  }
+  ```
+
+#### 获取字典详情
+- **接口**: `GET /api/system/dictionaries/{id}`
+- **认证**: 公开接口
+
+### 城市数据 API
+
+#### 获取城市树
+- **接口**: `GET /api/system/cities/tree`
+- **认证**: 公开接口
+- **说明**: 从缓存中获取完整的三级城市树
+
+#### 获取所有省份
+- **接口**: `GET /api/system/cities/provinces`
+- **认证**: 公开接口
+
+#### 获取指定省份的城市
+- **接口**: `GET /api/system/cities/{provinceId}/cities`
+- **认证**: 公开接口
+
+#### 获取指定城市的区县
+- **接口**: `GET /api/system/cities/{cityId}/districts`
+- **认证**: 公开接口
+
+#### 获取城市详情
+- **接口**: `GET /api/system/cities/{id}`
+- **认证**: 公开接口
+
+### 文件上传 API
+
+#### 单文件上传
+- **接口**: `POST /api/system/upload`
+- **认证**: 需要认证（`auth:api`）
+- **参数**: 同Admin上传接口
+
+#### 多文件上传
+- **接口**: `POST /api/system/upload/multiple`
+- **认证**: 需要认证（`auth:api`）
+- **参数**: 同Admin上传接口
+
+#### Base64上传
+- **接口**: `POST /api/system/upload/base64`
+- **认证**: 需要认证（`auth:api`）
+- **参数**: 同Admin上传接口
+
+## 缓存机制
+
+### 城市数据缓存
+
+- **缓存键**: `city:tree`
+- **过期时间**: 永久（手动清除）
+- **更新时机**: 城市数据增删改时自动清除
+
+### 系统配置缓存
+
+- **缓存键**: `config:all` 或 `config:group:{group}`
+- **过期时间**: 60分钟
+- **更新时机**: 配置数据增删改时自动清除
+
+### 数据字典缓存
+
+- **缓存键**: `dictionary:all` 或 `dictionary:code:{code}`
+- **过期时间**: 60分钟
+- **更新时机**: 字典数据增删改时自动清除
+
+## 服务层说明
+
+### ConfigService
+
+提供系统配置的CRUD操作和缓存管理。
+
+**主要方法**:
+- `getList()`: 获取配置列表
+- `getByGroup()`: 按分组获取配置
+- `getConfigValue()`: 获取配置值
+- `create()`: 创建配置
+- `update()`: 更新配置
+- `delete()`: 删除配置
+
+### LogService
+
+提供操作日志的记录、查询和清理功能。
+
+**主要方法**:
+- `getList()`: 获取日志列表
+- `getStatistics()`: 获取统计数据
+- `clearLogs()`: 清理过期日志
+- `record()`: 记录日志（由中间件自动调用）
+
+### DictionaryService
+
+提供数据字典和字典项的管理功能。
+
+**主要方法**:
+- `getList()`: 获取字典列表
+- `getItemsByCode()`: 按编码获取字典项
+- `create()`: 创建字典
+- `createItem()`: 创建字典项
+- `update()`: 更新字典
+- `updateItem()`: 更新字典项
+
+### TaskService
+
+提供任务的管理和执行功能。
+
+**主要方法**:
+- `getList()`: 获取任务列表
+- `run()`: 手动执行任务
+- `getStatistics()`: 获取任务统计
+- `updateStatus()`: 更新任务状态
+
+### CityService
+
+提供城市数据的管理和缓存功能。
+
+**主要方法**:
+- `getList()`: 获取城市列表
+- `getCachedTree()`: 从缓存获取城市树
+- `getProvinces()`: 获取省份列表
+- `getCities()`: 获取城市列表
+- `getDistricts()`: 获取区县列表
+
+### UploadService
+
+提供文件上传和删除功能。
+
+**主要方法**:
+- `upload()`: 单文件上传
+- `uploadMultiple()`: 多文件上传
+- `uploadBase64()`: Base64上传
+- `delete()`: 删除文件
+- `compressImage()`: 图片压缩
+
+## 初始化数据
+
+```bash
+# 执行迁移
+php artisan migrate
+
+# 填充初始数据
+php artisan db:seed --class=SystemSeeder
+```
+
+初始数据包括：
+- 基础系统配置
+- 常用数据字典
+- 全国省市区数据
+
+## 注意事项
+
+1. **Swoole环境注意事项**:
+   - 文件上传时注意临时文件清理
+   - 使用Redis缓存避免内存泄漏
+   - 图片压缩使用协程安全的方式
+
+2. **安全注意事项**:
+   - 文件上传必须验证文件类型和大小
+   - 敏感操作必须记录日志
+   - 配置数据不要存储密码等敏感信息
+
+3. **性能优化**:
+   - 城市数据使用Redis缓存
+   - 大量日志数据定期清理
+   - 图片上传时进行压缩处理
+
+4. **文件上传**:
+   - 限制文件上传大小
+   - 验证文件MIME类型
+   - 定期清理临时文件
+
+## 扩展建议
+
+1. **日志告警**: 添加日志异常告警功能
+2. **配置加密**: 敏感配置数据加密存储
+3. **多语言**: 支持配置数据的多语言
+4. **任务监控**: 添加任务执行监控和通知
+5. **CDN集成**: 文件上传支持CDN分发
+
+## 常见问题
+
+### Q: 如何清除城市数据缓存？
+A: 调用 `CityService::clearCache()` 方法或运行 `php artisan cache:forget city:tree`。
+
+### Q: 图片上传后如何压缩？
+A: 上传时设置 `compress=true` 和 `quality` 参数，系统会自动压缩。
+
+### Q: 如何配置定时任务？
+A: 在Admin后台创建任务，设置Cron表达式，系统会自动调度执行。
+
+### Q: 数据字典如何使用？
+A: 通过Public API获取字典数据，前端根据数据渲染下拉框等组件。
+
+### Q: 日志数据过多如何处理？
+A: 定期使用 `/admin/logs/clear` 接口清理过期日志，或在后台设置自动清理任务。
diff --git a/docs/README_WEBSOCKET.md b/docs/README_WEBSOCKET.md
new file mode 100644
index 0000000..57f00aa
--- /dev/null
+++ b/docs/README_WEBSOCKET.md
@@ -0,0 +1,684 @@
+# WebSocket 功能文档
+
+## 概述
+
+本项目基于 Laravel-S 和 Swoole 实现了完整的 WebSocket 功能，支持实时通信、消息推送、广播等功能。
+
+## 功能特性
+
+- ✅ 实时双向通信
+- ✅ 用户连接管理
+- ✅ 点对点消息发送
+- ✅ 群发消息/广播
+- ✅ 频道订阅/取消订阅
+- ✅ 心跳机制
+- ✅ 自动重连
+- ✅ 在线状态管理
+- ✅ 系统通知推送
+- ✅ 数据更新推送
+
+## 架构设计
+
+### 后端组件
+
+#### 1. WebSocketHandler (`app/Services/WebSocket/WebSocketHandler.php`)
+
+WebSocket 处理器，实现了 Swoole 的 `WebSocketHandlerInterface` 接口。
+
+**主要方法：**
+- `onOpen()`: 处理连接建立事件
+- `onMessage()`: 处理消息接收事件
+- `onClose()`: 处理连接关闭事件
+
+**支持的消息类型：**
+- `ping/pong`: 心跳检测
+- `heartbeat`: 心跳确认
+- `chat`: 私聊消息
+- `broadcast`: 广播消息
+- `subscribe/unsubscribe`: 频道订阅/取消订阅
+
+#### 2. WebSocketService (`app/Services/WebSocket/WebSocketService.php`)
+
+WebSocket 服务类，提供便捷的 WebSocket 操作方法。
+
+**主要方法：**
+- `sendToUser($userId, $data)`: 发送消息给指定用户
+- `sendToUsers($userIds, $data)`: 发送消息给多个用户
+- `broadcast($data, $excludeUserId)`: 广播消息给所有用户
+- `sendToChannel($channel, $data)`: 发送消息给指定频道
+- `getOnlineUserCount()`: 获取在线用户数
+- `isUserOnline($userId)`: 检查用户是否在线
+- `sendSystemNotification()`: 发送系统通知
+- `pushDataUpdate()`: 推送数据更新
+
+#### 3. WebSocketController (`app/Http/Controllers/System/WebSocket.php`)
+
+WebSocket API 控制器，提供 HTTP 接口用于管理 WebSocket 连接。
+
+### 前端组件
+
+#### WebSocketClient (`resources/admin/src/utils/websocket.js`)
+
+WebSocket 客户端封装类。
+
+**功能：**
+- 自动连接和重连
+- 心跳机制
+- 消息类型路由
+- 事件监听
+- 连接状态管理
+
+## 配置说明
+
+### Laravel-S 配置 (`config/laravels.php`)
+
+```php
+'websocket' => [
+    'enable' => env('LARAVELS_WEBSOCKET', true),
+    'handler' => \App\Services\WebSocket\WebSocketHandler::class,
+],
+
+'swoole_tables' => [
+    'wsTable' => [
+        'size'   => 102400,
+        'column' => [
+            ['name' => 'value', 'type' => \Swoole\Table::TYPE_STRING, 'size' => 1024],
+            ['name' => 'expiry', 'type' => \Swoole\Table::TYPE_INT, 'size' => 4],
+        ],
+    ],
+],
+```
+
+### 环境变量
+
+在 `.env` 文件中添加：
+
+```env
+LARAVELS_WEBSOCKET=true
+```
+
+## API 接口
+
+### 1. 获取在线用户数
+
+```
+GET /admin/websocket/online-count
+```
+
+**响应：**
+```json
+{
+    "code": 200,
+    "message": "success",
+    "data": {
+        "online_count": 10
+    }
+}
+```
+
+### 2. 获取在线用户列表
+
+```
+GET /admin/websocket/online-users
+```
+
+**响应：**
+```json
+{
+    "code": 200,
+    "message": "success",
+    "data": {
+        "user_ids": [1, 2, 3, 4, 5],
+        "count": 5
+    }
+}
+```
+
+### 3. 检查用户在线状态
+
+```
+POST /admin/websocket/check-online
+```
+
+**请求参数：**
+```json
+{
+    "user_id": 1
+}
+```
+
+**响应：**
+```json
+{
+    "code": 200,
+    "message": "success",
+    "data": {
+        "user_id": 1,
+        "is_online": true
+    }
+}
+```
+
+### 4. 发送消息给指定用户
+
+```
+POST /admin/websocket/send-to-user
+```
+
+**请求参数：**
+```json
+{
+    "user_id": 1,
+    "type": "notification",
+    "data": {
+        "title": "新消息",
+        "message": "您有一条新消息"
+    }
+}
+```
+
+### 5. 发送消息给多个用户
+
+```
+POST /admin/websocket/send-to-users
+```
+
+**请求参数：**
+```json
+{
+    "user_ids": [1, 2, 3],
+    "type": "notification",
+    "data": {
+        "title": "系统通知",
+        "message": "系统将在今晚进行维护"
+    }
+}
+```
+
+### 6. 广播消息
+
+```
+POST /admin/websocket/broadcast
+```
+
+**请求参数：**
+```json
+{
+    "type": "notification",
+    "data": {
+        "title": "公告",
+        "message": "欢迎使用新版本"
+    },
+    "exclude_user_id": 1  // 可选：排除某个用户
+}
+```
+
+### 7. 发送消息到频道
+
+```
+POST /admin/websocket/send-to-channel
+```
+
+**请求参数：**
+```json
+{
+    "channel": "orders",
+    "type": "data_update",
+    "data": {
+        "order_id": 123,
+        "status": "paid"
+    }
+}
+```
+
+### 8. 发送系统通知
+
+```
+POST /admin/websocket/send-notification
+```
+
+**请求参数：**
+```json
+{
+    "title": "系统维护",
+    "message": "系统将于今晚 23:00-24:00 进行维护",
+    "type": "warning",
+    "extra_data": {
+        "start_time": "23:00",
+        "end_time": "24:00"
+    }
+}
+```
+
+### 9. 发送通知给指定用户
+
+```
+POST /admin/websocket/send-notification-to-users
+```
+
+**请求参数：**
+```json
+{
+    "user_ids": [1, 2, 3],
+    "title": "订单更新",
+    "message": "您的订单已发货",
+    "type": "success"
+}
+```
+
+### 10. 推送数据更新
+
+```
+POST /admin/websocket/push-data-update
+```
+
+**请求参数：**
+```json
+{
+    "user_ids": [1, 2, 3],
+    "resource_type": "order",
+    "action": "update",
+    "data": {
+        "id": 123,
+        "status": "shipped"
+    }
+}
+```
+
+### 11. 推送数据更新到频道
+
+```
+POST /admin/websocket/push-data-update-channel
+```
+
+**请求参数：**
+```json
+{
+    "channel": "orders",
+    "resource_type": "order",
+    "action": "create",
+    "data": {
+        "id": 124,
+        "customer": "张三",
+        "amount": 100.00
+    }
+}
+```
+
+### 12. 断开用户连接
+
+```
+POST /admin/websocket/disconnect-user
+```
+
+**请求参数：**
+```json
+{
+    "user_id": 1
+}
+```
+
+## 前端使用示例
+
+### 1. 基本连接
+
+```javascript
+import { getWebSocket, closeWebSocket } from '@/utils/websocket'
+import { useUserStore } from '@/stores/modules/user'
+
+const userStore = useUserStore()
+
+// 连接 WebSocket
+const ws = getWebSocket(userStore.userInfo.id, userStore.token, {
+  onOpen: (event) => {
+    console.log('WebSocket 已连接')
+  },
+  onMessage: (message) => {
+    console.log('收到消息:', message)
+  },
+  onError: (error) => {
+    console.error('WebSocket 错误:', error)
+  },
+  onClose: (event) => {
+    console.log('WebSocket 已关闭')
+  }
+})
+
+// 连接
+ws.connect()
+```
+
+### 2. 监听特定消息类型
+
+```javascript
+// 监听通知消息
+ws.on('notification', (data) => {
+  message.success(data.title, data.message)
+})
+
+// 监听数据更新
+ws.on('data_update', (data) => {
+  console.log('数据更新:', data.resource_type, data.action)
+  // 刷新数据
+  loadData()
+})
+```
+
+### 3. 发送消息
+
+```javascript
+// 发送心跳
+ws.send('heartbeat', { timestamp: Date.now() })
+
+// 发送私聊消息
+ws.send('chat', {
+  to_user_id: 2,
+  content: '你好，这是一条私聊消息'
+})
+
+// 订阅频道
+ws.send('subscribe', { channel: 'orders' })
+
+// 取消订阅
+ws.send('unsubscribe', { channel: 'orders' })
+```
+
+### 4. 发送广播消息
+
+```javascript
+ws.send('broadcast', {
+  message: '这是一条广播消息'
+})
+```
+
+### 5. 断开连接
+
+```javascript
+// 断开连接
+ws.disconnect()
+
+// 或使用全局方法
+closeWebSocket()
+```
+
+### 6. 在 Vue 组件中使用
+
+```vue
+<template>
+  <div>
+    <a-button @click="connectWebSocket">连接 WebSocket</a-button>
+    <a-button @click="disconnectWebSocket">断开连接</a-button>
+    <a-button @click="sendMessage">发送消息</a-button>
+    <div>连接状态: {{ connectionStatus }}</div>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, onUnmounted } from 'vue'
+import { getWebSocket } from '@/utils/websocket'
+import { useUserStore } from '@/stores/modules/user'
+
+const userStore = useUserStore()
+const ws = ref(null)
+const connectionStatus = ref('未连接')
+
+const connectWebSocket = () => {
+  ws.value = getWebSocket(userStore.userInfo.id, userStore.token, {
+    onOpen: () => {
+      connectionStatus.value = '已连接'
+    },
+    onMessage: (message) => {
+      handleMessage(message)
+    },
+    onClose: () => {
+      connectionStatus.value = '已断开'
+    }
+  })
+  
+  ws.value.connect()
+}
+
+const disconnectWebSocket = () => {
+  if (ws.value) {
+    ws.value.disconnect()
+    connectionStatus.value = '已断开'
+  }
+}
+
+const sendMessage = () => {
+  if (ws.value && ws.value.isConnected) {
+    ws.value.send('chat', {
+      to_user_id: 2,
+      content: '测试消息'
+    })
+  }
+}
+
+const handleMessage = (message) => {
+  switch (message.type) {
+    case 'notification':
+      message.success(message.data.title, message.data.message)
+      break
+    case 'data_update':
+      // 处理数据更新
+      break
+    case 'chat':
+      // 处理聊天消息
+      break
+  }
+}
+
+onMounted(() => {
+  connectWebSocket()
+})
+
+onUnmounted(() => {
+  disconnectWebSocket()
+})
+</script>
+```
+
+## 消息格式
+
+### 服务端发送的消息格式
+
+```json
+{
+    "type": "notification",
+    "data": {
+        "title": "标题",
+        "message": "内容",
+        "type": "info",
+        "timestamp": 1641234567
+    }
+}
+```
+
+### 客户端发送的消息格式
+
+```json
+{
+    "type": "chat",
+    "data": {
+        "to_user_id": 2,
+        "content": "消息内容"
+    }
+}
+```
+
+## 启动和停止
+
+### 启动 Laravel-S 服务
+
+```bash
+php bin/laravels start
+```
+
+### 停止 Laravel-S 服务
+
+```bash
+php bin/laravels stop
+```
+
+### 重启 Laravel-S 服务
+
+```bash
+php bin/laravels restart
+```
+
+### 重载 Laravel-S 服务（平滑重启）
+
+```bash
+php bin/laravels reload
+```
+
+### 查看服务状态
+
+```bash
+php bin/laravels status
+```
+
+## WebSocket 连接地址
+
+### 开发环境
+
+```
+ws://localhost:5200/ws?user_id={user_id}&token={token}
+```
+
+### 生产环境
+
+```
+wss://yourdomain.com/ws?user_id={user_id}&token={token}
+```
+
+## Nginx 配置示例
+
+```nginx
+server {
+    listen 80;
+    server_name yourdomain.com;
+    root /path/to/your/project/public;
+
+    location / {
+        try_files $uri $uri/ /index.php?$query_string;
+    }
+
+    # WebSocket 代理配置
+    location /ws {
+        proxy_pass http://127.0.0.1:5200;
+        proxy_http_version 1.1;
+        proxy_set_header Upgrade $http_upgrade;
+        proxy_set_header Connection "upgrade";
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header Host $host;
+        proxy_read_timeout 86400;
+    }
+
+    location ~ \.php$ {
+        fastcgi_pass 127.0.0.1:9000;
+        fastcgi_index index.php;
+        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
+        include fastcgi_params;
+    }
+}
+```
+
+## 使用场景
+
+### 1. 实时通知
+
+```php
+// 发送系统通知
+$webSocketService->sendSystemNotification(
+    '系统维护',
+    '系统将于今晚进行维护',
+    'warning'
+);
+```
+
+### 2. 订单状态更新
+
+```php
+// 推送订单状态更新给相关人员
+$webSocketService->pushDataUpdate(
+    [$order->user_id],
+    'order',
+    'update',
+    [
+        'id' => $order->id,
+        'status' => $order->status,
+        'updated_at' => $order->updated_at
+    ]
+);
+```
+
+### 3. 实时聊天
+
+```javascript
+// 发送私聊消息
+ws.send('chat', {
+    to_user_id: 2,
+    content: '你好'
+})
+```
+
+### 4. 数据监控
+
+```php
+// 推送系统监控数据到特定频道
+$webSocketService->sendToChannel('system_monitor', 'monitor', [
+    'cpu_usage' => 75,
+    'memory_usage' => 80,
+    'disk_usage' => 60
+]);
+```
+
+## 注意事项
+
+1. **连接认证**: WebSocket 连接时需要提供 `user_id` 和 `token` 参数
+2. **心跳机制**: 客户端默认每 30 秒发送一次心跳
+3. **自动重连**: 连接断开后会自动尝试重连，最多重试 5 次
+4. **并发限制**: Swoole Table 最多支持 102,400 个连接
+5. **内存管理**: 注意内存泄漏问题，定期重启服务
+6. **安全性**: 生产环境建议使用 WSS (WebSocket Secure)
+7. **日志监控**: 查看日志文件 `storage/logs/swoole-YYYY-MM.log`
+
+## 故障排查
+
+### 1. 无法连接 WebSocket
+
+- 检查 Laravel-S 服务是否启动
+- 检查端口 5200 是否被占用
+- 检查防火墙设置
+- 查看日志文件
+
+### 2. 连接频繁断开
+
+- 检查网络稳定性
+- 调整心跳间隔
+- 检查服务器资源使用情况
+
+### 3. 消息发送失败
+
+- 检查用户是否在线
+- 检查消息格式是否正确
+- 查看错误日志
+
+## 参考资料
+
+- [Laravel-S 文档](https://github.com/hhxsv5/laravel-s)
+- [Swoole 文档](https://www.swoole.com/)
+- [WebSocket API](https://developer.mozilla.org/zh-CN/docs/Web/API/WebSocket)
+
+## 更新日志
+
+### 2024-02-08
+
+- ✅ 初始版本发布
+- ✅ 实现基础 WebSocket 功能
+- ✅ 实现消息推送功能
+- ✅ 实现频道订阅功能
+- ✅ 实现前端客户端封装
+- ✅ 实现管理 API 接口
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..c96c632
--- /dev/null
+++ b/package.json
@@ -0,0 +1,18 @@
+{
+    "private": true,
+    "type": "module",
+    "scripts": {
+        "dev": "vite",
+        "build": "vite build"
+    },
+    "devDependencies": {
+        "@vitejs/plugin-vue": "^5.2.1",
+        "laravel-vite-plugin": "^1.0",
+        "vite": "^5.0"
+    },
+    "dependencies": {
+        "axios": "^1.7.9",
+        "vue": "^3.5.13",
+        "vuex": "^4.1.0"
+    }
+}
diff --git a/phpunit.xml b/phpunit.xml
new file mode 100644
index 0000000..d703241
--- /dev/null
+++ b/phpunit.xml
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<phpunit xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:noNamespaceSchemaLocation="vendor/phpunit/phpunit/phpunit.xsd"
+         bootstrap="vendor/autoload.php"
+         colors="true"
+>
+    <testsuites>
+        <testsuite name="Unit">
+            <directory>tests/Unit</directory>
+        </testsuite>
+        <testsuite name="Feature">
+            <directory>tests/Feature</directory>
+        </testsuite>
+    </testsuites>
+    <source>
+        <include>
+            <directory>app</directory>
+        </include>
+    </source>
+    <php>
+        <env name="APP_ENV" value="testing"/>
+        <env name="APP_MAINTENANCE_DRIVER" value="file"/>
+        <env name="BCRYPT_ROUNDS" value="4"/>
+        <env name="BROADCAST_CONNECTION" value="null"/>
+        <env name="CACHE_STORE" value="array"/>
+        <env name="DB_CONNECTION" value="sqlite"/>
+        <env name="DB_DATABASE" value=":memory:"/>
+        <env name="MAIL_MAILER" value="array"/>
+        <env name="QUEUE_CONNECTION" value="sync"/>
+        <env name="SESSION_DRIVER" value="array"/>
+        <env name="PULSE_ENABLED" value="false"/>
+        <env name="TELESCOPE_ENABLED" value="false"/>
+        <env name="NIGHTWATCH_ENABLED" value="false"/>
+    </php>
+</phpunit>
diff --git a/public/.htaccess b/public/.htaccess
new file mode 100644
index 0000000..b574a59
--- /dev/null
+++ b/public/.htaccess
@@ -0,0 +1,25 @@
+<IfModule mod_rewrite.c>
+    <IfModule mod_negotiation.c>
+        Options -MultiViews -Indexes
+    </IfModule>
+
+    RewriteEngine On
+
+    # Handle Authorization Header
+    RewriteCond %{HTTP:Authorization} .
+    RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
+
+    # Handle X-XSRF-Token Header
+    RewriteCond %{HTTP:x-xsrf-token} .
+    RewriteRule .* - [E=HTTP_X_XSRF_TOKEN:%{HTTP:X-XSRF-Token}]
+
+    # Redirect Trailing Slashes If Not A Folder...
+    RewriteCond %{REQUEST_FILENAME} !-d
+    RewriteCond %{REQUEST_URI} (.+)/$
+    RewriteRule ^ %1 [L,R=301]
+
+    # Send Requests To Front Controller...
+    RewriteCond %{REQUEST_FILENAME} !-d
+    RewriteCond %{REQUEST_FILENAME} !-f
+    RewriteRule ^ index.php [L]
+</IfModule>
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..e69de29
diff --git a/public/index.php b/public/index.php
new file mode 100644
index 0000000..ee8f07e
--- /dev/null
+++ b/public/index.php
@@ -0,0 +1,20 @@
+<?php
+
+use Illuminate\Foundation\Application;
+use Illuminate\Http\Request;
+
+define('LARAVEL_START', microtime(true));
+
+// Determine if the application is in maintenance mode...
+if (file_exists($maintenance = __DIR__.'/../storage/framework/maintenance.php')) {
+    require $maintenance;
+}
+
+// Register the Composer autoloader...
+require __DIR__.'/../vendor/autoload.php';
+
+// Bootstrap Laravel and handle the request...
+/** @var Application $app */
+$app = require_once __DIR__.'/../bootstrap/app.php';
+
+$app->handleRequest(Request::capture());
diff --git a/public/robots.txt b/public/robots.txt
new file mode 100644
index 0000000..eb05362
--- /dev/null
+++ b/public/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Disallow:
diff --git a/resources/admin/.gitignore b/resources/admin/.gitignore
new file mode 100644
index 0000000..a547bf3
--- /dev/null
+++ b/resources/admin/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/resources/admin/.vscode/extensions.json b/resources/admin/.vscode/extensions.json
new file mode 100644
index 0000000..a7cea0b
--- /dev/null
+++ b/resources/admin/.vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar"]
+}
diff --git a/resources/admin/README.md b/resources/admin/README.md
new file mode 100644
index 0000000..1511959
--- /dev/null
+++ b/resources/admin/README.md
@@ -0,0 +1,5 @@
+# Vue 3 + Vite
+
+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.
+
+Learn more about IDE Support for Vue in the [Vue Docs Scaling up Guide](https://vuejs.org/guide/scaling-up/tooling.html#ide-support).
diff --git a/resources/admin/index.html b/resources/admin/index.html
new file mode 100644
index 0000000..64ef599
--- /dev/null
+++ b/resources/admin/index.html
@@ -0,0 +1,247 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<title>VueAdmin - 管理后台</title>
+<style>
+	* {
+		margin: 0;
+		padding: 0;
+		box-sizing: border-box;
+	}
+
+	body {
+		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
+		background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+		min-height: 100vh;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		overflow: hidden;
+	}
+
+	#app {
+		width: 100%;
+		height: 100vh;
+	}
+
+	.loading-container {
+		position: fixed;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+		z-index: 9999;
+		transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
+	}
+
+	.loading-container.hidden {
+		opacity: 0;
+		visibility: hidden;
+	}
+
+	.loading-logo {
+		width: 120px;
+		height: 120px;
+		border-radius: 20px;
+		background: rgba(255, 255, 255, 0.95);
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
+		margin-bottom: 40px;
+		animation: logoFloat 3s ease-in-out infinite;
+	}
+
+	.loading-logo img {
+		width: 80px;
+		height: 80px;
+		object-fit: contain;
+	}
+
+	@keyframes logoFloat {
+		0%, 100% {
+			transform: translateY(0);
+		}
+		50% {
+			transform: translateY(-10px);
+		}
+	}
+
+	.loading-text {
+		color: #ffffff;
+		font-size: 32px;
+		font-weight: 600;
+		margin-bottom: 15px;
+		text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+		animation: fadeInUp 0.8s ease-out;
+	}
+
+	.loading-subtitle {
+		color: rgba(255, 255, 255, 0.85);
+		font-size: 16px;
+		margin-bottom: 50px;
+		animation: fadeInUp 0.8s ease-out 0.2s backwards;
+	}
+
+	@keyframes fadeInUp {
+		from {
+			opacity: 0;
+			transform: translateY(20px);
+		}
+		to {
+			opacity: 1;
+			transform: translateY(0);
+		}
+	}
+
+	.spinner {
+		width: 60px;
+		height: 60px;
+		position: relative;
+		animation: spinnerRotate 2s linear infinite;
+	}
+
+	.spinner-circle {
+		width: 100%;
+		height: 100%;
+		border-radius: 50%;
+		border: 4px solid rgba(255, 255, 255, 0.2);
+		border-top-color: #ffffff;
+		position: absolute;
+		top: 0;
+		left: 0;
+	}
+
+	.spinner-circle:nth-child(2) {
+		width: 70%;
+		height: 70%;
+		top: 15%;
+		left: 15%;
+		border-top-color: rgba(255, 255, 255, 0.8);
+		animation: spinnerRotate 1.5s linear infinite reverse;
+	}
+
+	.spinner-circle:nth-child(3) {
+		width: 40%;
+		height: 40%;
+		top: 30%;
+		left: 30%;
+		border-top-color: #ffffff;
+		animation: spinnerRotate 1s linear infinite;
+	}
+
+	@keyframes spinnerRotate {
+		from {
+			transform: rotate(0deg);
+		}
+		to {
+			transform: rotate(360deg);
+		}
+	}
+
+	.loading-tips {
+		position: absolute;
+		bottom: 60px;
+		color: rgba(255, 255, 255, 0.7);
+		font-size: 14px;
+		text-align: center;
+		animation: pulse 2s ease-in-out infinite;
+	}
+
+	@keyframes pulse {
+		0%, 100% {
+			opacity: 0.5;
+		}
+		50% {
+			opacity: 1;
+		}
+	}
+
+	.progress-bar {
+		width: 200px;
+		height: 3px;
+		background: rgba(255, 255, 255, 0.2);
+		border-radius: 3px;
+		margin-top: 30px;
+		overflow: hidden;
+		animation: fadeInUp 0.8s ease-out 0.4s backwards;
+	}
+
+	.progress-bar-inner {
+		width: 0%;
+		height: 100%;
+		background: #ffffff;
+		border-radius: 3px;
+		animation: progressLoading 2s ease-in-out infinite;
+	}
+
+	@keyframes progressLoading {
+		0% {
+			width: 0%;
+			margin-left: 0;
+		}
+		50% {
+			width: 70%;
+			margin-left: 15%;
+		}
+		100% {
+			width: 0%;
+			margin-left: 100%;
+		}
+	}
+</style>
+</head>
+<body>
+	<!-- 加载页面 -->
+	<div id="loading" class="loading-container">
+		<div class="loading-logo">
+			<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="width: 50px; height: 50px;">
+				<rect width="24" height="24" rx="4" fill="#667eea"/>
+				<path d="M7 8H17V10H7V8Z" fill="white"/>
+				<path d="M7 11H17V13H7V11Z" fill="white"/>
+				<path d="M7 14H14V16H7V14Z" fill="white"/>
+			</svg>
+		</div>
+		<div class="loading-text">VueAdmin</div>
+		<div class="loading-subtitle">正在加载管理后台...</div>
+		<div class="spinner">
+			<div class="spinner-circle"></div>
+			<div class="spinner-circle"></div>
+			<div class="spinner-circle"></div>
+		</div>
+		<div class="progress-bar">
+			<div class="progress-bar-inner"></div>
+		</div>
+		<div class="loading-tips">首次加载可能需要几秒钟，请耐心等待</div>
+	</div>
+
+	<!-- Vue 应用挂载点 -->
+	<div id="app"></div>
+
+	<!-- 隐藏加载页面的脚本 -->
+	<script>
+		window.addEventListener('load', function() {
+			setTimeout(function() {
+				var loading = document.getElementById('loading');
+				if (loading) {
+					loading.classList.add('hidden');
+					setTimeout(function() {
+						if (loading.parentNode) {
+							loading.parentNode.removeChild(loading);
+						}
+					}, 500);
+				}
+			}, 500);
+		});
+	</script>
+
+	<script type="module" src="/src/main.js"></script>
+</body>
+</html>
diff --git a/resources/admin/package.json b/resources/admin/package.json
new file mode 100644
index 0000000..3a86e1a
--- /dev/null
+++ b/resources/admin/package.json
@@ -0,0 +1,43 @@
+{
+	"name": "admin",
+	"private": true,
+	"version": "0.0.0",
+	"type": "module",
+	"scripts": {
+		"dev": "vite",
+		"build": "vite build",
+		"preview": "vite preview",
+		"lint": "eslint . --fix --cache",
+		"format": "prettier --write --experimental-cli src/"
+	},
+	"dependencies": {
+		"@ant-design/icons-vue": "^7.0.1",
+		"@ckeditor/ckeditor5-vue": "^7.3.0",
+		"@element-plus/icons-vue": "^2.3.2",
+		"ant-design-vue": "^4.2.6",
+		"axios": "^1.13.4",
+		"ckeditor5": "^47.4.0",
+		"crypto-js": "^4.2.0",
+		"echarts": "^6.0.0",
+		"nprogress": "^0.2.0",
+		"pinia": "^3.0.4",
+		"pinia-plugin-persistedstate": "^4.7.1",
+		"vue": "^3.5.24",
+		"vue-i18n": "^11.2.8",
+		"vue-router": "^5.0.2",
+		"vuedraggable": "^4.0.3"
+	},
+	"devDependencies": {
+		"@eslint/js": "^10.0.1",
+		"@vitejs/plugin-vue": "^6.0.1",
+		"@vue/eslint-config-prettier": "^10.2.0",
+		"eslint": "^10.0.0",
+		"eslint-plugin-vue": "^10.7.0",
+		"globals": "^17.3.0",
+		"prettier": "^3.8.1",
+		"sass-embedded": "^1.97.3",
+		"vite": "^7.2.4",
+		"vite-plugin-vue-devtools": "^8.0.6",
+		"vue-eslint-parser": "^10.2.0"
+	}
+}
diff --git a/resources/admin/public/vite.svg b/resources/admin/public/vite.svg
new file mode 100644
index 0000000..e7b8dfb
--- /dev/null
+++ b/resources/admin/public/vite.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
\ No newline at end of file
diff --git a/resources/admin/src/App.vue b/resources/admin/src/App.vue
new file mode 100644
index 0000000..71be399
--- /dev/null
+++ b/resources/admin/src/App.vue
@@ -0,0 +1,92 @@
+<script setup>
+import { onMounted, computed, watch, nextTick } from 'vue'
+import { storeToRefs } from 'pinia'
+import { useI18nStore } from './stores/modules/i18n'
+import { useLayoutStore } from './stores/modules/layout'
+import { theme } from 'ant-design-vue'
+import i18n from './i18n'
+import zhCN from 'ant-design-vue/es/locale/zh_CN'
+import enUS from 'ant-design-vue/es/locale/en_US'
+import dayjs from 'dayjs'
+import 'dayjs/locale/zh-cn'
+import 'dayjs/locale/en'
+
+// 定义组件名称
+defineOptions({
+	name: 'App'
+})
+
+// i18n store
+const i18nStore = useI18nStore()
+
+// layout store
+const layoutStore = useLayoutStore()
+
+// 解构 themeColor 以确保响应式
+const { themeColor } = storeToRefs(layoutStore)
+
+// Ant Design Vue 语言配置
+const antLocale = computed(() => {
+	return i18nStore.currentLocale === 'zh-CN' ? zhCN : enUS
+})
+
+// 获取弹出容器
+const getPopupContainer = () => {
+	return document.body
+}
+
+// Ant Design Vue 主题配置
+const antdTheme = computed(() => {
+	return {
+		algorithm: theme.defaultAlgorithm,
+		token: {
+			colorPrimary: themeColor.value || '#1890ff',
+			borderRadius: 6,
+			fontSize: 14,
+		},
+		components: {
+			Layout: {
+				headerBg: '#fff',
+				siderBg: '#001529',
+			},
+			Menu: {
+				darkItemBg: '#001529',
+				darkItemSelectedBg: themeColor.value || '#1890ff',
+				darkItemHoverBg: '#002140',
+			},
+		},
+	}
+})
+
+// 监听主题颜色变化，更新 CSS 变量
+watch(
+	themeColor,
+	(newColor) => {
+		if (newColor) {
+			document.documentElement.style.setProperty('--primary-color', newColor)
+		}
+	},
+	{ immediate: true }
+)
+
+onMounted(async () => {
+	await nextTick()
+
+	// 从持久化的 store 中读取语言设置并同步到 i18n
+	i18n.global.locale.value = i18nStore.currentLocale
+
+	// 同步 dayjs 语言
+	dayjs.locale(i18nStore.currentLocale === 'zh-CN' ? 'zh-cn' : 'en')
+
+	// 初始化主题颜色到 CSS 变量
+	if (layoutStore.themeColor) {
+		document.documentElement.style.setProperty('--primary-color', layoutStore.themeColor)
+	}
+})
+</script>
+
+<template>
+	<a-config-provider :locale="antLocale" :theme="antdTheme" :getPopupContainer="getPopupContainer">
+		<router-view />
+	</a-config-provider>
+</template>
diff --git a/resources/admin/src/api/auth.js b/resources/admin/src/api/auth.js
new file mode 100644
index 0000000..ad2c613
--- /dev/null
+++ b/resources/admin/src/api/auth.js
@@ -0,0 +1,302 @@
+import request from '@/utils/request'
+
+export default {
+	// 认证相关
+	login: {
+		post: async function (params) {
+			return await request.post('auth/login', params)
+		},
+	},
+	logout: {
+		post: async function () {
+			return await request.post('auth/logout')
+		},
+	},
+	refresh: {
+		post: async function () {
+			return await request.post('auth/refresh')
+		},
+	},
+	me: {
+		get: async function () {
+			return await request.get('auth/me')
+		},
+	},
+	changePassword: {
+		post: async function (params) {
+			return await request.post('auth/change-password', params)
+		},
+	},
+
+	// 用户管理
+	users: {
+		list: {
+			get: async function (params) {
+				return await request.get('users', { params })
+			},
+		},
+		detail: {
+			get: async function (id) {
+				return await request.get(`users/${id}`)
+			},
+		},
+		add: {
+			post: async function (params) {
+				return await request.post('users', params)
+			},
+		},
+		edit: {
+			put: async function (id, params) {
+				return await request.put(`users/${id}`, params)
+			},
+		},
+		delete: {
+			delete: async function (id) {
+				return await request.delete(`users/${id}`)
+			},
+		},
+		batchDelete: {
+			post: async function (params) {
+				return await request.post('users/batch-delete', params)
+			},
+		},
+		batchStatus: {
+			post: async function (params) {
+				return await request.post('users/batch-status', params)
+			},
+		},
+		batchDepartment: {
+			post: async function (params) {
+				return await request.post('users/batch-department', params)
+			},
+		},
+		batchRoles: {
+			post: async function (params) {
+				return await request.post('users/batch-roles', params)
+			},
+		},
+		export: {
+			post: async function (params) {
+				return await request.post('users/export', params, { responseType: 'blob' })
+			},
+		},
+		import: {
+			post: async function (formData) {
+				return await request.post('users/import', formData, {
+					headers: { 'Content-Type': 'multipart/form-data' }
+				})
+			},
+		},
+		downloadTemplate: {
+			get: async function () {
+				return await request.get('users/download-template', { responseType: 'blob' })
+			},
+		},
+	},
+
+	// 在线用户管理
+	onlineUsers: {
+		count: {
+			get: async function () {
+				return await request.get('online-users/count')
+			},
+		},
+		list: {
+			get: async function (params) {
+				return await request.get('online-users', { params })
+			},
+		},
+		sessions: {
+			get: async function (userId) {
+				return await request.get(`online-users/${userId}/sessions`)
+			},
+		},
+		offline: {
+			post: async function (userId, params) {
+				return await request.post(`online-users/${userId}/offline`, params)
+			},
+		},
+		offlineAll: {
+			post: async function (userId) {
+				return await request.post(`online-users/${userId}/offline-all`)
+			},
+		},
+	},
+
+	// 角色管理
+	roles: {
+		list: {
+			get: async function (params) {
+				return await request.get('roles', { params })
+			},
+		},
+		all: {
+			get: async function () {
+				return await request.get('roles/all')
+			},
+		},
+		detail: {
+			get: async function (id) {
+				return await request.get(`roles/${id}`)
+			},
+		},
+		add: {
+			post: async function (params) {
+				return await request.post('roles', params)
+			},
+		},
+		edit: {
+			put: async function (id, params) {
+				return await request.put(`roles/${id}`, params)
+			},
+		},
+		delete: {
+			delete: async function (id) {
+				return await request.delete(`roles/${id}`)
+			},
+		},
+		batchDelete: {
+			post: async function (params) {
+				return await request.post('roles/batch-delete', params)
+			},
+		},
+		batchStatus: {
+			post: async function (params) {
+				return await request.post('roles/batch-status', params)
+			},
+		},
+		permissions: {
+			get: async function (id) {
+				return await request.get(`roles/${id}/permissions`)
+			},
+			post: async function (id, params) {
+				return await request.post(`roles/${id}/permissions`, params)
+			},
+		},
+		copy: {
+			post: async function (id, params) {
+				return await request.post(`roles/${id}/copy`, params)
+			},
+		},
+		batchCopy: {
+			post: async function (params) {
+				return await request.post('roles/batch-copy', params)
+			},
+		},
+	},
+
+	// 权限管理
+	permissions: {
+		list: {
+			get: async function (params) {
+				return await request.get('permissions', { params })
+			},
+		},
+		tree: {
+			get: async function () {
+				return await request.get('permissions/tree')
+			},
+		},
+		menu: {
+			get: async function () {
+				return await request.get('permissions/menu')
+			},
+		},
+		detail: {
+			get: async function (id) {
+				return await request.get(`permissions/${id}`)
+			},
+		},
+		add: {
+			post: async function (params) {
+				return await request.post('permissions', params)
+			},
+		},
+		edit: {
+			put: async function (id, params) {
+				return await request.put(`permissions/${id}`, params)
+			},
+		},
+		delete: {
+			delete: async function (id) {
+				return await request.delete(`permissions/${id}`)
+			},
+		},
+		batchDelete: {
+			post: async function (params) {
+				return await request.post('permissions/batch-delete', params)
+			},
+		},
+		batchStatus: {
+			post: async function (params) {
+				return await request.post('permissions/batch-status', params)
+			},
+		},
+	},
+
+	// 部门管理
+	departments: {
+		list: {
+			get: async function (params) {
+				return await request.get('departments', { params })
+			},
+		},
+		tree: {
+			get: async function () {
+				return await request.get('departments/tree')
+			},
+		},
+		all: {
+			get: async function () {
+				return await request.get('departments/all')
+			},
+		},
+		detail: {
+			get: async function (id) {
+				return await request.get(`departments/${id}`)
+			},
+		},
+		add: {
+			post: async function (params) {
+				return await request.post('departments', params)
+			},
+		},
+		edit: {
+			put: async function (id, params) {
+				return await request.put(`departments/${id}`, params)
+			},
+		},
+		delete: {
+			delete: async function (id) {
+				return await request.delete(`departments/${id}`)
+			},
+		},
+		batchDelete: {
+			post: async function (params) {
+				return await request.post('departments/batch-delete', params)
+			},
+		},
+		batchStatus: {
+			post: async function (params) {
+				return await request.post('departments/batch-status', params)
+			},
+		},
+		export: {
+			post: async function (params) {
+				return await request.post('departments/export', params, { responseType: 'blob' })
+			},
+		},
+		import: {
+			post: async function (formData) {
+				return await request.post('departments/import', formData, {
+					headers: { 'Content-Type': 'multipart/form-data' }
+				})
+			},
+		},
+		downloadTemplate: {
+			get: async function () {
+				return await request.get('departments/download-template', { responseType: 'blob' })
+			},
+		},
+	},
+}
diff --git a/resources/admin/src/api/system.js b/resources/admin/src/api/system.js
new file mode 100644
index 0000000..c7c6beb
--- /dev/null
+++ b/resources/admin/src/api/system.js
@@ -0,0 +1,392 @@
+import request from '@/utils/request'
+
+export default {
+	// 系统配置管理
+	configs: {
+		list: {
+			get: async function (params) {
+				return await request.get('configs', { params })
+			},
+		},
+		groups: {
+			get: async function () {
+				return await request.get('configs/groups')
+			},
+		},
+		all: {
+			get: async function (params) {
+				return await request.get('configs/all', { params })
+			},
+		},
+		detail: {
+			get: async function (id) {
+				return await request.get(`configs/${id}`)
+			},
+		},
+		add: {
+			post: async function (params) {
+				return await request.post('configs', params)
+			},
+		},
+		edit: {
+			put: async function (id, params) {
+				return await request.put(`configs/${id}`, params)
+			},
+		},
+		delete: {
+			delete: async function (id) {
+				return await request.delete(`configs/${id}`)
+			},
+		},
+		batchDelete: {
+			post: async function (params) {
+				return await request.post('configs/batch-delete', params)
+			},
+		},
+		batchStatus: {
+			post: async function (params) {
+				return await request.post('configs/batch-status', params)
+			},
+		},
+	},
+
+	// 操作日志管理
+	logs: {
+		list: {
+			get: async function (params) {
+				return await request.get('logs', { params })
+			},
+		},
+		detail: {
+			get: async function (id) {
+				return await request.get(`logs/${id}`)
+			},
+		},
+		delete: {
+			delete: async function (id) {
+				return await request.delete(`logs/${id}`)
+			},
+		},
+		batchDelete: {
+			post: async function (params) {
+				return await request.post('logs/batch-delete', params)
+			},
+		},
+		clear: {
+			post: async function (params) {
+				return await request.post('logs/clear', params)
+			},
+		},
+		statistics: {
+			get: async function (params) {
+				return await request.get('logs/statistics', { params })
+			},
+		},
+	},
+
+	// 数据字典管理
+	dictionaries: {
+		list: {
+			get: async function (params) {
+				return await request.get('dictionaries', { params })
+			},
+		},
+		all: {
+			get: async function () {
+				return await request.get('dictionaries/all')
+			},
+		},
+		detail: {
+			get: async function (id) {
+				return await request.get(`dictionaries/${id}`)
+			},
+		},
+		add: {
+			post: async function (params) {
+				return await request.post('dictionaries', params)
+			},
+		},
+		edit: {
+			put: async function (id, params) {
+				return await request.put(`dictionaries/${id}`, params)
+			},
+		},
+		delete: {
+			delete: async function (id) {
+				return await request.delete(`dictionaries/${id}`)
+			},
+		},
+		batchDelete: {
+			post: async function (params) {
+				return await request.post('dictionaries/batch-delete', params)
+			},
+		},
+		batchStatus: {
+			post: async function (params) {
+				return await request.post('dictionaries/batch-status', params)
+			},
+		},
+	},
+
+	// 数据字典项管理
+	dictionaryItems: {
+		list: {
+			get: async function (params) {
+				return await request.get('dictionary-items', { params })
+			},
+		},
+		detail: {
+			get: async function (id) {
+				return await request.get(`dictionary-items/${id}`)
+			},
+		},
+		add: {
+			post: async function (params) {
+				return await request.post('dictionary-items', params)
+			},
+		},
+		edit: {
+			put: async function (id, params) {
+				return await request.put(`dictionary-items/${id}`, params)
+			},
+		},
+		delete: {
+			delete: async function (id) {
+				return await request.delete(`dictionary-items/${id}`)
+			},
+		},
+		batchDelete: {
+			post: async function (params) {
+				return await request.post('dictionary-items/batch-delete', params)
+			},
+		},
+		batchStatus: {
+			post: async function (params) {
+				return await request.post('dictionary-items/batch-status', params)
+			},
+		},
+	},
+
+	// 任务管理
+	tasks: {
+		list: {
+			get: async function (params) {
+				return await request.get('tasks', { params })
+			},
+		},
+		all: {
+			get: async function () {
+				return await request.get('tasks/all')
+			},
+		},
+		detail: {
+			get: async function (id) {
+				return await request.get(`tasks/${id}`)
+			},
+		},
+		add: {
+			post: async function (params) {
+				return await request.post('tasks', params)
+			},
+		},
+		edit: {
+			put: async function (id, params) {
+				return await request.put(`tasks/${id}`, params)
+			},
+		},
+		delete: {
+			delete: async function (id) {
+				return await request.delete(`tasks/${id}`)
+			},
+		},
+		batchDelete: {
+			post: async function (params) {
+				return await request.post('tasks/batch-delete', params)
+			},
+		},
+		batchStatus: {
+			post: async function (params) {
+				return await request.post('tasks/batch-status', params)
+			},
+		},
+		run: {
+			post: async function (id) {
+				return await request.post(`tasks/${id}/run`)
+			},
+		},
+		statistics: {
+			get: async function () {
+				return await request.get('tasks/statistics')
+			},
+		},
+	},
+
+	// 城市数据管理
+	cities: {
+		list: {
+			get: async function (params) {
+				return await request.get('cities', { params })
+			},
+		},
+		tree: {
+			get: async function () {
+				return await request.get('cities/tree')
+			},
+		},
+		detail: {
+			get: async function (id) {
+				return await request.get(`cities/${id}`)
+			},
+		},
+		children: {
+			get: async function (id) {
+				return await request.get(`cities/${id}/children`)
+			},
+		},
+		provinces: {
+			get: async function () {
+				return await request.get('cities/provinces')
+			},
+		},
+		cities: {
+			get: async function (provinceId) {
+				return await request.get(`cities/${provinceId}/cities`)
+			},
+		},
+		districts: {
+			get: async function (cityId) {
+				return await request.get(`cities/${cityId}/districts`)
+			},
+		},
+		add: {
+			post: async function (params) {
+				return await request.post('cities', params)
+			},
+		},
+		edit: {
+			put: async function (id, params) {
+				return await request.put(`cities/${id}`, params)
+			},
+		},
+		delete: {
+			delete: async function (id) {
+				return await request.delete(`cities/${id}`)
+			},
+		},
+		batchDelete: {
+			post: async function (params) {
+				return await request.post('cities/batch-delete', params)
+			},
+		},
+		batchStatus: {
+			post: async function (params) {
+				return await request.post('cities/batch-status', params)
+			},
+		},
+	},
+
+	// 文件上传管理
+	upload: {
+		single: {
+			post: async function (formData) {
+				return await request.post('upload', formData, {
+					headers: { 'Content-Type': 'multipart/form-data' }
+				})
+			},
+		},
+		multiple: {
+			post: async function (formData) {
+				return await request.post('upload/multiple', formData, {
+					headers: { 'Content-Type': 'multipart/form-data' }
+				})
+			},
+		},
+		base64: {
+			post: async function (params) {
+				return await request.post('upload/base64', params)
+			},
+		},
+		delete: {
+			post: async function (params) {
+				return await request.post('upload/delete', params)
+			},
+		},
+		batchDelete: {
+			post: async function (params) {
+				return await request.post('upload/batch-delete', params)
+			},
+		},
+	},
+
+	// 公共接口 (无需认证)
+	public: {
+		configs: {
+			all: {
+				get: async function () {
+					return await request.get('system/configs')
+				},
+			},
+			group: {
+				get: async function (params) {
+					return await request.get('system/configs/group', { params })
+				},
+			},
+			key: {
+				get: async function (params) {
+					return await request.get('system/configs/key', { params })
+				},
+			},
+		},
+		dictionaries: {
+			all: {
+				get: async function () {
+					return await request.get('system/dictionaries')
+				},
+			},
+			code: {
+				get: async function (params) {
+					return await request.get('system/dictionaries/code', { params })
+				},
+			},
+			detail: {
+				get: async function (id) {
+					return await request.get(`system/dictionaries/${id}`)
+				},
+			},
+		},
+		cities: {
+			tree: {
+				get: async function () {
+					return await request.get('system/cities/tree')
+				},
+			},
+			provinces: {
+				get: async function () {
+					return await request.get('system/cities/provinces')
+				},
+			},
+			cities: {
+				get: async function (provinceId) {
+					return await request.get(`system/cities/${provinceId}/cities`)
+				},
+			},
+			districts: {
+				get: async function (cityId) {
+					return await request.get(`system/cities/${cityId}/districts`)
+				},
+			},
+			detail: {
+				get: async function (id) {
+					return await request.get(`system/cities/${id}`)
+				},
+			},
+		},
+		upload: {
+			post: async function (formData) {
+				return await request.post('system/upload', formData, {
+					headers: { 'Content-Type': 'multipart/form-data' }
+				})
+			},
+		},
+	},
+}
diff --git a/resources/admin/src/assets/images/default_avatar.jpg b/resources/admin/src/assets/images/default_avatar.jpg
new file mode 100644
index 0000000..eae583b
Binary files /dev/null and b/resources/admin/src/assets/images/default_avatar.jpg differ
diff --git a/resources/admin/src/assets/images/logo.png b/resources/admin/src/assets/images/logo.png
new file mode 100644
index 0000000..bfcd8f7
Binary files /dev/null and b/resources/admin/src/assets/images/logo.png differ
diff --git a/resources/admin/src/assets/style/app.scss b/resources/admin/src/assets/style/app.scss
new file mode 100644
index 0000000..3b453ad
--- /dev/null
+++ b/resources/admin/src/assets/style/app.scss
@@ -0,0 +1,164 @@
+* {
+	margin: 0;
+	padding: 0;
+	box-sizing: border-box;
+}
+
+body {
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+// ==================== 全局滚动条样式优化 ====================
+// Webkit 滚动条基础样式
+::-webkit-scrollbar {
+	width: 10px;
+	height: 10px;
+}
+
+// 滚动条轨道
+::-webkit-scrollbar-track {
+	background: rgba(0, 0, 0, 0.03);
+	border-radius: 8px;
+	margin: 4px;
+}
+
+// 滚动条滑块 - 渐变色设计
+::-webkit-scrollbar-thumb {
+	background: linear-gradient(180deg, #d9d9d9 0%, #bfbfbf 100%);
+	border-radius: 8px;
+	border: 2px solid transparent;
+	background-clip: content-box;
+	transition: all 0.3s ease;
+	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+
+	&:hover {
+		background: linear-gradient(180deg, #c0c0c0 0%, #a6a6a6 100%);
+		border-radius: 8px;
+		border: 2px solid transparent;
+		background-clip: content-box;
+		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+	}
+
+	&:active {
+		background: linear-gradient(180deg, #a6a6a6 0%, #8c8c8c 100%);
+		border-radius: 8px;
+		border: 2px solid transparent;
+		background-clip: content-box;
+	}
+}
+
+// 滚动条两端按钮
+::-webkit-scrollbar-button {
+	display: none;
+}
+
+// 滚动条角落
+::-webkit-scrollbar-corner {
+	background: rgba(0, 0, 0, 0.03);
+	border-radius: 8px;
+}
+
+// Firefox 滚动条样式
+* {
+	scrollbar-width: thin;
+	scrollbar-color: #d4d4d4 rgba(0, 0, 0, 0.03);
+}
+
+#app {
+	min-height: 100vh;
+}
+
+.pages {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	background-color: #ffffff;
+
+	.tool-bar {
+		padding: 12px 16px;
+		background-color: #fff;
+		border-bottom: 1px solid #f0f0f0;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		gap: 16px;
+
+		.left-panel {
+			flex: 1;
+			display: flex;
+			align-items: center;
+			gap: 12px;
+			overflow-x: auto;
+
+			:deep(.ant-form) {
+				display: flex;
+				align-items: center;
+				flex-wrap: wrap;
+				gap: 8px;
+				flex: 1;
+			}
+
+			:deep(.ant-form-item) {
+				margin-bottom: 0;
+			}
+
+			:deep(.ant-form-item-label) {
+				min-width: 70px;
+			}
+		}
+
+		.right-panel {
+			display: flex;
+			align-items: center;
+			gap: 8px;
+			flex-shrink: 0;
+		}
+
+		// 按钮组样式
+		.button-group {
+			display: flex;
+			gap: 8px;
+		}
+
+		// 搜索输入框样式
+		:deep(.ant-input),
+		:deep(.ant-select-selector) {
+			border-radius: 4px;
+		}
+
+		// 按钮样式优化
+		:deep(.ant-btn) {
+			border-radius: 4px;
+			transition: all 0.3s ease;
+
+			&:hover {
+				transform: translateY(-1px);
+				box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+			}
+
+			&:active {
+				transform: translateY(0);
+			}
+		}
+
+		// 主按钮特殊样式
+		:deep(.ant-btn-primary) {
+			background: linear-gradient(135deg, #1890ff 0%, #096dd9 100%);
+			border: none;
+
+			&:hover {
+				background: linear-gradient(135deg, #40a9ff 0%, #1890ff 100%);
+			}
+		}
+
+		// 危险按钮样式
+		:deep(.ant-btn-dangerous) {
+			&:hover {
+				background: #ff4d4f;
+				border-color: #ff4d4f;
+				color: #fff;
+			}
+		}
+	}
+}
diff --git a/resources/admin/src/assets/style/auth-pages.scss b/resources/admin/src/assets/style/auth-pages.scss
new file mode 100644
index 0000000..b07d2ff
--- /dev/null
+++ b/resources/admin/src/assets/style/auth-pages.scss
@@ -0,0 +1,570 @@
+// 认证页面统一样式文件
+// 使用明亮暖色调配色方案
+
+// ===== 颜色变量 =====
+$primary-color: #ff6b35; // 橙红色
+$primary-light: #ff8a5b; // 浅橙红色
+$primary-dark: #e55a2b; // 深橙红色
+$secondary-color: #ffd93d; // 金黄色
+$accent-color: #ffb84d; // 橙黄色
+
+$bg-dark: #1a1a2e; // 深色背景
+$bg-light: #16213e; // 浅色背景
+$bg-gradient-start: #0f0f23; // 渐变开始
+$bg-gradient-end: #1a1a2e; // 渐变结束
+
+$text-primary: #ffffff;
+$text-secondary: rgba(255, 255, 255, 0.7);
+$text-muted: rgba(255, 255, 255, 0.5);
+
+$border-color: rgba(255, 255, 255, 0.08);
+$border-hover: rgba(255, 107, 53, 0.3);
+$border-focus: rgba(255, 107, 53, 0.6);
+
+// ===== 基础容器 =====
+.auth-container {
+	min-height: 100vh;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	position: relative;
+	background: linear-gradient(135deg, $bg-gradient-start 0%, $bg-gradient-end 100%);
+	overflow: hidden;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',
+		'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+// ===== 科技感背景 =====
+.tech-bg {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	z-index: 0;
+	pointer-events: none;
+
+	// 网格线
+	.grid-line {
+		position: absolute;
+		width: 100%;
+		height: 1px;
+		background: linear-gradient(90deg, transparent, rgba(255, 107, 53, 0.08), transparent);
+		animation: gridMove 8s linear infinite;
+
+		&:nth-child(1) { top: 20%; animation-delay: 0s; }
+		&:nth-child(2) { top: 40%; animation-delay: 2s; }
+		&:nth-child(3) { top: 60%; animation-delay: 4s; }
+		&:nth-child(4) { top: 80%; animation-delay: 6s; }
+	}
+
+	// 光点效果
+	.light-spot {
+		position: absolute;
+		width: 4px;
+		height: 4px;
+		background: $primary-color;
+		border-radius: 50%;
+		box-shadow: 0 0 10px $primary-color, 0 0 20px $primary-color;
+		animation: float 6s ease-in-out infinite;
+
+		&:nth-child(5) { top: 15%; left: 20%; animation-delay: 0s; }
+		&:nth-child(6) { top: 25%; left: 70%; animation-delay: 2s; }
+		&:nth-child(7) { top: 55%; left: 15%; animation-delay: 4s; }
+		&:nth-child(8) { top: 75%; left: 80%; animation-delay: 1s; }
+	}
+}
+
+@keyframes gridMove {
+	0% { transform: translateX(-100%); }
+	100% { transform: translateX(100%); }
+}
+
+@keyframes float {
+	0%, 100% { transform: translateY(0) scale(1); opacity: 0.6; }
+	50% { transform: translateY(-20px) scale(1.2); opacity: 1; }
+}
+
+// ===== 主卡片 =====
+.auth-wrapper {
+	width: 100%;
+	max-width: 960px;
+	padding: 20px;
+	position: relative;
+	z-index: 1;
+}
+
+.auth-card {
+	background: rgba(255, 255, 255, 0.02);
+	backdrop-filter: blur(24px);
+	-webkit-backdrop-filter: blur(24px);
+	border-radius: 28px;
+	padding: 0;
+	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
+	border: 1px solid $border-color;
+	overflow: hidden;
+	display: flex;
+	min-height: 580px;
+	animation: cardFadeIn 0.6s ease-out;
+}
+
+@keyframes cardFadeIn {
+	0% { opacity: 0; transform: translateY(20px); }
+	100% { opacity: 1; transform: translateY(0); }
+}
+
+// ===== 左侧装饰区 =====
+.decoration-area {
+	flex: 1;
+	background: linear-gradient(135deg, rgba(255, 107, 53, 0.08) 0%, rgba(255, 217, 61, 0.03) 100%);
+	padding: 60px 40px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	position: relative;
+	border-right: 1px solid $border-color;
+}
+
+.tech-circle {
+	position: relative;
+	width: 220px;
+	height: 220px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	margin-bottom: 48px;
+
+	.circle-inner {
+		width: 110px;
+		height: 110px;
+		background: linear-gradient(135deg, $primary-color 0%, $primary-light 100%);
+		border-radius: 50%;
+		box-shadow: 0 0 50px rgba(255, 107, 53, 0.4);
+		animation: pulse 3s ease-in-out infinite;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+
+		&::after {
+			content: '';
+			width: 60px;
+			height: 60px;
+			background: linear-gradient(135deg, $secondary-color 0%, $accent-color 100%);
+			border-radius: 50%;
+			box-shadow: 0 0 30px rgba(255, 217, 61, 0.5);
+		}
+	}
+
+	.circle-ring {
+		position: absolute;
+		width: 160px;
+		height: 160px;
+		border: 2px solid rgba(255, 107, 53, 0.2);
+		border-radius: 50%;
+		animation: rotate 12s linear infinite;
+
+		&::before {
+			content: '';
+			position: absolute;
+			top: -2px;
+			left: 50%;
+			transform: translateX(-50%);
+			width: 8px;
+			height: 8px;
+			background: $primary-color;
+			border-radius: 50%;
+			box-shadow: 0 0 15px $primary-color;
+		}
+	}
+
+	.circle-ring-2 {
+		width: 200px;
+		height: 200px;
+		border: 1px solid rgba(255, 217, 61, 0.15);
+		animation: rotate 18s linear infinite reverse;
+	}
+}
+
+@keyframes pulse {
+	0%, 100% { transform: scale(1); opacity: 1; }
+	50% { transform: scale(1.08); opacity: 0.85; }
+}
+
+@keyframes rotate {
+	0% { transform: rotate(0deg); }
+	100% { transform: rotate(360deg); }
+}
+
+.decoration-text {
+	text-align: center;
+
+	h2 {
+		margin: 0 0 16px;
+		font-size: 32px;
+		font-weight: 700;
+		background: linear-gradient(135deg, $primary-color 0%, $secondary-color 100%);
+		-webkit-background-clip: text;
+		-webkit-text-fill-color: transparent;
+		background-clip: text;
+		letter-spacing: 1px;
+	}
+
+	p {
+		margin: 0;
+		color: $text-secondary;
+		font-size: 16px;
+		font-weight: 400;
+		letter-spacing: 0.5px;
+	}
+}
+
+// ===== 右侧表单区 =====
+.form-area {
+	flex: 1.3;
+	padding: 60px 56px;
+}
+
+.auth-header {
+	margin-bottom: 40px;
+
+	h1 {
+		margin: 0 0 12px;
+		font-size: 36px;
+		font-weight: 700;
+		background: linear-gradient(135deg, $primary-color 0%, $accent-color 100%);
+		-webkit-background-clip: text;
+		-webkit-text-fill-color: transparent;
+		background-clip: text;
+		letter-spacing: 1px;
+	}
+
+	.subtitle {
+		margin: 0;
+		color: $text-secondary;
+		font-size: 15px;
+		font-weight: 400;
+	}
+}
+
+// ===== 表单样式 =====
+.auth-form {
+	margin-top: 0;
+
+	:deep(.ant-form-item) {
+		margin-bottom: 26px;
+	}
+
+	:deep(.ant-form-item-label > label) {
+		color: $text-secondary;
+		font-size: 14px;
+		font-weight: 500;
+	}
+
+	// 输入框样式
+	:deep(.ant-input-affix-wrapper),
+	:deep(.ant-input) {
+		background: rgba(255, 255, 255, 0.03);
+		border: 1px solid $border-color;
+		border-radius: 12px;
+		color: $text-primary;
+		padding: 12px 16px;
+		font-size: 15px;
+		transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+
+		&:hover {
+			background: rgba(255, 255, 255, 0.06);
+			border-color: $border-hover;
+		}
+
+		&:focus,
+		&.ant-input-affix-wrapper-focused {
+			background: rgba(255, 255, 255, 0.06);
+			border-color: $primary-color;
+			box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.1);
+		}
+	}
+
+	:deep(.ant-input::placeholder) {
+		color: $text-muted;
+	}
+
+	:deep(.ant-input-affix-wrapper > input.ant-input) {
+		background: transparent;
+	}
+
+	// 图标样式
+	:deep(.anticon) {
+		color: $text-secondary;
+		font-size: 16px;
+		transition: color 0.3s;
+	}
+
+	:deep(.ant-input-affix-wrapper-focused .anticon) {
+		color: $primary-color;
+	}
+}
+
+// ===== 按钮样式 =====
+.auth-form :deep(.ant-btn-primary) {
+	background: linear-gradient(135deg, $primary-color 0%, $primary-light 100%);
+	border: none;
+	border-radius: 12px;
+	height: 48px;
+	font-weight: 600;
+	font-size: 16px;
+	letter-spacing: 0.5px;
+	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+	box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
+
+	&:hover:not(:disabled) {
+		background: linear-gradient(135deg, $primary-light 0%, $accent-color 100%);
+		box-shadow: 0 6px 25px rgba(255, 107, 53, 0.4);
+		transform: translateY(-2px);
+	}
+
+	&:active:not(:disabled) {
+		transform: translateY(0);
+		box-shadow: 0 2px 10px rgba(255, 107, 53, 0.3);
+	}
+
+	&:disabled {
+		background: rgba(255, 255, 255, 0.08);
+		color: $text-muted;
+		box-shadow: none;
+		transform: none;
+		cursor: not-allowed;
+	}
+}
+
+// ===== 表单选项 =====
+.form-options {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-bottom: 26px;
+
+	:deep(.ant-checkbox-wrapper) {
+		color: $text-primary;
+		font-size: 14px;
+
+		.ant-checkbox {
+			.ant-checkbox-inner {
+				border-color: $border-color;
+				background: rgba(255, 255, 255, 0.03);
+			}
+
+			&.ant-checkbox-checked .ant-checkbox-inner {
+				background: $primary-color;
+				border-color: $primary-color;
+			}
+		}
+	}
+}
+
+.forgot-password {
+	color: $primary-color;
+	text-decoration: none;
+	font-size: 14px;
+	font-weight: 500;
+	transition: all 0.3s;
+
+	&:hover {
+		color: $primary-light;
+		text-decoration: underline;
+	}
+}
+
+// ===== 验证码输入框 =====
+.code-input-wrapper {
+	display: flex;
+	gap: 14px;
+
+	.code-input {
+		flex: 1;
+	}
+
+	.code-btn {
+		width: 150px;
+		white-space: nowrap;
+		background: linear-gradient(135deg, $primary-color 0%, $primary-light 100%);
+		border: none;
+		border-radius: 12px;
+		font-weight: 600;
+		font-size: 14px;
+		transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+		box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
+
+		&:hover:not(:disabled) {
+			background: linear-gradient(135deg, $primary-light 0%, $accent-color 100%);
+			box-shadow: 0 6px 25px rgba(255, 107, 53, 0.4);
+			transform: translateY(-2px);
+		}
+
+		&:active:not(:disabled) {
+			transform: translateY(0);
+		}
+
+		&:disabled {
+			background: rgba(255, 255, 255, 0.08);
+			color: $text-muted;
+			box-shadow: none;
+			transform: none;
+			cursor: not-allowed;
+		}
+	}
+}
+
+// ===== 协议复选框 =====
+.agreement-checkbox {
+	:deep(.ant-checkbox-wrapper) {
+		color: $text-secondary;
+		font-size: 13px;
+		align-items: flex-start;
+		line-height: 1.6;
+
+		.ant-checkbox {
+			margin-top: 2px;
+
+			.ant-checkbox-inner {
+				border-color: $border-color;
+				background: rgba(255, 255, 255, 0.03);
+			}
+
+			&.ant-checkbox-checked .ant-checkbox-inner {
+				background: $primary-color;
+				border-color: $primary-color;
+			}
+		}
+	}
+}
+
+.agreement-text {
+	font-size: 13px;
+	line-height: 1.6;
+	color: $text-secondary;
+}
+
+.link {
+	color: $primary-color;
+	text-decoration: none;
+	font-weight: 500;
+	transition: all 0.3s;
+
+	&:hover {
+		color: $primary-light;
+		text-decoration: underline;
+	}
+}
+
+// ===== 表单底部 =====
+.form-footer {
+	text-align: center;
+	margin-top: 28px;
+	color: $text-secondary;
+	font-size: 14px;
+
+	.auth-link {
+		color: $primary-color;
+		text-decoration: none;
+		font-weight: 600;
+		margin-left: 6px;
+		transition: all 0.3s;
+
+		&:hover {
+			color: $primary-light;
+			text-decoration: underline;
+		}
+	}
+}
+
+// ===== 响应式设计 =====
+@media (max-width: 768px) {
+	.auth-card {
+		flex-direction: column;
+		min-height: auto;
+		margin: 20px 0;
+	}
+
+	.decoration-area {
+		padding: 48px 24px;
+		border-right: none;
+		border-bottom: 1px solid $border-color;
+	}
+
+	.tech-circle {
+		width: 160px;
+		height: 160px;
+
+		.circle-inner {
+			width: 80px;
+			height: 80px;
+
+			&::after {
+				width: 45px;
+				height: 45px;
+			}
+		}
+
+		.circle-ring {
+			width: 120px;
+			height: 120px;
+		}
+
+		.circle-ring-2 {
+			width: 150px;
+			height: 150px;
+		}
+	}
+
+	.decoration-text {
+		h2 {
+			font-size: 26px;
+		}
+
+		p {
+			font-size: 14px;
+		}
+	}
+
+	.form-area {
+		padding: 48px 32px;
+	}
+
+	.auth-header {
+		h1 {
+			font-size: 28px;
+		}
+
+		.subtitle {
+			font-size: 14px;
+		}
+	}
+
+	.code-input-wrapper {
+		flex-direction: column;
+		gap: 12px;
+
+		.code-btn {
+			width: 100%;
+		}
+	}
+}
+
+@media (max-width: 480px) {
+	.auth-wrapper {
+		padding: 16px;
+	}
+
+	.auth-card {
+		border-radius: 20px;
+	}
+
+	.form-area {
+		padding: 36px 24px;
+	}
+
+	.auth-header {
+		margin-bottom: 32px;
+	}
+}
diff --git a/resources/admin/src/assets/style/auth.scss b/resources/admin/src/assets/style/auth.scss
new file mode 100644
index 0000000..f594d23
--- /dev/null
+++ b/resources/admin/src/assets/style/auth.scss
@@ -0,0 +1,356 @@
+// Auth Pages - Warm Tech Theme
+// Warm color palette with tech-inspired design
+
+:root {
+	--auth-primary: #ff6b35;
+	--auth-primary-light: #ff8c5a;
+	--auth-primary-dark: #e55a2b;
+	--auth-secondary: #ffb347;
+	--accent-orange: #ffa500;
+	--accent-coral: #ff7f50;
+	--accent-amber: #ffc107;
+
+	--bg-gradient-start: #fff5f0;
+	--bg-gradient-end: #ffe8dc;
+	--card-bg: rgba(255, 255, 255, 0.95);
+
+	--text-primary: #2d1810;
+	--text-secondary: #6b4423;
+	--text-muted: #a67c52;
+
+	--border-color: #ffd4b8;
+	--shadow-color: rgba(255, 107, 53, 0.15);
+
+	--success: #28a745;
+	--warning: #ffc107;
+	--error: #dc3545;
+
+	--tech-blue: #007bff;
+	--tech-purple: #6f42c1;
+}
+
+.auth-container {
+	min-height: 100vh;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	background: linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);
+	position: relative;
+	overflow: hidden;
+
+	// Tech pattern background
+	&::before {
+		content: '';
+		position: absolute;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background-image:
+			radial-gradient(circle at 20% 50%, rgba(255, 107, 53, 0.03) 0%, transparent 50%),
+			radial-gradient(circle at 80% 20%, rgba(255, 179, 71, 0.05) 0%, transparent 40%),
+			radial-gradient(circle at 40% 80%, rgba(255, 127, 80, 0.04) 0%, transparent 40%);
+		pointer-events: none;
+	}
+
+	// Animated tech elements
+	&::after {
+		content: '';
+		position: absolute;
+		width: 600px;
+		height: 600px;
+		background: radial-gradient(circle, rgba(255, 107, 53, 0.08) 0%, transparent 70%);
+		border-radius: 50%;
+		top: -200px;
+		right: -200px;
+		animation: float 20s ease-in-out infinite;
+		pointer-events: none;
+	}
+}
+
+@keyframes float {
+	0%,
+	100% {
+		transform: translate(0, 0);
+	}
+	50% {
+		transform: translate(-50px, 50px);
+	}
+}
+
+.auth-card {
+	width: 100%;
+	max-width: 440px;
+	background: var(--card-bg);
+	backdrop-filter: blur(20px);
+	border-radius: 24px;
+	padding: 48px 40px;
+	box-shadow:
+		0 20px 60px var(--shadow-color),
+		0 8px 24px rgba(0, 0, 0, 0.08);
+	position: relative;
+	z-index: 1;
+	margin: 20px;
+
+	// Tech accent line
+	&::before {
+		content: '';
+		position: absolute;
+		top: 0;
+		left: 50%;
+		transform: translateX(-50%);
+		width: 80px;
+		height: 4px;
+		background: linear-gradient(90deg, var(--auth-primary), var(--auth-secondary));
+		border-radius: 0 0 4px 4px;
+	}
+}
+
+.auth-header {
+	text-align: center;
+	margin-bottom: 40px;
+
+	.auth-title {
+		font-size: 28px;
+		font-weight: 700;
+		color: var(--text-primary);
+		margin-bottom: 8px;
+		background: linear-gradient(135deg, var(--auth-primary-dark), var(--auth-primary));
+		-webkit-background-clip: text;
+		-webkit-text-fill-color: transparent;
+		background-clip: text;
+	}
+
+	.auth-subtitle {
+		font-size: 14px;
+		color: var(--text-secondary);
+		line-height: 1.6;
+	}
+}
+
+.auth-form {
+	.ant-form-item {
+		margin-bottom: 24px;
+	}
+
+	.ant-input {
+		border-radius: 12px;
+		border: 1px solid var(--border-color);
+		transition: all 0.3s ease;
+		box-shadow: 0 2px 8px rgba(255, 107, 53, 0.08);
+
+		&:hover {
+			border-color: var(--auth-primary-light);
+			box-shadow: 0 4px 16px rgba(255, 107, 53, 0.15);
+		}
+
+		&:focus,
+		&.ant-input-focused {
+			border-color: var(--auth-primary);
+			box-shadow: 0 4px 16px rgba(255, 107, 53, 0.15);
+		}
+	}
+
+	.ant-input-affix-wrapper {
+		border-radius: 12px;
+		border: 1px solid var(--border-color);
+		transition: all 0.3s ease;
+		box-shadow: 0 2px 8px rgba(255, 107, 53, 0.08);
+
+		&:hover {
+			border-color: var(--auth-primary-light);
+			box-shadow: 0 4px 16px rgba(255, 107, 53, 0.15);
+		}
+
+		&:focus,
+		&.ant-input-affix-wrapper-focused {
+			border-color: var(--auth-primary);
+			box-shadow: 0 4px 16px rgba(255, 107, 53, 0.15);
+		}
+
+		.ant-input {
+			border: none;
+			box-shadow: none;
+		}
+	}
+
+	.ant-input-prefix {
+		color: var(--auth-primary);
+		font-size: 18px;
+		margin-right: 8px;
+	}
+
+	.ant-input-suffix {
+		color: var(--text-muted);
+	}
+
+	.ant-btn {
+		height: 48px;
+		font-size: 16px;
+		font-weight: 600;
+		border-radius: 12px;
+		transition: all 0.3s ease;
+
+		&.ant-btn-primary {
+			background: linear-gradient(135deg, var(--auth-primary), var(--auth-primary-dark));
+			border: none;
+			box-shadow: 0 8px 24px rgba(255, 107, 53, 0.35);
+
+			&:hover {
+				background: linear-gradient(135deg, var(--auth-primary-light), var(--auth-primary));
+				transform: translateY(-2px);
+				box-shadow: 0 12px 32px rgba(255, 107, 53, 0.45);
+			}
+
+			&:active {
+				transform: translateY(0);
+			}
+		}
+	}
+}
+
+.auth-links {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-bottom: 24px;
+
+	.remember-me {
+		.ant-checkbox-inner {
+			border-radius: 4px;
+			border-color: var(--border-color);
+		}
+
+		.ant-checkbox-wrapper {
+			color: var(--text-secondary);
+			font-size: 14px;
+		}
+
+		&.ant-checkbox-wrapper-checked {
+			.ant-checkbox-inner {
+				background-color: var(--auth-primary);
+				border-color: var(--auth-primary);
+			}
+		}
+	}
+
+	.forgot-password {
+		color: var(--auth-primary);
+		font-size: 14px;
+		text-decoration: none;
+		transition: color 0.3s ease;
+
+		&:hover {
+			color: var(--auth-primary-dark);
+		}
+	}
+}
+
+.auth-divider {
+	display: flex;
+	align-items: center;
+	margin: 32px 0;
+	color: var(--text-muted);
+	font-size: 13px;
+
+	&::before,
+	&::after {
+		content: '';
+		flex: 1;
+		height: 1px;
+		background: var(--border-color);
+	}
+
+	span {
+		padding: 0 16px;
+	}
+}
+
+.auth-footer {
+	text-align: center;
+	margin-top: 24px;
+
+	.auth-footer-text {
+		color: var(--text-secondary);
+		font-size: 14px;
+
+		.auth-link {
+			color: var(--auth-primary);
+			text-decoration: none;
+			font-weight: 600;
+			margin-left: 4px;
+			transition: color 0.3s ease;
+
+			&:hover {
+				color: var(--auth-primary-dark);
+			}
+		}
+	}
+}
+
+.tech-decoration {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	top: 0;
+	left: 0;
+	pointer-events: none;
+	overflow: hidden;
+
+	.tech-circle {
+		position: absolute;
+		border: 2px solid rgba(255, 107, 53, 0.1);
+		border-radius: 50%;
+		animation: pulse 4s ease-in-out infinite;
+	}
+
+	.tech-circle:nth-child(1) {
+		width: 300px;
+		height: 300px;
+		top: -150px;
+		left: -150px;
+		animation-delay: 0s;
+	}
+
+	.tech-circle:nth-child(2) {
+		width: 200px;
+		height: 200px;
+		bottom: -100px;
+		right: -100px;
+		animation-delay: 1s;
+	}
+
+	.tech-circle:nth-child(3) {
+		width: 150px;
+		height: 150px;
+		bottom: 20%;
+		left: -75px;
+		animation-delay: 2s;
+	}
+}
+
+@keyframes pulse {
+	0%,
+	100% {
+		opacity: 0.3;
+		transform: scale(1);
+	}
+	50% {
+		opacity: 0.6;
+		transform: scale(1.05);
+	}
+}
+
+// Responsive design
+@media (max-width: 768px) {
+	.auth-card {
+		padding: 40px 24px;
+		margin: 16px;
+	}
+
+	.auth-header {
+		.auth-title {
+			font-size: 24px;
+		}
+	}
+}
diff --git a/resources/admin/src/assets/vue.svg b/resources/admin/src/assets/vue.svg
new file mode 100644
index 0000000..770e9d3
--- /dev/null
+++ b/resources/admin/src/assets/vue.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>
\ No newline at end of file
diff --git a/resources/admin/src/boot.js b/resources/admin/src/boot.js
new file mode 100644
index 0000000..ee7ffbf
--- /dev/null
+++ b/resources/admin/src/boot.js
@@ -0,0 +1,15 @@
+import * as AIcons from '@ant-design/icons-vue'
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+
+export default {
+	install(app) {
+
+		for (let icon in AIcons) {
+			app.component(`${icon}`, AIcons[icon])
+		}
+
+		for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+			app.component(`El${key}`, component)
+		}
+	}
+}
diff --git a/resources/admin/src/components/HelloWorld.vue b/resources/admin/src/components/HelloWorld.vue
new file mode 100644
index 0000000..546ebbc
--- /dev/null
+++ b/resources/admin/src/components/HelloWorld.vue
@@ -0,0 +1,43 @@
+<script setup>
+import { ref } from 'vue'
+
+defineProps({
+  msg: String,
+})
+
+const count = ref(0)
+</script>
+
+<template>
+  <h1>{{ msg }}</h1>
+
+  <div class="card">
+    <button type="button" @click="count++">count is {{ count }}</button>
+    <p>
+      Edit
+      <code>components/HelloWorld.vue</code> to test HMR
+    </p>
+  </div>
+
+  <p>
+    Check out
+    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
+      >create-vue</a
+    >, the official Vue + Vite starter
+  </p>
+  <p>
+    Learn more about IDE Support for Vue in the
+    <a
+      href="https://vuejs.org/guide/scaling-up/tooling.html#ide-support"
+      target="_blank"
+      >Vue Docs Scaling up Guide</a
+    >.
+  </p>
+  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
+</template>
+
+<style scoped>
+.read-the-docs {
+  color: #888;
+}
+</style>
diff --git a/resources/admin/src/components/scCron/index.vue b/resources/admin/src/components/scCron/index.vue
new file mode 100644
index 0000000..b57a761
--- /dev/null
+++ b/resources/admin/src/components/scCron/index.vue
@@ -0,0 +1,84 @@
+<template>
+	<div class="sc-cron">
+		<a-input v-model:value="innerValue" placeholder="请输入Cron表达式" allow-clear @change="handleChange" />
+		<div class="cron-tips">
+			<div class="tip-title">快捷设置:</div>
+			<a-space>
+				<a-button size="small" @click="setCron('0 0 * * *')">每天零点</a-button>
+				<a-button size="small" @click="setCron('0 0 * * 0')">每周零点</a-button>
+				<a-button size="small" @click="setCron('0 0 1 * *')">每月1号零点</a-button>
+				<a-button size="small" @click="setCron('0 0/6 * * *')">每6小时</a-button>
+				<a-button size="small" @click="setCron('0 * * * *')">每小时</a-button>
+				<a-button size="small" @click="setCron('0 */30 * * *')">每30分钟</a-button>
+			</a-space>
+		</div>
+		<div class="cron-description">
+			格式: 秒 分 时 日 月 周
+		</div>
+	</div>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue'
+
+defineOptions({
+	name: 'scCron'
+})
+
+const props = defineProps({
+	modelValue: {
+		type: String,
+		default: ''
+	},
+	shortcuts: {
+		type: Array,
+		default: () => []
+	}
+})
+
+const emit = defineEmits(['update:modelValue', 'change'])
+
+const innerValue = ref(props.modelValue)
+
+// 监听外部值变化
+watch(() => props.modelValue, (newVal) => {
+	innerValue.value = newVal
+})
+
+// 设置Cron表达式
+const setCron = (cron) => {
+	innerValue.value = cron
+	emit('update:modelValue', cron)
+	emit('change', cron)
+}
+
+// 处理输入变化
+const handleChange = (e) => {
+	const value = e.target.value
+	emit('update:modelValue', value)
+	emit('change', value)
+}
+</script>
+
+<style scoped lang="scss">
+.sc-cron {
+	.cron-tips {
+		margin-top: 8px;
+		padding: 8px;
+		background: #f5f5f5;
+		border-radius: 4px;
+
+		.tip-title {
+			font-size: 12px;
+			color: #666;
+			margin-bottom: 8px;
+		}
+	}
+
+	.cron-description {
+		margin-top: 4px;
+		font-size: 12px;
+		color: #999;
+	}
+}
+</style>
diff --git a/resources/admin/src/components/scEditor/UploadAdapter.js b/resources/admin/src/components/scEditor/UploadAdapter.js
new file mode 100644
index 0000000..f689603
--- /dev/null
+++ b/resources/admin/src/components/scEditor/UploadAdapter.js
@@ -0,0 +1,144 @@
+export default class UploadAdapter {
+	constructor(loader, options) {
+		this.loader = loader;
+		this.options = options;
+		this.timeout = 60000; // 60秒超时
+	}
+
+	upload() {
+		return this.loader.file.then(
+			(file) =>
+				new Promise((resolve, reject) => {
+					this._initRequest();
+					this._initListeners(resolve, reject, file);
+					this._sendRequest(file);
+					this._initTimeout(reject);
+				}),
+		);
+	}
+
+	abort() {
+		if (this.xhr) {
+			this.xhr.abort();
+		}
+		if (this.timeoutId) {
+			clearTimeout(this.timeoutId);
+		}
+	}
+
+	_initRequest() {
+		const xhr = (this.xhr = new XMLHttpRequest());
+
+		xhr.open("POST", this.options.upload.uploadUrl, true);
+		xhr.responseType = "json";
+	}
+
+	_initListeners(resolve, reject, file) {
+		const xhr = this.xhr;
+		const loader = this.loader;
+		const genericErrorText = `Couldn't upload file: ${file.name}.`;
+
+		xhr.addEventListener("error", () => {
+			console.error("[UploadAdapter] Upload error for file:", file.name);
+			reject(genericErrorText);
+		});
+
+		xhr.addEventListener("abort", () => {
+			console.warn("[UploadAdapter] Upload aborted for file:", file.name);
+			reject();
+		});
+
+		xhr.addEventListener("timeout", () => {
+			console.error("[UploadAdapter] Upload timeout for file:", file.name);
+			reject(`Upload timeout: ${file.name}. Please try again.`);
+		});
+
+		xhr.addEventListener("load", () => {
+			const response = xhr.response;
+
+			// 检查响应状态码
+			if (xhr.status >= 200 && xhr.status < 300) {
+				if (!response) {
+					console.error("[UploadAdapter] Empty response for file:", file.name);
+					reject(genericErrorText);
+					return;
+				}
+
+				// 检查业务状态码（假设 code=1 表示成功）
+				if (response.code == 1 || response.code == undefined) {
+					const url = response.data?.url || response.data?.src;
+					if (!url) {
+						console.error("[UploadAdapter] No URL in response for file:", file.name, response);
+						reject("Upload succeeded but no URL returned");
+						return;
+					}
+					resolve({ default: url });
+				} else {
+					const errorMessage = response.message || genericErrorText;
+					console.error("[UploadAdapter] Upload failed for file:", file.name, "Error:", errorMessage);
+					reject(errorMessage);
+				}
+			} else {
+				console.error("[UploadAdapter] HTTP error for file:", file.name, "Status:", xhr.status);
+				reject(`Server error (${xhr.status}): ${file.name}`);
+			}
+		});
+
+		// 上传进度监听
+		if (xhr.upload) {
+			xhr.upload.addEventListener("progress", (evt) => {
+				if (evt.lengthComputable) {
+					loader.uploadTotal = evt.total;
+					loader.uploaded = evt.loaded;
+				}
+			});
+		}
+	}
+
+	_initTimeout(reject) {
+		// 清除之前的超时定时器（如果有）
+		if (this.timeoutId) {
+			clearTimeout(this.timeoutId);
+		}
+
+		// 设置新的超时定时器
+		this.timeoutId = setTimeout(() => {
+			if (this.xhr) {
+				this.xhr.abort();
+				reject(new Error("Upload timeout"));
+			}
+		}, this.timeout);
+	}
+
+	_sendRequest(file) {
+		// 设置请求超时
+		this.xhr.timeout = this.timeout;
+
+		// Set headers if specified.
+		const headers = this.options.upload.headers || {};
+		const extendData = this.options.upload.extendData || {};
+		// Use the withCredentials flag if specified.
+		const withCredentials = this.options.upload.withCredentials || false;
+		const uploadName = this.options.upload.uploadName || "file";
+
+		for (const headerName of Object.keys(headers)) {
+			this.xhr.setRequestHeader(headerName, headers[headerName]);
+		}
+
+		this.xhr.withCredentials = withCredentials;
+
+		const data = new FormData();
+		for (const key of Object.keys(extendData)) {
+			data.append(key, extendData[key]);
+		}
+		data.append(uploadName, file);
+
+		this.xhr.send(data);
+	}
+}
+
+export function UploadAdapterPlugin(editor) {
+	editor.plugins.get("FileRepository").createUploadAdapter = (loader) => {
+		return new UploadAdapter(loader, editor.config._config);
+	};
+}
diff --git a/resources/admin/src/components/scEditor/index.vue b/resources/admin/src/components/scEditor/index.vue
new file mode 100644
index 0000000..8be1b79
--- /dev/null
+++ b/resources/admin/src/components/scEditor/index.vue
@@ -0,0 +1,389 @@
+<template>
+	<div :style="{ '--editor-height': editorHeight }">
+		<ckeditor :editor="editor" v-model="editorData" :config="editorConfig" :disabled="disabled" @blur="onBlur"
+			@focus="onFocus"></ckeditor>
+	</div>
+</template>
+
+<script setup>
+import {
+	ClassicEditor,
+	Alignment,
+	AutoImage,
+	Autoformat,
+	BlockQuote,
+	Bold,
+	CodeBlock,
+	DataFilter,
+	DataSchema,
+	Essentials,
+	FindAndReplace,
+	FontBackgroundColor,
+	FontColor,
+	FontFamily,
+	FontSize,
+	GeneralHtmlSupport,
+	Heading,
+	Highlight,
+	HorizontalLine,
+	Image,
+	ImageCaption,
+	ImageInsert,
+	ImageResize,
+	ImageStyle,
+	ImageToolbar,
+	ImageUpload,
+	Indent,
+	IndentBlock,
+	Italic,
+	Link,
+	LinkImage,
+	List,
+	MediaEmbed,
+	MediaEmbedToolbar,
+	Mention,
+	Paragraph,
+	PasteFromOffice,
+	RemoveFormat,
+	SelectAll,
+	ShowBlocks,
+	SourceEditing,
+	SpecialCharacters,
+	SpecialCharactersArrows,
+	SpecialCharactersCurrency,
+	SpecialCharactersEssentials,
+	SpecialCharactersLatin,
+	SpecialCharactersMathematical,
+	SpecialCharactersText,
+	Style,
+	Subscript,
+	Superscript,
+	Table,
+	TableCaption,
+	TableCellProperties,
+	TableColumnResize,
+	TableProperties,
+	TableToolbar,
+	TextTransformation,
+	TodoList,
+	Underline,
+	Undo,
+	WordCount,
+} from "ckeditor5";
+import { Ckeditor } from "@ckeditor/ckeditor5-vue";
+import { UploadAdapterPlugin } from "./UploadAdapter.js";
+
+import { ref, computed, watch } from "vue";
+import { useCurrentInstance } from "@/utils/tool";
+
+import coreTranslations from "ckeditor5/translations/zh-cn.js";
+import "ckeditor5/ckeditor5.css";
+
+const { proxy } = useCurrentInstance();
+
+// 组件名称
+defineOptions({
+	name: "scCkeditor"
+});
+
+// Props 定义
+const props = defineProps({
+	modelValue: {
+		type: String,
+		default: "",
+	},
+	placeholder: {
+		type: String,
+		default: "请输入内容……",
+	},
+	toolbar: {
+		type: String,
+		default: "basic",
+	},
+	height: {
+		type: String,
+		default: "400px",
+	},
+	disabled: {
+		type: Boolean,
+		default: false,
+	},
+});
+
+// Emits 定义
+const emit = defineEmits(["update:modelValue"]);
+
+// 工具栏配置常量
+const TOOLBARS = {
+	full: [
+		"sourceEditing",
+		"undo",
+		"redo",
+		"heading",
+		"style",
+		"|",
+		"superscript",
+		"subscript",
+		"removeFormat",
+		"bold",
+		"italic",
+		"underline",
+		"link",
+		"fontBackgroundColor",
+		"fontFamily",
+		"fontSize",
+		"fontColor",
+		"|",
+		"outdent",
+		"indent",
+		"alignment",
+		"bulletedList",
+		"numberedList",
+		"todoList",
+		"|",
+		"blockQuote",
+		"insertTable",
+		"imageInsert",
+		"mediaEmbed",
+		"highlight",
+		"horizontalLine",
+		"selectAll",
+		"showBlocks",
+		"specialCharacters",
+		"codeBlock",
+		"findAndReplace",
+	],
+	basic: [
+		"sourceEditing",
+		"undo",
+		"redo",
+		"heading",
+		"|",
+		"removeFormat",
+		"bold",
+		"italic",
+		"underline",
+		"link",
+		"fontBackgroundColor",
+		"fontFamily",
+		"fontSize",
+		"fontColor",
+		"|",
+		"outdent",
+		"indent",
+		"alignment",
+		"bulletedList",
+		"numberedList",
+		"todoList",
+		"|",
+		"insertTable",
+		"imageInsert",
+		"mediaEmbed",
+	],
+	simple: [
+		"undo",
+		"redo",
+		"heading",
+		"|",
+		"removeFormat",
+		"bold",
+		"italic",
+		"underline",
+		"link",
+		"fontBackgroundColor",
+		"fontFamily",
+		"fontSize",
+		"fontColor",
+		"|",
+		"insertTable",
+		"imageInsert",
+		"mediaEmbed",
+	],
+};
+
+// 插件配置常量
+const PLUGINS = [
+	Alignment,
+	AutoImage,
+	Autoformat,
+	BlockQuote,
+	Bold,
+	CodeBlock,
+	DataFilter,
+	DataSchema,
+	Essentials,
+	FindAndReplace,
+	FontBackgroundColor,
+	FontColor,
+	FontFamily,
+	FontSize,
+	GeneralHtmlSupport,
+	Heading,
+	Highlight,
+	HorizontalLine,
+	Image,
+	ImageCaption,
+	ImageInsert,
+	ImageResize,
+	ImageStyle,
+	ImageToolbar,
+	ImageUpload,
+	Indent,
+	IndentBlock,
+	Italic,
+	Link,
+	LinkImage,
+	List,
+	MediaEmbed,
+	MediaEmbedToolbar,
+	Mention,
+	Paragraph,
+	PasteFromOffice,
+	RemoveFormat,
+	SelectAll,
+	ShowBlocks,
+	SourceEditing,
+	SpecialCharacters,
+	SpecialCharactersArrows,
+	SpecialCharactersCurrency,
+	SpecialCharactersEssentials,
+	SpecialCharactersLatin,
+	SpecialCharactersMathematical,
+	SpecialCharactersText,
+	Style,
+	Subscript,
+	Superscript,
+	Table,
+	TableCaption,
+	TableCellProperties,
+	TableColumnResize,
+	TableProperties,
+	TableToolbar,
+	TextTransformation,
+	TodoList,
+	Underline,
+	Undo,
+	WordCount,
+	UploadAdapterPlugin,
+];
+
+// 响应式数据
+const editorData = ref("");
+const editorHeight = ref(props.height);
+const editor = ClassicEditor;
+
+// 编辑器配置
+const editorConfig = computed(() => ({
+	language: { ui: "zh-cn", content: "zh-cn" },
+	translations: [coreTranslations],
+	plugins: PLUGINS,
+	toolbar: {
+		shouldNotGroupWhenFull: true,
+		items: TOOLBARS[props.toolbar] || TOOLBARS.basic,
+	},
+	placeholder: props.placeholder,
+	image: {
+		styles: ["alignLeft", "alignCenter", "alignRight"],
+		toolbar: [
+			"imageTextAlternative",
+			"toggleImageCaption",
+			"|",
+			"imageStyle:alignLeft",
+			"imageStyle:alignCenter",
+			"imageStyle:alignRight",
+			"|",
+			"linkImage",
+		],
+	},
+	mediaEmbed: {
+		previewsInData: true,
+		providers: [
+			{
+				name: "mp4",
+				url: /\.(mp4|avi|mov|flv|wmv|mkv)$/i,
+				html: match => {
+					const url = match["input"];
+					return ('<video controls width="100%" height="100%" src="' + url + '"></video>')
+				},
+			},
+		],
+	},
+	fontSize: {
+		options: [10, 12, 14, 16, 18, 20, 22, 24, 26, 30, 32, 36],
+	},
+	style: {
+		definitions: [
+			{
+				name: "Article category",
+				element: "h3",
+				classes: ["category"],
+			},
+			{
+				name: "Info box",
+				element: "p",
+				classes: ["info-box"],
+			},
+		],
+	},
+	upload: {
+		uploadUrl: proxy?.$API?.common?.upload?.url || "",
+		withCredentials: false,
+		extendData: { type: "images" },
+		headers: {
+			Authorization: "Bearer " + proxy?.$TOOL?.data?.get("TOKEN"),
+		},
+	},
+}));
+
+// 监听 modelValue 变化
+watch(
+	() => props.modelValue,
+	(newVal) => {
+		editorData.value = newVal ?? "";
+	},
+	{ immediate: true }
+);
+
+// 监听 height 变化
+watch(
+	() => props.height,
+	(newVal) => {
+		editorHeight.value = newVal;
+	}
+);
+
+// 移除图片宽高的正则替换函数
+const stripImageDimensions = (html) => {
+	return html.replace(/<img[^>]*>/gi, (match) => {
+		return match
+			.replace(/width="[^"]*"/gi, "")
+			.replace(/height="[^"]*"/gi, "");
+	});
+};
+
+// 失去焦点事件 - 移除图片的固定宽高，避免响应式布局问题
+const onBlur = () => {
+	const cleanedData = stripImageDimensions(editorData.value);
+	editorData.value = cleanedData;
+	emit("update:modelValue", cleanedData);
+};
+</script>
+
+<style>
+:root {
+	--ck-z-panel: 9999;
+}
+
+.ck-content {
+	height: var(--editor-height);
+}
+
+.ck-source-editing-area,
+.ck-source-editing-area textarea {
+	height: var(--editor-height);
+}
+
+.ck-source-editing-area textarea {
+	overflow-y: scroll !important;
+}
+</style>
diff --git a/resources/admin/src/components/scExport/README.md b/resources/admin/src/components/scExport/README.md
new file mode 100644
index 0000000..8ea7951
--- /dev/null
+++ b/resources/admin/src/components/scExport/README.md
@@ -0,0 +1,394 @@
+# scExport 异步导出组件
+
+异步导出组件，支持表单参数配置、字段选择、格式选择、自定义文件名等功能。
+
+## 基本使用
+
+```vue
+<template>
+	<a-button type="primary" @click="showExport = true">
+		<export-outlined /> 导出数据
+	</a-button>
+
+	<sc-export
+		v-model:open="showExport"
+		:api="authApi.users.export.post"
+		title="导出用户"
+		filename="用户数据"
+		@success="handleExportSuccess"
+		@error="handleExportError"
+	/>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import authApi from '@/api/auth'
+
+const showExport = ref(false)
+
+const handleExportSuccess = (data) => {
+	console.log('导出成功', data)
+}
+
+const handleExportError = (message) => {
+	console.log('导出失败', message)
+}
+</script>
+```
+
+## Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| open | 是否显示弹窗 | Boolean | false |
+| title | 弹窗标题 | String | '导出数据' |
+| api | 导出API接口 | Function | 必填 |
+| showOptions | 是否显示导出选项 | Boolean | true |
+| showFieldSelect | 是否显示字段选择 | Boolean | false |
+| fieldOptions | 字段选项 | Array | [] |
+| showFormatSelect | 是否显示格式选择 | Boolean | false |
+| defaultFormat | 默认导出格式 | String | 'xlsx' |
+| defaultFilename | 默认文件名 | String | '' |
+| tip | 提示信息 | String | '' |
+
+## Events
+
+| 事件名 | 说明 | 回调参数 |
+|--------|------|----------|
+| update:open | 弹窗显示状态变化 | (visible: Boolean) |
+| success | 导出成功 | (exportParams) |
+| error | 导出失败 | (message, error) |
+| change | 导出参数变化 | (params) |
+
+## Slots
+
+### formParams
+
+自定义表单参数插槽，可用于添加额外的表单字段。
+
+```vue
+<template>
+	<sc-export
+		v-model:open="showExport"
+		:api="exportApi"
+		@success="handleSuccess"
+	>
+		<template #formParams="{ formData }">
+			<a-form layout="vertical">
+				<a-form-item label="时间范围">
+					<a-range-picker
+						v-model:value="formData.date_range"
+						format="YYYY-MM-DD"
+						value-format="YYYY-MM-DD"
+					/>
+				</a-form-item>
+				<a-form-item label="状态">
+					<a-select
+						v-model:value="formData.status"
+						placeholder="请选择状态"
+						:options="statusOptions"
+					/>
+				</a-form-item>
+			</a-form>
+		</template>
+	</sc-export>
+</template>
+```
+
+## 完整示例
+
+### 示例1：简单导出
+
+```vue
+<template>
+	<a-button type="primary" @click="handleExport">
+		<export-outlined /> 导出用户
+	</a-button>
+
+	<sc-export
+		v-model:open="exportVisible"
+		:api="authApi.users.export.post"
+		title="导出用户数据"
+		filename="用户数据"
+		tip="将导出当前筛选条件下的所有用户数据"
+		@success="handleExportSuccess"
+		@error="handleExportError"
+	/>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { message } from 'ant-design-vue'
+import { ExportOutlined } from '@ant-design/icons-vue'
+import authApi from '@/api/auth'
+
+const exportVisible = ref(false)
+
+const handleExport = () => {
+	exportVisible.value = true
+}
+
+const handleExportSuccess = (params) => {
+	message.success('导出成功')
+}
+
+const handleExportError = (errorMessage) => {
+	message.error('导出失败：' + errorMessage)
+}
+</script>
+```
+
+### 示例2：带表单参数的导出
+
+```vue
+<template>
+	<a-button type="primary" @click="handleExport">
+		<export-outlined /> 导出用户
+	</a-button>
+
+	<sc-export
+		v-model:open="exportVisible"
+		:api="authApi.users.export.post"
+		title="导出用户数据"
+		filename="用户数据"
+		:show-options="false"
+		:show-field-select="false"
+		:show-format-select="false"
+		@success="handleExportSuccess"
+		@error="handleExportError"
+	>
+		<template #formParams="{ formData }">
+			<a-form layout="vertical">
+				<a-form-item label="时间范围">
+					<a-range-picker
+						v-model:value="formData.date_range"
+						format="YYYY-MM-DD"
+						value-format="YYYY-MM-DD"
+						style="width: 100%"
+					/>
+				</a-form-item>
+				<a-form-item label="部门">
+					<a-select
+						v-model:value="formData.department_id"
+						placeholder="请选择部门"
+						:options="departmentOptions"
+						:field-names="{ label: 'name', value: 'id' }"
+						allow-clear
+					/>
+				</a-form-item>
+				<a-form-item label="状态">
+					<a-select
+						v-model:value="formData.status"
+						placeholder="请选择状态"
+						:options="[
+							{ label: '启用', value: 1 },
+							{ label: '禁用', value: 0 }
+						]"
+						allow-clear
+					/>
+				</a-form-item>
+				<a-form-item label="角色">
+					<a-select
+						v-model:value="formData.role_ids"
+						mode="multiple"
+						placeholder="请选择角色"
+						:options="roleOptions"
+						:field-names="{ label: 'name', value: 'id' }"
+					/>
+				</a-form-item>
+			</a-form>
+		</template>
+	</sc-export>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue'
+import { message } from 'ant-design-vue'
+import { ExportOutlined } from '@ant-design/icons-vue'
+import authApi from '@/api/auth'
+
+const exportVisible = ref(false)
+const departmentOptions = ref([])
+const roleOptions = ref([])
+
+// 加载选项数据
+onMounted(async () => {
+	try {
+		const [deptRes, roleRes] = await Promise.all([
+			authApi.departments.all.get(),
+			authApi.roles.all.get()
+		])
+		departmentOptions.value = deptRes.data || []
+		roleOptions.value = roleRes.data || []
+	} catch (error) {
+		console.error('加载选项失败', error)
+	}
+})
+
+const handleExport = () => {
+	exportVisible.value = true
+}
+
+const handleExportSuccess = (params) => {
+	message.success('导出成功')
+	console.log('导出参数', params)
+}
+
+const handleExportError = (errorMessage) => {
+	message.error('导出失败：' + errorMessage)
+}
+</script>
+```
+
+### 示例3：带字段和格式选择的导出
+
+```vue
+<template>
+	<a-button type="primary" @click="handleExport">
+		<export-outlined /> 导出数据
+	</a-button>
+
+	<sc-export
+		v-model:open="exportVisible"
+		:api="exportApi"
+		title="导出数据"
+		filename="数据报表"
+		:show-options="true"
+		:show-field-select="true"
+		:field-options="fieldOptions"
+		:show-format-select="true"
+		default-format="xlsx"
+		tip="请选择需要导出的字段和格式"
+		@success="handleExportSuccess"
+		@error="handleExportError"
+	>
+		<template #formParams="{ formData }">
+			<a-form layout="vertical">
+				<a-form-item label="数据类型">
+					<a-radio-group v-model:value="formData.type">
+						<a-radio value="all">全部数据</a-radio>
+						<a-radio value="filtered">筛选数据</a-radio>
+						<a-radio value="selected">选中数据</a-radio>
+					</a-radio-group>
+				</a-form-item>
+			</a-form>
+		</template>
+	</sc-export>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { message } from 'ant-design-vue'
+import { ExportOutlined } from '@ant-design/icons-vue'
+
+const exportVisible = ref(false)
+
+// 字段选项
+const fieldOptions = ref([
+	{ label: '用户名', value: 'username' },
+	{ label: '姓名', value: 'name' },
+	{ label: '邮箱', value: 'email' },
+	{ label: '手机号', value: 'phone' },
+	{ label: '部门', value: 'department' },
+	{ label: '角色', value: 'roles' },
+	{ label: '状态', value: 'status' },
+	{ label: '创建时间', value: 'created_at' },
+	{ label: '最后登录', value: 'last_login_at' }
+])
+
+// 导出API
+const exportApi = async (params) => {
+	// 这里调用实际的导出接口
+	// 示例：
+	// return await authApi.users.export.post(params)
+	console.log('导出参数', params)
+	// 返回一个 blob 对象
+	return new Blob(['test data'], { type: 'application/vnd.ms-excel' })
+}
+
+const handleExport = () => {
+	exportVisible.value = true
+}
+
+const handleExportSuccess = (params) => {
+	message.success('导出成功')
+}
+
+const handleExportError = (errorMessage) => {
+	message.error('导出失败：' + errorMessage)
+}
+</script>
+```
+
+## 注意事项
+
+1. 组件会自动处理文件下载、表单参数合并等逻辑
+2. 表单参数会作为普通对象发送到后端
+3. 后端接口应返回 Blob 类型的响应
+4. 文件名会自动添加对应的扩展名（.xlsx、.xls、.csv）
+5. 字段选择功能需要在后端支持按字段过滤数据
+6. 格式选择功能需要在后端支持不同格式的导出
+
+## 与表格组件结合使用
+
+```vue
+<template>
+	<sc-table
+		:columns="columns"
+		:data-source="dataSource"
+		:loading="loading"
+		:pagination="pagination"
+	>
+		<template #toolbar>
+			<a-space>
+				<a-button type="primary" @click="handleExport">
+					<export-outlined /> 导出数据
+				</a-button>
+			</a-space>
+		</template>
+	</sc-table>
+
+	<sc-export
+		v-model:open="exportVisible"
+		:api="exportApi"
+		title="导出用户数据"
+		filename="用户数据"
+		:show-options="false"
+		@success="handleExportSuccess"
+	>
+		<template #formParams="{ formData }">
+			<a-form layout="vertical">
+				<a-form-item label="导出范围">
+					<a-radio-group v-model:value="formData.scope">
+						<a-radio value="all">全部数据</a-radio>
+						<a-radio value="current">当前页</a-radio>
+						<a-radio value="selected">选中项</a-radio>
+					</a-radio-group>
+				</a-form-item>
+				<a-form-item label="包含筛选条件">
+					<a-switch v-model:checked="formData.with_filter" />
+				</a-form-item>
+			</a-form>
+		</template>
+	</sc-export>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { ExportOutlined } from '@ant-design/icons-vue'
+import authApi from '@/api/auth'
+
+const exportVisible = ref(false)
+
+const handleExport = () => {
+	exportVisible.value = true
+}
+
+const exportApi = async (params) => {
+	return await authApi.users.export.post(params)
+}
+
+const handleExportSuccess = () => {
+	// 导出成功后的处理
+}
+</script>
diff --git a/resources/admin/src/components/scExport/index.vue b/resources/admin/src/components/scExport/index.vue
new file mode 100644
index 0000000..c3573e9
--- /dev/null
+++ b/resources/admin/src/components/scExport/index.vue
@@ -0,0 +1,278 @@
+<template>
+	<a-modal
+		v-model:open="visible"
+		:title="title"
+		:width="600"
+		:confirm-loading="loading"
+		@ok="handleOk"
+		@cancel="handleCancel"
+	>
+		<div class="export-modal">
+			<!-- 表单参数插槽 -->
+			<div v-if="$slots.formParams" class="form-params">
+				<slot name="formParams" :form-data="formData" />
+			</div>
+
+			<!-- 导出选项 -->
+			<div v-if="showOptions" class="export-options">
+				<a-form layout="vertical">
+					<a-form-item label="导出字段" v-if="showFieldSelect">
+						<a-select
+							v-model:value="selectedFields"
+							mode="multiple"
+							:options="fieldOptions"
+							placeholder="请选择要导出的字段"
+							:show-arrow="true"
+						>
+							<template #dropdownRender="{ menuNode: menu }">
+								<v-nodes :vnodes="menu" />
+								<a-divider style="margin: 4px 0" />
+								<div style="padding: 4px 8px">
+									<a-button type="text" size="small" @click="selectAllFields">全选</a-button>
+									<a-button type="text" size="small" @click="clearAllFields">清空</a-button>
+								</div>
+							</template>
+						</a-select>
+					</a-form-item>
+
+					<a-form-item label="导出格式" v-if="showFormatSelect">
+						<a-radio-group v-model:value="exportFormat">
+							<a-radio value="xlsx">Excel (.xlsx)</a-radio>
+							<a-radio value="xls">Excel (.xls)</a-radio>
+							<a-radio value="csv">CSV</a-radio>
+						</a-radio-group>
+					</a-form-item>
+
+					<a-form-item label="文件名">
+						<a-input v-model:value="filename" placeholder="请输入文件名" :max-length="50" show-count />
+					</a-form-item>
+				</a-form>
+			</div>
+
+			<!-- 导出提示 -->
+			<div v-if="tip" class="tip-section">
+				<a-alert type="info" show-icon>
+					<template #message>{{ tip }}</template>
+				</a-alert>
+			</div>
+		</div>
+	</a-modal>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue'
+import { message } from 'ant-design-vue'
+
+const props = defineProps({
+	// 是否显示弹窗
+	open: {
+		type: Boolean,
+		default: false
+	},
+	// 弹窗标题
+	title: {
+		type: String,
+		default: '导出数据'
+	},
+	// 导出API接口
+	api: {
+		type: Function,
+		required: true
+	},
+	// 是否显示导出选项
+	showOptions: {
+		type: Boolean,
+		default: true
+	},
+	// 是否显示字段选择
+	showFieldSelect: {
+		type: Boolean,
+		default: false
+	},
+	// 字段选项
+	fieldOptions: {
+		type: Array,
+		default: () => []
+	},
+	// 是否显示格式选择
+	showFormatSelect: {
+		type: Boolean,
+		default: false
+	},
+	// 默认导出格式
+	defaultFormat: {
+		type: String,
+		default: 'xlsx'
+	},
+	// 默认文件名
+	defaultFilename: {
+		type: String,
+		default: ''
+	},
+	// 提示信息
+	tip: {
+		type: String,
+		default: ''
+	}
+})
+
+const emit = defineEmits(['update:open', 'success', 'error', 'change'])
+
+// 弹窗显示状态
+const visible = ref(false)
+
+// 加载状态
+const loading = ref(false)
+
+// 表单数据（用于插槽）
+const formData = ref({})
+
+// 导出选项
+const selectedFields = ref([])
+const exportFormat = ref(props.defaultFormat)
+const filename = ref(props.defaultFilename || '导出数据')
+
+// VNodes 组件（用于 dropdownRender）
+const VNodes = (_, { attrs }) => {
+	return attrs.vnodes
+}
+
+// 监听外部 open 变化
+watch(
+	() => props.open,
+	(val) => {
+		visible.value = val
+		if (val) {
+			// 打开时重置表单
+			formData.value = {}
+			selectedFields.value = []
+			exportFormat.value = props.defaultFormat
+			filename.value = props.defaultFilename || '导出数据'
+		}
+	},
+	{ immediate: true }
+)
+
+// 监听内部 visible 变化，同步到外部
+watch(visible, (val) => {
+	emit('update:open', val)
+})
+
+// 全选字段
+const selectAllFields = () => {
+	selectedFields.value = props.fieldOptions.map((item) => item.value)
+}
+
+// 清空字段
+const clearAllFields = () => {
+	selectedFields.value = []
+}
+
+// 确认导出
+const handleOk = async () => {
+	// 构建导出参数
+	const exportParams = {}
+
+	// 添加表单参数（如果有）
+	if (Object.keys(formData.value).length > 0) {
+		Object.assign(exportParams, formData.value)
+	}
+
+	// 添加字段选择（如果有）
+	if (props.showFieldSelect && selectedFields.value.length > 0) {
+		exportParams.fields = selectedFields.value
+	}
+
+	// 添加格式选择（如果有）
+	if (props.showFormatSelect) {
+		exportParams.format = exportFormat.value
+	}
+
+	try {
+		loading.value = true
+
+		// 调用导出接口
+		const blob = await props.api(exportParams)
+
+		// 确定文件扩展名
+		let ext = exportFormat.value
+		if (!props.showFormatSelect && blob.type) {
+			// 如果没有格式选择，根据 blob 类型判断
+			if (blob.type.includes('sheet') || blob.type.includes('excel')) {
+				ext = 'xlsx'
+			} else if (blob.type.includes('csv')) {
+				ext = 'csv'
+			}
+		}
+
+		// 创建下载链接
+		const url = window.URL.createObjectURL(blob)
+		const link = document.createElement('a')
+		link.href = url
+		link.download = `${filename.value}.${ext}`
+		document.body.appendChild(link)
+		link.click()
+		document.body.removeChild(link)
+		window.URL.revokeObjectURL(url)
+
+		message.success('导出成功')
+		emit('success', exportParams)
+		handleCancel()
+	} catch (error) {
+		message.error('导出失败：' + error.message)
+		emit('error', error.message, error)
+	} finally {
+		loading.value = false
+	}
+}
+
+// 取消导出
+const handleCancel = () => {
+	visible.value = false
+	formData.value = {}
+	selectedFields.value = []
+	filename.value = props.defaultFilename || '导出数据'
+}
+</script>
+
+<script>
+export default {
+	name: 'ScExport',
+	components: {
+		VNodes: {
+			render() {
+				return this.$slots.default ? this.$slots.default() : null
+			}
+		}
+	}
+}
+</script>
+
+<style scoped>
+.export-modal {
+	padding: 10px 0;
+}
+
+.form-params {
+	margin-bottom: 20px;
+	padding: 16px;
+	background-color: #fafafa;
+	border-radius: 4px;
+}
+
+.export-options {
+	margin-bottom: 20px;
+}
+
+.tip-section {
+	margin-bottom: 16px;
+}
+
+:deep(.ant-form-item) {
+	margin-bottom: 16px;
+}
+
+:deep(.ant-form-item:last-child) {
+	margin-bottom: 0;
+}
+</style>
diff --git a/resources/admin/src/components/scForm/index.vue b/resources/admin/src/components/scForm/index.vue
new file mode 100644
index 0000000..2ea8863
--- /dev/null
+++ b/resources/admin/src/components/scForm/index.vue
@@ -0,0 +1,320 @@
+<template>
+	<a-form :model="formData" :rules="rules" :label-col="labelCol" :wrapper-col="wrapperCol" :layout="layout"
+		@finish="handleFinish" @finish-failed="handleFinishFailed">
+		<a-form-item v-for="item in formItems" :key="item.field" :label="item.label" :name="item.field"
+			:required="item.required" :colon="item.colon">
+			<!-- 输入框 -->
+			<template v-if="item.type === 'input'">
+				<a-input v-model:value="formData[item.field]" :placeholder="item.placeholder || `请输入${item.label}`"
+					:disabled="item.disabled" :allow-clear="item.allowClear !== false" :max-length="item.maxLength"
+					:type="item.inputType || 'text'" :prefix="item.prefix" :suffix="item.suffix"
+					@change="item.onChange && item.onChange(formData[item.field])" />
+			</template>
+
+			<!-- 文本域 -->
+			<template v-else-if="item.type === 'textarea'">
+				<a-textarea v-model:value="formData[item.field]" :placeholder="item.placeholder || `请输入${item.label}`"
+					:disabled="item.disabled" :allow-clear="item.allowClear !== false" :rows="item.rows || 4"
+					:max-length="item.maxLength" :show-count="item.showCount"
+					@change="item.onChange && item.onChange(formData[item.field])" />
+			</template>
+
+			<!-- 密码输入框 -->
+			<template v-else-if="item.type === 'password'">
+				<a-input-password v-model:value="formData[item.field]"
+					:placeholder="item.placeholder || `请输入${item.label}`" :disabled="item.disabled"
+					:max-length="item.maxLength" @change="item.onChange && item.onChange(formData[item.field])" />
+			</template>
+
+			<!-- 数字输入框 -->
+			<template v-else-if="item.type === 'number'">
+				<a-input-number v-model:value="formData[item.field]"
+					:placeholder="item.placeholder || `请输入${item.label}`" :disabled="item.disabled" :min="item.min"
+					:max="item.max" :step="item.step || 1" :precision="item.precision"
+					:controls="item.controls !== false" style="width: 100%"
+					@change="item.onChange && item.onChange(formData[item.field])" />
+			</template>
+
+			<!-- 下拉选择 -->
+			<template v-else-if="item.type === 'select'">
+				<a-select v-model:value="formData[item.field]" :placeholder="item.placeholder || `请选择${item.label}`"
+					:disabled="item.disabled" :allow-clear="item.allowClear !== false" :mode="item.mode"
+					:options="item.options" :field-names="item.fieldNames" style="width: 100%"
+					@change="item.onChange && item.onChange(formData[item.field])">
+					<template v-if="!item.options" #notFoundContent>
+						<a-empty :image="Empty.PRESENTED_IMAGE_SIMPLE" description="暂无数据" />
+					</template>
+				</a-select>
+			</template>
+
+			<!-- 单选框 -->
+			<template v-else-if="item.type === 'radio'">
+				<a-radio-group v-model:value="formData[item.field]" :disabled="item.disabled"
+					:button-style="item.buttonStyle" @change="item.onChange && item.onChange(formData[item.field])">
+					<template v-if="item.options">
+						<a-radio v-for="opt in item.options" :key="opt.value" :value="opt.value"
+							:disabled="opt.disabled">
+							{{ opt.label }}
+						</a-radio>
+					</template>
+					<template v-else-if="item.buttonStyle === 'solid'">
+						<a-radio-button v-for="opt in item.options" :key="opt.value" :value="opt.value"
+							:disabled="opt.disabled">
+							{{ opt.label }}
+						</a-radio-button>
+					</template>
+				</a-radio-group>
+			</template>
+
+			<!-- 多选框 -->
+			<template v-else-if="item.type === 'checkbox'">
+				<a-checkbox-group v-model:value="formData[item.field]" :disabled="item.disabled"
+					@change="item.onChange && item.onChange(formData[item.field])">
+					<template v-if="item.options">
+						<a-checkbox v-for="opt in item.options" :key="opt.value" :value="opt.value"
+							:disabled="opt.disabled">
+							{{ opt.label }}
+						</a-checkbox>
+					</template>
+				</a-checkbox-group>
+			</template>
+
+			<!-- 开关 -->
+			<template v-else-if="item.type === 'switch'">
+				<a-switch v-model:checked="formData[item.field]" :disabled="item.disabled"
+					:checked-children="item.checkedChildren || '开'" :un-checked-children="item.unCheckedChildren || '关'"
+					@change="item.onChange && item.onChange(formData[item.field])" />
+			</template>
+
+			<!-- 日期选择 -->
+			<template v-else-if="item.type === 'date'">
+				<a-date-picker v-model:value="formData[item.field]"
+					:placeholder="item.placeholder || `请选择${item.label}`" :disabled="item.disabled"
+					:format="item.format || 'YYYY-MM-DD'" :value-format="item.valueFormat || 'YYYY-MM-DD'"
+					style="width: 100%" @change="item.onChange && item.onChange(formData[item.field])" />
+			</template>
+
+			<!-- 日期范围选择 -->
+			<template v-else-if="item.type === 'dateRange'">
+				<a-range-picker v-model:value="formData[item.field]" :placeholder="item.placeholder || ['开始日期', '结束日期']"
+					:disabled="item.disabled" :format="item.format || 'YYYY-MM-DD'"
+					:value-format="item.valueFormat || 'YYYY-MM-DD'" style="width: 100%"
+					@change="item.onChange && item.onChange(formData[item.field])" />
+			</template>
+
+			<!-- 时间选择 -->
+			<template v-else-if="item.type === 'time'">
+				<a-time-picker v-model:value="formData[item.field]"
+					:placeholder="item.placeholder || `请选择${item.label}`" :disabled="item.disabled"
+					:format="item.format || 'HH:mm:ss'" :value-format="item.valueFormat || 'HH:mm:ss'"
+					style="width: 100%" @change="item.onChange && item.onChange(formData[item.field])" />
+			</template>
+
+			<!-- 上传 -->
+			<template v-else-if="item.type === 'upload'">
+				<a-upload v-model:file-list="formData[item.field]" :list-type="item.listType || 'text'"
+					:action="item.action" :max-count="item.maxCount" :before-upload="item.beforeUpload"
+					:custom-request="item.customRequest" :accept="item.accept" :disabled="item.disabled"
+					@change="(info) => item.onChange && item.onChange(info)">
+					<a-button v-if="item.listType !== 'picture-card'" type="primary">
+						<UploadOutlined />
+						点击上传
+					</a-button>
+					<div v-else>
+						<PlusOutlined />
+						<div class="ant-upload-text">上传</div>
+					</div>
+				</a-upload>
+			</template>
+
+			<!-- 评分 -->
+			<template v-else-if="item.type === 'rate'">
+				<a-rate v-model:value="formData[item.field]" :disabled="item.disabled" :count="item.count || 5"
+					:allow-half="item.allowHalf" @change="item.onChange && item.onChange(formData[item.field])" />
+			</template>
+
+			<!-- 滑块 -->
+			<template v-else-if="item.type === 'slider'">
+				<a-slider v-model:value="formData[item.field]" :disabled="item.disabled" :min="item.min || 0"
+					:max="item.max || 100" :step="item.step || 1" :marks="item.marks" :range="item.range"
+					@change="item.onChange && item.onChange(formData[item.field])" />
+			</template>
+
+			<!-- 级联选择 -->
+			<template v-else-if="item.type === 'cascader'">
+				<a-cascader v-model:value="formData[item.field]" :options="item.options"
+					:placeholder="item.placeholder || `请选择${item.label}`" :disabled="item.disabled"
+					:change-on-select="item.changeOnSelect" :field-names="item.fieldNames" style="width: 100%"
+					@change="item.onChange && item.onChange(formData[item.field])" />
+			</template>
+
+			<!-- 自定义插槽 -->
+			<template v-else-if="item.type === 'slot'">
+				<slot :name="item.slotName || item.field" :field="item.field" :value="formData[item.field]"></slot>
+			</template>
+
+			<!-- 提示信息 -->
+			<template v-if="item.tip">
+				<div class="form-item-tip">{{ item.tip }}</div>
+			</template>
+		</a-form-item>
+
+		<!-- 表单操作按钮 -->
+		<a-form-item v-if="showActions" :wrapper-col="actionWrapperCol">
+			<a-space>
+				<a-button type="primary" html-type="submit" :loading="loading" :size="buttonSize">
+					{{ submitText || '提交' }}
+				</a-button>
+				<a-button v-if="showReset" @click="handleReset" :size="buttonSize">
+					{{ resetText || '重置' }}
+				</a-button>
+				<a-button v-if="showCancel" @click="handleCancel" :size="buttonSize">
+					{{ cancelText || '取消' }}
+				</a-button>
+				<slot name="actions"></slot>
+			</a-space>
+		</a-form-item>
+
+		<!-- 自定义插槽 -->
+		<slot></slot>
+	</a-form>
+</template>
+
+<script setup>
+import { ref, reactive, computed, watch } from 'vue'
+import { Empty } from 'ant-design-vue'
+import { UploadOutlined, PlusOutlined } from '@ant-design/icons-vue'
+
+const props = defineProps({
+	// 表单项配置
+	formItems: {
+		type: Array,
+		default: () => [],
+		required: true,
+	},
+	// 表单初始值
+	initialValues: {
+		type: Object,
+		default: () => ({}),
+	},
+	// 表单布局
+	layout: {
+		type: String,
+		default: 'horizontal', // horizontal, vertical, inline
+	},
+	// 标签宽度
+	labelCol: {
+		type: Object,
+		default: () => ({ span: 6 }),
+	},
+	// 内容宽度
+	wrapperCol: {
+		type: Object,
+		default: () => ({ span: 16 }),
+	},
+	// 是否显示操作按钮
+	showActions: {
+		type: Boolean,
+		default: true,
+	},
+	// 操作按钮布局
+	actionWrapperCol: {
+		type: Object,
+		default: () => ({ offset: 6, span: 16 }),
+	},
+	// 是否显示重置按钮
+	showReset: {
+		type: Boolean,
+		default: true,
+	},
+	// 是否显示取消按钮
+	showCancel: {
+		type: Boolean,
+		default: false,
+	},
+	// 按钮文字
+	submitText: String,
+	resetText: String,
+	cancelText: String,
+	// 按钮大小
+	buttonSize: {
+		type: String,
+		default: 'middle',
+	},
+	// 加载状态
+	loading: {
+		type: Boolean,
+		default: false,
+	},
+})
+
+const emit = defineEmits(['finish', 'finish-failed', 'reset', 'cancel'])
+
+// 表单数据
+const formData = reactive({ ...props.initialValues })
+
+// 表单验证规则
+const rules = computed(() => {
+	const result = {}
+	props.formItems.forEach((item) => {
+		if (item.rules && item.rules.length > 0) {
+			result[item.field] = item.rules
+		}
+	})
+	return result
+})
+
+// 监听初始值变化
+watch(
+	() => props.initialValues,
+	(newVal) => {
+		Object.assign(formData, newVal)
+	},
+	{ deep: true },
+)
+
+// 表单提交
+const handleFinish = (values) => {
+	emit('finish', values)
+}
+
+// 表单验证失败
+const handleFinishFailed = (errorInfo) => {
+	emit('finish-failed', errorInfo)
+}
+
+// 重置表单
+const handleReset = () => {
+	Object.assign(formData, props.initialValues)
+	emit('reset', formData)
+}
+
+// 取消操作
+const handleCancel = () => {
+	emit('cancel')
+}
+
+// 暴露方法给父组件
+defineExpose({
+	formData,
+	resetForm: handleReset,
+	setFieldValue: (field, value) => {
+		formData[field] = value
+	},
+	getFieldValue: (field) => {
+		return formData[field]
+	},
+	setFieldsValue: (values) => {
+		Object.assign(formData, values)
+	},
+})
+</script>
+
+<style scoped lang="scss">
+.form-item-tip {
+	margin-top: 4px;
+	font-size: 12px;
+	color: #999;
+	line-height: 1.5;
+}
+</style>
diff --git a/resources/admin/src/components/scIconPicker/index.vue b/resources/admin/src/components/scIconPicker/index.vue
new file mode 100644
index 0000000..adbbb57
--- /dev/null
+++ b/resources/admin/src/components/scIconPicker/index.vue
@@ -0,0 +1,508 @@
+<template>
+	<div class="sc-icon-picker">
+		<a-input :value="selectedIcon ? '' : ''" :placeholder="placeholder" readonly @click="handleOpenPicker">
+			<template #prefix v-if="selectedIcon">
+				<component :is="selectedIcon" />
+			</template>
+			<template #suffix>
+				<SearchOutlined v-if="!selectedIcon" />
+				<CloseCircleFilled v-else @click.stop="handleClear" />
+			</template>
+		</a-input>
+
+		<a-modal v-model:open="visible" title="选择图标" :width="800" :footer="null" @cancel="handleCancel">
+			<a-tabs v-model:activeKey="activeTab" @change="handleTabChange">
+				<a-tab-pane key="antd" tab="Ant Design">
+					<div class="icon-search">
+						<a-input v-model:value="searchAntdValue" placeholder="搜索图标..." allow-clear>
+							<template #prefix>
+								<SearchOutlined />
+							</template>
+						</a-input>
+					</div>
+					<div class="icon-list">
+						<div
+							v-for="icon in filteredAntdIcons"
+							:key="icon"
+							:class="['icon-item', { active: tempIcon === icon }]"
+							@click="handleSelectIcon(icon)"
+						>
+							<component :is="icon" />
+							<div class="icon-name">{{ icon }}</div>
+						</div>
+						<a-empty v-if="filteredAntdIcons.length === 0" description="暂无图标" :image="Empty.PRESENTED_IMAGE_SIMPLE" />
+					</div>
+				</a-tab-pane>
+				<a-tab-pane key="element" tab="Element Plus">
+					<div class="icon-search">
+						<a-input v-model:value="searchElementValue" placeholder="搜索图标..." allow-clear>
+							<template #prefix>
+								<SearchOutlined />
+							</template>
+						</a-input>
+					</div>
+					<div class="icon-list">
+						<div
+							v-for="icon in filteredElementIcons"
+							:key="icon"
+							:class="['icon-item', { active: tempIcon === icon }]"
+							@click="handleSelectIcon(icon)"
+						>
+							<component :is="icon" />
+							<div class="icon-name">{{ icon.replace('El', '') }}</div>
+						</div>
+						<a-empty v-if="filteredElementIcons.length === 0" description="暂无图标" :image="Empty.PRESENTED_IMAGE_SIMPLE" />
+					</div>
+				</a-tab-pane>
+			</a-tabs>
+		</a-modal>
+	</div>
+</template>
+
+<script setup>
+/**
+ * @component scIconPicker
+ */
+import { ref, computed, watch } from 'vue'
+import { Empty } from 'ant-design-vue'
+import { SearchOutlined, CloseCircleFilled } from '@ant-design/icons-vue'
+
+const props = defineProps({
+	modelValue: {
+		type: String,
+		default: '',
+	},
+	placeholder: {
+		type: String,
+		default: '请选择图标',
+	},
+})
+
+const emit = defineEmits(['update:modelValue', 'change'])
+
+const visible = ref(false)
+const activeTab = ref('antd')
+const searchAntdValue = ref('')
+const searchElementValue = ref('')
+const tempIcon = ref('')
+
+// Ant Design 图标列表（常用图标）
+const antdIcons = [
+	'HomeOutlined',
+	'UserOutlined',
+	'SettingOutlined',
+	'EditOutlined',
+	'DeleteOutlined',
+	'PlusOutlined',
+	'MinusOutlined',
+	'CheckOutlined',
+	'CloseOutlined',
+	'SearchOutlined',
+	'FilterOutlined',
+	'ReloadOutlined',
+	'DownloadOutlined',
+	'UploadOutlined',
+	'FileTextOutlined',
+	'FolderOutlined',
+	'PictureOutlined',
+	'VideoCameraOutlined',
+	'AudioOutlined',
+	'FileOutlined',
+	'CalendarOutlined',
+	'ClockCircleOutlined',
+	'HeartOutlined',
+	'StarOutlined',
+	'ThumbUpOutlined',
+	'MessageOutlined',
+	'PhoneOutlined',
+	'MailOutlined',
+	'EnvironmentOutlined',
+	'GlobalOutlined',
+	'LinkOutlined',
+	'LockOutlined',
+	'UnlockOutlined',
+	'EyeOutlined',
+	'EyeInvisibleOutlined',
+	'ArrowLeftOutlined',
+	'ArrowRightOutlined',
+	'ArrowUpOutlined',
+	'ArrowDownOutlined',
+	'CaretLeftOutlined',
+	'CaretRightOutlined',
+	'CaretUpOutlined',
+	'CaretDownOutlined',
+	'LeftOutlined',
+	'RightOutlined',
+	'UpOutlined',
+	'DownOutlined',
+	'MenuFoldOutlined',
+	'MenuUnfoldOutlined',
+	'BarsOutlined',
+	'MoreOutlined',
+	'EllipsisOutlined',
+	'DashboardOutlined',
+	'AppstoreOutlined',
+	'LaptopOutlined',
+	'DesktopOutlined',
+	'TabletOutlined',
+	'MobileOutlined',
+	'WifiOutlined',
+	'BluetoothOutlined',
+	'ThunderboltOutlined',
+	'BulbOutlined',
+	'SoundOutlined',
+	'NotificationOutlined',
+	'BellOutlined',
+	'AlertOutlined',
+	'WarningOutlined',
+	'InfoCircleOutlined',
+	'QuestionCircleOutlined',
+	'CheckCircleOutlined',
+	'CloseCircleOutlined',
+	'StopOutlined',
+	'ExclamationCircleOutlined',
+	'SafetyOutlined',
+	'ShieldCheckOutlined',
+	'SecurityScanOutlined',
+	'KeyOutlined',
+	'IdcardOutlined',
+	'ProfileOutlined',
+	'SolutionOutlined',
+	'ContactsOutlined',
+	'TeamOutlined',
+	'UsergroupAddOutlined',
+	'UsergroupDeleteOutlined',
+	'CrownOutlined',
+	'GoldOutlined',
+	'MoneyCollectOutlined',
+	'BankOutlined',
+	'PayCircleOutlined',
+	'CreditCardOutlined',
+	'WalletOutlined',
+	'ShoppingCartOutlined',
+	'ShoppingOutlined',
+	'GiftOutlined',
+	'HddOutlined',
+	'DatabaseOutlined',
+	'CloudOutlined',
+	'CloudUploadOutlined',
+	'CloudDownloadOutlined',
+	'ServerOutlined',
+	'AuditOutlined',
+	'NodeIndexOutlined',
+	'ReconciliationOutlined',
+	'PartitionOutlined',
+	'AccountBookOutlined',
+	'ProjectOutlined',
+	'ControlOutlined',
+	'MonitorOutlined',
+	'TagsOutlined',
+	'TagOutlined',
+	'BookOutlined',
+	'ReadOutlined',
+	'ExperimentOutlined',
+	'FireOutlined',
+	'RocketOutlined',
+	'TrophyOutlined',
+	'MedalOutlined',
+	'DiamondOutlined',
+	'ThunderboltTwoTone',
+]
+
+// Element Plus 图标列表（常用图标）
+const elementIcons = [
+	'ElIconEdit',
+	'ElIconDelete',
+	'ElIconSearch',
+	'ElIconClose',
+	'ElIconCheck',
+	'ElIconPlus',
+	'ElIconMinus',
+	'ElIconUpload',
+	'ElIconDownload',
+	'ElIconSetting',
+	'ElIconRefresh',
+	'ElIconRefreshLeft',
+	'ElIconRefreshRight',
+	'ElIconMenu',
+	'ElIconMore',
+	'ElIconMoreFilled',
+	'ElIconStar',
+	'ElIconStarFilled',
+	'ElIconSunny',
+	'ElIconMoon',
+	'ElIconBell',
+	'ElIconBellFilled',
+	'ElIconMessage',
+	'ElIconMessageFilled',
+	'ElIconChatDotRound',
+	'ElIconChatLineSquare',
+	'ElIconChatDotSquare',
+	'ElIconPhone',
+	'ElIconPhoneFilled',
+	'ElIconLocation',
+	'ElIconLocationFilled',
+	'ElIconLocationInformation',
+	'ElIconView',
+	'ElIconHide',
+	'ElIconLock',
+	'ElIconUnlock',
+	'ElIconKey',
+	'ElIconTickets',
+	'ElIconDocument',
+	'ElIconDocumentAdd',
+	'ElIconDocumentDelete',
+	'ElIconDocumentCopy',
+	'ElIconDocumentChecked',
+	'ElIconDocumentRemove',
+	'ElIconFolder',
+	'ElIconFolderOpened',
+	'ElIconFolderAdd',
+	'ElIconFolderDelete',
+	'ElIconFolderChecked',
+	'ElIconFiles',
+	'ElIconPicture',
+	'ElIconPictureRounded',
+	'ElIconPictureFilled',
+	'ElIconVideoCamera',
+	'ElIconVideoCameraFilled',
+	'ElIconMicrophone',
+	'ElIconMicrophoneFilled',
+	'ElIconHeadset',
+	'ElIconHeadsetFilled',
+	'ElIconMuteNotification',
+	'ElIconNotification',
+	'ElIconWarning',
+	'ElIconWarningFilled',
+	'ElIconInfoFilled',
+	'ElIconSuccessFilled',
+	'ElIconCircleCheck',
+	'ElIconCircleCheckFilled',
+	'ElIconCircleClose',
+	'ElIconCircleCloseFilled',
+	'ElIconCirclePlus',
+	'ElIconCirclePlusFilled',
+	'ElIconCircleMinus',
+	'ElIconCircleMinusFilled',
+	'ElIconAim',
+	'ElIconPosition',
+	'ElIconCompass',
+	'ElIconMapLocation',
+	'ElIconPromotion',
+	'ElIconDownload',
+	'ElIconUploadFilled',
+	'ElIconShare',
+	'ElIconConnection',
+	'ElIconLink',
+	'ElIconUnlink',
+	'ElIconOperation',
+	'ElIconDataAnalysis',
+	'ElIconDataLine',
+	'ElIconDataBoard',
+	'ElIconHistogram',
+	'ElIconTrendCharts',
+	'ElIconPieChart',
+	'ElIconOdometer',
+	'ElIconMonitor',
+	'ElIconTimer',
+	'ElIconClock',
+	'ElIconAlarmClock',
+	'ElIconCalendar',
+	'ElIconDate',
+	'ElIconSwitch',
+	'ElIconSwitchButton',
+	'ElIconTools',
+	'ElIconScrewdriver',
+	'ElIconHammer',
+	'ElIconBrush',
+	'ElIconEditPen',
+	'ElIconBriefcase',
+	'ElIconWallet',
+	'ElIconGoods',
+	'ElIconShoppingCart',
+	'ElIconShoppingCartFull',
+	'ElIconShoppingBag',
+	'ElIconPresent',
+	'ElIconSoldOut',
+	'ElIconSell',
+	'ElIconDiscount',
+	'ElIconTicket',
+	'ElIconCoin',
+	'ElIconMoney',
+	'ElIconWalletFilled',
+	'ElIconCreditCard',
+	'ElIconUser',
+	'ElIconUserFilled',
+	'ElIconAvatar',
+	'ElIconSuitcase',
+	'ElIconGrid',
+	'ElIconMenuFilled',
+	'ElIconHomeFilled',
+	'ElIconHouse',
+	'ElIconOfficeBuilding',
+	'ElIconSchool',
+	'ElIconReading',
+	'ElIconReadingLamp',
+	'ElIconNotebook',
+	'ElIconNotebookFilled',
+	'ElIconFinished',
+	'ElIconCollection',
+	'ElIconCollectionTag',
+	'ElIconFiles',
+	'ElIconPostcard',
+	'ElIconMemo',
+	'ElIconStamp',
+	'ElIconPriceTag',
+	'ElIconMedal',
+	'ElIconTrophy',
+	'ElIconTrophyBase',
+	'ElIconFirstAidKit',
+	'ElIconToiletPaper',
+	'ElIconAim',
+	'ElIconSFlag',
+	'ElIconSOpportunity',
+	'ElIconMagicStick',
+	'ElIconHelp',
+	'ElIconQuestionFilled',
+	'ElIconWarning',
+	'ElIconWarningFilled',
+]
+
+// 当前选中的图标
+const selectedIcon = ref(props.modelValue)
+
+// 过滤后的 Ant Design 图标
+const filteredAntdIcons = computed(() => {
+	if (!searchAntdValue.value) {
+		return antdIcons
+	}
+	return antdIcons.filter((icon) =>
+		icon.toLowerCase().includes(searchAntdValue.value.toLowerCase()),
+	)
+})
+
+// 过滤后的 Element 图标
+const filteredElementIcons = computed(() => {
+	if (!searchElementValue.value) {
+		return elementIcons
+	}
+	return elementIcons.filter((icon) =>
+		icon.toLowerCase().includes(searchElementValue.value.toLowerCase()),
+	)
+})
+
+// 打开选择器
+const handleOpenPicker = () => {
+	tempIcon.value = props.modelValue
+	// 根据当前图标设置默认标签页
+	if (props.modelValue) {
+		activeTab.value = props.modelValue.startsWith('El') ? 'element' : 'antd'
+	}
+	visible.value = true
+}
+
+// 清除选择
+const handleClear = () => {
+	emit('update:modelValue', '')
+	emit('change', '')
+}
+
+// 切换标签页
+const handleTabChange = (key) => {
+	activeTab.value = key
+}
+
+// 选择图标（直接确认并关闭）
+const handleSelectIcon = (icon) => {
+	emit('update:modelValue', icon)
+	emit('change', icon)
+	selectedIcon.value = icon
+	visible.value = false
+}
+
+// 取消选择
+const handleCancel = () => {
+	visible.value = false
+}
+
+// 监听props变化，更新本地状态
+watch(
+	() => props.modelValue,
+	(newVal) => {
+		selectedIcon.value = newVal
+	}
+)
+</script>
+
+<style scoped lang="scss">
+.sc-icon-picker {
+	:deep(.ant-input) {
+		cursor: pointer;
+	}
+
+	.icon-search {
+		margin-bottom: 16px;
+	}
+
+	.icon-list {
+		display: grid;
+		grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
+		gap: 12px;
+		max-height: 400px;
+		overflow-y: auto;
+		padding: 8px;
+
+		&::-webkit-scrollbar {
+			width: 6px;
+		}
+
+		&::-webkit-scrollbar-thumb {
+			background: #d9d9d9;
+			border-radius: 3px;
+
+			&:hover {
+				background: #bfbfbf;
+			}
+		}
+
+		.icon-item {
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			justify-content: center;
+			padding: 12px 8px;
+			border: 1px solid #d9d9d9;
+			border-radius: 6px;
+			cursor: pointer;
+			transition: all 0.3s;
+
+			&:hover {
+				border-color: #1890ff;
+				color: #1890ff;
+			}
+
+			&.active {
+				background-color: #e6f7ff;
+				border-color: #1890ff;
+				color: #1890ff;
+			}
+
+			:deep(svg) {
+				font-size: 24px;
+				margin-bottom: 8px;
+			}
+
+			.icon-name {
+				font-size: 12px;
+				color: #666;
+				text-align: center;
+				word-break: break-all;
+				white-space: nowrap;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				width: 100%;
+			}
+		}
+	}
+}
+</style>
diff --git a/resources/admin/src/components/scImport/README.md b/resources/admin/src/components/scImport/README.md
new file mode 100644
index 0000000..0cb7bac
--- /dev/null
+++ b/resources/admin/src/components/scImport/README.md
@@ -0,0 +1,192 @@
+# scImport 异步导入组件
+
+异步导入组件，支持文件上传、表单参数配置、模板下载等功能。
+
+## 基本使用
+
+```vue
+<template>
+	<a-button type="primary" @click="showImport = true">
+		<import-outlined /> 导入数据
+	</a-button>
+
+	<sc-import
+		v-model:open="showImport"
+		:api="authApi.users.import.post"
+		:template-api="authApi.users.downloadTemplate.get"
+		title="导入用户"
+		filename="用户数据"
+		@success="handleImportSuccess"
+		@error="handleImportError"
+	/>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import authApi from '@/api/auth'
+
+const showImport = ref(false)
+
+const handleImportSuccess = (data) => {
+	console.log('导入成功', data)
+	// 刷新列表等操作
+}
+
+const handleImportError = (message) => {
+	console.log('导入失败', message)
+}
+</script>
+```
+
+## Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| open | 是否显示弹窗 | Boolean | false |
+| title | 弹窗标题 | String | '导入数据' |
+| api | 导入API接口 | Function | 必填 |
+| templateApi | 下载模板API接口 | Function | null |
+| accept | 接受的文件类型 | String | '.xlsx,.xls,.csv' |
+| maxSize | 文件大小限制（MB） | Number | 10 |
+| showTemplate | 是否显示下载模板 | Boolean | true |
+| tip | 提示信息 | String | '' |
+| filename | 文件名（用于下载） | String | '导入数据' |
+
+## Events
+
+| 事件名 | 说明 | 回调参数 |
+|--------|------|----------|
+| update:open | 弹窗显示状态变化 | (visible: Boolean) |
+| success | 导入成功 | (data, response) |
+| error | 导出失败 | (message, error) |
+| change | 文件列表变化 | (fileList) |
+
+## Slots
+
+### formParams
+
+自定义表单参数插槽，可用于添加额外的表单字段。
+
+```vue
+<template>
+	<sc-import
+		v-model:open="showImport"
+		:api="importApi"
+		@success="handleSuccess"
+	>
+		<template #formParams="{ formData }">
+			<a-form layout="vertical">
+				<a-form-item label="部门">
+					<a-select
+						v-model:value="formData.department_id"
+						placeholder="请选择部门"
+						:options="departmentOptions"
+					/>
+				</a-form-item>
+				<a-form-item label="覆盖已有数据">
+					<a-switch v-model:checked="formData.overwrite" />
+				</a-form-item>
+			</a-form>
+		</template>
+	</sc-import>
+</template>
+```
+
+## 完整示例
+
+```vue
+<template>
+	<a-button type="primary" @click="handleImport">
+		<import-outlined /> 导入用户
+	</a-button>
+
+	<sc-import
+		v-model:open="importVisible"
+		:api="authApi.users.import.post"
+		:template-api="authApi.users.downloadTemplate.get"
+		title="导入用户数据"
+		accept=".xlsx,.xls"
+		:max-size="20"
+		:show-template="true"
+		tip="请按照模板格式填写数据，每次最多导入 1000 条数据"
+		filename="用户数据"
+		@success="handleImportSuccess"
+		@error="handleImportError"
+		@change="handleFileChange"
+	>
+		<template #formParams="{ formData }">
+			<a-form layout="vertical">
+				<a-form-item label="所属部门" required>
+					<a-select
+						v-model:value="formData.department_id"
+						placeholder="请选择部门"
+						:options="departmentOptions"
+						:field-names="{ label: 'name', value: 'id' }"
+					/>
+				</a-form-item>
+				<a-form-item label="用户角色">
+					<a-select
+						v-model:value="formData.role_ids"
+						mode="multiple"
+						placeholder="请选择角色"
+						:options="roleOptions"
+						:field-names="{ label: 'name', value: 'id' }"
+					/>
+				</a-form-item>
+				<a-form-item label="是否激活">
+					<a-switch v-model:checked="formData.is_active" checked-children="是" un-checked-children="否" />
+				</a-form-item>
+			</a-form>
+		</template>
+	</sc-import>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue'
+import { message } from 'ant-design-vue'
+import { ImportOutlined } from '@ant-design/icons-vue'
+import authApi from '@/api/auth'
+
+const importVisible = ref(false)
+const departmentOptions = ref([])
+const roleOptions = ref([])
+
+// 加载选项数据
+onMounted(async () => {
+	try {
+		const [deptRes, roleRes] = await Promise.all([
+			authApi.departments.all.get(),
+			authApi.roles.all.get()
+		])
+		departmentOptions.value = deptRes.data || []
+		roleOptions.value = roleRes.data || []
+	} catch (error) {
+		console.error('加载选项失败', error)
+	}
+})
+
+const handleImport = () => {
+	importVisible.value = true
+}
+
+const handleImportSuccess = (data) => {
+	message.success('导入成功')
+	// 刷新列表或执行其他操作
+}
+
+const handleImportError = (errorMessage) => {
+	message.error('导入失败：' + errorMessage)
+}
+
+const handleFileChange = (fileList) => {
+	console.log('文件列表变化', fileList)
+}
+</script>
+```
+
+## 注意事项
+
+1. 组件会自动处理文件上传、表单参数合并等逻辑
+2. 表单参数会通过 FormData 发送到后端
+3. 数组和对象类型的参数会被转换为 JSON 字符串
+4. 下载模板功能需要后端提供对应的 API 接口
diff --git a/resources/admin/src/components/scImport/index.vue b/resources/admin/src/components/scImport/index.vue
new file mode 100644
index 0000000..0eddb07
--- /dev/null
+++ b/resources/admin/src/components/scImport/index.vue
@@ -0,0 +1,323 @@
+<template>
+	<a-modal
+		v-model:open="visible"
+		:title="title"
+		:width="600"
+		:confirm-loading="loading"
+		:ok-button-props="{ disabled: !fileList.length }"
+		@ok="handleOk"
+		@cancel="handleCancel"
+	>
+		<div class="import-modal">
+			<!-- 表单参数插槽 -->
+			<div v-if="$slots.formParams" class="form-params">
+				<slot name="formParams" :form-data="formData" />
+			</div>
+
+			<!-- 上传区域 -->
+			<div class="upload-section">
+				<a-upload-dragger
+					v-model:file-list="fileList"
+					:custom-request="customUpload"
+					:before-upload="beforeUpload"
+					:accept="accept"
+					:max-count="1"
+					:disabled="loading"
+					@change="handleChange"
+					@drop="handleDrop"
+				>
+					<p class="ant-upload-drag-icon">
+						<inbox-outlined />
+					</p>
+					<p class="ant-upload-text">点击或拖拽文件到此区域上传</p>
+					<p class="ant-upload-hint">
+						{{ acceptTip }}
+					</p>
+				</a-upload-dragger>
+			</div>
+
+			<!-- 下载模板链接 -->
+			<div v-if="showTemplate" class="template-section">
+				<a-alert type="info" show-icon>
+					<template #message>
+						<span>请先下载模板，按照模板格式填写数据后上传</span>
+					</template>
+					<template #action>
+						<a-button type="link" size="small" :loading="templateLoading" @click="handleDownloadTemplate">
+							<download-outlined /> 下载模板
+						</a-button>
+					</template>
+				</a-alert>
+			</div>
+
+			<!-- 上传提示 -->
+			<div v-if="tip" class="tip-section">
+				<a-alert type="warning" show-icon>
+					<template #message>{{ tip }}</template>
+				</a-alert>
+			</div>
+		</div>
+	</a-modal>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue'
+import { message } from 'ant-design-vue'
+import { InboxOutlined, DownloadOutlined } from '@ant-design/icons-vue'
+
+const props = defineProps({
+	// 是否显示弹窗
+	open: {
+		type: Boolean,
+		default: false
+	},
+	// 弹窗标题
+	title: {
+		type: String,
+		default: '导入数据'
+	},
+	// 导入API接口
+	api: {
+		type: Function,
+		required: true
+	},
+	// 下载模板API接口
+	templateApi: {
+		type: Function,
+		default: null
+	},
+	// 接受的文件类型
+	accept: {
+		type: String,
+		default: '.xlsx,.xls,.csv'
+	},
+	// 文件大小限制（MB）
+	maxSize: {
+		type: Number,
+		default: 10
+	},
+	// 是否显示下载模板
+	showTemplate: {
+		type: Boolean,
+		default: true
+	},
+	// 提示信息
+	tip: {
+		type: String,
+		default: ''
+	},
+	// 文件名（用于下载）
+	filename: {
+		type: String,
+		default: '导入数据'
+	}
+})
+
+const emit = defineEmits(['update:open', 'success', 'error', 'change'])
+
+// 弹窗显示状态
+const visible = ref(false)
+
+// 文件列表
+const fileList = ref([])
+
+// 加载状态
+const loading = ref(false)
+const templateLoading = ref(false)
+
+// 表单数据（用于插槽）
+const formData = ref({})
+
+// 文件类型提示
+const acceptTip = ref(props.accept || '支持 .xlsx, .xls, .csv 格式文件')
+
+// 监听外部 open 变化
+watch(
+	() => props.open,
+	(val) => {
+		visible.value = val
+		if (val) {
+			// 打开时重置表单
+			fileList.value = []
+			formData.value = {}
+		}
+	},
+	{ immediate: true }
+)
+
+// 监听内部 visible 变化，同步到外部
+watch(visible, (val) => {
+	emit('update:open', val)
+})
+
+// 自定义上传
+const customUpload = (options) => {
+	const { onSuccess } = options
+	// 这里不直接上传，只是标记为准备上传
+	onSuccess({}, options.file)
+}
+
+// 上传前校验
+const beforeUpload = (file) => {
+	// 文件类型校验
+	const acceptTypes = props.accept.split(',').map((type) => type.trim().toLowerCase())
+	const fileName = file.name.toLowerCase()
+	const isValidType = acceptTypes.some((type) => fileName.endsWith(type))
+
+	if (!isValidType) {
+		message.error(`文件格式不正确，仅支持 ${props.accept} 格式`)
+		return false
+	}
+
+	// 文件大小校验
+	const maxSizeBytes = props.maxSize * 1024 * 1024
+	if (file.size > maxSizeBytes) {
+		message.error(`文件大小不能超过 ${props.maxSize}MB`)
+		return false
+	}
+
+	return true
+}
+
+// 处理文件变化
+const handleChange = ({ fileList: newFileList }) => {
+	fileList.value = newFileList
+	emit('change', newFileList)
+}
+
+// 拖拽相关
+const handleDrop = (e) => {
+	e.preventDefault()
+}
+
+// 下载模板
+const handleDownloadTemplate = async () => {
+	if (!props.templateApi) {
+		message.error('未配置模板下载接口')
+		return
+	}
+
+	try {
+		templateLoading.value = true
+		const blob = await props.templateApi()
+
+		// 创建下载链接
+		const url = window.URL.createObjectURL(blob)
+		const link = document.createElement('a')
+		link.href = url
+		link.download = `${props.filename}-模板.xlsx`
+		document.body.appendChild(link)
+		link.click()
+		document.body.removeChild(link)
+		window.URL.revokeObjectURL(url)
+
+		message.success('模板下载成功')
+	} catch (error) {
+		message.error('模板下载失败：' + error.message)
+	} finally {
+		templateLoading.value = false
+	}
+}
+
+// 确认导入
+const handleOk = async () => {
+	if (fileList.value.length === 0) {
+		message.error('请选择要导入的文件')
+		return
+	}
+
+	const file = fileList.value[0]
+	const formDataObj = new FormData()
+
+	// 添加文件
+	if (file.originFileObj) {
+		formDataObj.append('file', file.originFileObj)
+	} else if (file.url) {
+		// 如果是已有文件，可能需要重新处理
+		message.error('请重新选择文件')
+		return
+	}
+
+	// 添加表单参数（如果有）
+	if (Object.keys(formData.value).length > 0) {
+		Object.keys(formData.value).forEach((key) => {
+			const value = formData.value[key]
+			if (value !== null && value !== undefined && value !== '') {
+				if (Array.isArray(value)) {
+					formDataObj.append(key, JSON.stringify(value))
+				} else if (typeof value === 'object') {
+					formDataObj.append(key, JSON.stringify(value))
+				} else {
+					formDataObj.append(key, value)
+				}
+			}
+		})
+	}
+
+	try {
+		loading.value = true
+		const res = await props.api(formDataObj)
+
+		if (res.code === 200 || res.success) {
+			message.success('导入成功')
+			emit('success', res.data, res)
+			handleCancel()
+		} else {
+			message.error(res.message || '导入失败')
+			emit('error', res.message, res)
+		}
+	} catch (error) {
+		message.error('导入失败：' + error.message)
+		emit('error', error.message, error)
+	} finally {
+		loading.value = false
+	}
+}
+
+// 取消导入
+const handleCancel = () => {
+	visible.value = false
+	fileList.value = []
+	formData.value = {}
+}
+</script>
+
+<style scoped>
+.import-modal {
+	padding: 10px 0;
+}
+
+.form-params {
+	margin-bottom: 20px;
+	padding: 16px;
+	background-color: #fafafa;
+	border-radius: 4px;
+}
+
+.upload-section {
+	margin-bottom: 20px;
+}
+
+.template-section {
+	margin-bottom: 16px;
+}
+
+.tip-section {
+	margin-bottom: 16px;
+}
+
+.ant-upload-drag-icon {
+	margin-bottom: 8px;
+	font-size: 48px;
+}
+
+.ant-upload-text {
+	margin-bottom: 8px;
+	font-size: 14px;
+}
+
+.ant-upload-hint {
+	font-size: 12px;
+	color: rgba(0, 0, 0, 0.45);
+}
+</style>
diff --git a/resources/admin/src/components/scTable/index.vue b/resources/admin/src/components/scTable/index.vue
new file mode 100644
index 0000000..ef8681a
--- /dev/null
+++ b/resources/admin/src/components/scTable/index.vue
@@ -0,0 +1,546 @@
+<template>
+	<div class="sc-table" ref="tableWrapper">
+		<!-- 表格内容 -->
+		<div class="sc-table-content" ref="tableContent">
+			<a-table :columns="tableColumns" :data-source="dataSource" :loading="loading" :pagination="false"
+				:row-key="rowKey" :row-selection="rowSelection" :scroll="scroll" :bordered="tableSettings.bordered"
+				:size="tableSettings.size" :show-header="showHeader" :locale="locale" @change="handleTableChange"
+				@resizeColumn="handleResizeColumn">
+				<!-- 自定义单元格内容 -->
+				<template #bodyCell="{ text, record, index, column }">
+					<!-- 序号列 -->
+					<template v-if="column.dataIndex === '_index'">
+						{{ getTableIndex(index) }}
+					</template>
+					<!-- 自定义插槽 -->
+					<template v-else-if="column.slot">
+						<slot :name="column.slot || column.dataIndex" :text="text" :record="record" :index="index"
+							:column="column"></slot>
+					</template>
+				</template>
+
+				<!-- 空状态 -->
+				<template #emptyText>
+					<a-empty :image="Empty.PRESENTED_IMAGE_SIMPLE" :description="emptyText" />
+				</template>
+			</a-table>
+		</div>
+
+		<!-- 工具栏 -->
+		<div v-if="showToolbar" class="sc-table-tool">
+			<div class="tool-left">
+				<a-pagination v-bind="pagination" @change="handlePaginationChange"
+					@showSizeChange="handlePaginationChange" />
+			</div>
+			<div class="tool-right">
+				<!-- 右侧工具栏插槽 -->
+				<slot name="toolRight"></slot>
+				<!-- 刷新按钮 -->
+				<a-tooltip v-if="showRefresh" title="刷新">
+					<a-button shape="circle" :loading="loading" @click="handleRefresh">
+						<template #icon>
+							<SyncOutlined />
+						</template>
+					</a-button>
+				</a-tooltip>
+
+				<!-- 表格设置按钮 -->
+				<a-tooltip v-if="showColumnSetting" title="表格设置">
+					<a-popover v-model:open="tableSettingVisible" placement="topRight" trigger="click" :width="240">
+						<template #content>
+							<div class="table-setting">
+								<div class="table-setting-header">
+									<span>表格设置</span>
+								</div>
+								<div class="table-setting-body">
+									<!-- 边框设置 -->
+									<div class="setting-item">
+										<span class="setting-label">显示边框</span>
+										<a-switch v-model:checked="tableSettings.bordered" size="small" />
+									</div>
+									<!-- 表格大小 -->
+									<div class="setting-item">
+										<span class="setting-label">表格大小</span>
+										<a-radio-group v-model:value="tableSettings.size" size="small"
+											button-style="solid">
+											<a-radio-button value="small">小</a-radio-button>
+											<a-radio-button value="middle">中</a-radio-button>
+											<a-radio-button value="large">大</a-radio-button>
+										</a-radio-group>
+									</div>
+								</div>
+							</div>
+						</template>
+						<a-button shape="circle">
+							<template #icon>
+								<TableOutlined />
+							</template>
+						</a-button>
+					</a-popover>
+				</a-tooltip>
+
+				<!-- 列设置按钮 -->
+				<a-tooltip v-if="showColumnSetting" title="列设置">
+					<a-popover v-model:open="columnSettingVisible" placement="topRight" trigger="click">
+						<template #content>
+							<div class="column-setting">
+								<div class="column-setting-header">
+									<span>显示与排序</span>
+								</div>
+								<div class="column-setting-list">
+									<div v-for="(colKey, index) in sortedColumns" :key="colKey"
+										class="column-setting-item" :class="{ dragging: draggingIndex === index }"
+										draggable="true" @dragstart="handleDragStart(index, $event)"
+										@dragover="handleDragOver(index, $event)" @dragend="handleDragEnd"
+										@drop="handleDrop(index)">
+										<HolderOutlined class="drag-handle" />
+										<a-checkbox :checked="visibleColumns.includes(colKey)"
+											@change="(e) => toggleColumn(colKey, e.target.checked)">
+											{{ getColumnTitle(colKey) }}
+										</a-checkbox>
+									</div>
+								</div>
+							</div>
+						</template>
+						<a-button shape="circle">
+							<template #icon>
+								<HolderOutlined />
+							</template>
+						</a-button>
+					</a-popover>
+				</a-tooltip>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script setup>
+import { ref, computed, watch, reactive, useTemplateRef, onMounted, onBeforeUnmount } from 'vue'
+import { Empty } from 'ant-design-vue'
+
+defineOptions({
+	name: 'scTable',
+})
+
+const props = defineProps({
+	// 数据源
+	dataSource: {
+		type: Array,
+		default: () => [],
+	},
+	// 列配置
+	columns: {
+		type: Array,
+		default: () => [],
+		required: true,
+	},
+	// 行的唯一标识
+	rowKey: {
+		type: [String, Function],
+		default: 'id',
+	},
+	// 加载状态
+	loading: {
+		type: Boolean,
+		default: false,
+	},
+	// 分页配置
+	pagination: {
+		type: [Object, Boolean],
+		default: () => ({
+			current: 1,
+			pageSize: 20,
+			total: 0,
+			showSizeChanger: true,
+			showTotal: (total) => `共 ${total} 条`,
+			pageSizeOptions: ['20', '50', '100', '200'],
+		}),
+	},
+	// 行选择配置
+	rowSelection: {
+		type: Object,
+		default: null,
+	},
+	// 表格大小
+	size: {
+		type: String,
+		default: 'middle', // large, middle, small
+	},
+	// 是否显示边框
+	bordered: {
+		type: Boolean,
+		default: false,
+	},
+	// 是否显示表头
+	showHeader: {
+		type: Boolean,
+		default: true,
+	},
+	// 本地化配置
+	locale: {
+		type: Object,
+		default: () => ({}),
+	},
+	// 是否显示序号列
+	showIndex: {
+		type: Boolean,
+		default: false,
+	},
+	// 序号列宽度
+	indexColumnWidth: {
+		type: Number,
+		default: 100,
+	},
+	// 序号列标题
+	indexTitle: {
+		type: String,
+		default: '序号',
+	},
+	// 是否显示工具栏
+	showToolbar: {
+		type: Boolean,
+		default: true,
+	},
+	// 是否显示刷新按钮
+	showRefresh: {
+		type: Boolean,
+		default: true,
+	},
+	// 是否显示列设置
+	showColumnSetting: {
+		type: Boolean,
+		default: true,
+	},
+	// 空状态文字
+	emptyText: {
+		type: String,
+		default: '暂无数据',
+	},
+})
+
+const tableContent = useTemplateRef('tableContent')
+const tableWrapper = useTemplateRef('tableWrapper')
+let scroll = ref({
+	scrollToFirstRowOnChange: true,
+	x: 'max-content',
+	y: true,
+})
+
+onMounted(() => {
+	updateTableHeight()
+})
+
+const updateTableHeight = () => {
+	if (tableContent.value) {
+		const tableHeight = tableContent.value.clientHeight - 56
+		scroll.value.y = tableHeight > 0 ? tableHeight : 400
+	}
+}
+
+// 根据表格宽度优化横向滚动配置
+watch(
+	[() => props.columns, () => props.showIndex, tableContent],
+	() => {
+		// 如果列有固定宽度且总宽度较大，使用max-content
+		// 否则使用true让表格自适应
+		const hasFixedColumns = props.columns.some((col) => col.width)
+		if (hasFixedColumns || props.showIndex) {
+			scroll.value.x = 'max-content'
+		} else {
+			scroll.value.x = true
+		}
+	},
+	{ immediate: true, deep: true },
+)
+
+// 表格设置状态
+const tableSettings = reactive({
+	bordered: props.bordered,
+	size: props.size,
+})
+
+// 监听props变化
+watch(
+	() => props.bordered,
+	(val) => {
+		tableSettings.bordered = val
+	},
+)
+
+watch(
+	() => props.size,
+	(val) => {
+		tableSettings.size = val
+	},
+)
+
+const emit = defineEmits(['refresh', 'change', 'resizeColumn', 'select', 'selectAll', 'selectNone', 'paginationChange'])
+
+// 列设置相关
+const columnSettingVisible = ref(false)
+const tableSettingVisible = ref(false)
+const visibleColumns = ref([])
+const sortedColumns = ref([]) // 排序后的列key数组
+const draggingIndex = ref(-1) // 当前拖拽的索引
+
+// 所有列
+const allColumns = computed(() => {
+	return props.columns.filter((col) => col.dataIndex && col.dataIndex !== '_index')
+})
+
+// 获取列标题
+const getColumnTitle = (colKey) => {
+	const col = allColumns.value.find((c) => (c.dataIndex || c.key) === colKey)
+	return col ? col.title : colKey
+}
+
+// 初始化可见列和排序
+watch(
+	() => props.columns,
+	(newColumns) => {
+		const columnKeys = newColumns.filter((col) => col.dataIndex && col.dataIndex !== '_index').map((col) => col.dataIndex || col.key)
+
+		// 如果是首次初始化，使用原始顺序
+		if (sortedColumns.value.length === 0) {
+			sortedColumns.value = [...columnKeys]
+		} else {
+			// 保留已存在的顺序，添加新列
+			const existingKeys = sortedColumns.value.filter((key) => columnKeys.includes(key))
+			const newKeys = columnKeys.filter((key) => !existingKeys.includes(key))
+			sortedColumns.value = [...existingKeys, ...newKeys]
+		}
+
+		visibleColumns.value = [...sortedColumns.value]
+	},
+	{ immediate: true, deep: true },
+)
+
+// 切换列的显示状态
+const toggleColumn = (colKey, checked) => {
+	if (checked) {
+		if (!visibleColumns.value.includes(colKey)) {
+			visibleColumns.value.push(colKey)
+		}
+	} else {
+		visibleColumns.value = visibleColumns.value.filter((key) => key !== colKey)
+	}
+}
+
+// 拖拽开始
+const handleDragStart = (index, event) => {
+	draggingIndex.value = index
+	event.dataTransfer.effectAllowed = 'move'
+	event.dataTransfer.setData('text/plain', index.toString())
+}
+
+// 拖拽经过
+const handleDragOver = (index, event) => {
+	event.preventDefault()
+	event.dataTransfer.dropEffect = 'move'
+}
+
+// 拖拽结束
+const handleDragEnd = () => {
+	draggingIndex.value = -1
+}
+
+// 拖拽放置
+const handleDrop = (dropIndex) => {
+	if (draggingIndex.value === dropIndex) return
+
+	const draggedKey = sortedColumns.value[draggingIndex.value]
+	const newColumns = [...sortedColumns.value]
+
+	// 移除被拖拽的项
+	newColumns.splice(draggingIndex.value, 1)
+
+	// 插入到新位置
+	newColumns.splice(dropIndex, 0, draggedKey)
+
+	sortedColumns.value = newColumns
+	draggingIndex.value = -1
+}
+
+// 处理刷新
+const handleRefresh = () => {
+	emit('refresh')
+}
+
+// 处理分页变化
+const handlePaginationChange = (page, pageSize) => {
+	emit('paginationChange', { page, pageSize })
+}
+
+// 处理表格变化（排序、筛选）
+const handleTableChange = (filters, sorter, extra) => {
+	emit('change', { filters, sorter, extra })
+}
+
+// 处理列宽调整
+const handleResizeColumn = (width, column) => {
+	emit('resizeColumn', { width, column })
+}
+
+// 获取表格序号
+const getTableIndex = (index) => {
+	const { current = 1, pageSize = 10 } = props.pagination || {}
+	return (current - 1) * pageSize + index + 1
+}
+
+
+// 表格列配置
+const tableColumns = computed(() => {
+	let columns = []
+
+	// 添加序号列
+	if (props.showIndex) {
+		columns.push({
+			title: props.indexTitle,
+			dataIndex: '_index',
+			key: '_index',
+			width: props.indexColumnWidth,
+			align: 'center',
+			fixed: 'left',
+		})
+	}
+
+	// 添加数据列（按排序顺序）
+	sortedColumns.value.forEach((colKey) => {
+		// 过滤掉未显示的列
+		if (!visibleColumns.value.includes(colKey)) {
+			return
+		}
+
+		const col = props.columns.find((c) => (c.dataIndex || c.key) === colKey)
+		if (col) {
+			columns.push({
+				...col,
+				customRender: col.slot ? undefined : col.customRender,
+			})
+		}
+	})
+
+	return columns
+})
+
+// 暴露方法给父组件
+defineExpose({
+	refresh: handleRefresh,
+	getTableIndex,
+})
+</script>
+
+<style scoped lang="scss">
+.sc-table {
+	width: 100%;
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	background: #fff;
+
+	&-tool {
+		height: 56px;
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: center;
+		padding: 0 10px;
+
+		.tool-left,
+		.tool-right {
+			display: flex;
+			flex-direction: row;
+			gap: 8px;
+			align-items: center;
+		}
+	}
+
+	&-content {
+		flex: 1;
+		overflow: hidden;
+		display: flex;
+		flex-direction: column;
+	}
+}
+
+.column-setting {
+	min-width: 200px;
+
+	&-header {
+		padding: 8px 0;
+		font-weight: 500;
+		color: #000;
+		border-bottom: 1px solid #f0f0f0;
+		margin-bottom: 8px;
+	}
+
+	&-list {
+		max-height: 400px;
+		overflow-y: auto;
+	}
+
+	&-item {
+		display: flex;
+		align-items: center;
+		padding: 6px 4px;
+		cursor: move;
+		transition: all 0.2s;
+		border-radius: 4px;
+
+		&:hover {
+			background: #f5f5f5;
+		}
+
+		&.dragging {
+			opacity: 0.5;
+			background: #e6f7ff;
+		}
+
+		.drag-handle {
+			margin-right: 8px;
+			color: #999;
+			cursor: grab;
+			flex-shrink: 0;
+
+			&:active {
+				cursor: grabbing;
+			}
+		}
+
+		:deep(.ant-checkbox-wrapper) {
+			flex: 1;
+			margin: 0;
+		}
+	}
+}
+
+.table-setting {
+	min-width: 200px;
+
+	&-header {
+		padding: 8px 0;
+		font-weight: 500;
+		color: #000;
+		border-bottom: 1px solid #f0f0f0;
+		margin-bottom: 12px;
+	}
+
+	&-body {
+		.setting-item {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			padding: 8px 0;
+
+			&:not(:last-child) {
+				border-bottom: 1px dashed #f0f0f0;
+			}
+
+			.setting-label {
+				color: #666;
+				font-size: 14px;
+			}
+		}
+	}
+}
+</style>
diff --git a/resources/admin/src/components/scUpload/file.vue b/resources/admin/src/components/scUpload/file.vue
new file mode 100644
index 0000000..185face
--- /dev/null
+++ b/resources/admin/src/components/scUpload/file.vue
@@ -0,0 +1,186 @@
+<template>
+	<div class="file-upload">
+		<a-upload
+			v-model:file-list="fileList"
+			:custom-request="customUpload"
+			:before-upload="beforeUpload"
+			:accept="accept"
+			:max-count="maxCount"
+			:disabled="disabled"
+			:multiple="multiple"
+			@change="handleChange"
+			@remove="handleRemove"
+		>
+			<a-button v-if="!disabled">
+				<upload-outlined />
+				上传文件
+			</a-button>
+		</a-upload>
+	</div>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue'
+import { message } from 'ant-design-vue'
+import { UploadOutlined } from '@ant-design/icons-vue'
+import uploadConfig from '@/config/upload'
+
+const props = defineProps({
+	// 文件列表
+	modelValue: {
+		type: [Array, String],
+		default: () => []
+	},
+	// 最大上传数量，默认1为单文件上传
+	maxCount: {
+		type: Number,
+		default: 1
+	},
+	// 接受的文件类型，例如 '.pdf,.doc,.docx' 或 '*'
+	accept: {
+		type: String,
+		default: '*'
+	},
+	// 是否禁用
+	disabled: {
+		type: Boolean,
+		default: false
+	},
+	// 是否支持多选
+	multiple: {
+		type: Boolean,
+		default: false
+	},
+	// 是否返回URL字符串（单文件）或URL数组（多文件）
+	returnUrl: {
+		type: Boolean,
+		default: true
+	}
+})
+
+const emit = defineEmits(['update:modelValue', 'change', 'remove'])
+
+// 文件列表
+const fileList = ref([])
+
+// 初始化文件列表
+const initFileList = () => {
+	if (props.modelValue) {
+		if (typeof props.modelValue === 'string') {
+			// 单文件上传，字符串格式
+			fileList.value = props.modelValue
+				? [
+						{
+							uid: '-1',
+							name: 'file',
+							status: 'done',
+							url: props.modelValue,
+							response: {
+								src: props.modelValue
+							}
+						}
+				  ]
+				: []
+		} else if (Array.isArray(props.modelValue)) {
+			// 多文件上传，数组格式
+			fileList.value = props.modelValue.map((url, index) => ({
+				uid: `-${index}`,
+				name: `file${index}`,
+				status: 'done',
+				url: url,
+				response: {
+					src: url
+				}
+			}))
+		}
+	} else {
+		fileList.value = []
+	}
+}
+
+// 监听外部值变化
+watch(
+	() => props.modelValue,
+	() => {
+		initFileList()
+	},
+	{ immediate: true }
+)
+
+// 自定义上传
+const customUpload = (options) => {
+	const { file, onProgress, onSuccess, onError } = options
+	const formData = new FormData()
+	formData.append(uploadConfig.filename || 'file', file)
+
+	// 使用文件上传API对象
+	const apiObj = uploadConfig.apiObjFile || uploadConfig.apiObj
+
+	apiObj(formData, {
+		onUploadProgress: (progressEvent) => {
+			const percent = Math.round((progressEvent.loaded / progressEvent.total) * 100)
+			onProgress({ percent }, file)
+		}
+	})
+		.then((res) => {
+			const data = uploadConfig.parseData(res)
+			if (data.code === uploadConfig.successCode) {
+				onSuccess(data, file)
+				message.success('上传成功')
+			} else {
+				onError(new Error(data.msg || '上传失败'))
+				message.error(data.msg || '上传失败')
+			}
+		})
+		.catch((error) => {
+			onError(error)
+			message.error('上传失败：' + error.message)
+		})
+}
+
+// 上传前校验
+const beforeUpload = (file) => {
+	const maxSizeMB = uploadConfig.maxSizeFile || uploadConfig.maxSize || 10
+	const maxSizeBytes = maxSizeMB * 1024 * 1024
+
+	if (file.size > maxSizeBytes) {
+		message.error(`文件大小不能超过 ${maxSizeMB}MB`)
+		return false
+	}
+	return true
+}
+
+// 处理文件列表变化
+const handleChange = ({ fileList: newFileList }) => {
+	fileList.value = newFileList
+
+	// 提取成功的文件URL
+	const successFiles = newFileList
+		.filter((file) => file.status === 'done' && (file.url || file.response?.src))
+		.map((file) => file.url || file.response?.src)
+
+	// 触发更新事件
+	if (props.returnUrl) {
+		// 返回URL字符串或数组
+		const value = props.maxCount === 1 ? successFiles[0] || '' : successFiles
+		emit('update:modelValue', value)
+		emit('change', value, newFileList)
+	} else {
+		// 返回完整文件列表
+		emit('update:modelValue', newFileList)
+		emit('change', newFileList)
+	}
+}
+
+// 处理文件移除
+const handleRemove = (file) => {
+	emit('remove', file)
+	return true
+}
+</script>
+
+<style scoped>
+.file-upload {
+	width: 100%;
+}
+</style>
diff --git a/resources/admin/src/components/scUpload/index.vue b/resources/admin/src/components/scUpload/index.vue
new file mode 100644
index 0000000..b2afa4d
--- /dev/null
+++ b/resources/admin/src/components/scUpload/index.vue
@@ -0,0 +1,383 @@
+<template>
+	<div class="image-upload">
+		<a-upload
+			v-model:file-list="fileList"
+			list-type="picture-card"
+			:custom-request="customUpload"
+			:before-upload="beforeUpload"
+			:accept="accept"
+			:max-count="maxCount"
+			:disabled="disabled"
+			:show-upload-list="{ showPreviewIcon: true, showRemoveIcon: !disabled }"
+			@preview="handlePreview"
+			@change="handleChange"
+			@drop="handleDrop"
+			@dragenter="handleDragEnter"
+			@dragleave="handleDragLeave"
+			class="custom-upload"
+			:class="{ 'drag-over': isDragOver }"
+		>
+			<div v-if="fileList.length < maxCount && !disabled" class="upload-area">
+				<loading-outlined v-if="uploading" class="upload-icon" />
+				<plus-outlined v-else class="upload-icon" />
+				<div class="ant-upload-text">{{ uploading ? '上传中...' : uploadText }}</div>
+				<div v-if="tip" class="ant-upload-tip">{{ tip }}</div>
+			</div>
+		</a-upload>
+		<a-modal
+			:open="previewVisible"
+			:title="previewTitle"
+			:footer="null"
+			:width="800"
+			@cancel="handleCancel"
+		>
+			<img alt="图片预览" style="width: 100%; max-height: 600px; object-fit: contain;" :src="previewImage" />
+		</a-modal>
+	</div>
+</template>
+
+<script setup>
+import { ref, watch, computed } from 'vue'
+import { message, Modal } from 'ant-design-vue'
+import { PlusOutlined, LoadingOutlined } from '@ant-design/icons-vue'
+import uploadConfig from '@/config/upload'
+
+const props = defineProps({
+	// 图片列表
+	modelValue: {
+		type: [Array, String],
+		default: () => []
+	},
+	// 最大上传数量，默认1为单图上传
+	maxCount: {
+		type: Number,
+		default: 1
+	},
+	// 接受的文件类型
+	accept: {
+		type: String,
+		default: 'image/*'
+	},
+	// 是否禁用
+	disabled: {
+		type: Boolean,
+		default: false
+	},
+	// 是否返回URL字符串（单图）或URL数组（多图）
+	returnUrl: {
+		type: Boolean,
+		default: true
+	},
+	// 上传按钮文字
+	uploadText: {
+		type: String,
+		default: '上传图片'
+	},
+	// 提示文字
+	tip: {
+		type: String,
+		default: ''
+	},
+	// 最小宽度（像素）
+	minWidth: {
+		type: Number,
+		default: 0
+	},
+	// 最大宽度（像素）
+	maxWidth: {
+		type: Number,
+		default: 0
+	},
+	// 最小高度（像素）
+	minHeight: {
+		type: Number,
+		default: 0
+	},
+	// 最大高度（像素）
+	maxHeight: {
+		type: Number,
+		default: 0
+	},
+	// 是否删除前确认
+	confirmBeforeRemove: {
+		type: Boolean,
+		default: false
+	},
+	// 自定义上传按钮内容
+	customUploadBtn: {
+		type: Function,
+		default: null
+	}
+})
+
+const emit = defineEmits(['update:modelValue', 'change', 'preview', 'remove', 'uploadSuccess', 'uploadError'])
+
+// 文件列表
+const fileList = ref([])
+
+// 预览相关
+const previewVisible = ref(false)
+const previewImage = ref('')
+const previewTitle = computed(() => {
+	return previewImage.value ? '图片预览' : ''
+})
+
+// 上传状态
+const uploading = ref(false)
+
+// 拖拽状态
+const isDragOver = ref(false)
+
+// 初始化文件列表
+const initFileList = () => {
+	if (props.modelValue) {
+		if (typeof props.modelValue === 'string') {
+			// 单图上传，字符串格式
+			fileList.value = props.modelValue
+				? [
+						{
+							uid: '-1',
+							name: 'image.png',
+							status: 'done',
+							url: props.modelValue
+						}
+				  ]
+				: []
+		} else if (Array.isArray(props.modelValue)) {
+			// 多图上传，数组格式
+			fileList.value = props.modelValue.map((url, index) => ({
+				uid: `-${index}`,
+				name: `image${index}.png`,
+				status: 'done',
+				url: url
+			}))
+		}
+	} else {
+		fileList.value = []
+	}
+}
+
+// 监听外部值变化
+watch(
+	() => props.modelValue,
+	() => {
+		initFileList()
+	},
+	{ immediate: true }
+)
+
+// 自定义上传
+const customUpload = (options) => {
+	const { file, onProgress, onSuccess, onError } = options
+	const formData = new FormData()
+	formData.append(uploadConfig.filename || 'file', file)
+
+	uploading.value = true
+
+	uploadConfig.apiObj(formData, {
+		onUploadProgress: (progressEvent) => {
+			const percent = Math.round((progressEvent.loaded / progressEvent.total) * 100)
+			onProgress({ percent }, file)
+		}
+	})
+		.then((res) => {
+			const data = uploadConfig.parseData(res)
+			if (data.code === uploadConfig.successCode) {
+				onSuccess(data, file)
+				message.success('上传成功')
+				emit('uploadSuccess', data, file)
+			} else {
+				onError(new Error(data.msg || '上传失败'))
+				message.error(data.msg || '上传失败')
+				emit('uploadError', data.msg || '上传失败', file)
+			}
+		})
+		.catch((error) => {
+			onError(error)
+			message.error('上传失败：' + error.message)
+			emit('uploadError', error.message, file)
+		})
+		.finally(() => {
+			uploading.value = false
+		})
+}
+
+// 上传前校验
+const beforeUpload = async (file) => {
+	// 文件大小校验
+	const maxSizeMB = uploadConfig.maxSize || 10
+	const maxSizeBytes = maxSizeMB * 1024 * 1024
+
+	if (file.size > maxSizeBytes) {
+		message.error(`图片大小不能超过 ${maxSizeMB}MB`)
+		return false
+	}
+
+	// 图片尺寸校验
+	if (props.minWidth || props.maxWidth || props.minHeight || props.maxHeight) {
+		try {
+			const dimensions = await getImageDimensions(file)
+			const { width, height } = dimensions
+
+			if (props.minWidth && width < props.minWidth) {
+				message.error(`图片宽度不能小于 ${props.minWidth}px`)
+				return false
+			}
+			if (props.maxWidth && width > props.maxWidth) {
+				message.error(`图片宽度不能大于 ${props.maxWidth}px`)
+				return false
+			}
+			if (props.minHeight && height < props.minHeight) {
+				message.error(`图片高度不能小于 ${props.minHeight}px`)
+				return false
+			}
+			if (props.maxHeight && height > props.maxHeight) {
+				message.error(`图片高度不能大于 ${props.maxHeight}px`)
+				return false
+			}
+		} catch (error) {
+			message.error('图片尺寸校验失败')
+			return false
+		}
+	}
+
+	return true
+}
+
+// 获取图片尺寸
+const getImageDimensions = (file) => {
+	return new Promise((resolve, reject) => {
+		const img = new Image()
+		const reader = new FileReader()
+
+		reader.onload = (e) => {
+			img.src = e.target.result
+			img.onload = () => {
+				resolve({ width: img.width, height: img.height })
+			}
+			img.onerror = reject
+		}
+		reader.onerror = reject
+		reader.readAsDataURL(file)
+	})
+}
+
+// 处理预览
+const handlePreview = async (file) => {
+	if (!file.url && !file.preview) {
+		file.preview = await getBase64(file.originFileObj)
+	}
+	previewImage.value = file.url || file.preview
+	previewVisible.value = true
+	emit('preview', file)
+}
+
+// 获取Base64
+const getBase64 = (file) => {
+	return new Promise((resolve, reject) => {
+		const reader = new FileReader()
+		reader.readAsDataURL(file)
+		reader.onload = () => resolve(reader.result)
+		reader.onerror = (error) => reject(error)
+	})
+}
+
+// 处理文件列表变化
+const handleChange = ({ fileList: newFileList }) => {
+	// 更新文件列表，确保上传成功的文件有正确的 url
+	const updatedFileList = newFileList.map((file) => {
+		// 如果文件上传成功且有响应数据但没有 url，则设置 url
+		if (file.status === 'done' && file.response?.src && !file.url) {
+			return {
+				...file,
+				url: file.response.src
+			}
+		}
+		return file
+	})
+
+	fileList.value = updatedFileList
+
+	// 过滤掉失败的文件
+	const validFileList = updatedFileList.filter((file) => file.status !== 'error')
+
+	// 提取成功的文件URL
+	const successFiles = validFileList
+		.filter((file) => file.status === 'done' && (file.url || file.response?.src))
+		.map((file) => file.url || file.response?.src)
+
+	// 触发更新事件
+	if (props.returnUrl) {
+		// 返回URL字符串或数组
+		const value = props.maxCount === 1 ? successFiles[0] || '' : successFiles
+		emit('update:modelValue', value)
+		emit('change', value, validFileList)
+	} else {
+		// 返回完整文件列表
+		emit('update:modelValue', validFileList)
+		emit('change', validFileList)
+	}
+}
+
+// 拖拽相关
+const handleDragEnter = (e) => {
+	e.preventDefault()
+	isDragOver.value = true
+}
+
+const handleDragLeave = (e) => {
+	e.preventDefault()
+	isDragOver.value = false
+}
+
+const handleDrop = (e) => {
+	e.preventDefault()
+	isDragOver.value = false
+}
+
+// 取消预览
+const handleCancel = () => {
+	previewVisible.value = false
+}
+</script>
+
+<style scoped>
+.image-upload {
+	width: 100%;
+}
+
+.upload-area {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	height: 100%;
+}
+
+.upload-icon {
+	font-size: 24px;
+	color: rgba(0, 0, 0, 0.45);
+}
+
+.ant-upload-text {
+	margin-top: 8px;
+	font-size: 12px;
+	color: rgba(0, 0, 0, 0.85);
+}
+
+.ant-upload-tip {
+	margin-top: 4px;
+	font-size: 10px;
+	color: rgba(0, 0, 0, 0.45);
+	line-height: 1.4;
+}
+
+.drag-over {
+	border: 2px dashed #1890ff;
+	background-color: rgba(24, 144, 255, 0.05);
+}
+
+.drag-over .upload-icon {
+	color: #1890ff;
+}
+</style>
diff --git a/resources/admin/src/config/index.js b/resources/admin/src/config/index.js
new file mode 100644
index 0000000..b15316c
--- /dev/null
+++ b/resources/admin/src/config/index.js
@@ -0,0 +1,59 @@
+export default {
+	APP_NAME: 'vueadmin',
+	DASHBOARD_URL: '/dashboard',
+
+	// 白名单路由（不需要登录即可访问）
+	whiteList: ['/login', '/register', '/reset-password'],
+	//版本号
+	APP_VER: '1.6.6',
+
+	//内核版本号
+	CORE_VER: '1.6.6',
+
+	//接口地址
+	API_URL: 'http://127.0.0.1:8000/admin/',
+
+	//请求超时
+	TIMEOUT: 50000,
+
+	//TokenName
+	TOKEN_NAME: 'authorization',
+
+	//Token前缀，注意最后有个空格，如不需要需设置空字符串
+	TOKEN_PREFIX: 'Bearer ',
+
+	//追加其他头
+	HEADERS: {},
+
+	//请求是否开启缓存
+	REQUEST_CACHE: false,
+	//语言
+	LANG: 'zh-cn',
+
+	DASHBOARD_LAYOUT: 'widgets', //控制台首页默认布局
+	DEFAULT_GRID: {
+		//默认分栏数量和宽度 例如 [24] [18,6] [8,8,8] [6,12,6]
+		layout: [24, 12, 12],
+		//小组件分布，com取值:pages/home/components 文件名
+		compsList: [["welcome"], ["info"], ["ver"]],
+	},
+
+	//是否加密localStorage, 为空不加密
+	//支持多种加密方式: 'AES', 'BASE64', 'DES'
+	LS_ENCRYPTION: '',
+
+	//localStorage加密秘钥，位数建议填写8的倍数
+	LS_ENCRYPTION_key: '2XNN4K8LC0ELVWN4',
+
+	//localStorage加密模式，AES支持: 'ECB', 'CBC', 'CTR', 'OFB', 'CFB'
+	LS_ENCRYPTION_mode: 'ECB',
+
+	//localStorage加密填充方式，AES支持: 'Pkcs7', 'ZeroPadding', 'Iso10126', 'Iso97971'
+	LS_ENCRYPTION_padding: 'Pkcs7',
+
+	//localStorage默认过期时间（单位：小时），0表示永不过期
+	LS_DEFAULT_EXPIRE: 720, // 30天
+
+	//DES加密秘钥，必须是8字节
+	LS_DES_key: '12345678',
+}
diff --git a/resources/admin/src/config/routes.js b/resources/admin/src/config/routes.js
new file mode 100644
index 0000000..2139573
--- /dev/null
+++ b/resources/admin/src/config/routes.js
@@ -0,0 +1,7 @@
+/**
+ * 静态路由配置
+ * 这些路由会根据用户角色进行过滤后添加到路由中
+ */
+const userRoutes = []
+
+export default userRoutes
diff --git a/resources/admin/src/config/upload.js b/resources/admin/src/config/upload.js
new file mode 100644
index 0000000..5429f34
--- /dev/null
+++ b/resources/admin/src/config/upload.js
@@ -0,0 +1,20 @@
+import systemApi from "@/api/system";
+
+//上传配置
+
+export default {
+	apiObj: systemApi.upload.post,			//上传请求API对象
+	filename: "file",					//form请求时文件的key
+	successCode: 1,					//请求完成代码
+	maxSize: 10,						//最大文件大小 默认10MB
+	parseData: function (res) {
+		return {
+			code: res.code,				//分析状态字段结构
+			fileName: res.data.name,//分析文件名称
+			src: res.data.url,			//分析图片远程地址结构
+			msg: res.message			//分析描述字段结构
+		}
+	},
+	apiObjFile: systemApi.upload.post,	//附件上传请求API对象
+	maxSizeFile: 10						//最大文件大小 默认10MB
+}
diff --git a/resources/admin/src/hooks/useI18n.js b/resources/admin/src/hooks/useI18n.js
new file mode 100644
index 0000000..ef0f6fa
--- /dev/null
+++ b/resources/admin/src/hooks/useI18n.js
@@ -0,0 +1,16 @@
+import { useI18n as useVueI18n } from 'vue-i18n'
+import { useI18nStore } from '@/stores/modules/i18n'
+
+export function useI18n() {
+	const { t, locale, availableLocales } = useVueI18n()
+	const i18nStore = useI18nStore()
+
+	return {
+		t,
+		locale,
+		availableLocales,
+		setLocale: i18nStore.setLocale,
+		currentLocale: i18nStore.currentLocale,
+		localeLabel: i18nStore.localeLabel
+	}
+}
diff --git a/resources/admin/src/hooks/useTable.js b/resources/admin/src/hooks/useTable.js
new file mode 100644
index 0000000..b9850a4
--- /dev/null
+++ b/resources/admin/src/hooks/useTable.js
@@ -0,0 +1,248 @@
+import { ref, reactive, computed, onMounted } from 'vue'
+import { message } from 'ant-design-vue'
+
+/**
+ * 表格通用hooks
+ * @param {Object} options 配置选项
+ * @param {Function} options.api 获取列表数据的API函数，必须返回包含data和total的响应
+ * @param {Object} options.searchForm 搜索表单的初始值
+ * @param {Array} options.columns 表格列配置
+ * @param {String} options.rowKey 行的唯一标识，默认为'id'
+ * @param {Boolean} options.needPagination 是否需要分页，默认为true
+ * @param {Object} options.paginationConfig 分页配置，可选
+ * @param {Boolean} options.needSelection 是否需要行选择，默认为false
+ * @param {Boolean} options.immediateLoad 是否在组件挂载时自动加载数据，默认为true
+ * @returns {Object} 返回表格相关的状态和方法
+ */
+export function useTable(options = {}) {
+	const {
+		api,
+		searchForm: initialSearchForm = {},
+		columns = [],
+		rowKey = 'id',
+		needPagination = true,
+		paginationConfig = {},
+		needSelection = false,
+		immediateLoad = true
+	} = options
+
+	// 表格引用
+	const tableRef = ref(null)
+
+	// 搜索表单
+	const searchForm = reactive({ ...initialSearchForm })
+
+	// 表格数据
+	const tableData = ref([])
+
+	// 加载状态
+	const loading = ref(false)
+
+	// 选中的行数据
+	const selectedRows = ref([])
+
+	// 选中的行keys
+	const selectedRowKeys = computed(() => selectedRows.value.map(item => item[rowKey]))
+
+	// 分页配置
+	const defaultPaginationConfig = {
+		current: 1,
+		pageSize: 20,
+		total: 0,
+		showSizeChanger: true,
+		showTotal: (total) => `共 ${total} 条`,
+		pageSizeOptions: ['20', '50', '100', '200']
+	}
+
+	const pagination = reactive({
+		...defaultPaginationConfig,
+		...paginationConfig
+	})
+
+	// 行选择配置
+	const rowSelection = computed(() => {
+		if (!needSelection) return null
+		return {
+			selectedRowKeys: selectedRowKeys.value,
+			onChange: (keys, rows) => {
+				selectedRows.value = rows
+			}
+		}
+	})
+
+	// 行选择事件处理（用于scTable的@select事件）
+	const handleSelectChange = (record, selected, selectedRows) => {
+		if (!needSelection) return
+		if (selected) {
+			selectedRows.value.push(record)
+		} else {
+			const index = selectedRows.value.findIndex(item => item[rowKey] === record[rowKey])
+			if (index > -1) {
+				selectedRows.value.splice(index, 1)
+			}
+		}
+	}
+
+	// 全选/取消全选处理（用于scTable的@selectAll事件）
+	const handleSelectAll = (selected, selectedRows, changeRows) => {
+		if (!needSelection) return
+		if (selected) {
+			changeRows.forEach(record => {
+				if (!selectedRows.value.find(item => item[rowKey] === record[rowKey])) {
+					selectedRows.value.push(record)
+				}
+			})
+		} else {
+			changeRows.forEach(record => {
+				const index = selectedRows.value.findIndex(item => item[rowKey] === record[rowKey])
+				if (index > -1) {
+					selectedRows.value.splice(index, 1)
+				}
+			})
+		}
+	}
+
+	// 加载数据
+	const loadData = async (params = {}) => {
+		if (!api) {
+			console.warn('useTable: 未提供api函数，无法加载数据')
+			return
+		}
+
+		loading.value = true
+		try {
+			const requestParams = {
+				...searchForm,
+				...params
+			}
+
+			// 如果需要分页，添加分页参数
+			if (needPagination) {
+				requestParams.page = pagination.current
+				requestParams.limit = pagination.pageSize
+			}
+
+			// 调用API函数，确保this上下文正确
+			const res = await api(requestParams)
+
+			if (res.code === 1) {
+				// 如果是分页数据
+				if (needPagination) {
+					tableData.value = res.data?.data || []
+					pagination.total = res.data?.total || 0
+				} else {
+					// 非分页数据（如树形数据）
+					// 确保数据是数组，如果不是数组则包装成数组
+					const data = res.data
+					if (Array.isArray(data)) {
+						tableData.value = data
+					} else if (data && typeof data === 'object') {
+						// 如果返回的是对象，可能包含 list 或 items 等字段
+						tableData.value = data.list || data.items || data.data || []
+					} else {
+						tableData.value = []
+					}
+				}
+			} else {
+				message.error(res.message || '加载数据失败')
+			}
+		} catch (error) {
+			console.error('加载数据失败:', error)
+			message.error('加载数据失败')
+		} finally {
+			loading.value = false
+		}
+	}
+
+	// 分页变化处理
+	const handlePaginationChange = ({ page, pageSize }) => {
+		if (!needPagination) return
+		pagination.current = page
+		pagination.pageSize = pageSize
+		loadData()
+	}
+
+	// 搜索
+	const handleSearch = () => {
+		if (needPagination) {
+			pagination.current = 1
+		}
+		loadData()
+	}
+
+	// 重置
+	const handleReset = () => {
+		// 重置搜索表单为初始值
+		Object.keys(searchForm).forEach(key => {
+			searchForm[key] = initialSearchForm[key]
+		})
+		// 清空选择
+		selectedRows.value = []
+		// 重置分页
+		if (needPagination) {
+			pagination.current = 1
+		}
+		// 重新加载数据
+		loadData()
+	}
+
+	// 刷新表格
+	const refreshTable = () => {
+		loadData()
+	}
+
+	// 清空选择
+	const clearSelection = () => {
+		selectedRows.value = []
+	}
+
+	// 设置选中行
+	const setSelectedRows = (rows) => {
+		selectedRows.value = rows
+	}
+
+	// 更新搜索表单
+	const setSearchForm = (data) => {
+		Object.assign(searchForm, data)
+	}
+
+	// 直接设置表格数据（用于特殊场景）
+	const setTableData = (data) => {
+		tableData.value = data
+	}
+
+	// 组件挂载时自动加载数据
+	if (immediateLoad) {
+		onMounted(() => {
+			loadData()
+		})
+	}
+
+	return {
+		// ref
+		tableRef,
+		// 响应式数据
+		searchForm,
+		tableData,
+		loading,
+		pagination,
+		selectedRows,
+		selectedRowKeys,
+		// 配置
+		columns,
+		rowKey,
+		rowSelection,
+		// 方法
+		loadData,
+		handleSearch,
+		handleReset,
+		handlePaginationChange,
+		handleSelectChange,
+		handleSelectAll,
+		refreshTable,
+		clearSelection,
+		setSelectedRows,
+		setSearchForm,
+		setTableData
+	}
+}
diff --git a/resources/admin/src/i18n/index.js b/resources/admin/src/i18n/index.js
new file mode 100644
index 0000000..686b68a
--- /dev/null
+++ b/resources/admin/src/i18n/index.js
@@ -0,0 +1,15 @@
+import { createI18n } from 'vue-i18n'
+import zh from './locales/zh-CN'
+import en from './locales/en-US'
+
+const i18n = createI18n({
+	legacy: false,
+	locale: 'zh-CN',
+	fallbackLocale: 'en-US',
+	messages: {
+		'zh-CN': zh,
+		'en-US': en
+	}
+})
+
+export default i18n
diff --git a/resources/admin/src/i18n/locales/en-US.js b/resources/admin/src/i18n/locales/en-US.js
new file mode 100644
index 0000000..8955705
--- /dev/null
+++ b/resources/admin/src/i18n/locales/en-US.js
@@ -0,0 +1,249 @@
+export default {
+	common: {
+		welcome: 'Welcome',
+		login: 'Login',
+		logout: 'Logout',
+		register: 'Register',
+		searchMenu: 'Search Menu',
+		searchPlaceholder: 'Please enter menu name to search',
+		noResults: 'No matching menus found',
+		searchTips: 'Keyboard Shortcuts Tips',
+		navigateResults: 'Use up/down arrows to navigate',
+		selectResult: 'Press Enter to select',
+		closeSearch: 'Press ESC to close',
+		taskCenter: 'Task Center',
+		totalTasks: 'Total Tasks',
+		pendingTasks: 'Pending',
+		completedTasks: 'Completed',
+		searchTasks: 'Search tasks...',
+		all: 'All',
+		pending: 'Pending',
+		completed: 'Completed',
+		taskTitle: 'Task Title',
+		enterTaskTitle: 'Please enter task title',
+		taskPriority: 'Task Priority',
+		priorityHigh: 'High',
+		priorityMedium: 'Medium',
+		priorityLow: 'Low',
+		confirmDelete: 'Confirm Delete',
+		addTask: 'Add Task',
+		pleaseEnterTaskTitle: 'Please enter task title',
+		added: 'Added',
+		deleted: 'Deleted',
+		justNow: 'Just now',
+		clearCache: 'Clear Cache',
+		confirmClearCache: 'Confirm Clear Cache',
+		clearCacheConfirm: 'Are you sure you want to clear all cache? This will clear local storage, session storage and cached data.',
+		cacheCleared: 'Cache cleared',
+		clearCacheFailed: 'Failed to clear cache',
+		messages: 'Messages',
+		tasks: 'Tasks',
+		clearAll: 'Clear All',
+		noMessages: 'No Messages',
+		noTasks: 'No Tasks',
+		fullscreen: 'Fullscreen',
+		personalCenter: 'Personal Center',
+		systemSettings: 'System Settings',
+		searchEmpty: 'Please enter search content',
+		searching: 'Searching: ',
+		cleared: 'Cleared',
+		languageChanged: 'Language Changed',
+		settingsDeveloping: 'System settings feature is under development',
+		logoutSuccess: 'Logout Successful',
+		logoutFailed: 'Logout Failed',
+		confirmLogout: 'Confirm Logout',
+		logoutConfirm: 'Are you sure you want to logout?',
+		username: 'Username',
+		password: 'Password',
+		confirmPassword: 'Confirm Password',
+		email: 'Email',
+		phone: 'Phone',
+		rememberMe: 'Remember Me',
+		forgotPassword: 'Forgot Password?',
+		submit: 'Submit',
+		cancel: 'Cancel',
+		save: 'Save',
+		edit: 'Edit',
+		delete: 'Delete',
+		add: 'Add',
+		search: 'Search',
+		reset: 'Reset',
+		confirm: 'Confirm',
+		back: 'Back',
+		next: 'Next',
+		previous: 'Previous',
+		refresh: 'Refresh',
+		export: 'Export',
+		import: 'Import',
+		download: 'Download',
+		upload: 'Upload',
+		view: 'View',
+		detail: 'Detail',
+		settings: 'Settings',
+		profile: 'Profile',
+		language: 'Language',
+		theme: 'Theme',
+		dark: 'Dark',
+		light: 'Light',
+		loading: 'Loading...',
+		noData: 'No Data',
+		success: 'Operation Successful',
+		error: 'Operation Failed',
+		warning: 'Warning',
+		info: 'Info',
+		confirmDelete: 'Are you sure you want to delete?',
+		confirmLogout: 'Are you sure you want to logout?',
+		addConfig: 'Add Config',
+		editConfig: 'Edit Config',
+		configCategory: 'Config Category',
+		configName: 'Config Name',
+		configTitle: 'Config Title',
+		configType: 'Config Type',
+		configValue: 'Config Value',
+		configTip: 'Config Tip',
+		typeText: 'Text',
+		typeTextarea: 'Textarea',
+		typeNumber: 'Number',
+		typeSwitch: 'Switch',
+		typeSelect: 'Select',
+		typeMultiselect: 'Multiselect',
+		typeDatetime: 'Datetime',
+		typeColor: 'Color',
+		pleaseSelect: 'Please Select',
+		pleaseEnter: 'Please Enter',
+		noConfig: 'No Config',
+		fetchConfigFailed: 'Failed to fetch config',
+		addSuccess: 'Added Successfully',
+		addFailed: 'Failed to Add',
+		editSuccess: 'Edited Successfully',
+		editFailed: 'Failed to Edit',
+		saveSuccess: 'Saved Successfully',
+		saveFailed: 'Failed to Save',
+		resetSuccess: 'Reset Successfully',
+		required: 'This field is required',
+		operation: 'Operation',
+		time: 'Time',
+		status: 'Status',
+		enabled: 'Enabled',
+		disabled: 'Disabled',
+		yes: 'Yes',
+		no: 'No',
+		areaManage: 'Area Management',
+		areaName: 'Area Name',
+		areaCode: 'Area Code',
+		areaLevel: 'Area Level',
+		parentArea: 'Parent Area',
+		province: 'Province',
+		city: 'City',
+		district: 'District',
+		street: 'Street',
+		unknown: 'Unknown',
+		addArea: 'Add Area',
+		editArea: 'Edit Area',
+		remark: 'Remark',
+		sort: 'Sort',
+		createTime: 'Create Time',
+		action: 'Action',
+		batchDelete: 'Batch Delete',
+		confirmBatchDelete: 'Confirm Batch Delete',
+		batchDeleteConfirm: 'Are you sure you want to delete the selected',
+		items: 'items?',
+		deleteConfirm: 'Are you sure you want to delete',
+		selectDataFirst: 'Please select data to operate first',
+		pleaseEnterNumber: 'Please enter a valid number',
+		exitFullScreen: 'Exit Fullscreen',
+		columns: 'Columns',
+		columnSettings: 'Column Settings',
+		selectAll: 'Select All',
+		unselectAll: 'Unselect All',
+		retry: 'Retry',
+		fetchDataFailed: 'Failed to fetch data'
+	},
+	menu: {
+		dashboard: 'Dashboard',
+		userManagement: 'User Management',
+		roleManagement: 'Role Management',
+		permissionManagement: 'Permission Management',
+		systemSettings: 'System Settings',
+		logManagement: 'Log Management'
+	},
+	login: {
+		title: 'User Login',
+		subtitle: 'Welcome back, please login to your account',
+		loginButton: 'Login',
+		loginSuccess: 'Login Successful',
+		loginFailed: 'Login Failed',
+		usernamePlaceholder: 'Please enter username',
+		passwordPlaceholder: 'Please enter password',
+		noAccount: "Don't have an account?",
+		registerNow: 'Register Now',
+		forgotPassword: 'Forgot Password?',
+		rememberMe: 'Remember Me'
+	},
+	register: {
+		title: 'User Registration',
+		subtitle: 'Create your account and get started',
+		registerButton: 'Register',
+		registerSuccess: 'Registration Successful',
+		registerFailed: 'Registration Failed',
+		usernamePlaceholder: 'Please enter username',
+		emailPlaceholder: 'Please enter email address',
+		passwordPlaceholder: 'Please enter password',
+		confirmPasswordPlaceholder: 'Please enter password again',
+		usernameRule: 'Username length between 3 to 20 characters',
+		emailRule: 'Please enter a valid email address',
+		passwordRule: 'Password length between 6 to 20 characters',
+		agreeRule: 'Please agree to the user agreement',
+		agreeTerms: 'I have read and agree to the',
+		terms: 'User Agreement',
+		hasAccount: 'Already have an account?',
+		loginNow: 'Login Now'
+	},
+	resetPassword: {
+		title: 'Reset Password',
+		subtitle: 'Reset your password via email verification code',
+		resetButton: 'Reset Password',
+		resetSuccess: 'Password reset successful',
+		resetFailed: 'Reset failed',
+		emailPlaceholder: 'Please enter email address',
+		codePlaceholder: 'Please enter verification code',
+		newPasswordPlaceholder: 'Please enter new password',
+		confirmPasswordPlaceholder: 'Please enter new password again',
+		emailRule: 'Please enter a valid email address',
+		codeRule: 'Verification code must be 6 characters',
+		passwordRule: 'Password length between 6 to 20 characters',
+		sendCode: 'Send Code',
+		codeSent: 'Verification code has been sent to your email',
+		resendCode: 'Resend in {seconds} seconds',
+		sendCodeFirst: 'Please enter email address first',
+		backToLogin: 'Back to Login'
+	},
+	layout: {
+		toggleSidebar: 'Toggle Sidebar',
+		collapse: 'Collapse',
+		expand: 'Expand',
+		logout: 'Logout'
+	},
+	table: {
+		total: 'Total {total} items',
+		selected: '{selected} items selected',
+		actions: 'Actions',
+		noData: 'No Data',
+		sort: 'Sort',
+		filter: 'Filter'
+	},
+	pagination: {
+		goTo: 'Go to',
+		page: 'Page',
+		total: 'Total {total} items',
+		itemsPerPage: '{size} items per page'
+	},
+	form: {
+		required: 'This field is required',
+		invalidEmail: 'Please enter a valid email address',
+		invalidPhone: 'Please enter a valid phone number',
+		passwordMismatch: 'Passwords do not match',
+		minLength: 'Minimum {min} characters required',
+		maxLength: 'Maximum {max} characters allowed'
+	}
+}
diff --git a/resources/admin/src/i18n/locales/zh-CN.js b/resources/admin/src/i18n/locales/zh-CN.js
new file mode 100644
index 0000000..7f6e6ff
--- /dev/null
+++ b/resources/admin/src/i18n/locales/zh-CN.js
@@ -0,0 +1,248 @@
+export default {
+	common: {
+		welcome: '欢迎使用',
+		login: '登录',
+		logout: '退出登录',
+		register: '注册',
+		searchMenu: '搜索菜单',
+		searchPlaceholder: '请输入菜单名称进行搜索',
+		noResults: '未找到匹配的菜单',
+		searchTips: '快捷键操作提示',
+		navigateResults: '使用上下键导航',
+		selectResult: '按回车键选择',
+		closeSearch: '按 ESC 关闭',
+		taskCenter: '任务中心',
+		totalTasks: '总任务',
+		pendingTasks: '待完成',
+		completedTasks: '已完成',
+		searchTasks: '搜索任务...',
+		all: '全部',
+		pending: '待完成',
+		completed: '已完成',
+		taskTitle: '任务标题',
+		enterTaskTitle: '请输入任务标题',
+		taskPriority: '任务优先级',
+		priorityHigh: '高',
+		priorityMedium: '中',
+		priorityLow: '低',
+		confirmDelete: '确认删除',
+		addTask: '添加任务',
+		pleaseEnterTaskTitle: '请输入任务标题',
+		added: '已添加',
+		deleted: '已删除',
+		justNow: '刚刚',
+		clearCache: '清除缓存',
+		confirmClearCache: '确认清除缓存',
+		clearCacheConfirm: '确定要清除所有缓存吗？这将清除本地存储、会话存储和缓存数据。',
+		cacheCleared: '缓存已清除',
+		clearCacheFailed: '清除缓存失败',
+		messages: '消息',
+		tasks: '任务',
+		clearAll: '清空全部',
+		noMessages: '暂无消息',
+		noTasks: '暂无任务',
+		fullscreen: '全屏',
+		personalCenter: '个人中心',
+		systemSettings: '系统设置',
+		searchEmpty: '请输入搜索内容',
+		searching: '正在搜索：',
+		cleared: '已清空',
+		languageChanged: '语言已切换',
+		settingsDeveloping: '系统设置功能开发中',
+		logoutSuccess: '退出成功',
+		logoutFailed: '退出失败',
+		confirmLogout: '确认退出',
+		logoutConfirm: '确定要退出登录吗？',
+		username: '用户名',
+		password: '密码',
+		confirmPassword: '确认密码',
+		email: '邮箱',
+		phone: '手机号',
+		rememberMe: '记住我',
+		forgotPassword: '忘记密码？',
+		submit: '提交',
+		cancel: '取消',
+		save: '保存',
+		edit: '编辑',
+		delete: '删除',
+		add: '添加',
+		search: '搜索',
+		reset: '重置',
+		confirm: '确认',
+		back: '返回',
+		next: '下一步',
+		previous: '上一步',
+		refresh: '刷新',
+		export: '导出',
+		import: '导入',
+		download: '下载',
+		upload: '上传',
+		view: '查看',
+		detail: '详情',
+		settings: '设置',
+		profile: '个人资料',
+		language: '语言',
+		theme: '主题',
+		dark: '暗色',
+		light: '亮色',
+		loading: '加载中...',
+		noData: '暂无数据',
+		success: '操作成功',
+		error: '操作失败',
+		warning: '警告',
+		info: '提示',
+		confirmDelete: '确定要删除吗？',
+		confirmLogout: '确定要退出登录吗？',
+		addConfig: '添加配置',
+		editConfig: '编辑配置',
+		configCategory: '配置分类',
+		configName: '配置名称',
+		configTitle: '配置标题',
+		configType: '配置类型',
+		configValue: '配置值',
+		configTip: '配置提示',
+		typeText: '文本',
+		typeTextarea: '文本域',
+		typeNumber: '数字',
+		typeSwitch: '开关',
+		typeSelect: '下拉选择',
+		typeMultiselect: '多选',
+		typeDatetime: '日期时间',
+		typeColor: '颜色',
+		pleaseSelect: '请选择',
+		pleaseEnter: '请输入',
+		noConfig: '暂无配置',
+		fetchConfigFailed: '获取配置失败',
+		addSuccess: '添加成功',
+		addFailed: '添加失败',
+		editSuccess: '编辑成功',
+		editFailed: '编辑失败',
+		saveSuccess: '保存成功',
+		saveFailed: '保存失败',
+		resetSuccess: '重置成功',
+		required: '此项为必填项',
+		operation: '操作',
+		time: '时间',
+		status: '状态',
+		enabled: '启用',
+		disabled: '禁用',
+		yes: '是',
+		no: '否',
+		areaManage: '地区管理',
+		areaName: '地区名称',
+		areaCode: '地区编码',
+		areaLevel: '地区级别',
+		parentArea: '上级地区',
+		province: '省份',
+		city: '城市',
+		district: '区县',
+		street: '街道',
+		unknown: '未知',
+		addArea: '添加地区',
+		editArea: '编辑地区',
+		remark: '备注',
+		sort: '排序',
+		createTime: '创建时间',
+		action: '操作',
+		batchDelete: '批量删除',
+		confirmBatchDelete: '确认批量删除',
+		batchDeleteConfirm: '确定要删除选中的',
+		items: '条数据吗？',
+		deleteConfirm: '确定要删除',
+		selectDataFirst: '请先选择要操作的数据',
+		pleaseEnterNumber: '请输入有效的数字',
+		exitFullScreen: '退出全屏',
+		columns: '列设置',
+		columnSettings: '列显示设置',
+		selectAll: '全选',
+		unselectAll: '取消全选',
+		retry: '重试'
+	},
+	menu: {
+		dashboard: '仪表板',
+		userManagement: '用户管理',
+		roleManagement: '角色管理',
+		permissionManagement: '权限管理',
+		systemSettings: '系统设置',
+		logManagement: '日志管理'
+	},
+	login: {
+		title: '用户登录',
+		subtitle: '欢迎回来，请登录您的账户',
+		loginButton: '登录',
+		loginSuccess: '登录成功',
+		loginFailed: '登录失败',
+		usernamePlaceholder: '请输入用户名',
+		passwordPlaceholder: '请输入密码',
+		noAccount: '还没有账户？',
+		registerNow: '立即注册',
+		forgotPassword: '忘记密码？',
+		rememberMe: '记住我'
+	},
+	register: {
+		title: '用户注册',
+		subtitle: '创建您的账户，开始使用',
+		registerButton: '注册',
+		registerSuccess: '注册成功',
+		registerFailed: '注册失败',
+		usernamePlaceholder: '请输入用户名',
+		emailPlaceholder: '请输入邮箱地址',
+		passwordPlaceholder: '请输入密码',
+		confirmPasswordPlaceholder: '请再次输入密码',
+		usernameRule: '用户名长度在 3 到 20 个字符',
+		emailRule: '请输入正确的邮箱地址',
+		passwordRule: '密码长度在 6 到 20 个字符',
+		agreeRule: '请同意用户协议',
+		agreeTerms: '我已阅读并同意',
+		terms: '用户协议',
+		hasAccount: '已有账户？',
+		loginNow: '立即登录'
+	},
+	resetPassword: {
+		title: '重置密码',
+		subtitle: '通过邮箱验证码重置您的密码',
+		resetButton: '重置密码',
+		resetSuccess: '密码重置成功',
+		resetFailed: '重置失败',
+		emailPlaceholder: '请输入邮箱地址',
+		codePlaceholder: '请输入验证码',
+		newPasswordPlaceholder: '请输入新密码',
+		confirmPasswordPlaceholder: '请再次输入新密码',
+		emailRule: '请输入正确的邮箱地址',
+		codeRule: '验证码长度为6位',
+		passwordRule: '密码长度在 6 到 20 个字符',
+		sendCode: '发送验证码',
+		codeSent: '验证码已发送到您的邮箱',
+		resendCode: '{seconds}秒后重新发送',
+		sendCodeFirst: '请先输入邮箱地址',
+		backToLogin: '返回登录'
+	},
+	layout: {
+		toggleSidebar: '切换侧边栏',
+		collapse: '折叠',
+		expand: '展开',
+		logout: '退出登录'
+	},
+	table: {
+		total: '共 {total} 条',
+		selected: '已选择 {selected} 项',
+		actions: '操作',
+		noData: '暂无数据',
+		sort: '排序',
+		filter: '筛选'
+	},
+	pagination: {
+		goTo: '前往',
+		page: '页',
+		total: '共 {total} 条',
+		itemsPerPage: '每页 {size} 条'
+	},
+	form: {
+		required: '此项为必填项',
+		invalidEmail: '请输入有效的邮箱地址',
+		invalidPhone: '请输入有效的手机号',
+		passwordMismatch: '两次输入的密码不一致',
+		minLength: '最少需要 {min} 个字符',
+		maxLength: '最多允许 {max} 个字符'
+	}
+}
diff --git a/resources/admin/src/layouts/components/breadcrumb.vue b/resources/admin/src/layouts/components/breadcrumb.vue
new file mode 100644
index 0000000..f1a46ff
--- /dev/null
+++ b/resources/admin/src/layouts/components/breadcrumb.vue
@@ -0,0 +1,55 @@
+<template>
+	<a-breadcrumb class="breadcrumb">
+		<a-breadcrumb-item v-for="(item, index) in breadcrumbList" :key="item.path">
+			<span v-if="index === breadcrumbList.length - 1" class="no-redirect">
+				<component :is="item.meta?.icon || 'FileTextOutlined'" />
+				{{ item.meta.title }}
+			</span>
+			<a v-else @click.prevent="handleLink(item)">
+				<component :is="item.meta?.icon || 'FileTextOutlined'" />
+				{{ item.meta.title }}
+			</a>
+		</a-breadcrumb-item>
+	</a-breadcrumb>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue'
+import { useRoute } from 'vue-router'
+import config from '@/config'
+
+// 定义组件名称（多词命名）
+defineOptions({
+	name: 'LayoutBreadcrumb'
+})
+
+const route = useRoute()
+const breadcrumbList = ref([])
+
+// 获取面包屑列表
+const getBreadcrumb = () => {
+	let matched = route.matched.filter(item => item.meta && item.meta.title)
+
+	// 如果第一个不是首页，添加首页
+	const first = matched[0]
+	if (first && first.path !== config.DASHBOARD_URL) {
+		matched = [{ path: config.DASHBOARD_URL, meta: { title: '', icon: 'HomeOutlined' } }].concat(matched)
+	}
+
+	breadcrumbList.value = matched
+}
+
+// 处理点击面包屑
+const handleLink = () => {
+	return
+}
+
+// 监听路由变化
+watch(
+	() => route.path,
+	() => {
+		getBreadcrumb()
+	},
+	{ immediate: true }
+)
+</script>
diff --git a/resources/admin/src/layouts/components/navMenu.vue b/resources/admin/src/layouts/components/navMenu.vue
new file mode 100644
index 0000000..798fb87
--- /dev/null
+++ b/resources/admin/src/layouts/components/navMenu.vue
@@ -0,0 +1,54 @@
+<template>
+	<template v-for="item in menuItems" :key="item.path || item.name">
+		<!-- 有子菜单 - 使用递归 -->
+		<a-sub-menu v-if="item.children && item.children.length > 0" :key="`${item.path}`">
+			<template #icon v-if="item.meta?.icon">
+				<component :is="getIconComponent(item.meta.icon)" />
+			</template>
+			<template #title>{{ item.meta?.title || item.name }}</template>
+			<navMenu :menu-items="item.children" :active-path="activePath" :parent-path="item.path" />
+		</a-sub-menu>
+		<!-- 无子菜单的菜单项 -->
+		<a-menu-item v-else :key="item.path" :class="{ 'ant-menu-item-selected': item.path === activePath }"
+			@click="handleMenuClick(item)">
+			<template #icon v-if="item.meta?.icon">
+				<component :is="getIconComponent(item.meta.icon)" />
+			</template>
+			{{ item.meta?.title || item.name }}
+		</a-menu-item>
+	</template>
+</template>
+
+<script setup>
+import { useRouter } from 'vue-router'
+import * as icons from '@ant-design/icons-vue'
+
+defineProps({
+	menuItems: {
+		type: Array,
+		default: () => []
+	},
+	activePath: {
+		type: String,
+		default: ''
+	},
+	parentPath: {
+		type: String,
+		default: ''
+	}
+})
+
+const router = useRouter()
+
+// 获取图标组件
+const getIconComponent = (iconName) => {
+	return icons[iconName] || icons.FileTextOutlined
+}
+
+// 处理菜单点击
+const handleMenuClick = (item) => {
+	if (item.path) {
+		router.push(item.path)
+	}
+}
+</script>
diff --git a/resources/admin/src/layouts/components/search.vue b/resources/admin/src/layouts/components/search.vue
new file mode 100644
index 0000000..a64472f
--- /dev/null
+++ b/resources/admin/src/layouts/components/search.vue
@@ -0,0 +1,302 @@
+<template>
+	<a-modal
+		v-model:open="visible"
+		:title="$t('common.searchMenu')"
+		:footer="null"
+		:width="600"
+		:destroyOnClose="true"
+		@cancel="handleClose"
+	>
+		<div class="menu-search">
+			<a-input
+				v-model:value="searchKeyword"
+				:placeholder="$t('common.searchPlaceholder')"
+				size="large"
+				allow-clear
+				@input="handleSearch"
+				@keydown="handleKeydown"
+				ref="searchInputRef"
+			>
+				<template #prefix>
+					<SearchOutlined />
+				</template>
+			</a-input>
+
+			<div v-if="searchResults.length > 0" class="search-results">
+				<div
+					v-for="(item, index) in searchResults"
+					:key="item.path"
+					class="result-item"
+					:class="{ active: selectedIndex === index }"
+					@click="handleSelect(item)"
+					@mouseenter="selectedIndex = index"
+				>
+					<div class="result-icon">
+						<component :is="item.icon || 'MenuOutlined'" />
+					</div>
+					<div class="result-content">
+						<div class="result-title">{{ item.title }}</div>
+						<div v-if="item.breadcrumbs" class="result-path">{{ item.breadcrumbs }}</div>
+					</div>
+				</div>
+			</div>
+
+			<div v-else-if="searchKeyword" class="no-results">
+				<a-empty :description="$t('common.noResults')" />
+			</div>
+
+			<div v-else class="search-tips">
+				<div class="tip-title">{{ $t('common.searchTips') }}</div>
+				<div class="tip-list">
+					<div class="tip-item">
+						<kbd>↑</kbd>
+						<kbd>↓</kbd>
+						<span>{{ $t('common.navigateResults') }}</span>
+					</div>
+					<div class="tip-item">
+						<kbd>Enter</kbd>
+						<span>{{ $t('common.selectResult') }}</span>
+					</div>
+					<div class="tip-item">
+						<kbd>Esc</kbd>
+						<span>{{ $t('common.closeSearch') }}</span>
+					</div>
+				</div>
+			</div>
+		</div>
+	</a-modal>
+</template>
+
+<script setup>
+import { ref, computed, watch, nextTick } from 'vue'
+import { useRouter } from 'vue-router'
+import { SearchOutlined, MenuOutlined } from '@ant-design/icons-vue'
+import { useUserStore } from '@/stores/modules/user'
+import { useI18n } from 'vue-i18n'
+
+// 定义组件名称
+defineOptions({
+	name: 'MenuSearch',
+})
+
+const { t } = useI18n()
+const router = useRouter()
+const userStore = useUserStore()
+
+const visible = defineModel('visible', { type: Boolean, default: false })
+const searchKeyword = ref('')
+const searchResults = ref([])
+const selectedIndex = ref(0)
+const searchInputRef = ref(null)
+
+// 将扁平化的菜单数据转换为可搜索格式
+function flattenMenus(menus, breadcrumbs = []) {
+	const result = []
+
+	menus.forEach((menu) => {
+		if (menu.hidden) return
+
+		const currentBreadcrumbs = [...breadcrumbs, menu.title]
+
+		// 如果有路径且不是外部链接，添加到搜索结果
+		if (menu.path && !menu.path.startsWith('http')) {
+			result.push({
+				title: menu.title,
+				path: menu.path,
+				icon: menu.icon,
+				breadcrumbs: currentBreadcrumbs.join(' / '),
+			})
+		}
+
+		// 递归处理子菜单
+		if (menu.children && menu.children.length > 0) {
+			const children = flattenMenus(menu.children, currentBreadcrumbs)
+			result.push(...children)
+		}
+	})
+
+	return result
+}
+
+// 获取所有菜单项
+const allMenus = computed(() => {
+	const menus = userStore.menu || []
+	return flattenMenus(menus)
+})
+
+// 执行搜索
+function handleSearch() {
+	if (!searchKeyword.value.trim()) {
+		searchResults.value = []
+		selectedIndex.value = 0
+		return
+	}
+
+	const keyword = searchKeyword.value.toLowerCase().trim()
+	searchResults.value = allMenus.value.filter((menu) => {
+		return menu.title.toLowerCase().includes(keyword) ||
+			menu.breadcrumbs.toLowerCase().includes(keyword)
+	})
+
+	selectedIndex.value = 0
+}
+
+// 键盘导航
+function handleKeydown(e) {
+	if (!searchResults.value.length) return
+
+	switch (e.key) {
+		case 'ArrowUp':
+			e.preventDefault()
+			selectedIndex.value = selectedIndex.value > 0
+				? selectedIndex.value - 1
+				: searchResults.value.length - 1
+			break
+		case 'ArrowDown':
+			e.preventDefault()
+			selectedIndex.value = selectedIndex.value < searchResults.value.length - 1
+				? selectedIndex.value + 1
+				: 0
+			break
+		case 'Enter':
+			e.preventDefault()
+			if (searchResults.value[selectedIndex.value]) {
+				handleSelect(searchResults.value[selectedIndex.value])
+			}
+			break
+		case 'Escape':
+			e.preventDefault()
+			handleClose()
+			break
+	}
+}
+
+// 选择菜单项
+function handleSelect(item) {
+	visible.value = false
+	router.push(item.path)
+}
+
+// 关闭搜索弹窗
+function handleClose() {
+	visible.value = false
+	searchKeyword.value = ''
+	searchResults.value = []
+	selectedIndex.value = 0
+}
+
+// 监听弹窗显示，自动聚焦输入框
+watch(visible, (newVal) => {
+	if (newVal) {
+		nextTick(() => {
+			searchInputRef.value?.focus()
+		})
+	} else {
+		handleClose()
+	}
+})
+</script>
+
+<style scoped lang="scss">
+.menu-search {
+	.search-results {
+		max-height: 400px;
+		overflow-y: auto;
+		margin-top: 16px;
+		border: 1px solid #f0f0f0;
+		border-radius: 4px;
+
+		.result-item {
+			display: flex;
+			align-items: center;
+			padding: 12px 16px;
+			cursor: pointer;
+			transition: background-color 0.2s;
+			border-bottom: 1px solid #f0f0f0;
+
+			&:last-child {
+				border-bottom: none;
+			}
+
+			&:hover,
+			&.active {
+				background-color: #e6f7ff;
+			}
+
+			.result-icon {
+				margin-right: 12px;
+				font-size: 16px;
+				color: #1890ff;
+			}
+
+			.result-content {
+				flex: 1;
+				min-width: 0;
+
+				.result-title {
+					font-size: 14px;
+					color: #333;
+					margin-bottom: 4px;
+					font-weight: 500;
+				}
+
+				.result-path {
+					font-size: 12px;
+					color: #999;
+					overflow: hidden;
+					text-overflow: ellipsis;
+					white-space: nowrap;
+				}
+			}
+		}
+	}
+
+	.no-results {
+		margin-top: 40px;
+	}
+
+	.search-tips {
+		margin-top: 20px;
+
+		.tip-title {
+			font-size: 14px;
+			color: #666;
+			margin-bottom: 16px;
+			text-align: center;
+		}
+
+		.tip-list {
+			display: flex;
+			flex-direction: row;
+			gap: 12px;
+
+			.tip-item {
+				display: flex;
+				align-items: center;
+				gap: 12px;
+				padding: 8px 16px;
+				background-color: #f5f5f5;
+				border-radius: 4px;
+
+				kbd {
+					display: inline-block;
+					padding: 2px 8px;
+					font-size: 12px;
+					font-family: inherit;
+					line-height: 1;
+					color: #333;
+					background-color: #fff;
+					border: 1px solid #d9d9d9;
+					border-radius: 2px;
+					box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+				}
+
+				span {
+					font-size: 13px;
+					color: #666;
+				}
+			}
+		}
+	}
+}
+</style>
diff --git a/resources/admin/src/layouts/components/setting.vue b/resources/admin/src/layouts/components/setting.vue
new file mode 100644
index 0000000..708f01e
--- /dev/null
+++ b/resources/admin/src/layouts/components/setting.vue
@@ -0,0 +1,350 @@
+<template>
+	<a-drawer v-model:open="open" title="布局配置" placement="right" :width="420">
+		<div class="setting-content">
+			<div class="setting-item">
+				<div class="setting-title">布局模式</div>
+				<div class="layout-mode-list">
+					<div v-for="mode in layoutModes" :key="mode.value" class="layout-mode-item"
+						:class="{ active: layoutStore.layoutMode === mode.value }"
+						@click="handleLayoutChange(mode.value)">
+						<div class="layout-preview" :class="`preview-${mode.value}`">
+							<div class="preview-sidebar"></div>
+							<div v-if="mode.value === 'default'" class="preview-sidebar-2"></div>
+							<div class="preview-content">
+								<div class="preview-header"></div>
+								<div class="preview-body"></div>
+							</div>
+						</div>
+						<div class="layout-name">{{ mode.label }}</div>
+						<CheckOutlined v-if="layoutStore.layoutMode === mode.value" class="check-icon" />
+					</div>
+				</div>
+			</div>
+
+			<div class="setting-item">
+				<div class="setting-title">主题颜色</div>
+				<div class="color-list">
+					<div v-for="color in themeColors" :key="color" class="color-item"
+						:class="{ active: themeColor === color }" :style="{ backgroundColor: color }"
+						@click="changeThemeColor(color)">
+						<CheckOutlined v-if="themeColor === color" />
+					</div>
+				</div>
+			</div>
+
+			<div class="setting-item">
+				<div class="setting-title">显示设置</div>
+				<div class="toggle-list">
+					<div class="toggle-item">
+						<span>显示标签栏</span>
+						<a-switch v-model:checked="showTags" @change="handleShowTagsChange" />
+					</div>
+					<div class="toggle-item">
+						<span>显示面包屑</span>
+						<a-switch v-model:checked="showBreadcrumb" @change="handleShowBreadcrumbChange" />
+					</div>
+				</div>
+			</div>
+
+			<div class="setting-item">
+				<div class="setting-title">其他设置</div>
+				<div class="action-buttons">
+					<a-button type="primary" block @click="handleResetSettings">
+						<ReloadOutlined />
+						重置设置
+					</a-button>
+				</div>
+			</div>
+		</div>
+	</a-drawer>
+</template>
+
+<script setup>
+import { ref, watch, onMounted } from 'vue'
+import { message } from 'ant-design-vue'
+import { useLayoutStore } from '@/stores/modules/layout'
+import { CheckOutlined, ReloadOutlined } from '@ant-design/icons-vue'
+
+// 定义组件名称（多词命名）
+defineOptions({
+	name: 'LayoutSetting',
+})
+
+const layoutStore = useLayoutStore()
+
+const open = ref(false)
+const themeColor = ref('#1890ff')
+const showTags = ref(true)
+const showBreadcrumb = ref(true)
+
+const layoutModes = [
+	{ value: 'default', label: '默认布局' },
+	{ value: 'menu', label: '菜单布局' },
+	{ value: 'top', label: '顶部布局' },
+]
+
+const themeColors = ['#1890ff', '#f5222d', '#fa541c', '#faad14', '#13c2c2', '#52c41a', '#2f54eb', '#722ed1']
+
+const openDrawer = () => {
+	open.value = true
+}
+
+const closeDrawer = () => {
+	open.value = false
+}
+
+defineExpose({
+	openDrawer,
+	closeDrawer,
+})
+
+// 切换布局
+const handleLayoutChange = (mode) => {
+	layoutStore.setLayoutMode(mode)
+	const modeLabel = layoutModes.find((m) => m.value === mode)?.label || mode
+	message.success(`已切换到${modeLabel}`)
+}
+
+// 切换主题颜色
+const changeThemeColor = (color) => {
+	themeColor.value = color
+	// 更新 CSS 变量
+	document.documentElement.style.setProperty('--primary-color', color)
+	message.success('主题颜色已更新')
+}
+
+// 切换标签栏显示
+const handleShowTagsChange = (checked) => {
+	showTags.value = checked
+	// 触发自定义事件或更新状态
+	document.documentElement.style.setProperty('--show-tags', checked ? 'block' : 'none')
+	message.success(checked ? '标签栏已显示' : '标签栏已隐藏')
+}
+
+// 切换面包屑显示
+const handleShowBreadcrumbChange = (checked) => {
+	showBreadcrumb.value = checked
+	message.success(checked ? '面包屑已显示' : '面包屑已隐藏')
+}
+
+// 重置设置
+const handleResetSettings = () => {
+	themeColor.value = '#1890ff'
+	showTags.value = true
+	showBreadcrumb.value = true
+	layoutStore.setLayoutMode('default')
+	document.documentElement.style.setProperty('--primary-color', '#1890ff')
+	document.documentElement.style.setProperty('--show-tags', 'block')
+	message.success('设置已重置')
+}
+
+// 初始化
+onMounted(() => {
+	// 从本地存储或其他地方恢复设置
+	const savedThemeColor = localStorage.getItem('themeColor')
+	if (savedThemeColor) {
+		themeColor.value = savedThemeColor
+		document.documentElement.style.setProperty('--primary-color', savedThemeColor)
+	}
+
+	const savedShowTags = localStorage.getItem('showTags')
+	if (savedShowTags !== null) {
+		showTags.value = savedShowTags === 'true'
+		document.documentElement.style.setProperty('--show-tags', savedShowTags === 'true' ? 'block' : 'none')
+	}
+})
+
+// 监听设置变化并保存到本地存储
+watch(themeColor, (newVal) => {
+	localStorage.setItem('themeColor', newVal)
+})
+
+watch(showTags, (newVal) => {
+	localStorage.setItem('showTags', String(newVal))
+})
+</script>
+
+<style scoped lang="scss">
+.setting-content {
+	.setting-item {
+		margin-bottom: 32px;
+
+		.setting-title {
+			font-size: 14px;
+			font-weight: 500;
+			margin-bottom: 16px;
+			color: #333;
+		}
+
+		.layout-mode-list {
+			display: grid;
+			grid-template-columns: repeat(3, 1fr);
+			gap: 12px;
+
+			.layout-mode-item {
+				position: relative;
+				border: 2px solid #e8e8e8;
+				border-radius: 8px;
+				padding: 12px;
+				cursor: pointer;
+				transition: all 0.3s;
+
+				&:hover {
+					border-color: var(--primary-color, #1890ff);
+					transform: translateY(-2px);
+					box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+				}
+
+				&.active {
+					border-color: var(--primary-color, #1890ff);
+					background-color: rgba(24, 144, 255, 0.05);
+				}
+
+				.layout-preview {
+					width: 100%;
+					height: 60px;
+					border-radius: 4px;
+					margin-bottom: 8px;
+					overflow: hidden;
+					display: flex;
+					background-color: #f0f2f5;
+
+					.preview-sidebar {
+						background-color: #001529;
+					}
+
+					.preview-sidebar-2 {
+						background-color: #fff;
+						border-left: 1px solid #e8e8e8;
+					}
+
+					.preview-content {
+						flex: 1;
+						padding: 4px;
+
+						.preview-header {
+							height: 8px;
+							background-color: #fff;
+							margin-bottom: 4px;
+						}
+
+						.preview-body {
+							height: calc(100% - 12px);
+							background-color: #e8e8e8;
+						}
+					}
+
+					&.preview-default {
+						.preview-sidebar {
+							width: 20px;
+						}
+
+						.preview-sidebar-2 {
+							width: 24px;
+						}
+					}
+
+					&.preview-menu {
+						.preview-sidebar {
+							width: 30px;
+							background-color: #fff;
+							border-right: 1px solid #e8e8e8;
+						}
+					}
+
+					&.preview-top {
+						flex-direction: column;
+
+						.preview-sidebar {
+							width: 100%;
+							height: 12px;
+							background-color: #fff;
+						}
+
+						.preview-content {
+							.preview-header {
+								display: none;
+							}
+
+							.preview-body {
+								height: 100%;
+							}
+						}
+					}
+				}
+
+				.layout-name {
+					font-size: 12px;
+					color: #666;
+					text-align: center;
+				}
+
+				.check-icon {
+					position: absolute;
+					top: 4px;
+					right: 4px;
+					color: var(--primary-color, #1890ff);
+					font-size: 12px;
+				}
+			}
+		}
+
+		.color-list {
+			display: flex;
+			flex-wrap: wrap;
+			gap: 12px;
+
+			.color-item {
+				width: 32px;
+				height: 32px;
+				border-radius: 4px;
+				cursor: pointer;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				transition: all 0.2s;
+				border: 2px solid transparent;
+
+				&:hover {
+					transform: scale(1.1);
+				}
+
+				&.active {
+					border-color: #fff;
+					box-shadow: 0 0 0 2px var(--primary-color, #1890ff);
+
+					.anticon {
+						color: #fff;
+					}
+				}
+			}
+		}
+
+		.toggle-list {
+			.toggle-item {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				padding: 12px 0;
+				border-bottom: 1px solid #f0f0f0;
+
+				&:last-child {
+					border-bottom: none;
+				}
+
+				span {
+					font-size: 14px;
+					color: #333;
+				}
+			}
+		}
+
+		.action-buttons {
+			:deep(.ant-btn) {
+				height: 40px;
+				font-size: 14px;
+			}
+		}
+	}
+}
+</style>
diff --git a/resources/admin/src/layouts/components/sideMenu.vue b/resources/admin/src/layouts/components/sideMenu.vue
new file mode 100644
index 0000000..bf5674e
--- /dev/null
+++ b/resources/admin/src/layouts/components/sideMenu.vue
@@ -0,0 +1,172 @@
+<template>
+	<a-menu mode="inline" :theme="theme" :collapsed="collapsed" :selected-keys="selectedKeys" :open-keys="openKeys"
+		@select="handleSelect" @open-change="handleOpenChange" class="side-menu">
+		<template v-for="item in menuList">
+			<!-- 有子菜单 -->
+			<a-sub-menu v-if="item.children && item.children.length > 0" :key="item.path + '-submenu'">
+				<template #icon>
+					<component :is="item.meta?.icon || 'MenuOutlined'" />
+				</template>
+				<template #title>{{ item.meta?.title || item.name }}</template>
+				<a-menu-item v-for="child in item.children.filter(sub => !sub.children || sub.children.length === 0)"
+					:key="child.path">
+					<template #icon>
+						<component :is="child.meta?.icon || 'FileOutlined'" />
+					</template>
+					{{ child.meta?.title || child.name }}
+				</a-menu-item>
+				<a-sub-menu v-for="child in item.children.filter(sub => sub.children && sub.children.length > 0)"
+					:key="child.path">
+					<template #icon>
+						<component :is="child.meta?.icon || 'AppstoreOutlined'" />
+					</template>
+					<template #title>{{ child.meta?.title || child.name }}</template>
+					<a-menu-item v-for="grandChild in child.children" :key="grandChild.path">
+						<template #icon>
+							<component :is="grandChild.meta?.icon || 'FileOutlined'" />
+						</template>
+						{{ grandChild.meta?.title || grandChild.name }}
+					</a-menu-item>
+				</a-sub-menu>
+			</a-sub-menu>
+			<!-- 无子菜单 -->
+			<a-menu-item v-else :key="item.path + '-item'">
+				<template #icon>
+					<component :is="item.meta?.icon || 'MenuOutlined'" />
+				</template>
+				{{ item.meta?.title || item.name }}
+			</a-menu-item>
+		</template>
+	</a-menu>
+</template>
+
+<script setup>
+import { ref, watch, onMounted } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import { getUserMenu } from '@/api/menu'
+
+const props = defineProps({
+	collapsed: {
+		type: Boolean,
+		default: false
+	},
+	theme: {
+		type: String,
+		default: 'light'
+	}
+})
+
+const route = useRoute()
+const router = useRouter()
+
+const menuList = ref([])
+const selectedKeys = ref([])
+const openKeys = ref([])
+
+// 获取菜单数据
+const getMenuList = async () => {
+	try {
+		const res = await getUserMenu()
+		if (res.code === 200) {
+			menuList.value = res.data || []
+		}
+	} catch (error) {
+		console.error('获取菜单失败:', error)
+		// 模拟数据
+		menuList.value = [
+			{
+				path: '/home',
+				name: 'Home',
+				meta: { title: '首页', icon: 'HomeOutlined' }
+			},
+			{
+				path: '/system',
+				name: 'System',
+				meta: { title: '系统管理', icon: 'SettingOutlined' },
+				children: [
+					{
+						path: '/system/user',
+						name: 'User',
+						meta: { title: '用户管理', icon: 'UserOutlined' }
+					},
+					{
+						path: '/system/role',
+						name: 'Role',
+						meta: { title: '角色管理', icon: 'TeamOutlined' }
+					},
+					{
+						path: '/system/menu',
+						name: 'Menu',
+						meta: { title: '菜单管理', icon: 'MenuOutlined' }
+					}
+				]
+			}
+		]
+	}
+}
+
+// 更新选中的菜单
+const updateSelectedKeys = () => {
+	selectedKeys.value = [route.path]
+
+	// 获取父级菜单路径
+	const matched = route.matched
+		.filter(item => item.path !== '/' && item.path !== route.path)
+		.map(item => item.path)
+
+	// 折叠时不自动展开
+	if (!props.collapsed) {
+		openKeys.value = matched
+	}
+}
+
+// 处理菜单选择
+const handleSelect = ({ key }) => {
+	router.push(key)
+}
+
+// 处理菜单展开/收起
+const handleOpenChange = (keys) => {
+	openKeys.value = keys
+}
+
+// 监听路由变化
+watch(() => route.path, () => {
+	updateSelectedKeys()
+}, { immediate: true })
+
+// 监听折叠状态
+watch(() => props.collapsed, (val) => {
+	if (val) {
+		openKeys.value = []
+	} else {
+		updateSelectedKeys()
+	}
+})
+
+onMounted(() => {
+	getMenuList()
+})
+</script>
+
+<style scoped lang="scss">
+.side-menu {
+	height: calc(100% - 60px);
+	border-right: none;
+	overflow-y: auto;
+
+	&::-webkit-scrollbar {
+		width: 6px;
+		height: 6px;
+	}
+
+	&::-webkit-scrollbar-thumb {
+		background: rgba(0, 0, 0, 0.2);
+		border-radius: 3px;
+	}
+
+	&::-webkit-scrollbar-track {
+		background: transparent;
+	}
+}
+</style>
diff --git a/resources/admin/src/layouts/components/tags.vue b/resources/admin/src/layouts/components/tags.vue
new file mode 100644
index 0000000..86f39f1
--- /dev/null
+++ b/resources/admin/src/layouts/components/tags.vue
@@ -0,0 +1,487 @@
+<template>
+	<div v-show="showTags" class="tags-view">
+		<div class="tags-wrapper" @contextmenu.prevent>
+			<a-space :size="4">
+				<a-tag
+					v-for="tag in visitedViews"
+					:key="tag.fullPath"
+					:closable="!tag.meta?.affix"
+					class="tag-item"
+					:class="{ active: isActive(tag), 'tag-affix': tag.meta?.affix }"
+					@click="clickTag(tag)"
+					@close="closeSelectedTag(tag)"
+					@contextmenu.prevent="handleContextMenu($event, tag)">
+					<template #icon v-if="tag.meta?.affix">
+						<PushpinFilled />
+					</template>
+					{{ tag.meta?.title || tag.name }}
+				</a-tag>
+			</a-space>
+		</div>
+
+		<div class="tags-actions">
+			<a-dropdown v-model:open="actionMenuVisible" trigger="click" placement="bottomRight">
+				<a-button size="small" type="text">
+					<MoreOutlined />
+				</a-button>
+				<template #overlay>
+					<a-menu @click="handleActionMenuClick">
+						<a-menu-item key="refresh">
+							<ReloadOutlined />
+							<span>刷新当前页</span>
+						</a-menu-item>
+						<a-menu-item key="closeOthers">
+							<ColumnWidthOutlined />
+							<span>关闭其他</span>
+						</a-menu-item>
+						<a-menu-item key="closeLeft">
+							<LeftOutlined />
+							<span>关闭左侧</span>
+						</a-menu-item>
+						<a-menu-item key="closeRight">
+							<RightOutlined />
+							<span>关闭右侧</span>
+						</a-menu-item>
+						<a-menu-item key="closeAll">
+							<CloseCircleOutlined />
+							<span>关闭所有</span>
+						</a-menu-item>
+					</a-menu>
+				</template>
+			</a-dropdown>
+		</div>
+
+		<!-- 右键菜单 -->
+		<teleport to="body">
+			<div
+				v-if="contextMenu.visible"
+				:style="{
+					position: 'fixed',
+					left: contextMenu.x + 'px',
+					top: contextMenu.y + 'px',
+					zIndex: 9999
+				}"
+				class="context-menu"
+				@click="closeContextMenu">
+				<a-menu @click="handleMenuClick">
+					<a-menu-item key="refresh">
+						<ReloadOutlined />
+						<span>刷新</span>
+					</a-menu-item>
+					<a-menu-item v-if="selectedTag && !selectedTag.meta?.affix" key="close">
+						<CloseOutlined />
+						<span>关闭</span>
+					</a-menu-item>
+					<a-menu-item key="closeOthers">
+						<ColumnWidthOutlined />
+						<span>关闭其他</span>
+					</a-menu-item>
+					<a-menu-item key="closeAll">
+						<CloseCircleOutlined />
+						<span>关闭所有</span>
+					</a-menu-item>
+				</a-menu>
+			</div>
+		</teleport>
+	</div>
+</template>
+
+<script setup>
+import { ref, computed, watch, onMounted, onBeforeUnmount } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import { useLayoutStore } from '@/stores/modules/layout'
+import config from '@/config'
+
+defineOptions({
+	name: 'TagsView',
+})
+
+const route = useRoute()
+const router = useRouter()
+const layoutStore = useLayoutStore()
+
+const showTags = ref(true)
+const selectedTag = ref(null)
+const visitedViews = computed(() => layoutStore.viewTags)
+// 右键菜单状态
+const contextMenu = ref({
+	visible: false,
+	x: 0,
+	y: 0
+})
+// 顶部操作菜单状态
+const actionMenuVisible = ref(false)
+
+// 判断是否是当前激活的标签
+const isActive = (tag) => {
+	return tag.fullPath === route.fullPath
+}
+
+// 添加标签
+const addTags = () => {
+	const { name } = route
+	if (name && !route.meta?.noCache) {
+		layoutStore.updateViewTags({
+			fullPath: route.fullPath,
+			path: route.path,
+			name: name,
+			query: route.query,
+			params: route.params,
+			meta: route.meta
+		})
+	}
+}
+
+// 移除标签
+const closeSelectedTag = (view) => {
+	// 如果是固定标签，不允许关闭
+	if (view.meta?.affix) {
+		return
+	}
+
+	layoutStore.removeViewTags(view.fullPath)
+
+	// 如果关闭的是当前激活的标签，需要跳转
+	if (isActive(view)) {
+		const nextTag = visitedViews.value.find((tag) => tag.fullPath !== view.fullPath)
+		if (nextTag) {
+			router.push(nextTag.fullPath)
+		} else {
+			// 如果没有其他标签，跳转到首页
+			router.push(config.DASHBOARD_URL)
+		}
+	}
+}
+
+// 关闭其他标签
+const closeOthersTags = () => {
+	if (!selectedTag.value || !selectedTag.value.fullPath) {
+		return
+	}
+
+	// 保留固定标签和当前选中的标签
+	const tagsToKeep = visitedViews.value.filter(
+		(tag) => tag.meta?.affix || tag.fullPath === selectedTag.value.fullPath
+	)
+
+	// 更新标签列表
+	layoutStore.viewTags = tagsToKeep
+
+	// 如果当前不在选中的标签页，跳转到选中的标签
+	if (!isActive(selectedTag.value)) {
+		router.push(selectedTag.value.fullPath)
+	}
+}
+
+// 关闭所有标签
+const closeAllTags = () => {
+	// 只保留固定标签
+	const affixTags = visitedViews.value.filter((tag) => tag.meta?.affix)
+	layoutStore.viewTags = affixTags
+
+	// 如果还有固定标签，跳转到第一个固定标签
+	if (affixTags.length > 0) {
+		router.push(affixTags[0].fullPath)
+	} else {
+		// 如果没有固定标签，跳转到首页
+		router.push(config.DASHBOARD_URL)
+	}
+}
+
+// 关闭左侧标签
+const closeLeftTags = () => {
+	const currentTag = selectedTag.value || visitedViews.value.find((tag) => isActive(tag))
+	if (!currentTag) return
+
+	const currentIndex = visitedViews.value.findIndex((tag) => tag.fullPath === currentTag.fullPath)
+	if (currentIndex === -1) return
+
+	// 保留当前标签及其右侧的标签，以及所有固定标签
+	const tagsToKeep = visitedViews.value.filter((tag, index) => {
+		return tag.meta?.affix || index >= currentIndex
+	})
+
+	layoutStore.viewTags = tagsToKeep
+}
+
+// 关闭右侧标签
+const closeRightTags = () => {
+	const currentTag = selectedTag.value || visitedViews.value.find((tag) => isActive(tag))
+	if (!currentTag) return
+
+	const currentIndex = visitedViews.value.findIndex((tag) => tag.fullPath === currentTag.fullPath)
+	if (currentIndex === -1) return
+
+	// 保留当前标签及其左侧的标签，以及所有固定标签
+	const tagsToKeep = visitedViews.value.filter((tag, index) => {
+		return tag.meta?.affix || index <= currentIndex
+	})
+
+	layoutStore.viewTags = tagsToKeep
+}
+
+// 点击标签
+const clickTag = (tag) => {
+	if (!isActive(tag)) {
+		router.push(tag.fullPath)
+	}
+}
+
+// 刷新指定标签
+const refreshTag = (tag) => {
+	// 如果刷新的是当前激活的标签
+	if (isActive(tag)) {
+		// 调用 store 的刷新方法，触发组件重新渲染
+		layoutStore.refreshTag()
+	} else {
+		// 如果刷新的是其他标签，先跳转到该标签
+		router.push(tag.fullPath)
+	}
+}
+
+// 刷新当前选中的标签（用于顶部操作按钮）
+const refreshSelectedTag = () => {
+	// 找到当前激活的标签
+	const currentTag = visitedViews.value.find((tag) => isActive(tag))
+	if (currentTag) {
+		refreshTag(currentTag)
+	}
+}
+
+// 右键菜单处理
+const handleContextMenu = (event, tag) => {
+	event.preventDefault()
+	event.stopPropagation()
+
+	selectedTag.value = tag
+	contextMenu.value = {
+		visible: true,
+		x: event.clientX,
+		y: event.clientY
+	}
+}
+
+// 关闭右键菜单
+const closeContextMenu = () => {
+	contextMenu.value.visible = false
+}
+
+// 菜单点击处理
+const handleMenuClick = ({ key }) => {
+	switch (key) {
+		case 'refresh':
+			if (selectedTag.value) {
+				refreshTag(selectedTag.value)
+			}
+			break
+		case 'close':
+			if (selectedTag.value && !selectedTag.value.meta?.affix) {
+				closeSelectedTag(selectedTag.value)
+			}
+			break
+		case 'closeOthers':
+			closeOthersTags()
+			break
+		case 'closeAll':
+			closeAllTags()
+			break
+	}
+	closeContextMenu()
+}
+
+// 顶部操作菜单点击处理
+const handleActionMenuClick = ({ key }) => {
+	switch (key) {
+		case 'refresh':
+			refreshSelectedTag()
+			break
+		case 'closeOthers':
+			closeOthersTags()
+			break
+		case 'closeLeft':
+			closeLeftTags()
+			break
+		case 'closeRight':
+			closeRightTags()
+			break
+		case 'closeAll':
+			closeAllTags()
+			break
+	}
+	actionMenuVisible.value = false
+}
+
+// 点击其他地方关闭右键菜单
+const handleClickOutside = (event) => {
+	if (contextMenu.value.visible) {
+		const menuElement = document.querySelector('.context-menu')
+		if (menuElement && !menuElement.contains(event.target)) {
+			closeContextMenu()
+		}
+	}
+}
+
+// 监听路由变化，自动添加标签
+watch(
+	() => route.fullPath,
+	() => {
+		addTags()
+		// 更新当前选中的标签
+		selectedTag.value = visitedViews.value.find((tag) => isActive(tag)) || null
+	},
+	{ immediate: true }
+)
+
+onMounted(() => {
+	addTags()
+	// 初始化选中的标签
+	selectedTag.value = visitedViews.value.find((tag) => isActive(tag)) || null
+	// 添加点击事件监听器
+	document.addEventListener('click', handleClickOutside)
+})
+
+onBeforeUnmount(() => {
+	// 移除点击事件监听器
+	document.removeEventListener('click', handleClickOutside)
+})
+</script>
+
+<style scoped lang="scss">
+.tags-view {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	height: 40px;
+	background-color: #ffffff;
+	border-bottom: 1px solid #f0f0f0;
+	padding: 0 16px;
+	box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
+
+	.tags-wrapper {
+		flex: 1;
+		overflow-x: auto;
+		overflow-y: hidden;
+		white-space: nowrap;
+
+		&::-webkit-scrollbar {
+			height: 0;
+		}
+
+		&::-webkit-scrollbar-thumb {
+			background: rgba(0, 0, 0, 0.2);
+			border-radius: 0;
+		}
+
+		&::-webkit-scrollbar-track {
+			background: transparent;
+		}
+
+		.tag-item {
+			display: inline-flex;
+			align-items: center;
+			gap: 4px;
+			height: 28px;
+			line-height: 28px;
+			padding: 0 12px;
+			margin: 0 4px;
+			border: 1px solid #d9d9d9;
+			background-color: #fafafa;
+			border-radius: 2px;
+			cursor: pointer;
+			transition: all 0.3s;
+			user-select: none;
+
+			&:hover {
+				color: #1890ff;
+				border-color: #1890ff;
+			}
+
+			&.active {
+				background-color: #1890ff;
+				border-color: #1890ff;
+				color: #ffffff;
+
+				&:hover {
+					background-color: #40a9ff;
+					border-color: #40a9ff;
+				}
+			}
+
+			&.tag-affix {
+				background-color: #fff7e6;
+				border-color: #ffd591;
+				color: #fa8c16;
+
+				&.active {
+					background-color: #fa8c16;
+					border-color: #fa8c16;
+					color: #ffffff;
+				}
+
+				&:hover {
+					background-color: #ffe7ba;
+					border-color: #ffa940;
+				}
+
+				&.active:hover {
+					background-color: #d46b08;
+					border-color: #d46b08;
+				}
+			}
+
+			:deep(.ant-tag-close-icon) {
+				color: inherit;
+
+				&:hover {
+					background-color: rgba(255, 255, 255, 0.3);
+				}
+			}
+		}
+	}
+
+	.tags-actions {
+		display: flex;
+		align-items: center;
+		gap: 4px;
+		margin-left: 12px;
+		flex-shrink: 0;
+
+		:deep(.ant-btn) {
+			font-size: 14px;
+			padding: 2px 6px;
+
+			&:hover {
+				color: #1890ff;
+			}
+		}
+	}
+}
+
+.context-menu {
+	background: #ffffff;
+	border-radius: 2px;
+	box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
+		0 9px 28px 8px rgba(0, 0, 0, 0.05);
+	border: 1px solid #f0f0f0;
+	padding: 4px 0;
+	min-width: 160px;
+
+	:deep(.ant-menu) {
+		background: transparent;
+		border: none;
+		box-shadow: none;
+		padding: 0;
+
+		.ant-menu-item {
+			margin: 0;
+			padding: 8px 12px;
+			height: auto;
+			line-height: normal;
+
+			&:hover {
+				background-color: #f5f5f5;
+			}
+		}
+	}
+}
+</style>
diff --git a/resources/admin/src/layouts/components/task.vue b/resources/admin/src/layouts/components/task.vue
new file mode 100644
index 0000000..c0314bc
--- /dev/null
+++ b/resources/admin/src/layouts/components/task.vue
@@ -0,0 +1,448 @@
+<template>
+	<a-drawer
+		v-model:open="visible"
+		:title="$t('common.taskCenter')"
+		placement="right"
+		:width="400"
+		:destroyOnClose="true"
+	>
+		<div class="task-drawer">
+			<!-- 任务统计 -->
+			<div class="task-stats">
+				<div class="stat-item">
+					<div class="stat-number">{{ totalTasks }}</div>
+					<div class="stat-label">{{ $t('common.totalTasks') }}</div>
+				</div>
+				<div class="stat-item">
+					<div class="stat-number pending">{{ pendingTasks }}</div>
+					<div class="stat-label">{{ $t('common.pendingTasks') }}</div>
+				</div>
+				<div class="stat-item">
+					<div class="stat-number completed">{{ completedTasks }}</div>
+					<div class="stat-label">{{ $t('common.completedTasks') }}</div>
+				</div>
+			</div>
+
+			<!-- 操作栏 -->
+			<div class="task-actions">
+				<a-input
+					v-model:value="searchKeyword"
+					:placeholder="$t('common.searchTasks')"
+					allow-clear
+					@input="handleSearch"
+				>
+					<template #prefix>
+						<SearchOutlined />
+					</template>
+				</a-input>
+				<div class="filter-buttons">
+					<a-button
+						:type="filterType === 'all' ? 'primary' : 'default'"
+						size="small"
+						@click="setFilter('all')"
+					>
+						{{ $t('common.all') }}
+					</a-button>
+					<a-button
+						:type="filterType === 'pending' ? 'primary' : 'default'"
+						size="small"
+						@click="setFilter('pending')"
+					>
+						{{ $t('common.pending') }}
+					</a-button>
+					<a-button
+						:type="filterType === 'completed' ? 'primary' : 'default'"
+						size="small"
+						@click="setFilter('completed')"
+					>
+						{{ $t('common.completed') }}
+					</a-button>
+				</div>
+			</div>
+
+			<!-- 任务列表 -->
+			<div class="task-list">
+				<div v-if="filteredTasks.length > 0">
+					<div
+						v-for="task in filteredTasks"
+						:key="task.id"
+						class="task-item"
+						:class="{ completed: task.completed }"
+					>
+						<div class="task-checkbox">
+							<a-checkbox
+								:checked="task.completed"
+								@change="toggleTask(task)"
+							/>
+						</div>
+						<div class="task-content">
+							<div class="task-title">{{ task.title }}</div>
+							<div class="task-meta">
+								<span class="task-priority" :class="task.priority">
+									{{ $t(`common.priority${task.priority.charAt(0).toUpperCase() + task.priority.slice(1)}`) }}
+								</span>
+								<span class="task-time">{{ task.time }}</span>
+							</div>
+						</div>
+						<div class="task-actions">
+							<a-popconfirm
+								:title="$t('common.confirmDelete')"
+								:ok-text="$t('common.confirm')"
+								:cancel-text="$t('common.cancel')"
+								@confirm="deleteTask(task.id)"
+							>
+								<DeleteOutlined class="action-icon" />
+							</a-popconfirm>
+						</div>
+					</div>
+				</div>
+				<a-empty v-else :description="$t('common.noTasks')" />
+			</div>
+
+			<!-- 底部操作 -->
+			<div class="drawer-footer">
+				<a-button @click="showAddTask">
+					<PlusOutlined />
+					{{ $t('common.addTask') }}
+				</a-button>
+				<a-button danger @click="clearAllTasks">
+					{{ $t('common.clearAll') }}
+				</a-button>
+			</div>
+		</div>
+
+		<!-- 添加任务弹窗 -->
+		<a-modal
+			v-model:open="addTaskVisible"
+			:title="$t('common.addTask')"
+			:ok-text="$t('common.confirm')"
+			:cancel-text="$t('common.cancel')"
+			@ok="confirmAddTask"
+		>
+			<a-form layout="vertical">
+				<a-form-item :label="$t('common.taskTitle')">
+					<a-input v-model:value="newTask.title" :placeholder="$t('common.enterTaskTitle')" />
+				</a-form-item>
+				<a-form-item :label="$t('common.taskPriority')">
+					<a-select v-model:value="newTask.priority">
+						<a-select-option value="low">{{ $t('common.priorityLow') }}</a-select-option>
+						<a-select-option value="medium">{{ $t('common.priorityMedium') }}</a-select-option>
+						<a-select-option value="high">{{ $t('common.priorityHigh') }}</a-select-option>
+					</a-select>
+				</a-form-item>
+			</a-form>
+		</a-modal>
+	</a-drawer>
+</template>
+
+<script setup>
+import { ref, computed, watch } from 'vue'
+import { message } from 'ant-design-vue'
+import { SearchOutlined, DeleteOutlined, PlusOutlined } from '@ant-design/icons-vue'
+import { useI18n } from 'vue-i18n'
+
+// 定义组件名称
+defineOptions({
+	name: 'TaskDrawer',
+})
+
+const { t } = useI18n()
+
+const visible = defineModel('visible', { type: Boolean, default: false })
+
+const tasks = defineModel('tasks', { type: Array, default: () => [] })
+
+// 搜索关键词
+const searchKeyword = ref('')
+// 筛选类型：all, pending, completed
+const filterType = ref('all')
+
+// 添加任务弹窗
+const addTaskVisible = ref(false)
+const newTask = ref({
+	title: '',
+	priority: 'medium',
+})
+
+// 统计数据
+const totalTasks = computed(() => tasks.value.length)
+const pendingTasks = computed(() => tasks.value.filter(t => !t.completed).length)
+const completedTasks = computed(() => tasks.value.filter(t => t.completed).length)
+
+// 筛选后的任务列表
+const filteredTasks = computed(() => {
+	let result = [...tasks.value]
+
+	// 按状态筛选
+	if (filterType.value === 'pending') {
+		result = result.filter(t => !t.completed)
+	} else if (filterType.value === 'completed') {
+		result = result.filter(t => t.completed)
+	}
+
+	// 按关键词搜索
+	if (searchKeyword.value.trim()) {
+		const keyword = searchKeyword.value.toLowerCase()
+		result = result.filter(t =>
+			t.title.toLowerCase().includes(keyword)
+		)
+	}
+
+	return result
+})
+
+// 切换任务状态
+const toggleTask = (task) => {
+	task.completed = !task.completed
+}
+
+// 删除任务
+const deleteTask = (id) => {
+	const index = tasks.value.findIndex(t => t.id === id)
+	if (index > -1) {
+		tasks.value.splice(index, 1)
+		message.success(t('common.deleted'))
+	}
+}
+
+// 清空所有任务
+const clearAllTasks = () => {
+	tasks.value = []
+	message.success(t('common.cleared'))
+}
+
+// 显示添加任务弹窗
+const showAddTask = () => {
+	newTask.value = {
+		title: '',
+		priority: 'medium',
+	}
+	addTaskVisible.value = true
+}
+
+// 确认添加任务
+const confirmAddTask = () => {
+	if (!newTask.value.title.trim()) {
+		message.warning(t('common.pleaseEnterTaskTitle'))
+		return
+	}
+
+	tasks.value.unshift({
+		id: Date.now(),
+		title: newTask.value.title,
+		priority: newTask.value.priority,
+		completed: false,
+		time: t('common.justNow'),
+	})
+
+	addTaskVisible.value = false
+	message.success(t('common.added'))
+}
+
+// 设置筛选类型
+const setFilter = (type) => {
+	filterType.value = type
+}
+
+// 搜索处理
+const handleSearch = () => {
+	// 搜索逻辑在 computed 中自动处理
+}
+
+// 监听抽窗关闭，重置搜索和筛选
+watch(visible, (newVal) => {
+	if (!newVal) {
+		searchKeyword.value = ''
+		filterType.value = 'all'
+	}
+})
+</script>
+
+<style scoped lang="scss">
+.task-drawer {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+
+	.task-stats {
+		display: flex;
+		gap: 16px;
+		margin-bottom: 20px;
+		padding: 16px;
+		background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+		border-radius: 8px;
+
+		.stat-item {
+			flex: 1;
+			text-align: center;
+
+			.stat-number {
+				font-size: 28px;
+				font-weight: bold;
+				color: #fff;
+				margin-bottom: 4px;
+
+				&.pending {
+					color: #ffd666;
+				}
+
+				&.completed {
+					color: #95de64;
+				}
+			}
+
+			.stat-label {
+				font-size: 12px;
+				color: rgba(255, 255, 255, 0.9);
+			}
+		}
+	}
+
+	.task-actions {
+		margin-bottom: 16px;
+
+		:deep(.ant-input-affix-wrapper) {
+			margin-bottom: 12px;
+		}
+
+		.filter-buttons {
+			display: flex;
+			gap: 8px;
+
+			.ant-btn {
+				flex: 1;
+			}
+		}
+	}
+
+	.task-list {
+		flex: 1;
+		overflow-y: auto;
+		margin-bottom: 16px;
+		padding-right: 8px;
+
+		&::-webkit-scrollbar {
+			width: 6px;
+		}
+
+		&::-webkit-scrollbar-track {
+			background: #f1f1f1;
+			border-radius: 3px;
+		}
+
+		&::-webkit-scrollbar-thumb {
+			background: #c1c1c1;
+			border-radius: 3px;
+
+			&:hover {
+				background: #a8a8a8;
+			}
+		}
+
+		.task-item {
+			display: flex;
+			align-items: center;
+			padding: 12px;
+			margin-bottom: 8px;
+			background-color: #f9f9f9;
+			border-radius: 6px;
+			transition: all 0.2s;
+
+			&:hover {
+				background-color: #f0f0f0;
+				box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+			}
+
+			&.completed {
+				.task-title {
+					text-decoration: line-through;
+					color: #999;
+				}
+
+				.task-content {
+					opacity: 0.6;
+				}
+			}
+
+			.task-checkbox {
+				margin-right: 12px;
+				flex-shrink: 0;
+			}
+
+			.task-content {
+				flex: 1;
+				min-width: 0;
+
+				.task-title {
+					font-size: 14px;
+					color: #333;
+					margin-bottom: 4px;
+					font-weight: 500;
+					overflow: hidden;
+					text-overflow: ellipsis;
+					white-space: nowrap;
+				}
+
+				.task-meta {
+					display: flex;
+					align-items: center;
+					gap: 8px;
+					font-size: 12px;
+
+					.task-priority {
+						padding: 2px 8px;
+						border-radius: 10px;
+						font-weight: 500;
+
+						&.high {
+							background-color: #fff1f0;
+							color: #ff4d4f;
+						}
+
+						&.medium {
+							background-color: #fff7e6;
+							color: #fa8c16;
+						}
+
+						&.low {
+							background-color: #f6ffed;
+							color: #52c41a;
+						}
+					}
+
+					.task-time {
+						color: #999;
+					}
+				}
+			}
+
+			.task-actions {
+				margin-left: 8px;
+				flex-shrink: 0;
+
+				.action-icon {
+					font-size: 16px;
+					color: #999;
+					cursor: pointer;
+					transition: color 0.2s;
+
+					&:hover {
+						color: #ff4d4f;
+					}
+				}
+			}
+		}
+	}
+
+	.drawer-footer {
+		padding-top: 16px;
+		border-top: 1px solid #f0f0f0;
+		display: flex;
+		gap: 12px;
+
+		.ant-btn {
+			flex: 1;
+		}
+	}
+}
+</style>
diff --git a/resources/admin/src/layouts/components/userbar.vue b/resources/admin/src/layouts/components/userbar.vue
new file mode 100644
index 0000000..cb2f9f2
--- /dev/null
+++ b/resources/admin/src/layouts/components/userbar.vue
@@ -0,0 +1,380 @@
+<template>
+	<div class="userbar">
+		<!-- 菜单搜索 -->
+		<a-tooltip :title="$t('common.search')">
+			<a-button type="text" @click="showSearch" class="action-btn">
+				<SearchOutlined />
+			</a-button>
+		</a-tooltip>
+
+		<!-- 消息通知 -->
+		<a-dropdown :trigger="['click']" placement="bottomRight">
+			<a-badge :count="messageCount" :offset="[-5, 5]">
+				<a-button type="text" class="action-btn">
+					<BellOutlined />
+				</a-button>
+			</a-badge>
+			<template #overlay>
+				<a-card class="dropdown-card" :title="$t('common.messages')" :bordered="false">
+					<template #extra>
+						<a @click="clearMessages">{{ $t('common.clearAll') }}</a>
+					</template>
+					<div class="message-list">
+						<div v-for="msg in messages" :key="msg.id" class="message-item" :class="{ unread: !msg.read }">
+							<div class="message-content">
+								<div class="message-title">{{ msg.title }}</div>
+								<div class="message-time">{{ msg.time }}</div>
+							</div>
+							<a-badge v-if="!msg.read" dot />
+						</div>
+						<a-empty v-if="messages.length === 0" :description="$t('common.noMessages')" />
+					</div>
+				</a-card>
+			</template>
+		</a-dropdown>
+
+		<!-- 任务列表 -->
+		<a-tooltip :title="$t('common.taskCenter')">
+			<a-badge :count="taskCount" :offset="[-5, 5]">
+				<a-button type="text" @click="taskVisible = true" class="action-btn">
+					<CheckSquareOutlined />
+				</a-button>
+			</a-badge>
+		</a-tooltip>
+
+		<!-- 语言切换 -->
+		<a-dropdown :trigger="['click']" placement="bottomRight">
+			<a-button type="text" class="action-btn">
+				<GlobalOutlined />
+			</a-button>
+			<template #overlay>
+				<a-menu @click="handleLanguageChange">
+					<a-menu-item v-for="locale in i18nStore.availableLocales" :key="locale.value"
+						:disabled="i18nStore.currentLocale === locale.value">
+						<span>{{ locale.label }}</span>
+					</a-menu-item>
+				</a-menu>
+			</template>
+		</a-dropdown>
+
+		<!-- 全屏 -->
+		<a-tooltip :title="$t('common.fullscreen')">
+			<a-button type="text" @click="toggleFullscreen" class="action-btn">
+				<FullscreenOutlined v-if="!isFullscreen" />
+				<FullscreenExitOutlined v-else />
+			</a-button>
+		</a-tooltip>
+
+		<!-- 用户信息 -->
+		<a-dropdown :trigger="['click']">
+			<div class="user-info">
+				<a-avatar :size="32" :src="userStore.user?.avatar || ''">
+					{{ userStore.user?.username?.charAt(0)?.toUpperCase() || 'U' }}
+				</a-avatar>
+				<span class="username">{{ userStore.user?.username || 'Admin' }}</span>
+				<DownOutlined />
+			</div>
+			<template #overlay>
+				<a-menu @click="handleMenuClick">
+					<a-menu-item key="profile">
+						<UserOutlined />
+						<span>{{ $t('common.personalCenter') }}</span>
+					</a-menu-item>
+					<a-menu-item key="settings">
+						<SettingOutlined />
+						<span>{{ $t('common.systemSettings') }}</span>
+					</a-menu-item>
+					<a-menu-item key="clearCache">
+						<DeleteOutlined />
+						<span>{{ $t('common.clearCache') }}</span>
+					</a-menu-item>
+					<a-menu-divider />
+					<a-menu-item key="logout">
+						<LogoutOutlined />
+						<span>{{ $t('common.logout') }}</span>
+					</a-menu-item>
+				</a-menu>
+			</template>
+		</a-dropdown>
+	</div>
+
+	<!-- 菜单搜索弹窗 -->
+	<search v-model:visible="searchVisible" />
+
+	<!-- 任务抽屉 -->
+	<task v-model:visible="taskVisible" v-model:tasks="tasks" />
+</template>
+
+<script setup>
+import { ref, computed, onMounted, onUnmounted } from 'vue'
+import { useRouter } from 'vue-router'
+import { message, Modal } from 'ant-design-vue'
+import { useUserStore } from '@/stores/modules/user'
+import { useI18nStore } from '@/stores/modules/i18n'
+import { DownOutlined, UserOutlined, LogoutOutlined, FullscreenOutlined, FullscreenExitOutlined, BellOutlined, CheckSquareOutlined, GlobalOutlined, SearchOutlined, SettingOutlined, DeleteOutlined } from '@ant-design/icons-vue'
+import { useI18n } from 'vue-i18n'
+import search from './search.vue'
+import task from './task.vue'
+
+// 定义组件名称（多词命名）
+defineOptions({
+	name: 'UserBar',
+})
+
+const { t } = useI18n()
+const router = useRouter()
+const userStore = useUserStore()
+const i18nStore = useI18nStore()
+
+const isFullscreen = ref(false)
+const searchVisible = ref(false)
+const taskVisible = ref(false)
+
+// 消息数据
+const messages = ref([
+	{ id: 1, title: '系统通知：新版本已发布', time: '10分钟前', read: false },
+	{ id: 2, title: '任务提醒：请完成待审核的用户', time: '30分钟前', read: false },
+	{ id: 3, title: '安全警告：检测到异常登录', time: '1小时前', read: true },
+	{ id: 4, title: '数据备份已完成', time: '2小时前', read: true },
+])
+
+const messageCount = computed(() => messages.value.filter((m) => !m.read).length)
+
+// 任务数据
+const tasks = ref([
+	{ id: 1, title: '完成用户审核', priority: 'high', completed: false, time: '今天' },
+	{ id: 2, title: '更新系统文档', priority: 'medium', completed: false, time: '明天' },
+	{ id: 3, title: '优化数据库查询', priority: 'low', completed: true, time: '昨天' },
+])
+
+const taskCount = computed(() => tasks.value.filter((t) => !t.completed).length)
+
+// 切换全屏
+const toggleFullscreen = () => {
+	if (!document.fullscreenElement) {
+		document.documentElement.requestFullscreen()
+		isFullscreen.value = true
+	} else {
+		document.exitFullscreen()
+		isFullscreen.value = false
+	}
+}
+
+// 监听全屏变化
+const handleFullscreenChange = () => {
+	isFullscreen.value = !!document.fullscreenElement
+}
+
+onMounted(() => {
+	document.addEventListener('fullscreenchange', handleFullscreenChange)
+})
+
+onUnmounted(() => {
+	document.removeEventListener('fullscreenchange', handleFullscreenChange)
+})
+
+// 显示搜索功能
+const showSearch = () => {
+	searchVisible.value = true
+}
+
+// 清除消息
+const clearMessages = () => {
+	messages.value = []
+	message.success(t('common.cleared'))
+}
+
+// 显示任务抽屉
+const showTasks = () => {
+	taskVisible.value = true
+}
+
+// 切换语言
+const handleLanguageChange = ({ key }) => {
+	i18nStore.setLocale(key)
+	message.success(t('common.languageChanged'))
+}
+
+// 处理菜单点击
+const handleMenuClick = ({ key }) => {
+	switch (key) {
+		case 'profile':
+			router.push('/ucenter')
+			break
+		case 'settings':
+			router.push('/system/setting')
+			break
+		case 'clearCache':
+			handleClearCache()
+			break
+		case 'logout':
+			handleLogout()
+			break
+	}
+}
+
+// 清除缓存
+const handleClearCache = () => {
+	Modal.confirm({
+		title: t('common.confirmClearCache'),
+		content: t('common.clearCacheConfirm'),
+		okText: t('common.confirm'),
+		cancelText: t('common.cancel'),
+		onOk: () => {
+			try {
+				// 清除 localStorage
+				localStorage.clear()
+				// 清除 sessionStorage
+				sessionStorage.clear()
+				// 清除所有缓存
+				if ('caches' in window) {
+					caches.keys().then(names => {
+						names.forEach(name => {
+							caches.delete(name)
+						})
+					})
+				}
+				message.success(t('common.cacheCleared'))
+				// 延迟刷新页面以应用缓存清除
+				setTimeout(() => {
+					window.location.reload()
+				}, 1000)
+			} catch (error) {
+				message.error(t('common.clearCacheFailed'))
+				console.error('清除缓存失败:', error)
+			}
+		},
+	})
+}
+
+// 退出登录
+const handleLogout = () => {
+	Modal.confirm({
+		title: t('common.confirmLogout'),
+		content: t('common.logoutConfirm'),
+		okText: t('common.confirm'),
+		cancelText: t('common.cancel'),
+		onOk: async () => {
+			try {
+				await userStore.logout()
+				message.success(t('common.logoutSuccess'))
+				router.push('/login')
+			} catch {
+				message.error(t('common.logoutFailed'))
+			}
+		},
+	})
+}
+</script>
+
+<style scoped lang="scss">
+.userbar {
+	display: flex;
+	align-items: center;
+	gap: 12px;
+
+	.search-input {
+		width: 240px;
+		margin-right: 8px;
+
+		:deep(.ant-input) {
+			background-color: rgba(255, 255, 255, 0.9);
+		}
+	}
+
+	.user-info {
+		display: flex;
+		align-items: center;
+		gap: 8px;
+		cursor: pointer;
+		padding: 0 12px;
+		border-radius: 4px;
+		transition: background-color 0.3s;
+
+		&:hover {
+			background-color: rgba(0, 0, 0, 0.04);
+		}
+
+		.username {
+			font-size: 14px;
+			color: #333;
+		}
+	}
+
+	.action-btn {
+		font-size: 16px;
+		padding: 4px 8px;
+		display: flex;
+		align-items: center;
+		gap: 4px;
+
+		.lang-text {
+			font-size: 14px;
+		}
+
+		&:hover {
+			color: #1890ff;
+		}
+	}
+
+	.dropdown-card {
+		width: 320px;
+		max-height: 400px;
+		overflow: auto;
+
+		:deep(.ant-card-head) {
+			padding: 12px 16px;
+			min-height: auto;
+		}
+
+		:deep(.ant-card-body) {
+			padding: 12px 16px;
+			max-height: 320px;
+			overflow-y: auto;
+		}
+	}
+
+	.message-list,
+	.task-list {
+
+		.message-item,
+		.task-item {
+			padding: 10px 0;
+			border-bottom: 1px solid #f0f0f0;
+			position: relative;
+
+			&:last-child {
+				border-bottom: none;
+			}
+
+			&.unread {
+				background-color: rgba(24, 144, 255, 0.04);
+				padding: 10px;
+				margin: 0 -10px;
+				border-radius: 4px;
+			}
+		}
+
+		.message-content {
+			.message-title {
+				font-size: 14px;
+				color: #333;
+				margin-bottom: 4px;
+				line-height: 1.4;
+			}
+
+			.message-time {
+				font-size: 12px;
+				color: #999;
+			}
+		}
+
+		.task-item {
+			.completed {
+				text-decoration: line-through;
+				color: #999;
+			}
+		}
+	}
+}
+</style>
diff --git a/resources/admin/src/layouts/index.vue b/resources/admin/src/layouts/index.vue
new file mode 100644
index 0000000..b3ec299
--- /dev/null
+++ b/resources/admin/src/layouts/index.vue
@@ -0,0 +1,665 @@
+<template>
+	<a-layout class="app-wrapper" :class="layoutClass">
+		<!-- 默认布局：左侧双栏布局 -->
+		<template v-if="layoutMode === 'default'">
+			<!-- 第一个侧边栏：显示一级菜单 -->
+			<a-layout-sider theme="dark" width="70" class="left-sidebar">
+				<div class="logo-box">
+					<img src="@/assets/images/logo.png" alt="logo" class="logo-image" />
+				</div>
+				<ul class="left-nav">
+					<li v-for="(item, index) in menuList" :key="index"
+						:class="{ active: selectedParentMenu?.path === item.path }"
+						@click="handleParentMenuClick(item)">
+						<component :is="getIconComponent(item.meta?.icon)" />
+						<span>{{ item.meta?.title }}</span>
+					</li>
+				</ul>
+			</a-layout-sider>
+
+			<!-- 第二个侧边栏：显示选中的父菜单的子菜单 -->
+			<a-layout-sider
+				v-if="selectedParentMenu && selectedParentMenu.children && selectedParentMenu.children.length > 0"
+				theme="light" :collapsed="sidebarCollapsed" :collapsible="true" @collapse="handleCollapse" width="200"
+				:collapsed-width="64" class="right-sidebar">
+				<div class="parent-title">
+					<component :is="getIconComponent(selectedParentMenu.meta?.icon)" />
+					<span v-if="!sidebarCollapsed">{{ selectedParentMenu.meta?.title }}</span>
+				</div>
+				<a-menu v-model:openKeys="openKeys" v-model:selectedKeys="selectedKeys" mode="inline"
+					:selected-keys="[route.path]">
+					<navMenu :menu-items="selectedParentMenu.children" :active-path="route.path" />
+				</a-menu>
+			</a-layout-sider>
+
+			<a-layout class="main-layout">
+				<a-layout-header class="app-header">
+					<div class="header-left">
+						<breadcrumb />
+					</div>
+					<userbar />
+				</a-layout-header>
+				<tags />
+				<a-layout-content class="app-main">
+					<router-view v-slot="{ Component }">
+						<keep-alive :include="cachedViews">
+							<component :is="Component" :key="refreshKey" />
+						</keep-alive>
+					</router-view>
+				</a-layout-content>
+			</a-layout>
+		</template>
+
+		<!-- Menu布局：左侧菜单栏布局 -->
+		<template v-else-if="layoutMode === 'menu'">
+			<a-layout-sider theme="light" style="border-right: 1px solid #f0f0f0" :collapsed="sidebarCollapsed"
+				:collapsible="true" @collapse="handleCollapse" class="full-menu-sidebar" width="200"
+				:collapsed-width="64">
+				<div class="logo-box-full">
+					<img src="@/assets/images/logo.png" alt="logo" class="logo-image" />
+					<span v-if="!sidebarCollapsed" class="app-name">{{ config.APP_NAME }}</span>
+				</div>
+				<a-menu v-model:openKeys="openKeys" v-model:selectedKeys="selectedKeys" mode="inline"
+					:selected-keys="[route.path]">
+					<navMenu :menu-items="menuList" :active-path="route.path" />
+				</a-menu>
+			</a-layout-sider>
+			<a-layout class="main-layout">
+				<a-layout-header class="app-header">
+					<div class="header-left">
+						<breadcrumb />
+					</div>
+					<userbar />
+				</a-layout-header>
+				<tags />
+				<a-layout-content class="app-main">
+					<router-view v-slot="{ Component }">
+						<keep-alive :include="cachedViews">
+							<component :is="Component" :key="$route.fullPath" />
+						</keep-alive>
+					</router-view>
+				</a-layout-content>
+			</a-layout>
+		</template>
+
+		<!-- Top布局：顶部菜单栏布局 -->
+		<template v-else-if="layoutMode === 'top'">
+			<a-layout-header class="app-header top-header">
+				<div class="top-header-left">
+					<div class="logo-box-top">
+						<img src="@/assets/images/logo.png" alt="logo" class="logo-image" />
+						<span class="app-name">{{ config.APP_NAME }}</span>
+					</div>
+					<a-menu v-model:selectedKeys="selectedKeys" mode="horizontal" :selected-keys="[route.path]"
+						style="line-height: 60px">
+						<navMenu :menu-items="menuList" :active-path="route.path" />
+					</a-menu>
+				</div>
+				<userbar />
+			</a-layout-header>
+			<tags />
+			<a-layout-content class="app-main top-content">
+				<router-view v-slot="{ Component }">
+					<keep-alive :include="cachedViews">
+						<component :is="Component" :key="refreshKey" />
+					</keep-alive>
+				</router-view>
+			</a-layout-content>
+		</template>
+
+		<!-- 漂浮的设置按钮 -->
+		<a-float-button type="primary" @click="openSetting">
+			<template #icon>
+				<SettingOutlined />
+			</template>
+		</a-float-button>
+
+		<!-- 布局设置组件 -->
+		<setting ref="settingRef" />
+	</a-layout>
+</template>
+
+<script setup>
+import { computed, ref, watch, onMounted } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import { useLayoutStore } from '@/stores/modules/layout'
+import { useUserStore } from '@/stores/modules/user'
+import { SettingOutlined } from '@ant-design/icons-vue'
+import * as icons from '@ant-design/icons-vue'
+import config from '@/config/index.js'
+
+import userbar from './components/userbar.vue'
+import navMenu from './components/navMenu.vue'
+import breadcrumb from './components/breadcrumb.vue'
+import tags from './components/tags.vue'
+import setting from './components/setting.vue'
+
+// 定义组件名称（多词命名）
+defineOptions({
+	name: 'AppLayouts',
+})
+
+const route = useRoute()
+const router = useRouter()
+const layoutStore = useLayoutStore()
+const userStore = useUserStore()
+
+const settingRef = ref(null)
+
+const layoutMode = computed(() => layoutStore.layoutMode)
+const sidebarCollapsed = computed(() => layoutStore.sidebarCollapsed)
+const selectedParentMenu = computed(() => layoutStore.selectedParentMenu)
+
+// 缓存的视图列表
+const cachedViews = computed(() => {
+	return layoutStore.viewTags.filter((tag) => !tag.meta?.noCache).map((tag) => tag.name)
+})
+
+// 布局类名
+const layoutClass = computed(() => {
+	return {
+		'layout-default': layoutMode.value === 'default',
+		'layout-menu': layoutMode.value === 'menu',
+		'layout-top': layoutMode.value === 'top',
+		'is-collapse': sidebarCollapsed.value,
+	}
+})
+
+// 获取刷新 key
+const refreshKey = computed(() => layoutStore.refreshKey)
+
+const openKeys = ref([])
+const selectedKeys = ref([])
+const menuList = computed(() => {
+	return userStore.menu
+})
+
+// 获取图标组件
+const getIconComponent = (iconName) => {
+	return icons[iconName] || icons.FileTextOutlined
+}
+
+// 处理父菜单点击（默认布局的第一级菜单）
+const handleParentMenuClick = (item) => {
+	// 设置选中的父菜单
+	layoutStore.setSelectedParentMenu(item)
+	// 如果没有子菜单，直接跳转
+	if (!item.children || item.children.length === 0) {
+		if (item.path) {
+			router.push(item.path)
+		}
+	} else {
+		// 默认展开第一个子菜单
+		if (item.children.length > 0 && item.children[0].path) {
+			router.push(item.children[0].path)
+		}
+	}
+}
+
+// 处理折叠
+const handleCollapse = (collapsed) => {
+	layoutStore.sidebarCollapsed = collapsed
+}
+
+// 打开设置抽屉
+const openSetting = () => {
+	settingRef.value?.openDrawer()
+}
+
+// 更新选中的菜单和展开的菜单
+const updateMenuState = () => {
+	selectedKeys.value = [route.path]
+
+	// 获取所有父级路径
+	const matched = route.matched.filter((item) => item.path !== '/' && item.path !== route.path)
+	const parentPaths = matched.map((item) => item.path)
+
+	// 对于不同的布局模式，处理方式不同
+	if (layoutMode.value === 'default') {
+		// 默认布局：找到当前路由对应的父菜单
+		const currentMenu = findMenuByPath(menuList.value, route.path)
+		if (currentMenu) {
+			// 如果当前菜单有子菜单，设置为选中的父菜单
+			if (currentMenu.children && currentMenu.children.length > 0) {
+				layoutStore.setSelectedParentMenu(currentMenu)
+			} else {
+				// 如果当前菜单是子菜单，找到它的父菜单
+				const parentMenu = findParentMenu(menuList.value, route.path)
+				if (parentMenu) {
+					layoutStore.setSelectedParentMenu(parentMenu)
+				} else {
+					layoutStore.setSelectedParentMenu(currentMenu)
+				}
+			}
+		}
+	} else if (!sidebarCollapsed.value) {
+		// 其他布局模式：展开所有父级菜单
+		openKeys.value = parentPaths
+	}
+}
+
+// 根据路径查找菜单
+const findMenuByPath = (menus, path) => {
+	for (const menu of menus) {
+		if (menu.path === path) {
+			return menu
+		}
+		if (menu.children && menu.children.length > 0) {
+			const found = findMenuByPath(menu.children, path)
+			if (found) {
+				return found
+			}
+		}
+	}
+	return null
+}
+
+// 查找父菜单
+const findParentMenu = (menus, path) => {
+	for (const menu of menus) {
+		if (menu.children && menu.children.length > 0) {
+			for (const child of menu.children) {
+				if (child.path === path) {
+					return menu
+				}
+				if (child.children && child.children.length > 0) {
+					const found = findParentMenu([child], path)
+					if (found) {
+						return menu
+					}
+				}
+			}
+		}
+	}
+	return null
+}
+
+// 监听路由变化，更新菜单状态
+watch(
+	() => route.path,
+	(newPath) => {
+		console.log('路由变化:', newPath)
+		updateMenuState()
+	},
+	{ immediate: true },
+)
+
+// 监听布局模式变化，确保菜单状态正确
+watch(
+	() => layoutMode.value,
+	() => {
+		updateMenuState()
+	},
+)
+
+// 监听折叠状态
+watch(
+	() => sidebarCollapsed.value,
+	(val) => {
+		if (val) {
+			openKeys.value = []
+		} else {
+			updateMenuState()
+		}
+	},
+)
+
+// 初始化
+onMounted(() => {
+	// 如果还没有选中的父菜单，默认选中第一个
+	if (layoutMode.value === 'default' && !selectedParentMenu.value && menuList.value.length > 0) {
+		layoutStore.setSelectedParentMenu(menuList.value[0])
+	}
+	updateMenuState()
+})
+</script>
+
+<style scoped lang="scss">
+.app-wrapper {
+	position: relative;
+	width: 100%;
+	height: 100vh;
+	display: flex;
+	overflow: hidden;
+
+	.app-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		background-color: #ffffff;
+		border-bottom: 1px solid #f0f0f0;
+		box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
+		height: 60px;
+
+		.header-left {
+			display: flex;
+			align-items: center;
+			gap: 12px;
+
+			.collapse-btn {
+				font-size: 16px;
+				padding: 0 8px;
+			}
+		}
+	}
+
+	.app-main {
+		background-color: #f0f2f5;
+		overflow-y: auto;
+		flex: 1;
+		height: calc(100vh - 106px);
+		display: flex;
+		flex-direction: column;
+	}
+
+	/* 默认布局 - 双栏菜单 */
+	&.layout-default {
+		.left-sidebar {
+			background-color: #001529;
+			display: flex;
+			flex-direction: column;
+			z-index: 10;
+
+			.logo-box {
+				width: 100%;
+				height: 64px;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+
+				.logo-image {
+					width: 40px;
+					height: 40px;
+					object-fit: contain;
+				}
+			}
+
+			.left-nav {
+				list-style: none;
+				padding: 0;
+				margin: 0;
+				flex: 1;
+				overflow-y: auto;
+
+				&::-webkit-scrollbar {
+					width: 4px;
+				}
+
+				&::-webkit-scrollbar-thumb {
+					background: rgba(255, 255, 255, 0.2);
+					border-radius: 2px;
+				}
+
+				li {
+					height: 70px;
+					display: flex;
+					flex-direction: column;
+					align-items: center;
+					justify-content: center;
+					color: rgba(255, 255, 255, 0.65);
+					cursor: pointer;
+					transition: all 0.3s;
+					border-left: 3px solid transparent;
+					position: relative;
+
+					&:hover {
+						color: #ffffff;
+						background-color: rgba(255, 255, 255, 0.1);
+					}
+
+					&.active {
+						color: #ffffff;
+						background-color: #1890ff;
+						border-left-color: #ffffff;
+					}
+
+					:deep(.anticon) {
+						font-size: 20px;
+						margin-bottom: 4px;
+					}
+
+					span {
+						font-size: 12px;
+						text-align: center;
+						line-height: 1.2;
+						word-break: break-all;
+						padding: 0 4px;
+					}
+				}
+			}
+		}
+
+		.right-sidebar {
+			background-color: #ffffff;
+			box-shadow: 1px 0 6px rgba(0, 0, 0, 0.1);
+			z-index: 9;
+
+			.parent-title {
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				box-sizing: border-box;
+				gap: 5px;
+				height: 60px;
+				font-size: 16px;
+				font-weight: 500;
+				color: #262626;
+				border-bottom: 1px solid #f0f0f0;
+			}
+
+			:deep(.ant-menu) {
+				border-right: none;
+
+				.ant-menu-item {
+					&:hover {
+						color: #1890ff;
+						background-color: #e6f7ff;
+					}
+
+					&.ant-menu-item-selected {
+						background-color: #e6f7ff;
+
+						&::after {
+							border-color: #1890ff;
+						}
+					}
+				}
+
+				.ant-menu-submenu {
+					>.ant-menu-submenu-title {
+						&:hover {
+							color: #1890ff;
+						}
+					}
+
+					&.ant-menu-submenu-open {
+						>.ant-menu-submenu-title {
+							color: #1890ff;
+						}
+					}
+				}
+			}
+		}
+
+		.main-layout {
+			flex: 1;
+			display: flex;
+			flex-direction: column;
+			overflow: hidden;
+		}
+
+		.app-header {
+			padding: 0 20px;
+		}
+
+		.app-main {
+			height: calc(100vh - 106px);
+		}
+	}
+
+	/* Menu布局 */
+	&.layout-menu {
+		.full-menu-sidebar {
+			background-color: #ffffff;
+			z-index: 10;
+			transition: all 0.2s;
+
+			.logo-box-full {
+				width: 100%;
+				height: 60px;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				border-bottom: 1px solid #f0f0f0;
+				transition: all 0.2s;
+				gap: 10px;
+				padding: 0 10px;
+
+				.logo-image {
+					width: 32px;
+					height: 32px;
+					object-fit: contain;
+					flex-shrink: 0;
+				}
+
+				.app-name {
+					color: #1890ff;
+					font-size: 18px;
+					font-weight: bold;
+					letter-spacing: 1px;
+					white-space: nowrap;
+					overflow: hidden;
+					text-overflow: ellipsis;
+				}
+			}
+
+			:deep(.ant-menu) {
+				border-right: none;
+				height: calc(100% - 60px);
+				overflow-y: auto;
+
+				&::-webkit-scrollbar {
+					width: 6px;
+				}
+
+				&::-webkit-scrollbar-thumb {
+					background: rgba(0, 0, 0, 0.2);
+					border-radius: 3px;
+				}
+
+				.ant-menu-item {
+					margin: 0;
+					height: 44px;
+					line-height: 44px;
+					padding-left: 20px !important;
+
+					&:hover {
+						color: #1890ff;
+						background-color: #e6f7ff;
+					}
+
+					&.ant-menu-item-selected {
+						background-color: #e6f7ff;
+
+						&::after {
+							border-color: #1890ff;
+						}
+					}
+				}
+
+				.ant-menu-submenu {
+					>.ant-menu-submenu-title {
+						height: 44px;
+						line-height: 44px;
+						margin: 0;
+						padding-left: 20px !important;
+
+						&:hover {
+							color: #1890ff;
+						}
+					}
+
+					&.ant-menu-submenu-open {
+						>.ant-menu-submenu-title {
+							color: #1890ff;
+						}
+					}
+
+					.ant-menu-sub {
+						background-color: #fafafa;
+
+						.ant-menu-item {
+							padding-left: 40px !important;
+						}
+					}
+				}
+			}
+		}
+
+		.main-layout {
+			flex: 1;
+			display: flex;
+			flex-direction: column;
+			overflow: hidden;
+		}
+
+		.app-header {
+			padding: 0 20px;
+		}
+
+		.app-main {
+			height: calc(100vh - 106px);
+		}
+	}
+
+	/* Top布局 */
+	&.layout-top {
+		flex-direction: column;
+
+		.top-header {
+			padding: 0 20px;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			height: 60px;
+			border-bottom: none;
+			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+
+			.top-header-left {
+				display: flex;
+				align-items: center;
+				gap: 30px;
+
+				.logo-box-top {
+					display: flex;
+					align-items: center;
+					gap: 10px;
+
+					.logo-image {
+						width: 36px;
+						height: 36px;
+						object-fit: contain;
+					}
+
+					.app-name {
+						font-size: 20px;
+						font-weight: bold;
+						letter-spacing: 1px;
+						color: #1890ff;
+					}
+				}
+			}
+		}
+
+		.top-content {
+			height: calc(100vh - 116px);
+		}
+	}
+
+	/* 通用菜单样式优化 */
+	:deep(.ant-menu-item-icon) {
+		font-size: 16px;
+	}
+}
+</style>
diff --git a/resources/admin/src/layouts/other/404.vue b/resources/admin/src/layouts/other/404.vue
new file mode 100644
index 0000000..8ea30db
--- /dev/null
+++ b/resources/admin/src/layouts/other/404.vue
@@ -0,0 +1,228 @@
+<template>
+	<div class="not-found-container">
+		<div class="tech-decoration">
+			<div class="tech-circle"></div>
+			<div class="tech-circle"></div>
+			<div class="tech-circle"></div>
+		</div>
+
+		<div class="not-found-content">
+			<div class="error-code">404</div>
+			<div class="error-title">页面未找到</div>
+			<div class="error-description">抱歉，您访问的页面不存在或已被移除</div>
+
+			<div class="action-buttons">
+				<a-button type="primary" size="large" @click="goBack">
+					<template #icon>
+						<ArrowLeftOutlined />
+					</template>
+					返回上一页
+				</a-button>
+				<a-button size="large" @click="goHome">
+					<template #icon>
+						<HomeOutlined />
+					</template>
+					返回首页
+				</a-button>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script setup>
+import { useRouter } from 'vue-router'
+import { ArrowLeftOutlined, HomeOutlined } from '@ant-design/icons-vue'
+import '@/assets/style/auth.scss'
+
+const router = useRouter()
+
+// Go back to previous page
+const goBack = () => {
+	router.back()
+}
+
+// Go to home page
+const goHome = () => {
+	router.push('/')
+}
+</script>
+
+<style scoped lang="scss">
+.not-found-container {
+	width: 100%;
+	min-height: 100vh;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	background: linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);
+	position: relative;
+	overflow: hidden;
+
+	.tech-decoration {
+		position: absolute;
+		width: 100%;
+		height: 100%;
+		top: 0;
+		left: 0;
+		pointer-events: none;
+		overflow: hidden;
+
+		.tech-circle {
+			position: absolute;
+			border: 2px solid rgba(255, 107, 53, 0.1);
+			border-radius: 50%;
+			animation: pulse 4s ease-in-out infinite;
+		}
+
+		.tech-circle:nth-child(1) {
+			width: 300px;
+			height: 300px;
+			top: -150px;
+			left: -150px;
+			animation-delay: 0s;
+		}
+
+		.tech-circle:nth-child(2) {
+			width: 200px;
+			height: 200px;
+			bottom: -100px;
+			right: -100px;
+			animation-delay: 1s;
+		}
+
+		.tech-circle:nth-child(3) {
+			width: 150px;
+			height: 150px;
+			bottom: 20%;
+			left: -75px;
+			animation-delay: 2s;
+		}
+	}
+}
+
+@keyframes pulse {
+	0%,
+	100% {
+		opacity: 0.3;
+		transform: scale(1);
+	}
+
+	50% {
+		opacity: 0.6;
+		transform: scale(1.05);
+	}
+}
+
+.not-found-content {
+	text-align: center;
+	padding: 40px;
+	position: relative;
+	z-index: 1;
+
+	.error-code {
+		font-size: 120px;
+		font-weight: 700;
+		background: linear-gradient(135deg, var(--auth-primary-dark), var(--auth-primary));
+		-webkit-background-clip: text;
+		-webkit-text-fill-color: transparent;
+		background-clip: text;
+		margin-bottom: 20px;
+		line-height: 1;
+		animation: float 3s ease-in-out infinite;
+	}
+
+	@keyframes float {
+		0%,
+		100% {
+			transform: translateY(0);
+		}
+
+		50% {
+			transform: translateY(-10px);
+		}
+	}
+
+	.error-title {
+		font-size: 32px;
+		font-weight: 600;
+		color: var(--text-primary);
+		margin-bottom: 16px;
+	}
+
+	.error-description {
+		font-size: 16px;
+		color: var(--text-secondary);
+		margin-bottom: 40px;
+		line-height: 1.6;
+	}
+
+	.action-buttons {
+		display: flex;
+		gap: 16px;
+		justify-content: center;
+		flex-wrap: wrap;
+
+		.ant-btn {
+			height: 48px;
+			padding: 0 32px;
+			font-size: 16px;
+			font-weight: 600;
+			border-radius: 12px;
+
+			&.ant-btn-primary {
+				background: linear-gradient(135deg, var(--auth-primary), var(--auth-primary-dark));
+				border: none;
+				box-shadow: 0 8px 24px rgba(255, 107, 53, 0.35);
+				transition: all 0.3s ease;
+
+				&:hover {
+					background: linear-gradient(135deg, var(--auth-primary-light), var(--auth-primary));
+					transform: translateY(-2px);
+					box-shadow: 0 12px 32px rgba(255, 107, 53, 0.45);
+				}
+			}
+
+			&:not(.ant-btn-primary) {
+				background: rgba(255, 255, 255, 0.9);
+				border: 2px solid var(--border-color);
+				color: var(--text-secondary);
+				box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
+				transition: all 0.3s ease;
+
+				&:hover {
+					border-color: var(--auth-primary);
+					color: var(--auth-primary);
+					transform: translateY(-2px);
+					box-shadow: 0 8px 20px rgba(255, 107, 53, 0.15);
+				}
+			}
+		}
+	}
+}
+
+// Responsive design
+@media (max-width: 768px) {
+	.not-found-content {
+		padding: 20px;
+
+		.error-code {
+			font-size: 80px;
+		}
+
+		.error-title {
+			font-size: 24px;
+		}
+
+		.error-description {
+			font-size: 14px;
+		}
+
+		.action-buttons {
+			.ant-btn {
+				width: 100%;
+				max-width: 200px;
+			}
+		}
+	}
+}
+</style>
diff --git a/resources/admin/src/layouts/other/empty.vue b/resources/admin/src/layouts/other/empty.vue
new file mode 100644
index 0000000..74fe604
--- /dev/null
+++ b/resources/admin/src/layouts/other/empty.vue
@@ -0,0 +1,211 @@
+<template>
+	<div class="empty-container">
+		<div class="tech-decoration">
+			<div class="tech-circle"></div>
+			<div class="tech-circle"></div>
+			<div class="tech-circle"></div>
+		</div>
+
+		<div class="empty-content">
+			<div class="empty-icon">
+				<InboxOutlined :style="{ fontSize: '120px', color: '#ff6b35' }" />
+			</div>
+
+			<div class="empty-title">暂无数据</div>
+			<div class="empty-description">
+				{{ description || '当前页面暂无数据，请稍后再试' }}
+			</div>
+
+			<a-button v-if="showButton" type="primary" size="large" @click="handleAction">
+				<template #icon v-if="buttonIcon">
+					<component :is="buttonIcon" />
+				</template>
+				{{ buttonText || '刷新页面' }}
+			</a-button>
+		</div>
+	</div>
+</template>
+
+<script setup>
+import { InboxOutlined } from '@ant-design/icons-vue'
+import { useRouter } from 'vue-router'
+
+defineOptions({
+	name: 'EmptyPage',
+})
+
+const router = useRouter()
+
+defineProps({
+	description: {
+		type: String,
+		default: '当前页面暂无数据，请稍后再试',
+	},
+	showButton: {
+		type: Boolean,
+		default: true,
+	},
+	buttonText: {
+		type: String,
+		default: '刷新页面',
+	},
+	buttonIcon: {
+		type: [String, Object],
+		default: null,
+	},
+})
+
+const emit = defineEmits(['action'])
+
+const handleAction = () => {
+	emit('action')
+	// Default behavior: refresh page
+	router.go(0)
+}
+</script>
+
+<style scoped lang="scss">
+.empty-container {
+	width: 100%;
+	min-height: 100vh;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	background: linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);
+	position: relative;
+	overflow: hidden;
+
+	.tech-decoration {
+		position: absolute;
+		width: 100%;
+		height: 100%;
+		top: 0;
+		left: 0;
+		pointer-events: none;
+		overflow: hidden;
+
+		.tech-circle {
+			position: absolute;
+			border: 2px solid rgba(255, 107, 53, 0.1);
+			border-radius: 50%;
+			animation: pulse 4s ease-in-out infinite;
+		}
+
+		.tech-circle:nth-child(1) {
+			width: 300px;
+			height: 300px;
+			top: -150px;
+			left: -150px;
+			animation-delay: 0s;
+		}
+
+		.tech-circle:nth-child(2) {
+			width: 200px;
+			height: 200px;
+			bottom: -100px;
+			right: -100px;
+			animation-delay: 1s;
+		}
+
+		.tech-circle:nth-child(3) {
+			width: 150px;
+			height: 150px;
+			bottom: 20%;
+			left: -75px;
+			animation-delay: 2s;
+		}
+	}
+}
+
+@keyframes pulse {
+	0%,
+	100% {
+		opacity: 0.3;
+		transform: scale(1);
+	}
+	50% {
+		opacity: 0.6;
+		transform: scale(1.05);
+	}
+}
+
+.empty-content {
+	text-align: center;
+	padding: 40px;
+	position: relative;
+	z-index: 1;
+
+	.empty-icon {
+		margin-bottom: 32px;
+		animation: float 3s ease-in-out infinite;
+	}
+
+	@keyframes float {
+		0%,
+		100% {
+			transform: translateY(0);
+		}
+
+		50% {
+			transform: translateY(-10px);
+		}
+	}
+
+	.empty-title {
+		font-size: 28px;
+		font-weight: 600;
+		color: var(--text-primary);
+		margin-bottom: 16px;
+	}
+
+	.empty-description {
+		font-size: 16px;
+		color: var(--text-secondary);
+		margin-bottom: 40px;
+		line-height: 1.6;
+		max-width: 400px;
+	}
+
+	.ant-btn {
+		height: 48px;
+		padding: 0 40px;
+		font-size: 16px;
+		font-weight: 600;
+		background: linear-gradient(135deg, var(--auth-primary), var(--auth-primary-dark));
+		border: none;
+		border-radius: 12px;
+		box-shadow: 0 8px 24px rgba(255, 107, 53, 0.35);
+		transition: all 0.3s ease;
+
+		&:hover {
+			background: linear-gradient(135deg, var(--auth-primary-light), var(--auth-primary));
+			transform: translateY(-2px);
+			box-shadow: 0 12px 32px rgba(255, 107, 53, 0.45);
+		}
+	}
+}
+
+// Responsive design
+@media (max-width: 768px) {
+	.empty-content {
+		padding: 20px;
+
+		:deep(.anticon) {
+			font-size: 80px;
+		}
+
+		.empty-title {
+			font-size: 24px;
+		}
+
+		.empty-description {
+			font-size: 14px;
+		}
+
+		.ant-btn {
+			width: 100%;
+			max-width: 200px;
+		}
+	}
+}
+</style>
diff --git a/resources/admin/src/main.js b/resources/admin/src/main.js
new file mode 100644
index 0000000..e70ebe6
--- /dev/null
+++ b/resources/admin/src/main.js
@@ -0,0 +1,20 @@
+import { createApp } from 'vue'
+
+import Antd from 'ant-design-vue'
+import 'ant-design-vue/dist/reset.css'
+import '@/assets/style/app.scss'
+import App from './App.vue'
+import router from './router'
+import pinia from './stores'
+import i18n from './i18n'
+import boot from './boot'
+
+const app = createApp(App)
+
+app.use(Antd)
+app.use(router)
+app.use(pinia)
+app.use(i18n)
+app.use(boot)
+
+app.mount('#app')
diff --git a/resources/admin/src/pages/home/iconPickerDemo.vue b/resources/admin/src/pages/home/iconPickerDemo.vue
new file mode 100644
index 0000000..cf653ac
--- /dev/null
+++ b/resources/admin/src/pages/home/iconPickerDemo.vue
@@ -0,0 +1,50 @@
+<template>
+	<div class="icon-picker-demo">
+		<a-card title="图标选择器演示" style="max-width: 600px; margin: 20px auto;">
+			<a-form :label-col="{ span: 4 }" :wrapper-col="{ span: 20 }">
+				<a-form-item label="选择图标">
+					<sc-icon-picker v-model="selectedIcon" @change="handleIconChange" />
+				</a-form-item>
+
+				<a-form-item label="选中值">
+					<a-input v-model:value="selectedIcon" readonly />
+				</a-form-item>
+
+				<a-form-item label="图标预览">
+					<div v-if="selectedIcon" class="icon-preview">
+						<component :is="selectedIcon" style="font-size: 48px;" />
+					</div>
+					<a-empty v-else description="未选择图标" :image="Empty.PRESENTED_IMAGE_SIMPLE" />
+				</a-form-item>
+			</a-form>
+		</a-card>
+	</div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { Empty } from 'ant-design-vue'
+import ScIconPicker from '@/components/scIconPicker/index.vue'
+
+const selectedIcon = ref('')
+
+const handleIconChange = (value) => {
+	console.log('图标已选择:', value)
+}
+</script>
+
+<style scoped lang="scss">
+.icon-picker-demo {
+	padding: 20px;
+
+	.icon-preview {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		padding: 20px;
+		border: 1px dashed #d9d9d9;
+		border-radius: 6px;
+		min-height: 88px;
+	}
+}
+</style>
diff --git a/resources/admin/src/pages/home/index.vue b/resources/admin/src/pages/home/index.vue
new file mode 100644
index 0000000..e3dd744
--- /dev/null
+++ b/resources/admin/src/pages/home/index.vue
@@ -0,0 +1,47 @@
+<template>
+	<div class="home-page">
+		<a-skeleton v-if="loading" active />
+		<component v-else :is="dashboardComponent" @on-mounted="handleMounted" />
+	</div>
+</template>
+
+<script setup>
+import { ref, onMounted, computed, defineAsyncComponent } from 'vue'
+import config from '@/config'
+
+// 定义组件名称
+defineOptions({
+	name: 'HomePage',
+})
+
+const loading = ref(true)
+const dashboard = ref(config.DASHBOARD_LAYOUT || 'work')
+
+// 动态导入组件
+const components = {
+	work: defineAsyncComponent(() => import('./work/index.vue')),
+	widgets: defineAsyncComponent(() => import('./widgets/index.vue')),
+}
+
+const dashboardComponent = computed(() => {
+	return components[dashboard.value] || components.work
+})
+
+const handleMounted = () => {
+	loading.value = false
+}
+
+onMounted(() => {
+	// 模拟加载延迟
+	setTimeout(() => {
+		loading.value = false
+	}, 300)
+})
+</script>
+
+<style scoped lang="scss">
+.home-page {
+	width: 100%;
+	height: 100%;
+}
+</style>
diff --git a/resources/admin/src/pages/home/widgets/components/about.vue b/resources/admin/src/pages/home/widgets/components/about.vue
new file mode 100644
index 0000000..b904c7f
--- /dev/null
+++ b/resources/admin/src/pages/home/widgets/components/about.vue
@@ -0,0 +1,27 @@
+<template>
+	<a-card :bordered="true" title="关于项目" class="about-card">
+		<p>高性能 / 精致 / 优雅。基于Vue3 + Ant Design Vue 的中后台前端解决方案，如果喜欢就点个星星支持一下。</p>
+		<p>
+			<a href="https://gitee.com/lolicode/scui" target="_blank">
+				<img src="https://gitee.com/lolicode/scui/badge/star.svg?theme=dark" alt="star" style="vertical-align: middle;">
+			</a>
+		</p>
+	</a-card>
+</template>
+
+<script setup>
+// 定义组件名称
+defineOptions({
+	name: 'AboutWidget',
+})
+</script>
+
+<style scoped lang="scss">
+.about-card {
+	p {
+		color: #999;
+		margin-top: 10px;
+		line-height: 1.8;
+	}
+}
+</style>
diff --git a/resources/admin/src/pages/home/widgets/components/echarts.vue b/resources/admin/src/pages/home/widgets/components/echarts.vue
new file mode 100644
index 0000000..fe47293
--- /dev/null
+++ b/resources/admin/src/pages/home/widgets/components/echarts.vue
@@ -0,0 +1,132 @@
+<template>
+	<a-card :bordered="true" title="实时收入">
+		<a-spin :spinning="loading">
+			<div ref="chartRef" style="width: 100%; height: 300px;"></div>
+		</a-spin>
+	</a-card>
+</template>
+
+<script setup>
+import { ref, onMounted, onUnmounted } from 'vue'
+import * as echarts from 'echarts'
+
+// 定义组件名称
+defineOptions({
+	name: 'EchartsWidget',
+})
+
+const chartRef = ref(null)
+const loading = ref(true)
+let chart = null
+let timer = null
+
+// 初始化图表
+const initChart = () => {
+	if (!chartRef.value) return
+
+	chart = echarts.init(chartRef.value)
+
+	// 生成初始数据
+	const now = new Date()
+	const xData = []
+	const yData = []
+
+	for (let i = 29; i >= 0; i--) {
+		const time = new Date(now.getTime() - i * 2000)
+		xData.unshift(time.toLocaleTimeString().replace(/^\D*/, ''))
+		yData.push(Math.round(Math.random() * 0))
+	}
+
+	const option = {
+		tooltip: {
+			trigger: 'axis',
+		},
+		xAxis: {
+			boundaryGap: false,
+			type: 'category',
+			data: xData,
+		},
+		yAxis: [
+			{
+				type: 'value',
+				name: '价格',
+				splitLine: {
+					show: false,
+				},
+			},
+		],
+		series: [
+			{
+				name: '收入',
+				type: 'line',
+				symbol: 'none',
+				lineStyle: {
+					width: 1,
+					color: '#409EFF',
+				},
+				areaStyle: {
+					opacity: 0.1,
+					color: '#79bbff',
+				},
+				data: yData,
+			},
+		],
+	}
+
+	chart.setOption(option)
+
+	// 模拟实时更新
+	timer = setInterval(() => {
+		const newTime = new Date().toLocaleTimeString().replace(/^\D*/, '')
+		const newValue = Math.round(Math.random() * 100)
+
+		xData.shift()
+		xData.push(newTime)
+
+		yData.shift()
+		yData.push(newValue)
+
+		chart.setOption({
+			xAxis: {
+				data: xData,
+			},
+			series: [
+				{
+					data: yData,
+				},
+			],
+		})
+	}, 2100)
+}
+
+onMounted(() => {
+	// 模拟加载延迟
+	setTimeout(() => {
+		loading.value = false
+		initChart()
+	}, 500)
+
+	// 监听窗口大小变化
+	window.addEventListener('resize', handleResize)
+})
+
+const handleResize = () => {
+	if (chart) {
+		chart.resize()
+	}
+}
+
+onUnmounted(() => {
+	if (timer) {
+		clearInterval(timer)
+	}
+	if (chart) {
+		chart.dispose()
+	}
+	window.removeEventListener('resize', handleResize)
+})
+</script>
+
+<style scoped lang="scss">
+// 样式根据需要添加
+</style>
diff --git a/resources/admin/src/pages/home/widgets/components/index.js b/resources/admin/src/pages/home/widgets/components/index.js
new file mode 100644
index 0000000..44be942
--- /dev/null
+++ b/resources/admin/src/pages/home/widgets/components/index.js
@@ -0,0 +1,8 @@
+import { markRaw } from 'vue'
+const resultComps = {}
+const files = import.meta.glob('./*.vue', { eager: true })
+Object.keys(files).forEach((fileName) => {
+	let comp = files[fileName]
+	resultComps[fileName.replace(/^\.\/(.*)\.\w+$/, '$1')] = comp.default
+})
+export default markRaw(resultComps)
diff --git a/resources/admin/src/pages/home/widgets/components/info.vue b/resources/admin/src/pages/home/widgets/components/info.vue
new file mode 100644
index 0000000..f3e2602
--- /dev/null
+++ b/resources/admin/src/pages/home/widgets/components/info.vue
@@ -0,0 +1,63 @@
+<template>
+	<div class="info-card">
+		<div class="header">
+			<span class="title">系统信息</span>
+		</div>
+		<a-spin :spinning="loading">
+			<a-descriptions bordered :column="1">
+				<a-descriptions-item v-for="(item, index) in sysInfo" :key="index" :label="item.label">
+					{{ item.values }}
+				</a-descriptions-item>
+			</a-descriptions>
+		</a-spin>
+	</div>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue'
+import systemApi from '@/api/system'
+
+// 定义组件名称
+defineOptions({
+	name: 'InfoWidget',
+})
+
+const loading = ref(true)
+const sysInfo = ref([])
+
+const getSystemList = async () => {
+	try {
+		const res = await systemApi.info.get()
+		if (res.code === 1) {
+			sysInfo.value = res.data
+		}
+	} catch (error) {
+		console.error('获取系统信息失败:', error)
+	} finally {
+		loading.value = false
+	}
+}
+
+onMounted(() => {
+	getSystemList()
+})
+</script>
+
+<style scoped lang="scss">
+.info-card {
+	background-color: #ffffff;
+	padding: 16px;
+	border-radius: 10px;
+	margin: 16px 0;
+	.header{
+		padding-bottom: 10px;
+		.title{
+			font-size: 18px;
+		}
+	}
+	:deep(.ant-descriptions-item-label) {
+		width: 140px;
+		font-weight: 500;
+	}
+}
+</style>
diff --git a/resources/admin/src/pages/home/widgets/components/progress.vue b/resources/admin/src/pages/home/widgets/components/progress.vue
new file mode 100644
index 0000000..90d5c88
--- /dev/null
+++ b/resources/admin/src/pages/home/widgets/components/progress.vue
@@ -0,0 +1,36 @@
+<template>
+	<a-card :bordered="true" title="进度环">
+		<div class="progress">
+			<a-progress type="dashboard" :percent="85.5" :width="160">
+				<template #format="percent">
+					<div class="percentage-value">{{ percent }}%</div>
+					<div class="percentage-label">当前进度</div>
+				</template>
+			</a-progress>
+		</div>
+	</a-card>
+</template>
+
+<script setup>
+// 定义组件名称
+defineOptions({
+	name: 'ProgressWidget',
+})
+</script>
+
+<style scoped lang="scss">
+.progress {
+	text-align: center;
+
+	.percentage-value {
+		font-size: 28px;
+		font-weight: 500;
+	}
+
+	.percentage-label {
+		font-size: 12px;
+		margin-top: 10px;
+		color: #999;
+	}
+}
+</style>
diff --git a/resources/admin/src/pages/home/widgets/components/sms.vue b/resources/admin/src/pages/home/widgets/components/sms.vue
new file mode 100644
index 0000000..272a421
--- /dev/null
+++ b/resources/admin/src/pages/home/widgets/components/sms.vue
@@ -0,0 +1,93 @@
+<template>
+	<a-row :gutter="10">
+		<a-col :span="4">
+			<a-card :bordered="true" title="今日数量">
+				<a-statistic :value="count.today" :formatter="formatNumber" />
+			</a-card>
+		</a-col>
+		<a-col :span="4">
+			<a-card :bordered="true" title="昨日数量">
+				<a-statistic :value="count.yesterday" :formatter="formatNumber" />
+			</a-card>
+		</a-col>
+		<a-col :span="4">
+			<a-card :bordered="true" title="本周数量">
+				<a-statistic :value="count.week" :formatter="formatNumber" />
+			</a-card>
+		</a-col>
+		<a-col :span="4">
+			<a-card :bordered="true" title="上周数量">
+				<a-statistic :value="count.last_week" :formatter="formatNumber" />
+			</a-card>
+		</a-col>
+		<a-col :span="4">
+			<a-card :bordered="true" title="今年数量">
+				<a-statistic :value="count.year" :formatter="formatNumber" />
+			</a-card>
+		</a-col>
+		<a-col :span="4">
+			<a-card :bordered="true" title="总数量">
+				<a-statistic :value="count.all" :formatter="formatNumber" />
+			</a-card>
+		</a-col>
+	</a-row>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue'
+import systemApi from '@/api/system'
+
+// 定义组件名称
+defineOptions({
+	name: 'SmsWidget',
+})
+
+const count = ref({})
+
+const getSmsCount = async () => {
+	try {
+		// 注意：API中可能没有短信统计接口，这里使用模拟数据
+		// 如果有接口，请取消注释以下代码
+		// const res = await systemApi.sms.count.get()
+		// if (res.code === 1) {
+		// 	count.value = res.data
+		// }
+
+		// 模拟数据
+		count.value = {
+			today: 1234,
+			yesterday: 5678,
+			week: 45678,
+			last_week: 43210,
+			year: 567890,
+			all: 1234567
+		}
+	} catch (error) {
+		console.error('获取短信统计失败:', error)
+	}
+}
+
+const formatNumber = (value) => {
+	return value.toLocaleString()
+}
+
+onMounted(() => {
+	getSmsCount()
+})
+</script>
+
+<style scoped lang="scss">
+:deep(.ant-card-head-title) {
+	padding: 12px 0;
+	font-size: 14px;
+}
+
+:deep(.ant-card-body) {
+	padding: 20px;
+}
+
+:deep(.ant-statistic-content) {
+	font-size: 24px;
+	font-weight: 500;
+}
+</style>
diff --git a/resources/admin/src/pages/home/widgets/components/time.vue b/resources/admin/src/pages/home/widgets/components/time.vue
new file mode 100644
index 0000000..0c0e4c3
--- /dev/null
+++ b/resources/admin/src/pages/home/widgets/components/time.vue
@@ -0,0 +1,72 @@
+<template>
+	<a-card :bordered="true" title="时钟" class="time-card">
+		<div class="time">
+			<h2>{{ time }}</h2>
+			<p>{{ day }}</p>
+		</div>
+	</a-card>
+</template>
+
+<script setup>
+import { ref, onMounted, onUnmounted } from 'vue'
+import tool from '@/utils/tool'
+
+// 定义组件名称
+defineOptions({
+	name: 'TimeWidget',
+})
+
+const time = ref('')
+const day = ref('')
+let timer = null
+
+const showTime = () => {
+	time.value = tool.dateFormat(new Date(), 'hh:mm:ss')
+	day.value = tool.dateFormat(new Date(), 'yyyy年MM月dd日')
+}
+
+onMounted(() => {
+	showTime()
+	timer = setInterval(() => {
+		showTime()
+	}, 1000)
+})
+
+onUnmounted(() => {
+	if (timer) {
+		clearInterval(timer)
+	}
+})
+</script>
+
+<style scoped lang="scss">
+.time-card {
+	background: linear-gradient(to right, #8e54e9, #4776e6);
+	color: #fff;
+
+	:deep(.ant-card-head-title) {
+		color: #fff;
+	}
+
+	:deep(.ant-card-head) {
+		border-color: rgba(255, 255, 255, 0.2);
+	}
+
+	:deep(.ant-card-body) {
+		background: transparent;
+	}
+}
+
+.time {
+	h2 {
+		font-size: 40px;
+		margin: 0;
+	}
+
+	p {
+		font-size: 14px;
+		margin-top: 13px;
+		opacity: 0.7;
+	}
+}
+</style>
diff --git a/resources/admin/src/pages/home/widgets/components/ver.vue b/resources/admin/src/pages/home/widgets/components/ver.vue
new file mode 100644
index 0000000..34484f4
--- /dev/null
+++ b/resources/admin/src/pages/home/widgets/components/ver.vue
@@ -0,0 +1,69 @@
+<template>
+	<div class="ver-card">
+		<div class="header">
+			<span class="title">版本信息</span>
+		</div>
+		<a-spin :spinning="loading">
+			<a-descriptions bordered :column="1">
+				<a-descriptions-item v-for="(item, index) in sysInfo" :key="index" :label="item.label">
+					{{ item.values }}
+				</a-descriptions-item>
+			</a-descriptions>
+		</a-spin>
+	</div>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue'
+import systemApi from '@/api/system'
+
+// 定义组件名称
+defineOptions({
+	name: 'VerWidget',
+})
+
+const loading = ref(true)
+const sysInfo = ref([])
+
+const getSystemList = async () => {
+	try {
+		const res = await systemApi.version.get()
+		if (res.code === 1) {
+			sysInfo.value = res.data
+		}
+	} catch (error) {
+		console.error('获取版本信息失败:', error)
+		// 使用模拟数据作为fallback
+		sysInfo.value = [
+			{ label: '系统版本', values: '1.0.0' },
+			{ label: '框架版本', values: 'Vue 3.x' },
+			{ label: '构建时间', values: '2024-01-01' },
+		]
+	} finally {
+		loading.value = false
+	}
+}
+
+onMounted(() => {
+	getSystemList()
+})
+</script>
+
+<style scoped lang="scss">
+.ver-card {
+	background-color: #ffffff;
+	padding: 16px;
+	border-radius: 10px;
+	margin: 16px 0;
+	.header{
+		padding-bottom: 10px;
+		.title{
+			font-size: 18px;
+		}
+	}
+	:deep(.ant-descriptions-item-label) {
+		width: 160px;
+		font-weight: 500;
+	}
+}
+</style>
diff --git a/resources/admin/src/pages/home/widgets/components/welcome.vue b/resources/admin/src/pages/home/widgets/components/welcome.vue
new file mode 100644
index 0000000..1bf13ed
--- /dev/null
+++ b/resources/admin/src/pages/home/widgets/components/welcome.vue
@@ -0,0 +1,97 @@
+<template>
+	<a-card :bordered="true" title="欢迎">
+		<div class="welcome">
+			<div class="logo">
+				<img :src="logoImage" alt="logo">
+				<h2>VueAdmin</h2>
+			</div>
+			<div class="tips">
+				<div class="tips-item">
+					<div class="tips-item-icon"><MenuOutlined /></div>
+					<div class="tips-item-message">这里是项目控制台，你可以点击右上方的"自定义"按钮来添加移除或者移动部件。</div>
+				</div>
+				<div class="tips-item">
+					<div class="tips-item-icon"><RocketOutlined /></div>
+					<div class="tips-item-message">在提高前端算力、减少带宽请求和代码执行力上多次优化，并且持续着。</div>
+				</div>
+				<div class="tips-item">
+					<div class="tips-item-icon"><CoffeeOutlined /></div>
+					<div class="tips-item-message">项目目的：让前端工作更快乐</div>
+				</div>
+			</div>
+		</div>
+	</a-card>
+</template>
+
+<script setup>
+import { MenuOutlined, RocketOutlined, CoffeeOutlined } from '@ant-design/icons-vue'
+import logoImage from '@/assets/images/logo.png'
+
+// 定义组件名称
+defineOptions({
+	name: 'WelcomeWidget',
+})
+</script>
+
+<style scoped lang="scss">
+.welcome {
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+}
+
+.welcome .logo {
+	text-align: center;
+	padding: 0 40px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+
+	img {
+		width: 100px;
+		height: 100px;
+		margin-bottom: 20px;
+	}
+
+	h2 {
+		font-size: 30px;
+		font-weight: normal;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin: 0;
+	}
+}
+
+.tips {
+	padding: 0 40px;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}
+
+.tips-item {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	padding: 7.5px 0;
+}
+
+.tips-item-icon {
+	width: 40px;
+	height: 40px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	border-radius: 50%;
+	font-size: 18px;
+	margin-right: 20px;
+	color: #1890ff;
+	background: rgba(24, 144, 255, 0.1);
+}
+
+.tips-item-message {
+	flex: 1;
+	font-size: 14px;
+}
+</style>
diff --git a/resources/admin/src/pages/home/widgets/index.vue b/resources/admin/src/pages/home/widgets/index.vue
new file mode 100644
index 0000000..4a84f5c
--- /dev/null
+++ b/resources/admin/src/pages/home/widgets/index.vue
@@ -0,0 +1,505 @@
+<template>
+	<div :class="['widgets-home', customizing ? 'customizing' : '']" ref="main">
+		<div class="widgets-content">
+			<div class="widgets-top">
+				<div class="widgets-top-title">控制台</div>
+				<div class="widgets-top-actions">
+					<a-button v-if="customizing" type="primary" shape="round" @click="handleSave">
+						<template #icon>
+							<CheckOutlined />
+						</template>
+						完成
+					</a-button>
+					<a-button v-else type="primary" shape="round" @click="handleCustom">
+						<template #icon>
+							<EditOutlined />
+						</template>
+						自定义
+					</a-button>
+				</div>
+			</div>
+			<div class="widgets" ref="widgetsRef">
+				<div class="widgets-wrapper">
+					<div v-if="nowCompsList.length <= 0" class="no-widgets">
+						<a-empty description="没有部件啦" :image="Empty.PRESENTED_IMAGE_SIMPLE" />
+					</div>
+					<a-row :gutter="15">
+						<a-col v-for="(item, index) in grid.layout" :key="index" :md="item" :xs="24">
+							<div class="draggable-wrapper">
+								<draggable v-model="grid.compsList[index]" item-key="key" :animation="200"
+									handle=".customize-overlay" group="widgets" class="draggable-box">
+									<template #item="{ element }">
+										<div class="widgets-item">
+											<component :is="allComps[element]" />
+											<div v-if="customizing" class="customize-overlay">
+												<a-button class="close" type="primary" ghost shape="circle"
+													@click="removeComp(element)">
+													<template #icon>
+														<CloseOutlined />
+													</template>
+												</a-button>
+												<label>
+													<component :is="allComps[element].icon" />
+													{{ allComps[element].title }}
+												</label>
+											</div>
+										</div>
+									</template>
+								</draggable>
+							</div>
+						</a-col>
+					</a-row>
+				</div>
+			</div>
+		</div>
+
+		<!-- 自定义侧边栏 -->
+		<a-drawer v-if="customizing" :open="customizing" :width="360" placement="right" :closable="false" :mask="false"
+			class="widgets-drawer">
+			<template #title>
+				<div class="widgets-aside-title">
+					<PlusCircleOutlined /> 添加部件
+				</div>
+			</template>
+
+			<template #extra>
+				<a-button type="text" @click="handleClose">
+					<template #icon>
+						<CloseOutlined />
+					</template>
+				</a-button>
+			</template>
+
+			<!-- 布局选择 -->
+			<div class="select-layout">
+				<h3>选择布局</h3>
+				<div class="select-layout-options">
+					<div class="select-layout-item item01" :class="{ active: grid.layout.join(',') === '12,6,6' }"
+						@click="setLayout([12, 6, 6])">
+						<a-row :gutter="2">
+							<a-col :span="12"><span></span></a-col>
+							<a-col :span="6"><span></span></a-col>
+							<a-col :span="6"><span></span></a-col>
+						</a-row>
+					</div>
+					<div class="select-layout-item item02" :class="{ active: grid.layout.join(',') === '24,16,8' }"
+						@click="setLayout([24, 16, 8])">
+						<a-row :gutter="2">
+							<a-col :span="24"><span></span></a-col>
+							<a-col :span="16"><span></span></a-col>
+							<a-col :span="8"><span></span></a-col>
+						</a-row>
+					</div>
+					<div class="select-layout-item item03" :class="{ active: grid.layout.join(',') === '24' }"
+						@click="setLayout([24])">
+						<a-row :gutter="2">
+							<a-col :span="24"><span></span></a-col>
+							<a-col :span="24"><span></span></a-col>
+							<a-col :span="24"><span></span></a-col>
+						</a-row>
+					</div>
+				</div>
+			</div>
+
+			<!-- 部件列表 -->
+			<div class="widgets-list">
+				<h3>可用部件</h3>
+				<div v-if="myCompsList.length <= 0" class="widgets-list-nodata">
+					<a-empty description="没有部件啦" :image="Empty.PRESENTED_IMAGE_SIMPLE" />
+				</div>
+				<div v-for="item in myCompsList" :key="item.key" class="widgets-list-item">
+					<div class="item-logo">
+						<component :is="item.icon" />
+					</div>
+					<div class="item-info">
+						<h2>{{ item.title }}</h2>
+						<p>{{ item.description }}</p>
+					</div>
+					<div class="item-actions">
+						<a-button type="primary" @click="addComp(item)">
+							<template #icon>
+								<PlusOutlined />
+							</template>
+						</a-button>
+					</div>
+				</div>
+			</div>
+
+			<template #footer>
+				<a-button @click="handleResetDefault">恢复默认</a-button>
+			</template>
+		</a-drawer>
+	</div>
+</template>
+
+<script setup>
+import { ref, reactive, computed, onMounted, nextTick } from 'vue'
+import { Empty } from 'ant-design-vue'
+import draggable from 'vuedraggable'
+import allComps from './components'
+import config from '@/config'
+
+// 定义组件名称
+defineOptions({
+	name: 'WidgetsPage',
+})
+
+const customizing = ref(false)
+const widgetsRef = ref(null)
+const defaultGrid = config.DEFAULT_GRID
+const grid = reactive({ layout: [], compsList: [] })
+
+// 初始化
+const initGrid = () => {
+	const savedGrid = localStorage.getItem('widgetsGrid')
+	if (savedGrid) {
+		try {
+			const parsed = JSON.parse(savedGrid)
+			grid.layout = parsed.layout
+			grid.compsList = parsed.compsList
+		} catch {
+			resetToDefault()
+		}
+	} else {
+		resetToDefault()
+	}
+}
+
+const resetToDefault = () => {
+	grid.layout = [...defaultGrid.layout]
+	grid.compsList = defaultGrid.compsList.map((arr) => [...arr])
+}
+
+// 计算属性
+const allCompsList = computed(() => {
+	const list = []
+	for (const key in allComps) {
+		list.push({
+			key,
+			title: allComps[key].title,
+			icon: allComps[key].icon,
+			description: allComps[key].description,
+		})
+	}
+	const myCompKeys = grid.compsList.flat()
+	list.forEach((comp) => {
+		comp.disabled = myCompKeys.includes(comp.key)
+	})
+	return list
+})
+
+const myCompsList = computed(() => {
+	return allCompsList.value.filter((item) => !item.disabled)
+})
+
+const nowCompsList = computed(() => {
+	return grid.compsList.flat()
+})
+
+// 方法
+const handleCustom = () => {
+	customizing.value = true
+	const oldWidth = widgetsRef.value?.offsetWidth || 0
+	nextTick(() => {
+		if (widgetsRef.value) {
+			const scale = widgetsRef.value.offsetWidth / oldWidth
+			widgetsRef.value.style.setProperty('transform', `scale(${scale})`)
+		}
+	})
+}
+
+const setLayout = (layout) => {
+	grid.layout = layout
+	if (layout.join(',') === '24') {
+		grid.compsList[0] = [...grid.compsList[0], ...grid.compsList[1], ...grid.compsList[2]]
+		grid.compsList[1] = []
+		grid.compsList[2] = []
+	}
+}
+
+const addComp = (item) => {
+	grid.compsList[0].push(item.key)
+}
+
+const removeComp = (key) => grid.compsList.forEach((list, index) => {
+	grid.compsList[index] = list.filter((k) => k !== key)
+})
+
+const handleSave = () => {
+	customizing.value = false
+	if (widgetsRef.value) {
+		widgetsRef.value.style.removeProperty('transform')
+	}
+	localStorage.setItem('widgetsGrid', JSON.stringify(grid))
+	emit('on-mounted')
+}
+
+const handleResetDefault = () => {
+	customizing.value = false
+	if (widgetsRef.value) {
+		widgetsRef.value.style.removeProperty('transform')
+	}
+	resetToDefault()
+	localStorage.removeItem('widgetsGrid')
+}
+
+const handleClose = () => {
+	customizing.value = false
+	if (widgetsRef.value) {
+		widgetsRef.value.style.removeProperty('transform')
+	}
+}
+
+// 生命周期
+onMounted(() => {
+	initGrid()
+	emit('on-mounted')
+})
+
+const emit = defineEmits(['on-mounted'])
+</script>
+
+<style scoped lang="scss">
+.widgets-home {
+	display: flex;
+	flex-direction: row;
+	flex: 1;
+	height: 100%;
+}
+
+.widgets-content {
+	flex: 1;
+	overflow: auto;
+	overflow-x: hidden;
+	padding: 15px;
+}
+
+.widgets-top {
+	margin-bottom: 15px;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.widgets-top-title {
+	font-size: 18px;
+	font-weight: bold;
+}
+
+.widgets {
+	transform-origin: top left;
+	transition: transform 0.15s;
+}
+
+.customizing .widgets-wrapper {
+	margin-right: -360px;
+}
+
+.customizing .widgets-wrapper .ant-col {
+	padding-bottom: 15px;
+}
+
+.customizing .widgets-wrapper .draggable-wrapper {
+	border: 1px dashed #1890ff;
+	padding: 15px;
+}
+
+.customizing .widgets-wrapper .no-widgets {
+	display: none;
+}
+
+.customizing .widgets-item {
+	position: relative;
+	margin-bottom: 15px;
+}
+
+.customize-overlay {
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	z-index: 1;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	background: rgba(255, 255, 255, 0.9);
+	cursor: grab;
+}
+
+.customize-overlay:active {
+	cursor: grabbing;
+}
+
+.customize-overlay label {
+	background: #1890ff;
+	color: #fff;
+	height: 40px;
+	padding: 0 30px;
+	border-radius: 40px;
+	font-size: 18px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	cursor: grab;
+	margin-top: 8px;
+
+	.anticon {
+		margin-right: 15px;
+		font-size: 24px;
+	}
+}
+
+.customize-overlay .close {
+	position: absolute;
+	top: 15px;
+	right: 15px;
+}
+
+.widgets-list {
+	margin-top: 24px;
+
+	h3 {
+		font-size: 14px;
+		margin-bottom: 12px;
+	}
+}
+
+.widgets-list-item {
+	display: flex;
+	flex-direction: row;
+	padding: 15px;
+	align-items: center;
+	background: #fafafa;
+	border-radius: 8px;
+	margin-bottom: 8px;
+	transition: background 0.3s;
+
+	&:hover {
+		background: #f0f0f0;
+	}
+}
+
+.widgets-list-item .item-logo {
+	width: 40px;
+	height: 40px;
+	border-radius: 50%;
+	background: rgba(180, 180, 180, 0.1);
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: 18px;
+	margin-right: 15px;
+	color: #6a8bad;
+}
+
+.widgets-list-item .item-info {
+	flex: 1;
+}
+
+.widgets-list-item .item-info h2 {
+	font-size: 16px;
+	font-weight: normal;
+	cursor: default;
+	margin: 0 0 4px 0;
+}
+
+.widgets-list-item .item-info p {
+	font-size: 12px;
+	color: #999;
+	cursor: default;
+	margin: 0;
+}
+
+.widgets-wrapper .sortable-ghost {
+	opacity: 0.5;
+}
+
+.select-layout {
+	margin-bottom: 24px;
+
+	h3 {
+		font-size: 14px;
+		margin-bottom: 12px;
+	}
+}
+
+.select-layout-options {
+	display: flex;
+	gap: 12px;
+}
+
+.select-layout-item {
+	width: 60px;
+	height: 60px;
+	border: 2px solid #d9d9d9;
+	padding: 5px;
+	cursor: pointer;
+	border-radius: 4px;
+	transition: all 0.3s;
+
+	span {
+		display: block;
+		background: #d9d9d9;
+		height: 46px;
+		border-radius: 2px;
+	}
+
+	&.item02 span {
+		height: 30px;
+	}
+
+	&.item02 .ant-col:nth-child(1) span {
+		height: 14px;
+		margin-bottom: 2px;
+	}
+
+	&.item03 span {
+		height: 14px;
+		margin-bottom: 2px;
+	}
+
+	&:hover {
+		border-color: #1890ff;
+	}
+
+	&.active {
+		border-color: #1890ff;
+
+		span {
+			background: #1890ff;
+		}
+	}
+}
+
+.widgets-drawer {
+	:deep(.ant-drawer-body) {
+		padding: 0;
+	}
+
+	.widgets-aside-title {
+		display: flex;
+		align-items: center;
+		gap: 8px;
+
+		.anticon {
+			font-size: 18px;
+		}
+	}
+}
+
+@media (max-width: 992px) {
+	.customizing .widgets {
+		transform: scale(1) !important;
+	}
+
+	.customizing .widgets-drawer {
+		width: 100% !important;
+	}
+
+	.customizing .widgets-wrapper {
+		margin-right: 0;
+	}
+}
+</style>
diff --git a/resources/admin/src/pages/home/work/components/myapp.vue b/resources/admin/src/pages/home/work/components/myapp.vue
new file mode 100644
index 0000000..1a941cd
--- /dev/null
+++ b/resources/admin/src/pages/home/work/components/myapp.vue
@@ -0,0 +1,469 @@
+<template>
+	<div class="my-app">
+		<a-card :bordered="false">
+			<template #title>
+				<div class="card-title">
+					<SettingOutlined />
+					<span>我的常用应用</span>
+				</div>
+			</template>
+			<template #extra>
+				<a-button type="primary" @click="showDrawer">
+					<template #icon>
+						<PlusOutlined />
+					</template>
+					添加应用
+				</a-button>
+			</template>
+
+			<div v-if="myApps.length === 0" class="empty-state">
+				<a-empty description="暂无常用应用，请点击上方按钮添加" />
+			</div>
+
+			<div v-else class="apps-grid">
+				<draggable v-model="myApps" item-key="path" :animation="200" ghost-class="ghost" drag-class="dragging"
+					class="draggable-grid">
+					<template #item="{ element }">
+						<div class="app-item" @click="handleAppClick(element)">
+							<div class="app-icon">
+								<component :is="getIconComponent(element.meta?.icon)" />
+							</div>
+							<div class="app-name">{{ element.meta?.title }}</div>
+							<div class="app-description">{{ element.meta?.description || '点击打开' }}</div>
+						</div>
+					</template>
+				</draggable>
+			</div>
+		</a-card>
+
+		<!-- 添加应用抽屉 -->
+		<a-drawer v-model:open="drawerVisible" title="管理应用" :width="650" placement="right">
+			<div class="drawer-content">
+				<div class="app-section">
+					<div class="section-header">
+						<h3>
+							<StarFilled />
+							我的常用
+						</h3>
+						<span class="count">{{ myApps.length }} 个应用</span>
+					</div>
+					<p class="tips">拖拽卡片调整顺序，点击移除按钮移除应用</p>
+					<draggable v-model="myApps" item-key="path" :animation="200" ghost-class="drawer-ghost"
+						drag-class="drawer-dragging" class="drawer-grid" group="apps">
+						<template #item="{ element }">
+							<div class="drawer-app-card">
+								<div class="remove-btn" @click.stop="removeApp(element.path)">
+									<CloseOutlined />
+								</div>
+								<div class="app-icon">
+									<component :is="getIconComponent(element.meta?.icon)" />
+								</div>
+								<div class="app-name">{{ element.meta?.title }}</div>
+							</div>
+						</template>
+						<template #footer>
+							<div v-if="myApps.length === 0" class="empty-zone">
+								<a-empty description="暂无常用应用，从下方拖入应用" :image="false" />
+							</div>
+						</template>
+					</draggable>
+				</div>
+
+				<a-divider style="margin: 24px 0" />
+
+				<div class="app-section">
+					<div class="section-header">
+						<h3>
+							<AppstoreOutlined />
+							全部应用
+						</h3>
+						<span class="count">{{ allApps.length }} 个可用</span>
+					</div>
+					<p class="tips">拖拽卡片到上方添加为常用应用</p>
+					<draggable v-model="allApps" item-key="path" :animation="200" ghost-class="drawer-ghost"
+						drag-class="drawer-dragging" class="drawer-grid" group="apps">
+						<template #item="{ element }">
+							<div class="drawer-app-card">
+								<div class="app-icon">
+									<component :is="getIconComponent(element.meta?.icon)" />
+								</div>
+								<div class="app-name">{{ element.meta?.title }}</div>
+							</div>
+						</template>
+						<template #footer>
+							<div v-if="allApps.length === 0" class="empty-zone">
+								<a-empty description="所有应用已添加" :image="false" />
+							</div>
+						</template>
+					</draggable>
+				</div>
+			</div>
+
+			<template #footer>
+				<a-button @click="drawerVisible = false">取消</a-button>
+				<a-button type="primary" @click="handleSave">保存设置</a-button>
+			</template>
+		</a-drawer>
+	</div>
+</template>
+
+<script setup>
+import { ref, computed, watch } from 'vue'
+import { useRouter } from 'vue-router'
+import { message } from 'ant-design-vue'
+import draggable from 'vuedraggable'
+import { useUserStore } from '@/stores/modules/user'
+import * as icons from '@ant-design/icons-vue'
+
+// 定义组件名称
+defineOptions({
+	name: 'MyApp',
+})
+
+const router = useRouter()
+const userStore = useUserStore()
+
+// 从菜单中提取所有应用项（扁平化菜单树）
+const extractMenuItems = (menus) => {
+	const items = []
+
+	const traverse = (menuList) => {
+		for (const menu of menuList) {
+			// 只添加有路径的菜单项（排除父级菜单项）
+			if (menu.path && (!menu.children || menu.children.length === 0)) {
+				items.push(menu)
+			}
+			// 递归处理子菜单
+			if (menu.children && menu.children.length > 0) {
+				traverse(menu.children)
+			}
+		}
+	}
+
+	traverse(menus)
+	return items
+}
+
+// 获取所有可用应用
+const allAvailableApps = computed(() => {
+	return extractMenuItems(userStore.menu || [])
+})
+
+const drawerVisible = ref(false)
+const myApps = ref([])
+const allApps = ref([])
+
+// 获取图标组件
+const getIconComponent = (iconName) => {
+	return icons[iconName] || icons.FileTextOutlined
+}
+
+// 从本地存储加载数据
+const loadApps = () => {
+	const savedApps = localStorage.getItem('myApps')
+	if (savedApps) {
+		const savedPaths = JSON.parse(savedApps)
+		myApps.value = allAvailableApps.value.filter(app => savedPaths.includes(app.path))
+	} else {
+		// 默认显示前4个应用
+		myApps.value = allAvailableApps.value.slice(0, 4)
+	}
+	updateAllApps()
+}
+
+// 更新全部应用列表（排除已添加的）
+const updateAllApps = () => {
+	const myAppPaths = myApps.value.map(app => app.path)
+	allApps.value = allAvailableApps.value.filter(app => !myAppPaths.includes(app.path))
+}
+
+// 显示抽屉
+const showDrawer = () => {
+	drawerVisible.value = true
+	updateAllApps()
+}
+
+// 移除应用
+const removeApp = (path) => {
+	const index = myApps.value.findIndex(app => app.path === path)
+	if (index > -1) {
+		myApps.value.splice(index, 1)
+		updateAllApps()
+	}
+}
+
+// 应用点击处理
+const handleAppClick = (app) => {
+	if (app.path) {
+		router.push(app.path)
+	} else {
+		message.warning('该应用没有配置路由')
+	}
+}
+
+// 保存设置
+const handleSave = () => {
+	const appPaths = myApps.value.map(app => app.path)
+	localStorage.setItem('myApps', JSON.stringify(appPaths))
+	message.success('保存成功')
+	drawerVisible.value = false
+}
+
+// 初始化
+loadApps()
+
+// 监听菜单变化，重新加载应用
+watch(
+	() => userStore.menu,
+	() => {
+		loadApps()
+	},
+	{ deep: true }
+)
+</script>
+
+<style scoped lang="scss">
+.my-app {
+	padding: 20px;
+
+	.card-title {
+		display: flex;
+		align-items: center;
+		gap: 8px;
+		font-size: 16px;
+		font-weight: 500;
+	}
+
+	.empty-state {
+		padding: 40px 0;
+	}
+
+	.apps-grid {
+		.draggable-grid {
+			display: grid;
+			grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+			gap: 20px;
+		}
+
+		.app-item {
+			padding: 24px;
+			text-align: center;
+			background: #fafafa;
+			border-radius: 8px;
+			cursor: grab;
+			transition: all 0.3s;
+			border: 1px solid #f0f0f0;
+
+			&:active {
+				cursor: grabbing;
+			}
+
+			&:hover {
+				background: #fff;
+				box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+				transform: translateY(-2px);
+				border-color: #1890ff;
+			}
+
+			&.dragging {
+				opacity: 0.5;
+			}
+
+			&.ghost {
+				opacity: 0.3;
+				background: #e6f7ff;
+				border-color: #1890ff;
+				border-style: dashed;
+			}
+
+			.app-icon {
+				font-size: 40px;
+				color: #1890ff;
+				margin-bottom: 12px;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+			}
+
+			.app-name {
+				font-size: 16px;
+				font-weight: 500;
+				margin-bottom: 4px;
+			}
+
+			.app-description {
+				font-size: 12px;
+				color: #999;
+			}
+		}
+	}
+}
+
+// 抽屉样式 - 使用全局样式避免深度问题
+:deep(.my-app .ant-drawer-body) {
+	padding: 16px;
+}
+
+:deep(.my-app .ant-drawer-footer) {
+	box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);
+}
+
+.drawer-content {
+	.app-section {
+		margin-bottom: 0;
+
+		.section-header {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			margin-bottom: 8px;
+
+			h3 {
+				display: flex;
+				align-items: center;
+				gap: 6px;
+				font-size: 16px;
+				font-weight: 600;
+				margin: 0;
+				color: #262626;
+
+				.anticon {
+					font-size: 18px;
+				}
+			}
+
+			.count {
+				font-size: 12px;
+				color: #999;
+				background: #f5f5f5;
+				padding: 2px 8px;
+				border-radius: 4px;
+			}
+		}
+
+		.tips {
+			font-size: 13px;
+			color: #8c8c8c;
+			margin-bottom: 12px;
+			line-height: 1.5;
+		}
+
+		.empty-zone {
+			text-align: center;
+			padding: 30px 20px;
+			background: #fafafa;
+			border: 2px dashed #d9d9d9;
+			border-radius: 8px;
+
+			.ant-empty-description {
+				color: #bfbfbf;
+				margin: 0;
+			}
+		}
+
+		// 抽屉内卡片式网格布局
+		.drawer-grid {
+			display: grid;
+			grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
+			gap: 12px;
+			min-height: 80px;
+		}
+
+		.drawer-app-card {
+			position: relative;
+			padding: 20px 16px;
+			text-align: center;
+			background: #fff;
+			border: 1px solid #f0f0f0;
+			border-radius: 8px;
+			cursor: grab;
+			transition: all 0.25s ease;
+
+			&:active {
+				cursor: grabbing;
+			}
+
+			&:hover {
+				border-color: #1890ff;
+				box-shadow: 0 2px 8px rgba(24, 144, 255, 0.1);
+				transform: translateY(-2px);
+			}
+
+			.remove-btn {
+				position: absolute;
+				top: 8px;
+				right: 8px;
+				width: 20px;
+				height: 20px;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				background: #ff4d4f;
+				color: #fff;
+				border-radius: 50%;
+				font-size: 12px;
+				cursor: pointer;
+				opacity: 0;
+				transition: opacity 0.25s;
+
+				&:hover {
+					background: #ff7875;
+				}
+			}
+
+			&:hover .remove-btn {
+				opacity: 1;
+			}
+
+			.app-icon {
+				width: 48px;
+				height: 48px;
+				margin: 0 auto 12px;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				background: linear-gradient(135deg, #e6f7ff 0%, #bae7ff 100%);
+				border-radius: 12px;
+				font-size: 24px;
+				color: #1890ff;
+
+				:deep(.anticon) {
+					font-size: 24px;
+				}
+			}
+
+			.app-name {
+				font-size: 14px;
+				font-weight: 500;
+				color: #262626;
+				margin-bottom: 4px;
+				white-space: nowrap;
+				overflow: hidden;
+				text-overflow: ellipsis;
+			}
+
+			.app-description {
+				font-size: 12px;
+				color: #8c8c8c;
+				white-space: nowrap;
+				overflow: hidden;
+				text-overflow: ellipsis;
+			}
+		}
+
+		// 拖拽时的样式
+		.drawer-ghost {
+			opacity: 0.4;
+			background: #e6f7ff;
+			border-color: #1890ff;
+			border-style: dashed;
+		}
+
+		.drawer-dragging {
+			opacity: 0.6;
+			transform: scale(0.95);
+			box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+		}
+	}
+}
+</style>
diff --git a/resources/admin/src/pages/home/work/index.vue b/resources/admin/src/pages/home/work/index.vue
new file mode 100644
index 0000000..c1cf14a
--- /dev/null
+++ b/resources/admin/src/pages/home/work/index.vue
@@ -0,0 +1,21 @@
+<template>
+	<div class="work-page">
+		<MyApp />
+	</div>
+</template>
+
+<script setup>
+import MyApp from './components/myapp.vue'
+
+// 定义组件名称
+defineOptions({
+	name: 'WorkPage',
+})
+</script>
+
+<style scoped lang="scss">
+.work-page {
+	width: 100%;
+	height: 100%;
+}
+</style>
diff --git a/resources/admin/src/pages/login/index.vue b/resources/admin/src/pages/login/index.vue
new file mode 100644
index 0000000..30de3cc
--- /dev/null
+++ b/resources/admin/src/pages/login/index.vue
@@ -0,0 +1,163 @@
+<template>
+	<div class="auth-container">
+		<div class="tech-decoration">
+			<div class="tech-circle"></div>
+			<div class="tech-circle"></div>
+			<div class="tech-circle"></div>
+		</div>
+
+		<div class="auth-card">
+			<div class="auth-header">
+				<h1 class="auth-title">欢迎回来</h1>
+				<p class="auth-subtitle">登录您的账户继续探索科技世界</p>
+			</div>
+
+			<a-form ref="loginFormRef" :model="loginForm" :rules="loginRules" class="auth-form" @finish="handleLogin" layout="vertical">
+				<a-form-item name="username">
+					<a-input v-model:value="loginForm.username" placeholder="请输入用户名/邮箱" size="large">
+						<template #prefix>
+							<UserOutlined />
+						</template>
+					</a-input>
+				</a-form-item>
+
+				<a-form-item name="password">
+					<a-input-password v-model:value="loginForm.password" placeholder="请输入密码" size="large" @pressEnter="handleLogin">
+						<template #prefix>
+							<LockOutlined />
+						</template>
+					</a-input-password>
+				</a-form-item>
+
+				<div class="auth-links">
+					<a-checkbox v-model:checked="loginForm.rememberMe" class="remember-me"> 记住我 </a-checkbox>
+					<router-link to="/reset-password" class="forgot-password"> 忘记密码？ </router-link>
+				</div>
+
+				<a-form-item>
+					<a-button type="primary" :loading="loading" size="large" html-type="submit" block>
+						{{ loading ? '登录中...' : '登录' }}
+					</a-button>
+				</a-form-item>
+			</a-form>
+
+			<div class="auth-footer">
+				<p class="auth-footer-text">
+					还没有账户？
+					<router-link to="/userRegister" class="auth-link"> 立即注册 </router-link>
+				</p>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script setup>
+import { reactive, ref } from 'vue'
+import { useRouter, useRoute } from 'vue-router'
+import { message } from 'ant-design-vue'
+import { UserOutlined, LockOutlined } from '@ant-design/icons-vue'
+import { useUserStore } from '@/stores/modules/user'
+import auth from '@/api/auth'
+import config from '@/config'
+import '@/assets/style/auth.scss'
+
+defineOptions({
+	name: 'LoginPage',
+})
+
+const router = useRouter()
+const route = useRoute()
+const loginFormRef = ref(null)
+const loading = ref(false)
+
+const userStore = useUserStore()
+
+// Login form data
+const loginForm = reactive({
+	username: '',
+	password: '',
+	rememberMe: false,
+})
+
+// Form validation rules
+const loginRules = {
+	username: [
+		{ required: true, message: '请输入用户名或邮箱' },
+		{ min: 3, max: 50, message: '长度在 3 到 50 个字符' },
+	],
+	password: [
+		{ required: true, message: '请输入密码' },
+		{ min: 6, message: '密码长度不能少于 6 位' },
+	],
+}
+
+// Handle login
+const handleLogin = async () => {
+	if (!loginFormRef.value) return
+
+	try {
+		// Validate form
+		await loginFormRef.value.validate()
+		loading.value = true
+
+		// 1. Call login API
+		const loginResponse = await auth.login.post({
+			username: loginForm.username,
+			password: loginForm.password,
+		})
+
+		// Check if login was successful
+		if (loginResponse.code !== 200) {
+			throw new Error(loginResponse.message || '登录失败')
+		}
+
+		const loginData = loginResponse.data
+
+		// 2. Store token persistently (接口返回的是 token 字段)
+		if (loginData.token) {
+			userStore.setToken(loginData.token)
+		}
+
+		// Store user information if available (登录接口已返回用户信息)
+		if (loginData.user) {
+			userStore.setUserInfo(loginData.user)
+		}
+
+		// 3. Store menu and permissions from login response
+		// 根据接口文档，登录接口已返回 menu 和 permissions 数据
+		if (loginData.menu) {
+			userStore.setMenu(loginData.menu)
+		}
+
+		if (loginData.permissions) {
+			userStore.setPermissions(loginData.permissions)
+		}
+
+		// Success message
+		message.success('登录成功！')
+
+		// Redirect to dashboard or redirect parameter
+		setTimeout(() => {
+			// Get redirect from query parameter
+			const redirect = route.query.redirect
+
+			if (redirect) {
+				// If there's a redirect parameter, go there
+				router.push(redirect)
+			} else {
+				// Otherwise, go to configured dashboard URL
+				router.push(config.DASHBOARD_URL)
+			}
+		}, 500)
+	} catch (error) {
+		// Clear user data on login failure
+		userStore.logout()
+
+		// Show error message
+		const errorMsg = error.response?.data?.msg || error.msg || error.message || '登录失败，请检查用户名和密码'
+		message.error(errorMsg)
+	} finally {
+		loading.value = false
+	}
+}
+</script>
diff --git a/resources/admin/src/pages/login/resetPassword.vue b/resources/admin/src/pages/login/resetPassword.vue
new file mode 100644
index 0000000..ad33bf1
--- /dev/null
+++ b/resources/admin/src/pages/login/resetPassword.vue
@@ -0,0 +1,164 @@
+<template>
+	<div class="auth-container">
+		<div class="tech-decoration">
+			<div class="tech-circle"></div>
+			<div class="tech-circle"></div>
+			<div class="tech-circle"></div>
+		</div>
+
+		<div class="auth-card">
+			<div class="auth-header">
+				<h1 class="auth-title">找回密码</h1>
+				<p class="auth-subtitle">输入您的邮箱，我们将发送重置密码链接</p>
+			</div>
+
+			<a-form ref="forgotFormRef" :model="forgotForm" :rules="forgotRules" class="auth-form" @finish="handleSubmit" layout="vertical">
+				<a-form-item name="email">
+					<a-input v-model:value="forgotForm.email" placeholder="请输入注册邮箱" size="large" @pressEnter="handleSubmit">
+						<template #prefix>
+							<MailOutlined />
+						</template>
+					</a-input>
+				</a-form-item>
+
+				<a-form-item name="captcha" v-if="showCaptcha">
+					<div style="display: flex; gap: 12px">
+						<a-input v-model:value="forgotForm.captcha" placeholder="请输入验证码" size="large" style="flex: 1">
+							<template #prefix>
+								<SafetyOutlined />
+							</template>
+						</a-input>
+						<a-button type="default" size="large" :disabled="captchaDisabled" @click="sendCaptcha">
+							{{ captchaButtonText }}
+						</a-button>
+					</div>
+				</a-form-item>
+
+				<a-form-item>
+					<a-button type="primary" :loading="loading" size="large" html-type="submit" block>
+						{{ loading ? '提交中...' : '发送重置链接' }}
+					</a-button>
+				</a-form-item>
+			</a-form>
+
+			<div class="auth-footer">
+				<p class="auth-footer-text">
+					想起密码了？
+					<router-link to="/login" class="auth-link"> 返回登录 </router-link>
+				</p>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script setup>
+import { reactive, ref } from 'vue'
+import { useRouter } from 'vue-router'
+import { message } from 'ant-design-vue'
+import { MailOutlined, SafetyOutlined } from '@ant-design/icons-vue'
+import '@/assets/style/auth.scss'
+
+defineOptions({
+	name: 'ResetPasswordPage',
+})
+
+const router = useRouter()
+const forgotFormRef = ref(null)
+const loading = ref(false)
+const showCaptcha = ref(false)
+const captchaDisabled = ref(false)
+const countdown = ref(60)
+
+// Forgot password form data
+const forgotForm = reactive({
+	email: '',
+	captcha: '',
+})
+
+// Captcha button text
+const captchaButtonText = ref('获取验证码')
+
+// Form validation rules
+const forgotRules = {
+	email: [
+		{ required: true, message: '请输入邮箱地址' },
+		{ type: 'email', message: '请输入正确的邮箱地址' },
+	],
+	captcha: [
+		{ required: true, message: '请输入验证码' },
+		{ len: 6, message: '验证码为6位数字' },
+	],
+}
+
+// Send captcha code
+const sendCaptcha = async () => {
+	if (!forgotForm.email) {
+		message.warning('请先输入邮箱地址')
+		return
+	}
+
+	// Validate email format
+	const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/
+	if (!emailRegex.test(forgotForm.email)) {
+		message.warning('请输入正确的邮箱地址')
+		return
+	}
+
+	try {
+		// Simulate API call - Replace with actual API call
+		// Example: const response = await sendCaptchaApi(forgotForm.email)
+
+		await new Promise((resolve) => setTimeout(resolve, 500))
+
+		message.success('验证码已发送至您的邮箱')
+
+		// Start countdown
+		captchaDisabled.value = true
+		const timer = setInterval(() => {
+			countdown.value--
+			captchaButtonText.value = `${countdown.value}秒后重试`
+
+			if (countdown.value <= 0) {
+				clearInterval(timer)
+				captchaDisabled.value = false
+				captchaButtonText.value = '获取验证码'
+				countdown.value = 60
+			}
+		}, 1000)
+
+		showCaptcha.value = true
+	} catch (error) {
+		console.error('Send captcha failed:', error)
+		message.error('发送验证码失败，请稍后重试')
+	}
+}
+
+// Handle submit
+const handleSubmit = async () => {
+	if (!forgotFormRef.value) return
+
+	try {
+		await forgotFormRef.value.validate()
+		loading.value = true
+
+		// Simulate API call - Replace with actual API call
+		// Example: const response = await forgotPasswordApi(forgotForm)
+
+		// Simulated delay
+		await new Promise((resolve) => setTimeout(resolve, 1500))
+
+		// Success message
+		message.success('密码重置链接已发送至您的邮箱，请注意查收')
+
+		// Redirect to login page
+		setTimeout(() => {
+			router.push('/login')
+		}, 2000)
+	} catch (error) {
+		console.error('Forgot password failed:', error)
+		message.error('提交失败，请检查邮箱地址和验证码')
+	} finally {
+		loading.value = false
+	}
+}
+</script>
diff --git a/resources/admin/src/pages/login/userRegister.vue b/resources/admin/src/pages/login/userRegister.vue
new file mode 100644
index 0000000..1c4b77d
--- /dev/null
+++ b/resources/admin/src/pages/login/userRegister.vue
@@ -0,0 +1,161 @@
+<template>
+	<div class="auth-container">
+		<div class="tech-decoration">
+			<div class="tech-circle"></div>
+			<div class="tech-circle"></div>
+			<div class="tech-circle"></div>
+		</div>
+
+		<div class="auth-card">
+			<div class="auth-header">
+				<h1 class="auth-title">创建账户</h1>
+				<p class="auth-subtitle">加入我们，开启科技之旅</p>
+			</div>
+
+			<a-form ref="registerFormRef" :model="registerForm" :rules="registerRules" class="auth-form" @finish="handleRegister" layout="vertical">
+				<a-form-item name="username">
+					<a-input v-model:value="registerForm.username" placeholder="请输入用户名" size="large">
+						<template #prefix>
+							<UserOutlined />
+						</template>
+					</a-input>
+				</a-form-item>
+
+				<a-form-item name="email">
+					<a-input v-model:value="registerForm.email" placeholder="请输入邮箱地址" size="large">
+						<template #prefix>
+							<MailOutlined />
+						</template>
+					</a-input>
+				</a-form-item>
+
+				<a-form-item name="password">
+					<a-input-password v-model:value="registerForm.password" placeholder="请输入密码（至少6位）" size="large">
+						<template #prefix>
+							<LockOutlined />
+						</template>
+					</a-input-password>
+				</a-form-item>
+
+				<a-form-item name="confirmPassword">
+					<a-input-password v-model:value="registerForm.confirmPassword" placeholder="请再次输入密码" size="large" @pressEnter="handleRegister">
+						<template #prefix>
+							<LockOutlined />
+						</template>
+					</a-input-password>
+				</a-form-item>
+
+				<a-form-item name="agreeTerms">
+					<a-checkbox v-model:checked="registerForm.agreeTerms" class="remember-me">
+						我已阅读并同意
+						<a href="#" class="auth-link">服务条款</a>
+						和
+						<a href="#" class="auth-link">隐私政策</a>
+					</a-checkbox>
+				</a-form-item>
+
+				<a-form-item>
+					<a-button type="primary" :loading="loading" size="large" html-type="submit" block>
+						{{ loading ? '注册中...' : '注册' }}
+					</a-button>
+				</a-form-item>
+			</a-form>
+
+			<div class="auth-footer">
+				<p class="auth-footer-text">
+					已有账户？
+					<router-link to="/login" class="auth-link"> 立即登录 </router-link>
+				</p>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script setup>
+import { reactive, ref } from 'vue'
+import { useRouter } from 'vue-router'
+import { message } from 'ant-design-vue'
+import { UserOutlined, MailOutlined, LockOutlined } from '@ant-design/icons-vue'
+import '@/assets/style/auth.scss'
+
+defineOptions({
+	name: 'RegisterPage',
+})
+
+const router = useRouter()
+const registerFormRef = ref(null)
+const loading = ref(false)
+
+// Register form data
+const registerForm = reactive({
+	username: '',
+	email: '',
+	password: '',
+	confirmPassword: '',
+	agreeTerms: false,
+})
+
+// Form validation rules
+const registerRules = {
+	username: [
+		{ required: true, message: '请输入用户名' },
+		{ min: 3, max: 20, message: '长度在 3 到 20 个字符' },
+	],
+	email: [
+		{ required: true, message: '请输入邮箱地址' },
+		{ type: 'email', message: '请输入正确的邮箱地址' },
+	],
+	password: [
+		{ required: true, message: '请输入密码' },
+		{ min: 6, message: '密码长度不能少于 6 位' },
+	],
+	confirmPassword: [
+		{ required: true, message: '请再次输入密码' },
+		{
+			validator: (rule, value) => {
+				if (value !== registerForm.password) {
+					return Promise.reject('两次输入的密码不一致')
+				}
+				return Promise.resolve()
+			},
+		},
+	],
+	agreeTerms: [
+		{
+			type: 'enum',
+			enum: [true],
+			message: '请阅读并同意服务条款和隐私政策',
+			transform: (value) => value || false,
+		},
+	],
+}
+
+// Handle register
+const handleRegister = async () => {
+	if (!registerFormRef.value) return
+
+	try {
+		await registerFormRef.value.validate()
+		loading.value = true
+
+		// Simulate API call - Replace with actual API call
+		// Example: const response = await registerApi(registerForm)
+
+		// Simulated delay
+		await new Promise((resolve) => setTimeout(resolve, 1500))
+
+		// Success message
+		message.success('注册成功！正在跳转到登录页面...')
+
+		// Redirect to login page
+		setTimeout(() => {
+			router.push('/login')
+		}, 1500)
+	} catch (error) {
+		console.error('Register failed:', error)
+		message.error('注册失败，请稍后重试')
+	} finally {
+		loading.value = false
+	}
+}
+</script>
diff --git a/resources/admin/src/pages/ucenter/components/BasicInfo.vue b/resources/admin/src/pages/ucenter/components/BasicInfo.vue
new file mode 100644
index 0000000..157dbb4
--- /dev/null
+++ b/resources/admin/src/pages/ucenter/components/BasicInfo.vue
@@ -0,0 +1,105 @@
+<template>
+	<scForm :form-items="formItems" :initial-values="initialValues" :loading="loading" @finish="handleFinish"
+		@reset="handleReset" />
+</template>
+
+<script setup>
+import { ref, computed } from 'vue'
+import { message } from 'ant-design-vue'
+import scForm from '@/components/scForm/index.vue'
+import api from '@/api/auth'
+import { useUserStore } from '@/stores/modules/user'
+
+const props = defineProps({
+	userInfo: {
+		type: Object,
+		default: () => ({}),
+	},
+})
+
+const emit = defineEmits(['update'])
+
+const userStore = useUserStore()
+const loading = ref(false)
+
+// 表单初始值
+const initialValues = computed(() => ({
+	username: props.userInfo.username || '',
+	nickname: props.userInfo.nickname || '',
+	mobile: props.userInfo.mobile || '',
+	email: props.userInfo.email || '',
+	gender: props.userInfo.gender || 0,
+	birthday: props.userInfo.birthday || null,
+	bio: props.userInfo.bio || '',
+}))
+
+// 表单项配置
+const formItems = [
+	{ field: 'username', label: '用户名', type: 'input' },
+	{
+		field: 'nickname', label: '昵称', type: 'input', required: true,
+		rules: [
+			{ required: true, message: '请输入昵称', trigger: 'blur' },
+			{ min: 2, max: 20, message: '昵称长度在 2 到 20 个字符', trigger: 'blur' },
+		],
+	},
+	{
+		field: 'phone', label: '手机号', type: 'input',
+		rules: [{ pattern: /^1[3-9]\d{9}$/, message: '请输入正确的手机号', trigger: 'blur' }],
+	},
+	{
+		field: 'email', label: '邮箱', type: 'input',
+		rules: [{ type: 'email', message: '请输入正确的邮箱地址', trigger: 'blur' }],
+	},
+	{
+		field: 'gender', label: '性别', type: 'radio',
+		options: [
+			{ label: '男', value: 1 },
+			{ label: '女', value: 2 },
+			{ label: '保密', value: 0 },
+		],
+	},
+	{ field: 'remark', label: '个人简介', type: 'textarea', rows: 4, maxLength: 200, showCount: true, },
+]
+
+// 表单提交
+const handleFinish = async (values) => {
+	try {
+		loading.value = true
+
+		// 调用更新当前用户信息接口
+		let res = await api.users.edit.post({
+			username: values.username,
+			nickname: values.nickname,
+			mobile: values.mobile,
+			email: values.email,
+			gender: values.gender,
+			remark: values.remark,
+		})
+
+		if (!res || res.code !== 1) {
+			throw new Error(res.message || '保存失败，请重试')
+		}
+		// 重新获取用户信息
+		const response = await api.user.get()
+		if (response && response.data) {
+			userStore.setUserInfo(response.data)
+		}
+
+		// 通知父组件更新
+		emit('update', values)
+		message.success('保存成功')
+	} catch (error) {
+		message.error(error.message || '保存失败，请重试')
+	} finally {
+		loading.value = false
+	}
+}
+
+// 重置表单
+const handleReset = () => {
+	message.info('已重置')
+}
+</script>
+
+<style scoped lang="scss"></style>
diff --git a/resources/admin/src/pages/ucenter/components/Password.vue b/resources/admin/src/pages/ucenter/components/Password.vue
new file mode 100644
index 0000000..427132c
--- /dev/null
+++ b/resources/admin/src/pages/ucenter/components/Password.vue
@@ -0,0 +1,81 @@
+<template>
+	<scForm :form-items="formItems" :initial-values="initialValues" :loading="loading" submit-text="修改密码"
+		@finish="handleFinish" @reset="handleReset" />
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { message } from 'ant-design-vue'
+import scForm from '@/components/scForm/index.vue'
+
+const emit = defineEmits(['success'])
+
+const loading = ref(false)
+
+// 表单初始值
+const initialValues = {
+	oldPassword: '',
+	newPassword: '',
+	confirmPassword: '',
+}
+
+// 表单项配置
+const formItems = [
+	{
+		field: 'oldPassword',
+		label: '原密码',
+		type: 'password',
+		required: true,
+		rules: [{ required: true, message: '请输入原密码', trigger: 'blur' }],
+	},
+	{
+		field: 'newPassword',
+		label: '新密码',
+		type: 'password',
+		required: true,
+		rules: [
+			{ required: true, message: '请输入新密码', trigger: 'blur' },
+			{ min: 6, max: 20, message: '密码长度在 6 到 20 个字符', trigger: 'blur' },
+		],
+	},
+	{
+		field: 'confirmPassword',
+		label: '确认密码',
+		type: 'password',
+		required: true,
+		rules: [
+			{ required: true, message: '请再次输入新密码', trigger: 'blur' },
+			{
+				validator: (rule, value) => {
+					if (value !== initialValues.newPassword) {
+						return Promise.reject('两次输入的密码不一致')
+					}
+					return Promise.resolve()
+				},
+				trigger: 'blur',
+			},
+		],
+	},
+]
+
+// 表单提交
+const handleFinish = (values) => {
+	loading.value = true
+	// 模拟接口请求
+	setTimeout(() => {
+		message.success('密码修改成功，请重新登录')
+		emit('success')
+		handleReset()
+		loading.value = false
+	}, 1000)
+}
+
+// 重置表单
+const handleReset = () => {
+	initialValues.oldPassword = ''
+	initialValues.newPassword = ''
+	initialValues.confirmPassword = ''
+}
+</script>
+
+<style scoped lang="scss"></style>
diff --git a/resources/admin/src/pages/ucenter/components/ProfileInfo.vue b/resources/admin/src/pages/ucenter/components/ProfileInfo.vue
new file mode 100644
index 0000000..bd1b3dc
--- /dev/null
+++ b/resources/admin/src/pages/ucenter/components/ProfileInfo.vue
@@ -0,0 +1,73 @@
+<template>
+	<div class="profile-info">
+		<div class="avatar-wrapper">
+			<a-avatar :size="100" :src="userInfo.avatar" @click="handleAvatarClick">
+				{{ userInfo.nickname?.charAt(0) }}
+			</a-avatar>
+		</div>
+		<div class="user-name">{{ userInfo.nickname || userInfo.username }}</div>
+		<a-tag :color="userInfo.status === 1 ? 'green' : 'red'">
+			{{ userInfo.status === 1 ? '正常' : '禁用' }}
+		</a-tag>
+	</div>
+</template>
+
+<script setup>
+const props = defineProps({
+	userInfo: {
+		type: Object,
+		default: () => ({}),
+	},
+})
+
+const emit = defineEmits(['avatar-click'])
+
+const handleAvatarClick = () => {
+	emit('avatar-click')
+}
+</script>
+
+<style scoped lang="scss">
+.profile-info {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	padding: 20px 0;
+	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+	border-radius: 8px;
+	margin-bottom: 16px;
+	color: #fff;
+
+	.avatar-wrapper {
+		margin-bottom: 12px;
+		cursor: pointer;
+
+		.ant-avatar {
+			border: 3px solid rgba(255, 255, 255, 0.3);
+			background: rgba(255, 255, 255, 0.2);
+			font-size: 40px;
+			font-weight: bold;
+			color: #fff;
+			transition: all 0.3s;
+
+			&:hover {
+				border-color: rgba(255, 255, 255, 0.6);
+				transform: scale(1.05);
+			}
+		}
+	}
+
+	.user-name {
+		font-size: 18px;
+		font-weight: 600;
+		margin-bottom: 8px;
+	}
+
+	.ant-tag {
+		margin: 0;
+		background: rgba(255, 255, 255, 0.2);
+		border: 1px solid rgba(255, 255, 255, 0.3);
+		color: #fff;
+	}
+}
+</style>
diff --git a/resources/admin/src/pages/ucenter/components/Security.vue b/resources/admin/src/pages/ucenter/components/Security.vue
new file mode 100644
index 0000000..c953293
--- /dev/null
+++ b/resources/admin/src/pages/ucenter/components/Security.vue
@@ -0,0 +1,85 @@
+<template>
+	<a-list :data-source="securityList" item-layout="horizontal">
+		<template #renderItem="{ item }">
+			<a-list-item>
+				<a-list-item-meta>
+					<template #title>
+						{{ item.title }}
+					</template>
+					<template #description>
+						{{ item.description }}
+					</template>
+				</a-list-item-meta>
+				<template #actions>
+					<a-button type="primary" size="small" @click="handleAction(item.action)">
+						{{ item.buttonText }}
+					</a-button>
+				</template>
+			</a-list-item>
+		</template>
+	</a-list>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { message } from 'ant-design-vue'
+
+const emit = defineEmits(['change-password'])
+
+const securityList = ref([
+	{
+		title: '登录密码',
+		description: '用于登录系统的密码，建议定期更换',
+		buttonText: '修改',
+		action: 'password',
+	},
+	{
+		title: '手机验证',
+		description: '用于接收重要通知和安全验证',
+		buttonText: '已绑定',
+		action: 'phone',
+	},
+	{
+		title: '邮箱验证',
+		description: '用于接收重要通知和账号找回',
+		buttonText: '已绑定',
+		action: 'email',
+	},
+	{
+		title: '登录设备',
+		description: '查看和管理已登录的设备',
+		buttonText: '查看',
+		action: 'device',
+	},
+])
+
+const handleAction = (action) => {
+	switch (action) {
+		case 'password':
+			emit('change-password')
+			break
+		case 'phone':
+			message.info('手机绑定功能开发中')
+			break
+		case 'email':
+			message.info('邮箱绑定功能开发中')
+			break
+		case 'device':
+			message.info('登录设备管理功能开发中')
+			break
+		default:
+			break
+	}
+}
+</script>
+
+<style scoped lang="scss">
+:deep(.ant-list-item) {
+	padding: 20px 0;
+	border-bottom: 1px solid #f0f0f0;
+}
+
+:deep(.ant-list-item:last-child) {
+	border-bottom: none;
+}
+</style>
diff --git a/resources/admin/src/pages/ucenter/index.vue b/resources/admin/src/pages/ucenter/index.vue
new file mode 100644
index 0000000..ae0dbc3
--- /dev/null
+++ b/resources/admin/src/pages/ucenter/index.vue
@@ -0,0 +1,210 @@
+<template>
+	<div class="ucenter">
+		<a-card>
+			<a-row :gutter="24">
+				<a-col :span="6">
+					<ProfileInfo :user-info="userInfo" @avatar-click="showAvatarModal = true" />
+					<a-menu v-model:selectedKeys="selectedKeys" mode="inline" class="menu">
+						<a-menu-item key="basic">
+							<UserOutlined />
+							基本信息
+						</a-menu-item>
+						<a-menu-item key="password">
+							<LockOutlined />
+							修改密码
+						</a-menu-item>
+						<a-menu-item key="security">
+							<SafetyOutlined />
+							账号安全
+						</a-menu-item>
+					</a-menu>
+				</a-col>
+				<a-col :span="18">
+					<div class="content-wrapper">
+						<BasicInfo v-if="selectedKeys[0] === 'basic'" :user-info="userInfo"
+							@update="handleUpdateUserInfo" />
+						<Password v-else-if="selectedKeys[0] === 'password'" @success="handlePasswordSuccess" />
+						<Security v-else-if="selectedKeys[0] === 'security'" @change-password="handleChangePassword" />
+					</div>
+				</a-col>
+			</a-row>
+		</a-card>
+
+		<!-- 头像上传弹窗 -->
+		<a-modal v-model:open="showAvatarModal" title="更换头像" :confirm-loading="loading" @ok="handleAvatarUpload"
+			@cancel="showAvatarModal = false">
+			<div class="avatar-upload">
+				<a-upload list-type="picture-card" :max-count="1" :before-upload="beforeUpload"
+					@change="handleAvatarChange" :file-list="avatarFileList">
+					<div v-if="avatarFileList.length === 0">
+						<PlusOutlined />
+						<div class="ant-upload-text">上传头像</div>
+					</div>
+				</a-upload>
+				<div class="upload-tip">
+					<a-typography-text type="secondary"> 支持 JPG、PNG 格式，文件大小不超过 2MB </a-typography-text>
+				</div>
+			</div>
+		</a-modal>
+	</div>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue'
+import { message } from 'ant-design-vue'
+import { PlusOutlined, UserOutlined, LockOutlined, SafetyOutlined } from '@ant-design/icons-vue'
+import dayjs from 'dayjs'
+import ProfileInfo from './components/ProfileInfo.vue'
+import BasicInfo from './components/BasicInfo.vue'
+import Password from './components/Password.vue'
+import Security from './components/Security.vue'
+import { useUserStore } from '@/stores/modules/user'
+import api from '@/api/auth'
+
+defineOptions({
+	name: 'UserCenter',
+})
+
+const userStore = useUserStore()
+
+// 用户信息
+const userInfo = ref({})
+
+// 选中的菜单
+const selectedKeys = ref(['basic'])
+
+// 头像上传
+const showAvatarModal = ref(false)
+const avatarFileList = ref([])
+const loading = ref(false)
+
+// 初始化用户信息
+const initUserInfo = async () => {
+	try {
+		// 从 store 获取用户信息
+		const storeUserInfo = userStore.userInfo
+		if (storeUserInfo) {
+			userInfo.value = storeUserInfo
+		} else {
+			// 如果 store 中没有用户信息，则从接口获取
+			const response = await api.user.get()
+			if (response && response.data) {
+				userStore.setUserInfo(response.data)
+				userInfo.value = response.data
+			}
+		}
+	} catch (err) {
+		message.error(err.message || '获取用户信息失败')
+	}
+}
+
+// 更新用户信息
+const handleUpdateUserInfo = (data) => {
+	// 更新本地用户信息
+	Object.assign(userInfo.value, data)
+
+	// 如果 birthday 有值，转换为 dayjs 对象
+	if (data.birthday && typeof data.birthday === 'string') {
+		userInfo.value.birthday = dayjs(data.birthday)
+	}
+}
+
+// 密码修改成功
+const handlePasswordSuccess = () => {
+	// 密码修改成功后的处理
+}
+
+// 切换到密码修改页面
+const handleChangePassword = () => {
+	selectedKeys.value = ['password']
+}
+
+// 头像上传前校验
+const beforeUpload = (file) => {
+	const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png'
+	if (!isJpgOrPng) {
+		message.error('只能上传 JPG/PNG 格式的文件!')
+		return false
+	}
+	const isLt2M = file.size / 1024 / 1024 < 2
+	if (!isLt2M) {
+		message.error('图片大小不能超过 2MB!')
+		return false
+	}
+	return false // 阻止自动上传
+}
+
+// 头像文件变化
+const handleAvatarChange = ({ fileList }) => {
+	avatarFileList.value = fileList
+}
+
+// 上传头像
+const handleAvatarUpload = () => {
+	if (avatarFileList.value.length === 0) {
+		message.warning('请先选择头像')
+		return
+	}
+	loading.value = true
+	// 模拟上传
+	setTimeout(() => {
+		const file = avatarFileList.value[0]
+		userInfo.value.avatar = URL.createObjectURL(file.originFileObj)
+		message.success('头像更新成功')
+		showAvatarModal.value = false
+		avatarFileList.value = []
+		loading.value = false
+	}, 1000)
+}
+
+onMounted(() => {
+	initUserInfo()
+})
+</script>
+
+<style scoped lang="scss">
+.ucenter {
+	padding: 16px;
+	.content-wrapper {
+		padding: 24px;
+		background: #fafafa;
+		border-radius: 8px;
+		min-height: 400px;
+	}
+
+	.menu {
+		margin-top: 16px;
+		background: transparent;
+		border: none;
+
+		.ant-menu-item {
+			border-radius: 6px;
+			margin: 4px 0;
+
+			&:hover {
+				background: rgba(255, 255, 255, 0.3);
+			}
+
+			&.ant-menu-item-selected {
+				background: rgba(255, 255, 255, 0.4);
+
+				&::after {
+					border-right-width: 0;
+				}
+			}
+		}
+	}
+
+	.avatar-upload {
+		.upload-tip {
+			margin-top: 16px;
+			text-align: center;
+		}
+	}
+
+	:deep(.ant-card-head-title) {
+		font-size: 18px;
+		font-weight: 600;
+	}
+}
+</style>
diff --git a/resources/admin/src/router/index.js b/resources/admin/src/router/index.js
new file mode 100644
index 0000000..336f34a
--- /dev/null
+++ b/resources/admin/src/router/index.js
@@ -0,0 +1,205 @@
+import { createRouter, createWebHashHistory } from 'vue-router'
+import NProgress from 'nprogress'
+import 'nprogress/nprogress.css'
+import config from '../config'
+import { useUserStore } from '../stores/modules/user'
+import systemRoutes from './systemRoutes'
+
+// 配置 NProgress
+NProgress.configure({
+	showSpinner: false,
+	trickleSpeed: 200,
+	minimum: 0.3
+})
+
+/**
+ * 404 路由
+ */
+const notFoundRoute = {
+	path: '/:pathMatch(.*)*',
+	name: 'NotFound',
+	component: () => import('../layouts/other/404.vue'),
+	meta: {
+		title: '404',
+		hidden: true
+	}
+}
+
+// 创建路由实例
+const router = createRouter({
+	history: createWebHashHistory(),
+	routes: systemRoutes
+})
+
+/**
+ * 组件导入映射
+ */
+const modules = import.meta.glob('../pages/**/*.vue')
+
+/**
+ * 动态加载组件
+ * @param {string} componentPath - 组件路径
+ * @returns {Promise} 组件
+ */
+function loadComponent(componentPath) {
+	// 如果组件路径以 'views/' 或 'pages/' 开头，则从相应目录加载
+	if (componentPath.startsWith('views/')) {
+		const path = componentPath.replace('views/', '../pages/')
+		return modules[`${path}.vue`]
+	}
+
+	// 如果是简单的组件名称，从 pages 目录加载
+	return modules[`../pages/${componentPath}/index.vue`]
+}
+
+/**
+ * 将后端菜单转换为路由格式
+ * @param {Array} menus - 后端返回的菜单数据
+ * @returns {Array} 路由数组
+ */
+function transformMenusToRoutes(menus) {
+	if (!menus || !Array.isArray(menus)) {
+		return []
+	}
+
+	return menus
+		.filter(menu => menu && menu.path)
+		.map(menu => {
+			const route = {
+				path: menu.path,
+				name: menu.name || menu.path.replace(/\//g, '-'),
+				meta: {
+					title: menu.meta?.title || menu.title,
+					icon: menu.meta?.icon || menu.icon,
+					hidden: menu.hidden || menu.meta?.hidden,
+					keepAlive: menu.meta?.keepAlive || false,
+					affix: menu.meta?.affix || 0,
+					role: menu.meta?.role || []
+				}
+			}
+
+			// 处理组件
+			if (menu.component) {
+				route.component = loadComponent(menu.component)
+			}
+
+			// 处理子路由
+			if (menu.children && menu.children.length > 0) {
+				route.children = transformMenusToRoutes(menu.children)
+			}
+
+			// 处理重定向
+			if (menu.redirect) {
+				route.redirect = menu.redirect
+			}
+
+			return route
+		})
+}
+
+/**
+ * 路由守卫
+ */
+let isDynamicRouteLoaded = false
+
+router.beforeEach(async (to, from, next) => {
+	// 开始进度条
+	NProgress.start()
+
+	// 设置页面标题
+	document.title = to.meta.title
+		? `${to.meta.title} - ${config.APP_NAME}`
+		: config.APP_NAME
+
+	const userStore = useUserStore()
+	const isLoggedIn = userStore.isLoggedIn()
+	const whiteList = config.whiteList || []
+
+	// 1. 如果在白名单中，直接放行
+	if (whiteList.includes(to.path)) {
+		next()
+		return
+	}
+
+	// 2. 如果未登录，跳转到登录页
+	if (!isLoggedIn) {
+		// 保存目标路由，登录后跳转
+		next({
+			path: '/login',
+			query: { redirect: to.fullPath }
+		})
+		return
+	}
+
+	// 3. 已登录情况
+	// 如果访问登录页，重定向到首页
+	if (to.path === '/login') {
+		next({ path: config.DASHBOARD_URL })
+		return
+	}
+
+	// 4. 动态路由加载
+	if (!isDynamicRouteLoaded) {
+		try {
+			// 获取后端返回的用户菜单
+			const mergedMenus = userStore.getMenu()
+
+			if (mergedMenus && mergedMenus.length > 0) {
+				// 将合并后的菜单转换为路由
+				const dynamicRoutes = transformMenusToRoutes(mergedMenus)
+
+				// 添加动态路由到 Layout 的子路由
+				dynamicRoutes.forEach(route => {
+					router.addRoute('Layout', route)
+				})
+
+				// 添加 404 路由（必须在最后添加）
+				router.addRoute(notFoundRoute)
+
+				isDynamicRouteLoaded = true
+
+				// 重新导航，确保新添加的路由被正确匹配
+				next({ ...to, replace: true })
+			} else {
+				// 如果没有菜单数据，重置并跳转到登录页
+				userStore.logout()
+				next({ path: '/login', query: { redirect: to.fullPath } })
+			}
+		} catch (error) {
+			console.error('动态路由加载失败:', error)
+
+			// 加载失败，清除用户信息并跳转到登录页
+			userStore.logout()
+			next({
+				path: '/login',
+				query: { redirect: to.fullPath }
+			})
+		}
+	} else {
+		// 动态路由已加载，直接放行
+		next()
+	}
+})
+
+router.afterEach(() => {
+	// 结束进度条
+	NProgress.done()
+})
+
+/**
+ * 重置路由（用于登出时）
+ */
+export function resetRouter() {
+	// 移除所有动态添加的路由
+	isDynamicRouteLoaded = false
+
+	// 重置为初始路由
+	const newRouter = createRouter({
+		history: createWebHashHistory(),
+		routes: systemRoutes
+	})
+
+	router.matcher = newRouter.matcher
+}
+
+export default router
diff --git a/resources/admin/src/router/systemRoutes.js b/resources/admin/src/router/systemRoutes.js
new file mode 100644
index 0000000..8153830
--- /dev/null
+++ b/resources/admin/src/router/systemRoutes.js
@@ -0,0 +1,43 @@
+import config from '@/config'
+
+/**
+ * 基础路由（不需要登录）
+ */
+const systemRoutes = [
+	{
+		path: '/login',
+		name: 'Login',
+		component: () => import('../pages/login/index.vue'),
+		meta: {
+			title: 'login',
+			hidden: true,
+		},
+	},
+	{
+		path: '/register',
+		name: 'Register',
+		component: () => import('../pages/login/userRegister.vue'),
+		meta: {
+			title: 'register',
+			hidden: true,
+		},
+	},
+	{
+		path: '/reset-password',
+		name: 'ResetPassword',
+		component: () => import('../pages/login/resetPassword.vue'),
+		meta: {
+			title: 'resetPassword',
+			hidden: true,
+		},
+	},
+	{
+		path: '/',
+		name: 'Layout',
+		component: () => import('@/layouts/index.vue'),
+		redirect: config.DASHBOARD_URL,
+		children: [],
+	},
+]
+
+export default systemRoutes
diff --git a/resources/admin/src/stores/index.js b/resources/admin/src/stores/index.js
new file mode 100644
index 0000000..bb44b70
--- /dev/null
+++ b/resources/admin/src/stores/index.js
@@ -0,0 +1,9 @@
+import { createPinia } from 'pinia'
+import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
+
+const pinia = createPinia()
+
+// 注册持久化插件
+pinia.use(piniaPluginPersistedstate)
+
+export default pinia
diff --git a/resources/admin/src/stores/modules/i18n.js b/resources/admin/src/stores/modules/i18n.js
new file mode 100644
index 0000000..9373b1c
--- /dev/null
+++ b/resources/admin/src/stores/modules/i18n.js
@@ -0,0 +1,36 @@
+import { defineStore } from 'pinia'
+import i18n from '@/i18n'
+import { customStorage } from '../persist'
+
+export const useI18nStore = defineStore(
+	'i18n',
+	{
+		state: () => ({
+			currentLocale: 'zh-CN',
+			availableLocales: [
+				{ label: '简体中文', value: 'zh-CN' },
+				{ label: 'English', value: 'en-US' }
+			]
+		}),
+
+		getters: {
+			localeLabel: (state) => {
+				const locale = state.availableLocales.find((item) => item.value === state.currentLocale)
+				return locale ? locale.label : ''
+			}
+		},
+
+		actions: {
+			setLocale(locale) {
+				this.currentLocale = locale
+				i18n.global.locale.value = locale
+			}
+		},
+
+		persist: {
+			key: 'i18n-store',
+			storage: customStorage,
+			pick: ['currentLocale']
+		}
+	}
+)
diff --git a/resources/admin/src/stores/modules/layout.js b/resources/admin/src/stores/modules/layout.js
new file mode 100644
index 0000000..be91c8e
--- /dev/null
+++ b/resources/admin/src/stores/modules/layout.js
@@ -0,0 +1,130 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+import { customStorage } from '../persist'
+
+export const useLayoutStore = defineStore(
+	'layout',
+	() => {
+		// 布局模式：'default', 'menu', 'top'
+		const layoutMode = ref('default')
+
+		// 侧边栏折叠状态
+		const sidebarCollapsed = ref(false)
+
+		// 主题颜色
+		const themeColor = ref('#1890ff')
+
+		// 显示标签栏
+		const showTags = ref(true)
+
+		// 显示面包屑
+		const showBreadcrumb = ref(true)
+
+		// 当前选中的父菜单（用于双栏布局）
+		const selectedParentMenu = ref(null)
+
+		// 视图标签页（用于记录页面滚动位置）
+		const viewTags = ref([])
+
+		// 刷新标签的 key，用于触发组件刷新
+		const refreshKey = ref(0)
+
+		// 切换侧边栏折叠
+		const toggleSidebar = () => {
+			sidebarCollapsed.value = !sidebarCollapsed.value
+		}
+
+		// 设置选中的父菜单
+		const setSelectedParentMenu = (menu) => {
+			selectedParentMenu.value = menu
+		}
+
+		// 设置布局模式
+		const setLayoutMode = (mode) => {
+			layoutMode.value = mode
+		}
+
+		// 更新视图标签
+		const updateViewTags = (tag) => {
+			const index = viewTags.value.findIndex((item) => item.fullPath === tag.fullPath)
+			if (index !== -1) {
+				viewTags.value[index] = tag
+			} else {
+				viewTags.value.push(tag)
+			}
+		}
+
+		// 移除视图标签
+		const removeViewTags = (fullPath) => {
+			const index = viewTags.value.findIndex((item) => item.fullPath === fullPath)
+			if (index !== -1) {
+				viewTags.value.splice(index, 1)
+			}
+		}
+
+		// 清空视图标签
+		const clearViewTags = () => {
+			viewTags.value = []
+		}
+
+		// 设置主题颜色
+		const setThemeColor = (color) => {
+			themeColor.value = color
+			document.documentElement.style.setProperty('--primary-color', color)
+		}
+
+		// 设置标签栏显示
+		const setShowTags = (show) => {
+			showTags.value = show
+			document.documentElement.style.setProperty('--show-tags', show ? 'block' : 'none')
+		}
+
+		// 设置面包屑显示
+		const setShowBreadcrumb = (show) => {
+			showBreadcrumb.value = show
+		}
+
+		// 刷新标签
+		const refreshTag = () => {
+			refreshKey.value++
+		}
+
+		// 重置主题设置
+		const resetTheme = () => {
+			themeColor.value = '#1890ff'
+			showTags.value = true
+			showBreadcrumb.value = true
+			document.documentElement.style.setProperty('--primary-color', '#1890ff')
+			document.documentElement.style.setProperty('--show-tags', 'block')
+		}
+
+		return {
+			layoutMode,
+			sidebarCollapsed,
+			selectedParentMenu,
+			viewTags,
+			themeColor,
+			showTags,
+			showBreadcrumb,
+			refreshKey,
+			toggleSidebar,
+			setLayoutMode,
+			setSelectedParentMenu,
+			updateViewTags,
+			removeViewTags,
+			clearViewTags,
+			setThemeColor,
+			setShowTags,
+			setShowBreadcrumb,
+			resetTheme,
+			refreshTag,
+		}
+	},
+	{
+		persist: {
+			key: 'layout-store',
+			storage: customStorage,
+			pick: ['layoutMode', 'sidebarCollapsed', 'themeColor', 'showTags', 'showBreadcrumb', 'viewTags'],
+		},
+	},
+)
diff --git a/resources/admin/src/stores/modules/user.js b/resources/admin/src/stores/modules/user.js
new file mode 100644
index 0000000..14e5eb9
--- /dev/null
+++ b/resources/admin/src/stores/modules/user.js
@@ -0,0 +1,118 @@
+import { ref } from 'vue'
+import { defineStore } from 'pinia'
+import { resetRouter } from '../../router'
+import { customStorage } from '../persist'
+import userRoutes from '@/config/routes'
+
+export const useUserStore = defineStore(
+	'user',
+	() => {
+		const token = ref('')
+		const refreshToken = ref('')
+		const userInfo = ref(null)
+		const menu = ref([])
+		const permissions = ref([])
+
+		// 设置 token
+		function setToken(newToken) {
+			token.value = newToken
+		}
+
+		// 设置 refresh token
+		function setRefreshToken(newRefreshToken) {
+			refreshToken.value = newRefreshToken
+		}
+
+		// 设置用户信息
+		function setUserInfo(info) {
+			userInfo.value = info
+		}
+
+		// 设置菜单
+		function setMenu(newMenu) {
+			const staticMenus = userRoutes || []
+
+			// 合并静态菜单和后端菜单
+			// 如果后端菜单为空，只使用静态菜单
+			// 如果后端菜单不为空，合并两个菜单，后端菜单优先
+			let mergedMenus = [...staticMenus]
+
+			if (newMenu && newMenu.length > 0) {
+				// 创建菜单映射，用于去重（以路径为唯一标识）
+				const menuMap = new Map()
+
+				// 先添加静态菜单
+				staticMenus.forEach(menu => {
+					if (menu.path) {
+						menuMap.set(menu.path, menu)
+					}
+				})
+
+				// 添加后端菜单，如果路径重复则覆盖
+				newMenu.forEach(menu => {
+					if (menu.path) {
+						menuMap.set(menu.path, menu)
+					}
+				})
+
+				// 转换为数组
+				mergedMenus = Array.from(menuMap.values())
+			}
+			menu.value = mergedMenus
+		}
+
+		// 获取菜单
+		function getMenu() {
+			return menu.value
+		}
+
+		// 清除菜单
+		function clearMenu() {
+			menu.value = []
+		}
+
+		// 设置权限
+		function setPermissions(data){
+			permissions.value = data
+		}
+
+		// 登出
+		function logout() {
+			token.value = ''
+			refreshToken.value = ''
+			userInfo.value = null
+			menu.value = []
+
+			// 重置路由
+			resetRouter()
+		}
+
+		// 检查是否已登录
+		function isLoggedIn() {
+			return !!token.value
+		}
+
+		return {
+			token,
+			refreshToken,
+			userInfo,
+			menu,
+			setToken,
+			setRefreshToken,
+			setUserInfo,
+			setMenu,
+			getMenu,
+			clearMenu,
+			setPermissions,
+			logout,
+			isLoggedIn,
+		}
+	},
+	{
+		persist: {
+			key: 'user-store',
+			storage: customStorage,
+			pick: ['token', 'refreshToken', 'userInfo', 'menu']
+		}
+	}
+)
diff --git a/resources/admin/src/stores/persist.js b/resources/admin/src/stores/persist.js
new file mode 100644
index 0000000..429b287
--- /dev/null
+++ b/resources/admin/src/stores/persist.js
@@ -0,0 +1,50 @@
+/*
+ * @Descripttion: Pinia 持久化存储适配器 - 使用 tool.data 封装的 localStorage
+ * @version: 1.0
+ */
+
+import tool from '@/utils/tool'
+
+/**
+ * 自定义存储适配器
+ * 使用 tool.data 的 set/get/remove 方法，支持加密和过期时间
+ */
+export const customStorage = {
+	/**
+	 * 获取数据
+	 * @param {string} key - 存储键
+	 * @returns {any} - 存储的数据
+	 */
+	getItem: (key) => {
+		return tool.data.get(key)
+	},
+
+	/**
+	 * 设置数据
+	 * @param {string} key - 存储键
+	 * @param {any} value - 要存储的值
+	 */
+	setItem: (key, value) => {
+		tool.data.set(key, value)
+	},
+
+	/**
+	 * 删除数据
+	 * @param {string} key - 存储键
+	 */
+	removeItem: (key) => {
+		tool.data.remove(key)
+	}
+}
+
+/**
+ * 默认持久化配置
+ */
+export const defaultPersistConfig = {
+	storage: customStorage,
+	// 可以在这里添加其他全局配置，如过期时间等
+	// serializer: {
+	//   serialize: (state) => JSON.stringify(state),
+	//   deserialize: (value) => JSON.parse(value)
+	// }
+}
diff --git a/resources/admin/src/style.css b/resources/admin/src/style.css
new file mode 100644
index 0000000..f691315
--- /dev/null
+++ b/resources/admin/src/style.css
@@ -0,0 +1,79 @@
+:root {
+  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+.card {
+  padding: 2em;
+}
+
+#app {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}
diff --git a/resources/admin/src/utils/request.js b/resources/admin/src/utils/request.js
new file mode 100644
index 0000000..3e3f9b9
--- /dev/null
+++ b/resources/admin/src/utils/request.js
@@ -0,0 +1,140 @@
+import axios from "axios";
+import config from "@/config";
+import { useUserStore } from "@/stores/modules/user";
+import { message } from "ant-design-vue";
+import router from "@/router";
+
+const request = axios.create({
+    timeout: 30000,
+    baseURL: config.API_URL,
+});
+
+// 是否正在刷新 token
+let isRefreshing = false;
+// 存储待重试的请求
+let requests = [];
+
+// 请求拦截器
+request.interceptors.request.use(
+    (config) => {
+        const userStore = useUserStore();
+        const token = userStore.token;
+
+        // 如果有 token，添加到请求头
+        if (token) {
+            config.headers["Authorization"] = `Bearer ${token}`;
+        }
+
+        return config;
+    },
+    (error) => {
+        return Promise.reject(error);
+    },
+);
+
+// 响应拦截器
+request.interceptors.response.use(
+    (response) => {
+        // 根据后端返回的数据结构进行处理
+        // 后端返回格式为 { code, message, data }
+        const { code, data, message: msg } = response.data;
+
+        // 请求成功
+        if (code === 200 || code === 1) {
+            return { code, data, message: msg };
+        }
+
+        // 其他错误码处理
+        message.error(msg || "请求失败");
+        return Promise.reject(new Error(msg || "请求失败"));
+    },
+    async (error) => {
+        const userStore = useUserStore();
+        const { response } = error;
+
+        // 无响应（网络错误、超时等）
+        if (!response) {
+            message.error("网络错误，请检查网络连接");
+            return Promise.reject(error);
+        }
+
+        const { status, data } = response;
+
+        // 401 未授权 - token 过期或无效
+        if (status === 401) {
+            // 如果正在刷新 token，将请求加入队列
+            if (isRefreshing) {
+                return new Promise((resolve) => {
+                    requests.push((token) => {
+                        // 重新设置请求头
+                        error.config.headers["Authorization"] =
+                            `Bearer ${token}`;
+                        resolve(http(error.config));
+                    });
+                });
+            }
+
+            // 标记正在刷新
+            isRefreshing = true;
+
+            try {
+                // 尝试刷新 token
+                const newToken = await refreshToken();
+
+                // 刷新成功，更新 token
+                userStore.setToken(newToken);
+
+                // 执行队列中的所有请求
+                requests.forEach((callback) => callback(newToken));
+                requests = [];
+
+                // 重新执行当前请求
+                error.config.headers["Authorization"] = `Bearer ${newToken}`;
+                return request(error.config);
+            } catch (refreshError) {
+                // 刷新失败，清空队列并跳转登录页
+                requests = [];
+                userStore.logout();
+                router.push("/login");
+                message.error("登录已过期，请重新登录");
+                return Promise.reject(refreshError);
+            } finally {
+                isRefreshing = false;
+            }
+        }
+
+        // 403 禁止访问
+        if (status === 403) {
+            message.error("没有权限访问该资源");
+            return Promise.reject(error);
+        }
+
+        // 404 资源不存在
+        if (status === 404) {
+            message.error("请求的资源不存在");
+            return Promise.reject(error);
+        }
+
+        // 500 服务器错误
+        if (status >= 500) {
+            message.error("服务器错误，请稍后重试");
+            return Promise.reject(error);
+        }
+
+        // 其他错误
+        const errorMessage = data?.message || error.message || "请求失败";
+        message.error(errorMessage);
+        return Promise.reject(error);
+    },
+);
+
+// 刷新 token 的方法
+async function refreshToken() {
+    // 刷新接口需要携带当前token在请求头中
+    const response = await request.post('auth/refresh');
+
+    // 返回格式为 { code, data: { token } }
+    return response.data.token;
+}
+
+export default request;
diff --git a/resources/admin/src/utils/tool.js b/resources/admin/src/utils/tool.js
new file mode 100644
index 0000000..1d6bf32
--- /dev/null
+++ b/resources/admin/src/utils/tool.js
@@ -0,0 +1,499 @@
+/*
+ * @Descripttion: 工具集
+ * @version: 2.0
+ * @LastEditors: sakuya
+ * @LastEditTime: 2026年1月15日
+ */
+
+import CryptoJS from "crypto-js";
+import sysConfig from "@/config";
+
+const tool = {};
+
+/**
+ * 检查是否为有效的值（非null、非undefined、非空字符串、非空数组、非空对象）
+ * @param {*} value - 要检查的值
+ * @returns {boolean}
+ */
+tool.isValid = function (value) {
+	if (value === null || value === undefined) {
+		return false;
+	}
+	if (typeof value === "string" && value.trim() === "") {
+		return false;
+	}
+	if (Array.isArray(value) && value.length === 0) {
+		return false;
+	}
+	if (typeof value === "object" && Object.keys(value).length === 0) {
+		return false;
+	}
+	return true;
+};
+
+/**
+ * 防抖函数
+ * @param {Function} func - 要执行的函数
+ * @param {number} wait - 等待时间（毫秒）
+ * @param {boolean} immediate - 是否立即执行
+ * @returns {Function}
+ */
+tool.debounce = function (func, wait = 300, immediate = false) {
+	let timeout;
+	return function (...args) {
+		const context = this;
+		clearTimeout(timeout);
+		if (immediate && !timeout) {
+			func.apply(context, args);
+		}
+		timeout = setTimeout(() => {
+			timeout = null;
+			if (!immediate) {
+				func.apply(context, args);
+			}
+		}, wait);
+	};
+};
+
+/**
+ * 节流函数
+ * @param {Function} func - 要执行的函数
+ * @param {number} wait - 等待时间（毫秒）
+ * @param {Object} options - 配置选项 { leading: boolean, trailing: boolean }
+ * @returns {Function}
+ */
+tool.throttle = function (func, wait = 300, options = {}) {
+	let timeout;
+	let previous = 0;
+	const { leading = true, trailing = true } = options;
+
+	return function (...args) {
+		const context = this;
+		const now = Date.now();
+
+		if (!previous && !leading) {
+			previous = now;
+		}
+
+		const remaining = wait - (now - previous);
+
+		if (remaining <= 0 || remaining > wait) {
+			if (timeout) {
+				clearTimeout(timeout);
+				timeout = null;
+			}
+			previous = now;
+			func.apply(context, args);
+		} else if (!timeout && trailing) {
+			timeout = setTimeout(() => {
+				previous = leading ? Date.now() : 0;
+				timeout = null;
+				func.apply(context, args);
+			}, remaining);
+		}
+	};
+};
+
+/**
+ * 深拷贝对象（支持循环引用）
+ * @param {*} obj - 要拷贝的对象
+ * @param {WeakMap} hash - 用于检测循环引用
+ * @returns {*}
+ */
+tool.deepClone = function (obj, hash = new WeakMap()) {
+	if (obj === null || typeof obj !== "object") {
+		return obj;
+	}
+
+	if (hash.has(obj)) {
+		return hash.get(obj);
+	}
+
+	const clone = Array.isArray(obj) ? [] : {};
+	hash.set(obj, clone);
+
+	for (const key in obj) {
+		if (Object.prototype.hasOwnProperty.call(obj, key)) {
+			clone[key] = tool.deepClone(obj[key], hash);
+		}
+	}
+
+	return clone;
+};
+
+/* localStorage */
+tool.data = {
+	set(key, data, datetime = 0) {
+		//加密
+		if (sysConfig.LS_ENCRYPTION == "AES") {
+			data = tool.crypto.AES.encrypt(
+				JSON.stringify(data),
+				sysConfig.LS_ENCRYPTION_key,
+			);
+		}
+		let cacheValue = {
+			content: data,
+			datetime:
+				parseInt(datetime) === 0
+					? 0
+					: new Date().getTime() + parseInt(datetime) * 1000,
+		};
+		return localStorage.setItem(key, JSON.stringify(cacheValue));
+	},
+	get(key) {
+		try {
+			const value = JSON.parse(localStorage.getItem(key));
+			if (value) {
+				let nowTime = new Date().getTime();
+				if (nowTime > value.datetime && value.datetime != 0) {
+					localStorage.removeItem(key);
+					return null;
+				}
+				//解密
+				if (sysConfig.LS_ENCRYPTION == "AES") {
+					value.content = JSON.parse(
+						tool.crypto.AES.decrypt(
+							value.content,
+							sysConfig.LS_ENCRYPTION_key,
+						),
+					);
+				}
+				return value.content;
+			}
+			return null;
+		} catch {
+			return null;
+		}
+	},
+	remove(key) {
+		return localStorage.removeItem(key);
+	},
+	clear() {
+		return localStorage.clear();
+	},
+};
+
+/*sessionStorage*/
+tool.session = {
+	set(table, settings) {
+		const _set = JSON.stringify(settings);
+		return sessionStorage.setItem(table, _set);
+	},
+	get(table) {
+		const data = sessionStorage.getItem(table);
+		try {
+			return JSON.parse(data);
+		} catch {
+			return null;
+		}
+	},
+	remove(table) {
+		return sessionStorage.removeItem(table);
+	},
+	clear() {
+		return sessionStorage.clear();
+	},
+};
+
+/*cookie*/
+tool.cookie = {
+	/**
+	 * 设置cookie
+	 * @param {string} name - cookie名称
+	 * @param {string} value - cookie值
+	 * @param {Object} config - 配置选项
+	 */
+	set(name, value, config = {}) {
+		const cfg = {
+			expires: null,
+			path: null,
+			domain: null,
+			secure: false,
+			httpOnly: false,
+			sameSite: "Lax",
+			...config,
+		};
+		let cookieStr = `${name}=${encodeURIComponent(value)}`;
+		if (cfg.expires) {
+			const exp = new Date();
+			exp.setTime(exp.getTime() + parseInt(cfg.expires) * 1000);
+			cookieStr += `;expires=${exp.toUTCString()}`;
+		}
+		if (cfg.path) {
+			cookieStr += `;path=${cfg.path}`;
+		}
+		if (cfg.domain) {
+			cookieStr += `;domain=${cfg.domain}`;
+		}
+		if (cfg.secure) {
+			cookieStr += `;secure`;
+		}
+		if (cfg.sameSite) {
+			cookieStr += `;SameSite=${cfg.sameSite}`;
+		}
+		document.cookie = cookieStr;
+	},
+	/**
+	 * 获取cookie
+	 * @param {string} name - cookie名称
+	 * @returns {string|null}
+	 */
+	get(name) {
+		const arr = document.cookie.match(
+			new RegExp("(^| )" + name + "=([^;]*)(;|$)"),
+		);
+		if (arr != null) {
+			return decodeURIComponent(arr[2]);
+		}
+		return null;
+	},
+	/**
+	 * 删除cookie
+	 * @param {string} name - cookie名称
+	 */
+	remove(name) {
+		const exp = new Date();
+		exp.setTime(exp.getTime() - 1);
+		document.cookie = `${name}=;expires=${exp.toUTCString()}`;
+	},
+};
+
+/* Fullscreen */
+/**
+ * 切换全屏状态
+ * @param {HTMLElement} element - 要全屏的元素
+ */
+tool.screen = function (element) {
+	const isFull = !!(
+		document.webkitIsFullScreen ||
+		document.mozFullScreen ||
+		document.msFullscreenElement ||
+		document.fullscreenElement
+	);
+	if (isFull) {
+		if (document.exitFullscreen) {
+			document.exitFullscreen();
+		} else if (document.msExitFullscreen) {
+			document.msExitFullscreen();
+		} else if (document.mozCancelFullScreen) {
+			document.mozCancelFullScreen();
+		} else if (document.webkitExitFullscreen) {
+			document.webkitExitFullscreen();
+		}
+	} else {
+		if (element.requestFullscreen) {
+			element.requestFullscreen();
+		} else if (element.msRequestFullscreen) {
+			element.msRequestFullscreen();
+		} else if (element.mozRequestFullScreen) {
+			element.mozRequestFullScreen();
+		} else if (element.webkitRequestFullscreen) {
+			element.webkitRequestFullscreen();
+		}
+	}
+};
+
+/* 复制对象（浅拷贝） */
+/**
+ * 浅拷贝对象
+ * @param {*} obj - 要拷贝的对象
+ * @returns {*} - 拷贝后的对象
+ */
+tool.objCopy = function (obj) {
+	if (obj === null || typeof obj !== "object") {
+		return obj;
+	}
+	return JSON.parse(JSON.stringify(obj));
+};
+
+/* 日期格式化 */
+/**
+ * 格式化日期
+ * @param {Date|string|number} date - 日期对象、时间戳或日期字符串
+ * @param {string} fmt - 格式化字符串，默认 "yyyy-MM-dd hh:mm:ss"
+ * @returns {string} - 格式化后的日期字符串
+ */
+tool.dateFormat = function (date, fmt = "yyyy-MM-dd hh:mm:ss") {
+	if (!date) return "";
+	const dateObj = new Date(date);
+	if (isNaN(dateObj.getTime())) return "";
+
+	const o = {
+		"M+": dateObj.getMonth() + 1, // 月份
+		"d+": dateObj.getDate(), // 日
+		"h+": dateObj.getHours(), // 小时
+		"m+": dateObj.getMinutes(), // 分
+		"s+": dateObj.getSeconds(), // 秒
+		"q+": Math.floor((dateObj.getMonth() + 3) / 3), // 季度
+		S: dateObj.getMilliseconds(), // 毫秒
+	};
+	if (/(y+)/.test(fmt)) {
+		fmt = fmt.replace(
+			RegExp.$1,
+			(dateObj.getFullYear() + "").substr(4 - RegExp.$1.length),
+		);
+	}
+	for (const k in o) {
+		if (new RegExp("(" + k + ")").test(fmt)) {
+			fmt = fmt.replace(
+				RegExp.$1,
+				RegExp.$1.length == 1
+					? o[k]
+					: ("00" + o[k]).substr(("" + o[k]).length),
+			);
+		}
+	}
+	return fmt;
+};
+
+/* 千分符 */
+/**
+ * 格式化数字，添加千分位分隔符
+ * @param {number|string} num - 要格式化的数字
+ * @param {number} decimals - 保留小数位数，默认为0
+ * @returns {string} - 格式化后的字符串
+ */
+tool.groupSeparator = function (num, decimals = 0) {
+	if (num === null || num === undefined || num === "") return "";
+	const numStr = Number(num).toFixed(decimals);
+	const parts = numStr.split(".");
+	parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+	return parts.join(".");
+};
+
+/* 常用加解密 */
+tool.crypto = {
+	//MD5加密
+	MD5(data) {
+		return CryptoJS.MD5(data).toString();
+	},
+	//BASE64加解密
+	BASE64: {
+		encrypt(data) {
+			return CryptoJS.enc.Base64.stringify(CryptoJS.enc.Utf8.parse(data));
+		},
+		decrypt(cipher) {
+			return CryptoJS.enc.Base64.parse(cipher).toString(
+				CryptoJS.enc.Utf8,
+			);
+		},
+	},
+	//AES加解密
+	AES: {
+		encrypt(data, secretKey, config = {}) {
+			if (secretKey.length % 8 != 0) {
+				console.warn(
+					"[SCUI error]: 秘钥长度需为8的倍数，否则解密将会失败。",
+				);
+			}
+			const result = CryptoJS.AES.encrypt(
+				data,
+				CryptoJS.enc.Utf8.parse(secretKey),
+				{
+					iv: CryptoJS.enc.Utf8.parse(config.iv || ""),
+					mode: CryptoJS.mode[config.mode || "ECB"],
+					padding: CryptoJS.pad[config.padding || "Pkcs7"],
+				},
+			);
+			return result.toString();
+		},
+		decrypt(cipher, secretKey, config = {}) {
+			const result = CryptoJS.AES.decrypt(
+				cipher,
+				CryptoJS.enc.Utf8.parse(secretKey),
+				{
+					iv: CryptoJS.enc.Utf8.parse(config.iv || ""),
+					mode: CryptoJS.mode[config.mode || "ECB"],
+					padding: CryptoJS.pad[config.padding || "Pkcs7"],
+				},
+			);
+			return CryptoJS.enc.Utf8.stringify(result);
+		},
+	},
+};
+
+/* 树形数据转扁平数组 */
+/**
+ * 将树形结构转换为扁平数组
+ * @param {Array} tree - 树形数组
+ * @param {Object} config - 配置项 { children: "children" }
+ * @returns {Array} - 扁平化后的数组
+ */
+tool.treeToList = function (tree, config = { children: "children" }) {
+	const result = [];
+	tree.forEach((item) => {
+		const tmp = { ...item };
+		const childrenKey = config.children || "children";
+
+		if (tmp[childrenKey] && tmp[childrenKey].length > 0) {
+			result.push({ ...item });
+			const childrenRoutes = tool.treeToList(tmp[childrenKey], config);
+			result.push(...childrenRoutes);
+		} else {
+			result.push(tmp);
+		}
+	});
+	return result;
+};
+
+/* 获取父节点数据（保留原有函数名） */
+/**
+ * 根据ID获取父节点数据
+ * @param {Array} list - 数据列表
+ * @param {number|string} targetId - 目标ID
+ * @param {Object} config - 配置项 { pid: "parent_id", idField: "id", field: [] }
+ * @returns {*} - 父节点数据或指定字段
+ */
+tool.get_parents = function (
+	list,
+	targetId = 0,
+	config = { pid: "parent_id", idField: "id", field: [] },
+) {
+	let res = null;
+	list.forEach((item) => {
+		if (item[config.idField || "id"] === targetId) {
+			if (config.field && config.field.length > 1) {
+				res = {};
+				config.field.forEach((field) => {
+					res[field] = item[field];
+				});
+			} else if (config.field && config.field.length === 1) {
+				res = item[config.field[0]];
+			} else {
+				res = item;
+			}
+		}
+	});
+	return res;
+};
+
+/* 获取数据字段 */
+/**
+ * 从数据对象中提取指定字段
+ * @param {Object} data - 数据对象
+ * @param {Array} fields - 字段名数组
+ * @returns {*} - 提取的字段数据
+ */
+tool.getDataField = function (data, fields = []) {
+	if (!data || typeof data !== "object") {
+		return data;
+	}
+	if (fields.length === 0) {
+		return data;
+	}
+	if (fields.length === 1) {
+		return data[fields[0]];
+	} else {
+		const result = {};
+		fields.forEach((field) => {
+			result[field] = data[field];
+		});
+		return result;
+	}
+};
+
+// 兼容旧函数名
+tool.tree_to_list = tool.treeToList;
+tool.get_data_field = tool.getDataField;
+
+export default tool;
diff --git a/resources/admin/src/utils/websocket.js b/resources/admin/src/utils/websocket.js
new file mode 100644
index 0000000..f0cbc7b
--- /dev/null
+++ b/resources/admin/src/utils/websocket.js
@@ -0,0 +1,257 @@
+/**
+ * WebSocket Client Helper
+ *
+ * Provides a simple interface for WebSocket connections
+ */
+
+class WebSocketClient {
+  constructor(url, options = {}) {
+    this.url = url
+    this.ws = null
+    this.reconnectAttempts = 0
+    this.maxReconnectAttempts = options.maxReconnectAttempts || 5
+    this.reconnectInterval = options.reconnectInterval || 3000
+    this.reconnectDelay = options.reconnectDelay || 1000
+    this.heartbeatInterval = options.heartbeatInterval || 30000
+    this.heartbeatTimer = null
+    this.isManualClose = false
+    this.isConnecting = false
+
+    // Event handlers
+    this.onOpen = options.onOpen || null
+    this.onMessage = options.onMessage || null
+    this.onError = options.onError || null
+    this.onClose = options.onClose || null
+
+    // Message handlers
+    this.messageHandlers = new Map()
+  }
+
+  /**
+   * Connect to WebSocket server
+   */
+  connect() {
+    if (this.isConnecting || (this.ws && this.ws.readyState === WebSocket.OPEN)) {
+      return
+    }
+
+    this.isConnecting = true
+    this.isManualClose = false
+
+    try {
+      this.ws = new WebSocket(this.url)
+
+      this.ws.onopen = (event) => {
+        console.log('WebSocket connected', event)
+        this.isConnecting = false
+        this.reconnectAttempts = 0
+
+        // Start heartbeat
+        this.startHeartbeat()
+
+        // Call onOpen handler
+        if (this.onOpen) {
+          this.onOpen(event)
+        }
+      }
+
+      this.ws.onmessage = (event) => {
+        try {
+          const message = JSON.parse(event.data)
+          console.log('WebSocket message received', message)
+
+          // Handle different message types
+          this.handleMessage(message)
+
+          // Call onMessage handler
+          if (this.onMessage) {
+            this.onMessage(message, event)
+          }
+        } catch (error) {
+          console.error('Failed to parse WebSocket message', error)
+        }
+      }
+
+      this.ws.onerror = (error) => {
+        console.error('WebSocket error', error)
+        this.isConnecting = false
+
+        // Stop heartbeat
+        this.stopHeartbeat()
+
+        // Call onError handler
+        if (this.onError) {
+          this.onError(error)
+        }
+      }
+
+      this.ws.onclose = (event) => {
+        console.log('WebSocket closed', event)
+        this.isConnecting = false
+
+        // Stop heartbeat
+        this.stopHeartbeat()
+
+        // Call onClose handler
+        if (this.onClose) {
+          this.onClose(event)
+        }
+
+        // Attempt to reconnect if not manually closed
+        if (!this.isManualClose && this.reconnectAttempts < this.maxReconnectAttempts) {
+          this.reconnect()
+        }
+      }
+    } catch (error) {
+      console.error('Failed to create WebSocket connection', error)
+      this.isConnecting = false
+
+      // Call onError handler
+      if (this.onError) {
+        this.onError(error)
+      }
+    }
+  }
+
+  /**
+   * Reconnect to WebSocket server
+   */
+  reconnect() {
+    if (this.isConnecting || this.reconnectAttempts >= this.maxReconnectAttempts) {
+      console.log('Max reconnection attempts reached')
+      return
+    }
+
+    this.reconnectAttempts++
+    const delay = this.reconnectDelay * Math.pow(2, this.reconnectAttempts - 1)
+
+    console.log(`Reconnecting attempt ${this.reconnectAttempts}/${this.maxReconnectAttempts} in ${delay}ms`)
+
+    setTimeout(() => {
+      this.connect()
+    }, delay)
+  }
+
+  /**
+   * Disconnect from WebSocket server
+   */
+  disconnect() {
+    this.isManualClose = true
+    this.stopHeartbeat()
+
+    if (this.ws) {
+      this.ws.close()
+      this.ws = null
+    }
+  }
+
+  /**
+   * Send message to server
+   */
+  send(type, data = {}) {
+    if (this.ws && this.ws.readyState === WebSocket.OPEN) {
+      const message = JSON.stringify({
+        type,
+        data
+      })
+      this.ws.send(message)
+      console.log('WebSocket message sent', { type, data })
+    } else {
+      console.warn('WebSocket is not connected')
+    }
+  }
+
+  /**
+   * Handle incoming messages
+   */
+  handleMessage(message) {
+    const { type, data } = message
+
+    // Get handler for this message type
+    const handler = this.messageHandlers.get(type)
+    if (handler) {
+      handler(data)
+    }
+  }
+
+  /**
+   * Register message handler
+   */
+  on(messageType, handler) {
+    this.messageHandlers.set(messageType, handler)
+  }
+
+  /**
+   * Unregister message handler
+   */
+  off(messageType) {
+    this.messageHandlers.delete(messageType)
+  }
+
+  /**
+   * Start heartbeat
+   */
+  startHeartbeat() {
+    this.stopHeartbeat()
+    this.heartbeatTimer = setInterval(() => {
+      this.send('heartbeat', { timestamp: Date.now() })
+    }, this.heartbeatInterval)
+  }
+
+  /**
+   * Stop heartbeat
+   */
+  stopHeartbeat() {
+    if (this.heartbeatTimer) {
+      clearInterval(this.heartbeatTimer)
+      this.heartbeatTimer = null
+    }
+  }
+
+  /**
+   * Get connection state
+   */
+  get readyState() {
+    if (!this.ws) return WebSocket.CLOSED
+    return this.ws.readyState
+  }
+
+  /**
+   * Check if connected
+   */
+  get isConnected() {
+    return this.ws && this.ws.readyState === WebSocket.OPEN
+  }
+}
+
+/**
+ * Create WebSocket connection
+ */
+export function createWebSocket(userId, token, options = {}) {
+  const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:'
+  const host = window.location.host
+  const url = `${protocol}//${host}/ws?user_id=${userId}&token=${token}`
+
+  return new WebSocketClient(url, options)
+}
+
+/**
+ * WebSocket singleton instance
+ */
+let wsClient = null
+
+export function getWebSocket(userId, token, options = {}) {
+  if (!wsClient || !wsClient.isConnected) {
+    wsClient = createWebSocket(userId, token, options)
+  }
+  return wsClient
+}
+
+export function closeWebSocket() {
+  if (wsClient) {
+    wsClient.disconnect()
+    wsClient = null
+  }
+}
+
+export default WebSocketClient
diff --git a/resources/admin/vite.config.js b/resources/admin/vite.config.js
new file mode 100644
index 0000000..f7317b4
--- /dev/null
+++ b/resources/admin/vite.config.js
@@ -0,0 +1,18 @@
+import { fileURLToPath, URL } from 'node:url'
+
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueDevTools from 'vite-plugin-vue-devtools'
+
+// https://vite.dev/config/
+export default defineConfig({
+	plugins: [
+		vue(),
+		vueDevTools(),
+	],
+	resolve: {
+		alias: {
+			'@': fileURLToPath(new URL('./src', import.meta.url))
+		},
+	},
+})
diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php
new file mode 100644
index 0000000..23a6be2
--- /dev/null
+++ b/resources/views/welcome.blade.php
@@ -0,0 +1,426 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="基于 Laravel + Laravel-S + Swoole 的高性能后端 API 系统">
+    <title>Laravel-S - 高性能后端 API 系统</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+            line-height: 1.6;
+            color: #333;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            min-height: 100vh;
+        }
+
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 20px;
+        }
+
+        /* Header */
+        header {
+            background: rgba(255, 255, 255, 0.1);
+            backdrop-filter: blur(10px);
+            padding: 20px 0;
+            position: fixed;
+            width: 100%;
+            top: 0;
+            z-index: 100;
+        }
+
+        nav {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        .logo {
+            font-size: 24px;
+            font-weight: bold;
+            color: white;
+            text-decoration: none;
+        }
+
+        .nav-links {
+            display: flex;
+            gap: 30px;
+            list-style: none;
+        }
+
+        .nav-links a {
+            color: white;
+            text-decoration: none;
+            transition: opacity 0.3s;
+        }
+
+        .nav-links a:hover {
+            opacity: 0.8;
+        }
+
+        /* Hero Section */
+        .hero {
+            padding: 200px 0 100px;
+            text-align: center;
+            color: white;
+        }
+
+        .hero h1 {
+            font-size: 48px;
+            margin-bottom: 20px;
+            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
+        }
+
+        .hero p {
+            font-size: 18px;
+            margin-bottom: 40px;
+            opacity: 0.9;
+            max-width: 600px;
+            margin-left: auto;
+            margin-right: auto;
+        }
+
+        .btn {
+            display: inline-block;
+            padding: 15px 40px;
+            background: white;
+            color: #667eea;
+            text-decoration: none;
+            border-radius: 30px;
+            font-weight: bold;
+            transition: transform 0.3s, box-shadow 0.3s;
+            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
+        }
+
+        .btn:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
+        }
+
+        .btn-primary {
+            background: white;
+            color: #667eea;
+            margin-right: 15px;
+        }
+
+        .btn-secondary {
+            background: transparent;
+            color: white;
+            border: 2px solid white;
+        }
+
+        /* Features Section */
+        .features {
+            padding: 100px 0;
+            background: white;
+        }
+
+        .section-title {
+            text-align: center;
+            font-size: 36px;
+            margin-bottom: 60px;
+            color: #333;
+        }
+
+        .features-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+            gap: 40px;
+        }
+
+        .feature-card {
+            padding: 40px;
+            background: #f8f9fa;
+            border-radius: 10px;
+            transition: transform 0.3s;
+        }
+
+        .feature-card:hover {
+            transform: translateY(-5px);
+        }
+
+        .feature-icon {
+            font-size: 48px;
+            margin-bottom: 20px;
+        }
+
+        .feature-card h3 {
+            font-size: 24px;
+            margin-bottom: 15px;
+            color: #667eea;
+        }
+
+        .feature-card p {
+            color: #666;
+        }
+
+        /* Tech Stack Section */
+        .tech-stack {
+            padding: 100px 0;
+            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+        }
+
+        .tech-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+            gap: 30px;
+        }
+
+        .tech-item {
+            text-align: center;
+            padding: 30px;
+            background: white;
+            border-radius: 10px;
+            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+        }
+
+        .tech-item h4 {
+            color: #667eea;
+            margin-top: 15px;
+        }
+
+        /* Architecture Section */
+        .architecture {
+            padding: 100px 0;
+            background: white;
+        }
+
+        .architecture-content {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 50px;
+            align-items: center;
+        }
+
+        .architecture-text h3 {
+            font-size: 28px;
+            margin-bottom: 20px;
+            color: #667eea;
+        }
+
+        .architecture-text p {
+            margin-bottom: 15px;
+            color: #666;
+        }
+
+        .architecture-list {
+            list-style: none;
+        }
+
+        .architecture-list li {
+            padding: 10px 0;
+            padding-left: 30px;
+            position: relative;
+            color: #555;
+        }
+
+        .architecture-list li:before {
+            content: "✓";
+            position: absolute;
+            left: 0;
+            color: #667eea;
+            font-weight: bold;
+        }
+
+        /* Footer */
+        footer {
+            padding: 40px 0;
+            background: #333;
+            color: white;
+            text-align: center;
+        }
+
+        footer p {
+            opacity: 0.8;
+        }
+
+        /* Responsive */
+        @media (max-width: 768px) {
+            .hero h1 {
+                font-size: 36px;
+            }
+
+            .architecture-content {
+                grid-template-columns: 1fr;
+            }
+
+            .nav-links {
+                display: none;
+            }
+        }
+
+        /* Animations */
+        @keyframes fadeInUp {
+            from {
+                opacity: 0;
+                transform: translateY(20px);
+            }
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+
+        .animate-fadeInUp {
+            animation: fadeInUp 0.6s ease-out;
+        }
+    </style>
+</head>
+<body>
+    <header>
+        <div class="container">
+            <nav>
+                <a href="#" class="logo">🚀 Laravel-S</a>
+                <ul class="nav-links">
+                    <li><a href="#features">特性</a></li>
+                    <li><a href="#tech">技术栈</a></li>
+                    <li><a href="#architecture">架构</a></li>
+                    <li><a href="/admin">后台管理</a></li>
+                </ul>
+            </nav>
+        </div>
+    </header>
+
+    <section class="hero">
+        <div class="container animate-fadeInUp">
+            <h1>高性能后端 API 系统</h1>
+            <p>基于 Laravel + Laravel-S + Swoole 构建的现代化后端 API 系统，提供卓越的性能和开发效率</p>
+            <div>
+                <a href="/admin" class="btn btn-primary">进入后台管理</a>
+                <a href="https://github.com/hhxsv5/laravel-s" target="_blank" class="btn btn-secondary">查看文档</a>
+            </div>
+        </div>
+    </section>
+
+    <section class="features" id="features">
+        <div class="container">
+            <h2 class="section-title">核心特性</h2>
+            <div class="features-grid">
+                <div class="feature-card">
+                    <div class="feature-icon">⚡</div>
+                    <h3>高性能</h3>
+                    <p>基于 Swoole 协程框架，提供卓越的并发处理能力，轻松应对高并发场景</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🧩</div>
+                    <h3>模块化</h3>
+                    <p>采用 Laravel Modules 实现模块化架构，业务模块独立管理，易于扩展和维护</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🔒</div>
+                    <h3>安全可靠</h3>
+                    <p>JWT 认证、RBAC 权限控制、数据验证等多重安全防护机制</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">📊</div>
+                    <h3>完整后台</h3>
+                    <p>基于 Vue3 + Ant Design Vue 构建的现代化后台管理系统</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">🔄</div>
+                    <h3>热重载</h3>
+                    <p>开发环境支持文件监控热重载，提升开发体验</p>
+                </div>
+                <div class="feature-card">
+                    <div class="feature-icon">📝</div>
+                    <h3>RESTful API</h3>
+                    <p>遵循 RESTful 规范的 API 设计，统一的响应格式</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="tech-stack" id="tech">
+        <div class="container">
+            <h2 class="section-title">技术栈</h2>
+            <div class="tech-grid">
+                <div class="tech-item">
+                    <div style="font-size: 36px;">🐘</div>
+                    <h4>PHP</h4>
+                </div>
+                <div class="tech-item">
+                    <div style="font-size: 36px;">🔷</div>
+                    <h4>Laravel</h4>
+                </div>
+                <div class="tech-item">
+                    <div style="font-size: 36px;">🚀</div>
+                    <h4>Swoole</h4>
+                </div>
+                <div class="tech-item">
+                    <div style="font-size: 36px;">⚡</div>
+                    <h4>Laravel-S</h4>
+                </div>
+                <div class="tech-item">
+                    <div style="font-size: 36px;">🔑</div>
+                    <h4>JWT-Auth</h4>
+                </div>
+                <div class="tech-item">
+                    <div style="font-size: 36px;">📦</div>
+                    <h4>Laravel Modules</h4>
+                </div>
+                <div class="tech-item">
+                    <div style="font-size: 36px;">💚</div>
+                    <h4>MySQL</h4>
+                </div>
+                <div class="tech-item">
+                    <div style="font-size: 36px;">🔴</div>
+                    <h4>Redis</h4>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section class="architecture" id="architecture">
+        <div class="container">
+            <h2 class="section-title">系统架构</h2>
+            <div class="architecture-content">
+                <div class="architecture-text">
+                    <h3>模块化设计</h3>
+                    <p>项目采用清晰的分层架构，将业务逻辑合理划分：</p>
+                    <ul class="architecture-list">
+                        <li>基础模块（Auth、System）：不使用 Laravel Modules 扩展</li>
+                        <li>业务模块：使用 Laravel Modules 独立管理</li>
+                        <li>Controller 层：处理 HTTP 请求</li>
+                        <li>Service 层：业务逻辑处理</li>
+                        <li>Model 层：数据模型定义</li>
+                        <li>统一的 API 响应格式</li>
+                    </ul>
+                </div>
+                <div class="architecture-diagram">
+                    <div style="background: #f8f9fa; padding: 30px; border-radius: 10px;">
+                        <h4 style="text-align: center; margin-bottom: 20px; color: #667eea;">快速开始</h4>
+                        <pre style="background: #333; color: #fff; padding: 20px; border-radius: 5px; overflow-x: auto;"><code># 安装依赖
+composer install
+
+# 配置环境
+cp .env.example .env
+
+# 执行迁移
+php artisan migrate
+
+# 启动 Laravel-S
+php bin/laravels start
+
+# 访问后台
+# http://localhost:8000/admin</code></pre>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <footer>
+        <div class="container">
+            <p>&copy; 2024 Laravel-S. Built with ❤️ using Laravel & Swoole</p>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/routes/admin.php b/routes/admin.php
new file mode 100644
index 0000000..86f52f0
--- /dev/null
+++ b/routes/admin.php
@@ -0,0 +1,188 @@
+<?php
+
+use Illuminate\Support\Facades\Route;
+
+// 公开路由（不需要认证）
+Route::post('/auth/login', [\App\Http\Controllers\Auth\Admin\Auth::class, 'login']);
+
+// 需要认证的路由
+Route::middleware(['auth.check:admin', 'log.request'])->group(function () {
+    // 认证相关
+    Route::prefix('auth')->group(function () {
+        Route::post('/logout', [\App\Http\Controllers\Auth\Admin\Auth::class, 'logout']);
+        Route::post('/refresh', [\App\Http\Controllers\Auth\Admin\Auth::class, 'refresh']);
+        Route::get('/me', [\App\Http\Controllers\Auth\Admin\Auth::class, 'me']);
+        Route::post('/change-password', [\App\Http\Controllers\Auth\Admin\Auth::class, 'changePassword']);
+    });
+
+    // 用户管理
+    Route::prefix('users')->group(function () {
+        Route::get('/', [\App\Http\Controllers\Auth\Admin\User::class, 'index']);
+        Route::get('/{id}', [\App\Http\Controllers\Auth\Admin\User::class, 'show']);
+        Route::post('/', [\App\Http\Controllers\Auth\Admin\User::class, 'store']);
+        Route::put('/{id}', [\App\Http\Controllers\Auth\Admin\User::class, 'update']);
+        Route::delete('/{id}', [\App\Http\Controllers\Auth\Admin\User::class, 'destroy']);
+        Route::post('/batch-delete', [\App\Http\Controllers\Auth\Admin\User::class, 'batchDelete']);
+        Route::post('/batch-status', [\App\Http\Controllers\Auth\Admin\User::class, 'batchUpdateStatus']);
+        Route::post('/batch-department', [\App\Http\Controllers\Auth\Admin\User::class, 'batchAssignDepartment']);
+        Route::post('/batch-roles', [\App\Http\Controllers\Auth\Admin\User::class, 'batchAssignRoles']);
+        Route::post('/export', [\App\Http\Controllers\Auth\Admin\User::class, 'export']);
+        Route::post('/import', [\App\Http\Controllers\Auth\Admin\User::class, 'import']);
+        Route::get('/download-template', [\App\Http\Controllers\Auth\Admin\User::class, 'downloadTemplate']);
+    });
+
+    // 角色管理
+    Route::prefix('roles')->group(function () {
+        Route::get('/', [\App\Http\Controllers\Auth\Admin\Role::class, 'index']);
+        Route::get('/all', [\App\Http\Controllers\Auth\Admin\Role::class, 'getAll']);
+        Route::get('/{id}', [\App\Http\Controllers\Auth\Admin\Role::class, 'show']);
+        Route::post('/', [\App\Http\Controllers\Auth\Admin\Role::class, 'store']);
+        Route::put('/{id}', [\App\Http\Controllers\Auth\Admin\Role::class, 'update']);
+        Route::delete('/{id}', [\App\Http\Controllers\Auth\Admin\Role::class, 'destroy']);
+        Route::post('/batch-delete', [\App\Http\Controllers\Auth\Admin\Role::class, 'batchDelete']);
+        Route::post('/batch-status', [\App\Http\Controllers\Auth\Admin\Role::class, 'batchUpdateStatus']);
+        Route::post('/{id}/permissions', [\App\Http\Controllers\Auth\Admin\Role::class, 'assignPermissions']);
+        Route::get('/{id}/permissions', [\App\Http\Controllers\Auth\Admin\Role::class, 'getPermissions']);
+        Route::post('/{id}/copy', [\App\Http\Controllers\Auth\Admin\Role::class, 'copy']);
+        Route::post('/batch-copy', [\App\Http\Controllers\Auth\Admin\Role::class, 'batchCopy']);
+    });
+
+    // 权限管理
+    Route::prefix('permissions')->group(function () {
+        Route::get('/', [\App\Http\Controllers\Auth\Admin\Permission::class, 'index']);
+        Route::get('/tree', [\App\Http\Controllers\Auth\Admin\Permission::class, 'tree']);
+        Route::get('/menu', [\App\Http\Controllers\Auth\Admin\Permission::class, 'menu']);
+        Route::get('/{id}', [\App\Http\Controllers\Auth\Admin\Permission::class, 'show']);
+        Route::post('/', [\App\Http\Controllers\Auth\Admin\Permission::class, 'store']);
+        Route::put('/{id}', [\App\Http\Controllers\Auth\Admin\Permission::class, 'update']);
+        Route::delete('/{id}', [\App\Http\Controllers\Auth\Admin\Permission::class, 'destroy']);
+        Route::post('/batch-delete', [\App\Http\Controllers\Auth\Admin\Permission::class, 'batchDelete']);
+        Route::post('/batch-status', [\App\Http\Controllers\Auth\Admin\Permission::class, 'batchUpdateStatus']);
+    });
+
+    // 部门管理
+    Route::prefix('departments')->group(function () {
+        Route::get('/', [\App\Http\Controllers\Auth\Admin\Department::class, 'index']);
+        Route::get('/tree', [\App\Http\Controllers\Auth\Admin\Department::class, 'tree']);
+        Route::get('/all', [\App\Http\Controllers\Auth\Admin\Department::class, 'getAll']);
+        Route::get('/{id}', [\App\Http\Controllers\Auth\Admin\Department::class, 'show']);
+        Route::post('/', [\App\Http\Controllers\Auth\Admin\Department::class, 'store']);
+        Route::put('/{id}', [\App\Http\Controllers\Auth\Admin\Department::class, 'update']);
+        Route::delete('/{id}', [\App\Http\Controllers\Auth\Admin\Department::class, 'destroy']);
+        Route::post('/batch-delete', [\App\Http\Controllers\Auth\Admin\Department::class, 'batchDelete']);
+        Route::post('/batch-status', [\App\Http\Controllers\Auth\Admin\Department::class, 'batchUpdateStatus']);
+        Route::post('/export', [\App\Http\Controllers\Auth\Admin\Department::class, 'export']);
+        Route::post('/import', [\App\Http\Controllers\Auth\Admin\Department::class, 'import']);
+        Route::get('/download-template', [\App\Http\Controllers\Auth\Admin\Department::class, 'downloadTemplate']);
+    });
+
+    // 在线用户管理
+    Route::prefix('online-users')->group(function () {
+        Route::get('/count', [\App\Http\Controllers\Auth\Admin\User::class, 'getOnlineCount']);
+        Route::get('/', [\App\Http\Controllers\Auth\Admin\User::class, 'getOnlineUsers']);
+        Route::get('/{userId}/sessions', [\App\Http\Controllers\Auth\Admin\User::class, 'getUserSessions']);
+        Route::post('/{userId}/offline', [\App\Http\Controllers\Auth\Admin\User::class, 'setUserOffline']);
+        Route::post('/{userId}/offline-all', [\App\Http\Controllers\Auth\Admin\User::class, 'setUserAllOffline']);
+    });
+
+    // 系统配置管理
+    Route::prefix('configs')->group(function () {
+        Route::get('/', [\App\Http\Controllers\System\Admin\Config::class, 'index']);
+        Route::get('/all', [\App\Http\Controllers\System\Admin\Config::class, 'getByGroup']);
+        Route::get('/groups', [\App\Http\Controllers\System\Admin\Config::class, 'getGroups']);
+        Route::get('/{id}', [\App\Http\Controllers\System\Admin\Config::class, 'show']);
+        Route::post('/', [\App\Http\Controllers\System\Admin\Config::class, 'store']);
+        Route::put('/{id}', [\App\Http\Controllers\System\Admin\Config::class, 'update']);
+        Route::delete('/{id}', [\App\Http\Controllers\System\Admin\Config::class, 'destroy']);
+        Route::post('/batch-delete', [\App\Http\Controllers\System\Admin\Config::class, 'batchDelete']);
+        Route::post('/batch-status', [\App\Http\Controllers\System\Admin\Config::class, 'batchUpdateStatus']);
+    });
+
+    // 系统操作日志
+    Route::prefix('logs')->group(function () {
+        Route::get('/', [\App\Http\Controllers\System\Admin\Log::class, 'index']);
+        Route::get('/statistics', [\App\Http\Controllers\System\Admin\Log::class, 'getStatistics']);
+        Route::get('/{id}', [\App\Http\Controllers\System\Admin\Log::class, 'show']);
+        Route::delete('/{id}', [\App\Http\Controllers\System\Admin\Log::class, 'destroy']);
+        Route::post('/batch-delete', [\App\Http\Controllers\System\Admin\Log::class, 'batchDelete']);
+        Route::post('/clear', [\App\Http\Controllers\System\Admin\Log::class, 'clearLogs']);
+        Route::post('/export', [\App\Http\Controllers\System\Admin\Log::class, 'export']);
+    });
+
+    // 数据字典管理
+    Route::prefix('dictionaries')->group(function () {
+        Route::get('/', [\App\Http\Controllers\System\Admin\Dictionary::class, 'index']);
+        Route::get('/all', [\App\Http\Controllers\System\Admin\Dictionary::class, 'all']);
+        Route::get('/{id}', [\App\Http\Controllers\System\Admin\Dictionary::class, 'show']);
+        Route::post('/', [\App\Http\Controllers\System\Admin\Dictionary::class, 'store']);
+        Route::put('/{id}', [\App\Http\Controllers\System\Admin\Dictionary::class, 'update']);
+        Route::delete('/{id}', [\App\Http\Controllers\System\Admin\Dictionary::class, 'destroy']);
+        Route::post('/batch-delete', [\App\Http\Controllers\System\Admin\Dictionary::class, 'batchDelete']);
+        Route::post('/batch-status', [\App\Http\Controllers\System\Admin\Dictionary::class, 'batchUpdateStatus']);
+    });
+
+    // 数据字典项管理
+    Route::prefix('dictionary-items')->group(function () {
+        Route::get('/', [\App\Http\Controllers\System\Admin\Dictionary::class, 'getItemsList']);
+        Route::post('/', [\App\Http\Controllers\System\Admin\Dictionary::class, 'storeItem']);
+        Route::put('/{id}', [\App\Http\Controllers\System\Admin\Dictionary::class, 'updateItem']);
+        Route::delete('/{id}', [\App\Http\Controllers\System\Admin\Dictionary::class, 'destroyItem']);
+        Route::post('/batch-delete', [\App\Http\Controllers\System\Admin\Dictionary::class, 'batchDeleteItems']);
+        Route::post('/batch-status', [\App\Http\Controllers\System\Admin\Dictionary::class, 'batchUpdateItemsStatus']);
+    });
+
+    // 任务管理
+    Route::prefix('tasks')->group(function () {
+        Route::get('/', [\App\Http\Controllers\System\Admin\Task::class, 'index']);
+        Route::get('/all', [\App\Http\Controllers\System\Admin\Task::class, 'all']);
+        Route::get('/statistics', [\App\Http\Controllers\System\Admin\Task::class, 'getStatistics']);
+        Route::get('/{id}', [\App\Http\Controllers\System\Admin\Task::class, 'show']);
+        Route::post('/', [\App\Http\Controllers\System\Admin\Task::class, 'store']);
+        Route::put('/{id}', [\App\Http\Controllers\System\Admin\Task::class, 'update']);
+        Route::delete('/{id}', [\App\Http\Controllers\System\Admin\Task::class, 'destroy']);
+        Route::post('/batch-delete', [\App\Http\Controllers\System\Admin\Task::class, 'batchDelete']);
+        Route::post('/batch-status', [\App\Http\Controllers\System\Admin\Task::class, 'batchUpdateStatus']);
+        Route::post('/{id}/run', [\App\Http\Controllers\System\Admin\Task::class, 'run']);
+    });
+
+    // 城市数据管理
+    Route::prefix('cities')->group(function () {
+        Route::get('/', [\App\Http\Controllers\System\Admin\City::class, 'index']);
+        Route::get('/tree', [\App\Http\Controllers\System\Admin\City::class, 'tree']);
+        Route::get('/{id}', [\App\Http\Controllers\System\Admin\City::class, 'show']);
+        Route::get('/{id}/children', [\App\Http\Controllers\System\Admin\City::class, 'children']);
+        Route::get('/provinces', [\App\Http\Controllers\System\Admin\City::class, 'provinces']);
+        Route::get('/{provinceId}/cities', [\App\Http\Controllers\System\Admin\City::class, 'cities']);
+        Route::get('/{cityId}/districts', [\App\Http\Controllers\System\Admin\City::class, 'districts']);
+        Route::post('/', [\App\Http\Controllers\System\Admin\City::class, 'store']);
+        Route::put('/{id}', [\App\Http\Controllers\System\Admin\City::class, 'update']);
+        Route::delete('/{id}', [\App\Http\Controllers\System\Admin\City::class, 'destroy']);
+        Route::post('/batch-delete', [\App\Http\Controllers\System\Admin\City::class, 'batchDelete']);
+        Route::post('/batch-status', [\App\Http\Controllers\System\Admin\City::class, 'batchUpdateStatus']);
+    });
+
+    // 文件上传管理
+    Route::prefix('upload')->group(function () {
+        Route::post('/', [\App\Http\Controllers\System\Admin\Upload::class, 'upload']);
+        Route::post('/multiple', [\App\Http\Controllers\System\Admin\Upload::class, 'uploadMultiple']);
+        Route::post('/base64', [\App\Http\Controllers\System\Admin\Upload::class, 'uploadBase64']);
+        Route::post('/delete', [\App\Http\Controllers\System\Admin\Upload::class, 'delete']);
+        Route::post('/batch-delete', [\App\Http\Controllers\System\Admin\Upload::class, 'batchDelete']);
+    });
+
+    // WebSocket 管理
+    Route::prefix('websocket')->group(function () {
+        Route::get('/online-count', [\App\Http\Controllers\System\WebSocket::class, 'getOnlineCount']);
+        Route::get('/online-users', [\App\Http\Controllers\System\WebSocket::class, 'getOnlineUsers']);
+        Route::post('/check-online', [\App\Http\Controllers\System\WebSocket::class, 'checkOnline']);
+        Route::post('/send-to-user', [\App\Http\Controllers\System\WebSocket::class, 'sendToUser']);
+        Route::post('/send-to-users', [\App\Http\Controllers\System\WebSocket::class, 'sendToUsers']);
+        Route::post('/broadcast', [\App\Http\Controllers\System\WebSocket::class, 'broadcast']);
+        Route::post('/send-to-channel', [\App\Http\Controllers\System\WebSocket::class, 'sendToChannel']);
+        Route::post('/send-notification', [\App\Http\Controllers\System\WebSocket::class, 'sendNotification']);
+        Route::post('/send-notification-to-users', [\App\Http\Controllers\System\WebSocket::class, 'sendNotificationToUsers']);
+        Route::post('/push-data-update', [\App\Http\Controllers\System\WebSocket::class, 'pushDataUpdate']);
+        Route::post('/push-data-update-channel', [\App\Http\Controllers\System\WebSocket::class, 'pushDataUpdateToChannel']);
+        Route::post('/disconnect-user', [\App\Http\Controllers\System\WebSocket::class, 'disconnectUser']);
+    });
+});
diff --git a/routes/api.php b/routes/api.php
new file mode 100644
index 0000000..7c4d255
--- /dev/null
+++ b/routes/api.php
@@ -0,0 +1,3 @@
+<?php
+
+use Illuminate\Support\Facades\Route;
diff --git a/routes/console.php b/routes/console.php
new file mode 100644
index 0000000..3c9adf1
--- /dev/null
+++ b/routes/console.php
@@ -0,0 +1,8 @@
+<?php
+
+use Illuminate\Foundation\Inspiring;
+use Illuminate\Support\Facades\Artisan;
+
+Artisan::command('inspire', function () {
+    $this->comment(Inspiring::quote());
+})->purpose('Display an inspiring quote');
diff --git a/routes/web.php b/routes/web.php
new file mode 100644
index 0000000..86a06c5
--- /dev/null
+++ b/routes/web.php
@@ -0,0 +1,7 @@
+<?php
+
+use Illuminate\Support\Facades\Route;
+
+Route::get('/', function () {
+    return view('welcome');
+});
diff --git a/storage/app/.gitignore b/storage/app/.gitignore
new file mode 100644
index 0000000..fedb287
--- /dev/null
+++ b/storage/app/.gitignore
@@ -0,0 +1,4 @@
+*
+!private/
+!public/
+!.gitignore
diff --git a/storage/app/private/.gitignore b/storage/app/private/.gitignore
new file mode 100644
index 0000000..d6b7ef3
--- /dev/null
+++ b/storage/app/private/.gitignore
@@ -0,0 +1,2 @@
+*
+!.gitignore
diff --git a/storage/app/public/.gitignore b/storage/app/public/.gitignore
new file mode 100644
index 0000000..d6b7ef3
--- /dev/null
+++ b/storage/app/public/.gitignore
@@ -0,0 +1,2 @@
+*
+!.gitignore
diff --git a/storage/framework/.gitignore b/storage/framework/.gitignore
new file mode 100644
index 0000000..05c4471
--- /dev/null
+++ b/storage/framework/.gitignore
@@ -0,0 +1,9 @@
+compiled.php
+config.php
+down
+events.scanned.php
+maintenance.php
+routes.php
+routes.scanned.php
+schedule-*
+services.json
diff --git a/storage/framework/cache/.gitignore b/storage/framework/cache/.gitignore
new file mode 100644
index 0000000..01e4a6c
--- /dev/null
+++ b/storage/framework/cache/.gitignore
@@ -0,0 +1,3 @@
+*
+!data/
+!.gitignore
diff --git a/storage/framework/cache/data/.gitignore b/storage/framework/cache/data/.gitignore
new file mode 100644
index 0000000..d6b7ef3
--- /dev/null
+++ b/storage/framework/cache/data/.gitignore
@@ -0,0 +1,2 @@
+*
+!.gitignore
diff --git a/storage/framework/sessions/.gitignore b/storage/framework/sessions/.gitignore
new file mode 100644
index 0000000..d6b7ef3
--- /dev/null
+++ b/storage/framework/sessions/.gitignore
@@ -0,0 +1,2 @@
+*
+!.gitignore
diff --git a/storage/framework/testing/.gitignore b/storage/framework/testing/.gitignore
new file mode 100644
index 0000000..d6b7ef3
--- /dev/null
+++ b/storage/framework/testing/.gitignore
@@ -0,0 +1,2 @@
+*
+!.gitignore
diff --git a/storage/framework/views/.gitignore b/storage/framework/views/.gitignore
new file mode 100644
index 0000000..d6b7ef3
--- /dev/null
+++ b/storage/framework/views/.gitignore
@@ -0,0 +1,2 @@
+*
+!.gitignore
diff --git a/storage/laravels.conf b/storage/laravels.conf
new file mode 100644
index 0000000..3a503cc
--- /dev/null
+++ b/storage/laravels.conf
@@ -0,0 +1 @@
+a:2:{s:6:"server";a:20:{s:9:"listen_ip";s:9:"127.0.0.1";s:11:"listen_port";i:8000;s:11:"socket_type";i:1;s:6:"server";s:0:"";s:13:"handle_static";b:0;s:17:"laravel_base_path";s:34:"/mnt/e/code/tensent/laravel_swoole";s:14:"inotify_reload";a:5:{s:6:"enable";b:0;s:10:"watch_path";s:34:"/mnt/e/code/tensent/laravel_swoole";s:10:"file_types";a:1:{i:0;s:4:".php";}s:13:"excluded_dirs";a:0:{}s:3:"log";b:1;}s:14:"event_handlers";a:0:{}s:9:"websocket";a:2:{s:6:"enable";b:1;s:7:"handler";s:39:"App\Services\WebSocket\WebSocketHandler";}s:7:"sockets";a:0:{}s:9:"processes";a:0:{}s:5:"timer";a:5:{s:6:"enable";b:0;s:4:"jobs";a:0:{}s:13:"max_wait_time";i:5;s:11:"global_lock";b:0;s:15:"global_lock_key";s:7:"Laravel";}s:13:"swoole_tables";a:1:{s:7:"wsTable";a:2:{s:4:"size";i:102400;s:6:"column";a:2:{i:0;a:3:{s:4:"name";s:5:"value";s:4:"type";i:3;s:4:"size";i:1024;}i:1;a:3:{s:4:"name";s:6:"expiry";s:4:"type";i:1;s:4:"size";i:4;}}}}s:18:"register_providers";a:0:{}s:8:"cleaners";a:0:{}s:19:"destroy_controllers";a:2:{s:6:"enable";b:0;s:13:"excluded_list";a:0:{}}s:6:"swoole";a:21:{s:9:"daemonize";b:1;s:13:"dispatch_mode";i:3;s:10:"worker_num";i:30;s:13:"task_ipc_mode";i:1;s:16:"task_max_request";i:100000;s:11:"task_tmpdir";s:8:"/dev/shm";s:11:"max_request";i:100000;s:16:"open_tcp_nodelay";b:1;s:8:"pid_file";s:55:"/mnt/e/code/tensent/laravel_swoole/storage/laravels.pid";s:9:"log_level";i:4;s:8:"log_file";s:66:"/mnt/e/code/tensent/laravel_swoole/storage/logs/swoole-2026-02.log";s:13:"document_root";s:41:"/mnt/e/code/tensent/laravel_swoole/public";s:18:"buffer_output_size";i:2097152;s:18:"socket_buffer_size";i:8388608;s:18:"package_max_length";i:4194304;s:12:"reload_async";b:1;s:13:"max_wait_time";i:60;s:17:"enable_reuse_port";b:1;s:16:"enable_coroutine";b:0;s:14:"upload_tmp_dir";s:8:"/dev/shm";s:16:"http_compression";b:0;}s:11:"enable_gzip";b:0;s:14:"process_prefix";s:42:"Laravel /mnt/e/code/tensent/laravel_swoole";s:16:"ignore_check_pid";b:0;}s:7:"laravel";a:8:{s:9:"root_path";s:34:"/mnt/e/code/tensent/laravel_swoole";s:11:"static_path";s:41:"/mnt/e/code/tensent/laravel_swoole/public";s:8:"cleaners";a:0:{}s:18:"register_providers";a:0:{}s:19:"destroy_controllers";a:2:{s:6:"enable";b:0;s:13:"excluded_list";a:0:{}}s:8:"is_lumen";b:0;s:7:"_SERVER";a:82:{s:5:"SHELL";s:9:"/bin/bash";s:21:"WSL2_GUI_APPS_ENABLED";s:1:"1";s:15:"WSL_DISTRO_NAME";s:6:"Ubuntu";s:10:"WT_SESSION";s:36:"06685478-cd0b-4356-812b-9e7754fb5ded";s:4:"NAME";s:9:"molong-pc";s:3:"PWD";s:34:"/mnt/e/code/tensent/laravel_swoole";s:7:"LOGNAME";s:6:"molong";s:1:"_";s:26:"/www/server/php/84/bin/php";s:4:"HOME";s:12:"/home/molong";s:4:"LANG";s:7:"C.UTF-8";s:11:"WSL_INTEROP";s:21:"/run/WSL/1157_interop";s:9:"LS_COLORS";s:1806:"rs=0:di=01;34:ln=01;36:mh=00:pi=40;33:so=01;35:do=01;35:bd=40;33;01:cd=40;33;01:or=40;31;01:mi=00:su=37;41:sg=30;43:ca=00:tw=30;42:ow=34;42:st=37;44:ex=01;32:*.tar=01;31:*.tgz=01;31:*.arc=01;31:*.arj=01;31:*.taz=01;31:*.lha=01;31:*.lz4=01;31:*.lzh=01;31:*.lzma=01;31:*.tlz=01;31:*.txz=01;31:*.tzo=01;31:*.t7z=01;31:*.zip=01;31:*.z=01;31:*.dz=01;31:*.gz=01;31:*.lrz=01;31:*.lz=01;31:*.lzo=01;31:*.xz=01;31:*.zst=01;31:*.tzst=01;31:*.bz2=01;31:*.bz=01;31:*.tbz=01;31:*.tbz2=01;31:*.tz=01;31:*.deb=01;31:*.rpm=01;31:*.jar=01;31:*.war=01;31:*.ear=01;31:*.sar=01;31:*.rar=01;31:*.alz=01;31:*.ace=01;31:*.zoo=01;31:*.cpio=01;31:*.7z=01;31:*.rz=01;31:*.cab=01;31:*.wim=01;31:*.swm=01;31:*.dwm=01;31:*.esd=01;31:*.avif=01;35:*.jpg=01;35:*.jpeg=01;35:*.mjpg=01;35:*.mjpeg=01;35:*.gif=01;35:*.bmp=01;35:*.pbm=01;35:*.pgm=01;35:*.ppm=01;35:*.tga=01;35:*.xbm=01;35:*.xpm=01;35:*.tif=01;35:*.tiff=01;35:*.png=01;35:*.svg=01;35:*.svgz=01;35:*.mng=01;35:*.pcx=01;35:*.mov=01;35:*.mpg=01;35:*.mpeg=01;35:*.m2v=01;35:*.mkv=01;35:*.webm=01;35:*.webp=01;35:*.ogm=01;35:*.mp4=01;35:*.m4v=01;35:*.mp4v=01;35:*.vob=01;35:*.qt=01;35:*.nuv=01;35:*.wmv=01;35:*.asf=01;35:*.rm=01;35:*.rmvb=01;35:*.flc=01;35:*.avi=01;35:*.fli=01;35:*.flv=01;35:*.gl=01;35:*.dl=01;35:*.xcf=01;35:*.xwd=01;35:*.yuv=01;35:*.cgm=01;35:*.emf=01;35:*.ogv=01;35:*.ogx=01;35:*.aac=00;36:*.au=00;36:*.flac=00;36:*.m4a=00;36:*.mid=00;36:*.midi=00;36:*.mka=00;36:*.mp3=00;36:*.mpc=00;36:*.ogg=00;36:*.ra=00;36:*.wav=00;36:*.oga=00;36:*.opus=00;36:*.spx=00;36:*.xspf=00;36:*~=00;90:*#=00;90:*.bak=00;90:*.crdownload=00;90:*.dpkg-dist=00;90:*.dpkg-new=00;90:*.dpkg-old=00;90:*.dpkg-tmp=00;90:*.old=00;90:*.orig=00;90:*.part=00;90:*.rej=00;90:*.rpmnew=00;90:*.rpmorig=00;90:*.rpmsave=00;90:*.swp=00;90:*.tmp=00;90:*.ucf-dist=00;90:*.ucf-new=00;90:*.ucf-old=00;90:";s:15:"WAYLAND_DISPLAY";s:9:"wayland-0";s:9:"LESSCLOSE";s:23:"/usr/bin/lesspipe %s %s";s:4:"TERM";s:14:"xterm-256color";s:8:"LESSOPEN";s:22:"| /usr/bin/lesspipe %s";s:4:"USER";s:6:"molong";s:7:"DISPLAY";s:2:":0";s:5:"SHLVL";s:1:"1";s:15:"XDG_RUNTIME_DIR";s:15:"/run/user/1000/";s:6:"WSLENV";s:25:"WT_SESSION:WT_PROFILE_ID:";s:13:"XDG_DATA_DIRS";s:50:"/usr/local/share:/usr/share:/var/lib/snapd/desktop";s:4:"PATH";s:416:"/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/usr/lib/wsl/lib:/mnt/c/WINDOWS/system32:/mnt/c/WINDOWS:/mnt/c/WINDOWS/System32/Wbem:/mnt/c/WINDOWS/System32/WindowsPowerShell/v1.0/:/mnt/c/WINDOWS/System32/OpenSSH/:/mnt/d/Program Files/Git/cmd:/mnt/c/Users/ycgpp/AppData/Local/Microsoft/WindowsApps:/mnt/d/nvm:/mnt/d/nodejs:/mnt/d/Program Files/Microsoft VS Code/bin:/snap/bin";s:24:"DBUS_SESSION_BUS_ADDRESS";s:28:"unix:path=/run/user/1000/bus";s:8:"HOSTTYPE";s:6:"x86_64";s:12:"PULSE_SERVER";s:26:"unix:/mnt/wslg/PulseServer";s:13:"WT_PROFILE_ID";s:38:"{d0271347-854c-54ec-8aec-b80830de2057}";s:6:"OLDPWD";s:19:"/mnt/e/code/tensent";s:8:"PHP_SELF";s:42:"/mnt/e/code/tensent/laravel_swoole/artisan";s:11:"SCRIPT_NAME";s:42:"/mnt/e/code/tensent/laravel_swoole/artisan";s:15:"SCRIPT_FILENAME";s:42:"/mnt/e/code/tensent/laravel_swoole/artisan";s:15:"PATH_TRANSLATED";s:42:"/mnt/e/code/tensent/laravel_swoole/artisan";s:13:"DOCUMENT_ROOT";s:0:"";s:18:"REQUEST_TIME_FLOAT";d:1770560036.006811;s:12:"REQUEST_TIME";i:1770560036;s:4:"argv";a:4:{i:0;s:42:"/mnt/e/code/tensent/laravel_swoole/artisan";i:1;s:8:"laravels";i:2;s:6:"config";i:3;s:11:"--daemonize";}s:4:"argc";i:4;s:8:"APP_NAME";s:7:"Laravel";s:7:"APP_ENV";s:5:"local";s:7:"APP_KEY";s:51:"base64:4DZ7GjVoa2jf3zWDjjfj1toFgaoyOsKxzbVoSGUiBvc=";s:9:"APP_DEBUG";s:4:"true";s:7:"APP_URL";s:16:"http://localhost";s:10:"APP_LOCALE";s:2:"en";s:19:"APP_FALLBACK_LOCALE";s:2:"en";s:16:"APP_FAKER_LOCALE";s:5:"en_US";s:22:"APP_MAINTENANCE_DRIVER";s:4:"file";s:13:"BCRYPT_ROUNDS";s:2:"12";s:11:"LOG_CHANNEL";s:5:"stack";s:9:"LOG_STACK";s:6:"single";s:24:"LOG_DEPRECATIONS_CHANNEL";s:4:"null";s:9:"LOG_LEVEL";s:5:"debug";s:13:"DB_CONNECTION";s:6:"sqlite";s:14:"SESSION_DRIVER";s:8:"database";s:16:"SESSION_LIFETIME";s:3:"120";s:15:"SESSION_ENCRYPT";s:5:"false";s:12:"SESSION_PATH";s:1:"/";s:14:"SESSION_DOMAIN";s:4:"null";s:20:"BROADCAST_CONNECTION";s:3:"log";s:15:"FILESYSTEM_DISK";s:5:"local";s:16:"QUEUE_CONNECTION";s:8:"database";s:11:"CACHE_STORE";s:8:"database";s:14:"MEMCACHED_HOST";s:9:"127.0.0.1";s:12:"REDIS_CLIENT";s:8:"phpredis";s:10:"REDIS_HOST";s:9:"127.0.0.1";s:14:"REDIS_PASSWORD";s:4:"null";s:10:"REDIS_PORT";s:4:"6379";s:11:"MAIL_MAILER";s:3:"log";s:11:"MAIL_SCHEME";s:4:"null";s:9:"MAIL_HOST";s:9:"127.0.0.1";s:9:"MAIL_PORT";s:4:"2525";s:13:"MAIL_USERNAME";s:4:"null";s:13:"MAIL_PASSWORD";s:4:"null";s:17:"MAIL_FROM_ADDRESS";s:17:"hello@example.com";s:14:"MAIL_FROM_NAME";s:7:"Laravel";s:17:"AWS_ACCESS_KEY_ID";s:0:"";s:21:"AWS_SECRET_ACCESS_KEY";s:0:"";s:18:"AWS_DEFAULT_REGION";s:9:"us-east-1";s:10:"AWS_BUCKET";s:0:"";s:27:"AWS_USE_PATH_STYLE_ENDPOINT";s:5:"false";s:13:"VITE_APP_NAME";s:7:"Laravel";s:10:"JWT_SECRET";s:64:"pwlh8FS6kJUWIrYgWxht13yhok3fY8ugAtJo1Bf6uDDtmgspX43MY6Dio2WXyMK1";s:15:"SHELL_VERBOSITY";i:0;}s:4:"_ENV";a:45:{s:8:"APP_NAME";s:7:"Laravel";s:7:"APP_ENV";s:5:"local";s:7:"APP_KEY";s:51:"base64:4DZ7GjVoa2jf3zWDjjfj1toFgaoyOsKxzbVoSGUiBvc=";s:9:"APP_DEBUG";s:4:"true";s:7:"APP_URL";s:16:"http://localhost";s:10:"APP_LOCALE";s:2:"en";s:19:"APP_FALLBACK_LOCALE";s:2:"en";s:16:"APP_FAKER_LOCALE";s:5:"en_US";s:22:"APP_MAINTENANCE_DRIVER";s:4:"file";s:13:"BCRYPT_ROUNDS";s:2:"12";s:11:"LOG_CHANNEL";s:5:"stack";s:9:"LOG_STACK";s:6:"single";s:24:"LOG_DEPRECATIONS_CHANNEL";s:4:"null";s:9:"LOG_LEVEL";s:5:"debug";s:13:"DB_CONNECTION";s:6:"sqlite";s:14:"SESSION_DRIVER";s:8:"database";s:16:"SESSION_LIFETIME";s:3:"120";s:15:"SESSION_ENCRYPT";s:5:"false";s:12:"SESSION_PATH";s:1:"/";s:14:"SESSION_DOMAIN";s:4:"null";s:20:"BROADCAST_CONNECTION";s:3:"log";s:15:"FILESYSTEM_DISK";s:5:"local";s:16:"QUEUE_CONNECTION";s:8:"database";s:11:"CACHE_STORE";s:8:"database";s:14:"MEMCACHED_HOST";s:9:"127.0.0.1";s:12:"REDIS_CLIENT";s:8:"phpredis";s:10:"REDIS_HOST";s:9:"127.0.0.1";s:14:"REDIS_PASSWORD";s:4:"null";s:10:"REDIS_PORT";s:4:"6379";s:11:"MAIL_MAILER";s:3:"log";s:11:"MAIL_SCHEME";s:4:"null";s:9:"MAIL_HOST";s:9:"127.0.0.1";s:9:"MAIL_PORT";s:4:"2525";s:13:"MAIL_USERNAME";s:4:"null";s:13:"MAIL_PASSWORD";s:4:"null";s:17:"MAIL_FROM_ADDRESS";s:17:"hello@example.com";s:14:"MAIL_FROM_NAME";s:7:"Laravel";s:17:"AWS_ACCESS_KEY_ID";s:0:"";s:21:"AWS_SECRET_ACCESS_KEY";s:0:"";s:18:"AWS_DEFAULT_REGION";s:9:"us-east-1";s:10:"AWS_BUCKET";s:0:"";s:27:"AWS_USE_PATH_STYLE_ENDPOINT";s:5:"false";s:13:"VITE_APP_NAME";s:7:"Laravel";s:10:"JWT_SECRET";s:64:"pwlh8FS6kJUWIrYgWxht13yhok3fY8ugAtJo1Bf6uDDtmgspX43MY6Dio2WXyMK1";s:15:"SHELL_VERBOSITY";i:0;}}}
\ No newline at end of file
diff --git a/storage/laravels.pid b/storage/laravels.pid
new file mode 100644
index 0000000..48402e3
--- /dev/null
+++ b/storage/laravels.pid
@@ -0,0 +1 @@
+5302
\ No newline at end of file
diff --git a/storage/logs/.gitignore b/storage/logs/.gitignore
new file mode 100644
index 0000000..d6b7ef3
--- /dev/null
+++ b/storage/logs/.gitignore
@@ -0,0 +1,2 @@
+*
+!.gitignore
diff --git a/tests/Feature/ExampleTest.php b/tests/Feature/ExampleTest.php
new file mode 100644
index 0000000..8364a84
--- /dev/null
+++ b/tests/Feature/ExampleTest.php
@@ -0,0 +1,19 @@
+<?php
+
+namespace Tests\Feature;
+
+// use Illuminate\Foundation\Testing\RefreshDatabase;
+use Tests\TestCase;
+
+class ExampleTest extends TestCase
+{
+    /**
+     * A basic test example.
+     */
+    public function test_the_application_returns_a_successful_response(): void
+    {
+        $response = $this->get('/');
+
+        $response->assertStatus(200);
+    }
+}
diff --git a/tests/TestCase.php b/tests/TestCase.php
new file mode 100644
index 0000000..fe1ffc2
--- /dev/null
+++ b/tests/TestCase.php
@@ -0,0 +1,10 @@
+<?php
+
+namespace Tests;
+
+use Illuminate\Foundation\Testing\TestCase as BaseTestCase;
+
+abstract class TestCase extends BaseTestCase
+{
+    //
+}
diff --git a/tests/Unit/ExampleTest.php b/tests/Unit/ExampleTest.php
new file mode 100644
index 0000000..5773b0c
--- /dev/null
+++ b/tests/Unit/ExampleTest.php
@@ -0,0 +1,16 @@
+<?php
+
+namespace Tests\Unit;
+
+use PHPUnit\Framework\TestCase;
+
+class ExampleTest extends TestCase
+{
+    /**
+     * A basic test example.
+     */
+    public function test_that_true_is_true(): void
+    {
+        $this->assertTrue(true);
+    }
+}
diff --git a/vite.config.js b/vite.config.js
new file mode 100644
index 0000000..f35b4e7
--- /dev/null
+++ b/vite.config.js
@@ -0,0 +1,18 @@
+import { defineConfig } from 'vite';
+import laravel from 'laravel-vite-plugin';
+import tailwindcss from '@tailwindcss/vite';
+
+export default defineConfig({
+    plugins: [
+        laravel({
+            input: ['resources/css/app.css', 'resources/js/app.js'],
+            refresh: true,
+        }),
+        tailwindcss(),
+    ],
+    server: {
+        watch: {
+            ignored: ['**/storage/framework/views/**'],
+        },
+    },
+});