diff --git a/_doc/使用说明.md b/_doc/使用说明.md
deleted file mode 100644
index c9f3c8a..0000000
--- a/_doc/使用说明.md
+++ /dev/null
@@ -1,781 +0,0 @@
-# Admin Framework 使用说明
-
-一个基于 Vue2 的通用后台管理系统框架，包含完整的系统功能、登录、路由管理、布局等核心功能。
-
-## 📦 框架特性
-
-### ✨ 核心功能
-- ✅ **简化的 API** - 只需调用 `createApp()` 即可完成所有初始化
-- ✅ **模块化设计** - 组件、路由、状态管理等功能按模块组织
-- ✅ **完整的系统管理页面** - 用户、角色、菜单、日志等管理
-- ✅ **登录和权限管理** - 完整的登录流程和权限控制
-- ✅ **动态路由管理** - 基于权限菜单的动态路由生成
-- ✅ **Vuex 状态管理** - 用户、应用状态管理
-- ✅ **全局组件库** - Tables、Editor、Upload、TreeGrid、FieldRenderer、FloatPanel 等
-- ✅ **工具库** - HTTP、日期、Token、Cookie 等工具
-- ✅ **内置样式** - base.less、animate.css、iconfont 等
-- ✅ **响应式布局** - 支持移动端适配
-
-### 🎯 内置页面组件
-- **主页组件** (`HomePage`) - 欢迎页面，显示系统标题
-- **系统管理页面** (`SysUser`, `SysRole`, `SysLog`, `SysParamSetup`)
-- **高级管理页面** (`SysMenu`, `SysControl`, `SysTitle`)
-- **登录页面** (`LoginPage`)
-- **错误页面** (`Page401`, `Page404`, `Page500`)
-
-### 🛠️ 内置工具
-- **HTTP 工具** (`http`) - 封装了 axios，支持拦截器、文件上传下载
-- **UI 工具** (`uiTool`) - 删除确认、树形转换、响应式设置、文件下载
-- **通用工具** (`tools`) - 日期格式化、UUID 生成、Cookie 操作、深拷贝等
-- **文件下载** - 支持 CSV 等格式的文件下载，自动处理换行符
-
-## 🚀 快速开始
-
-### 方式一：使用 Demo 项目（推荐）
-
-我们提供了一个完整的 demo 项目，可以直接运行查看效果：
-
-```bash
-# 1. 进入 demo 项目
-cd demo
-
-# 2. 安装依赖
-npm install
-
-# 3. 启动开发服务器
-npm run dev
-```
-
-浏览器会自动打开 `http://localhost:8080`，查看：
-- `/login` - 登录页面
-- `/home` - 主页
-- `/system/user` - 用户管理
-- `/ball/games` - 业务示例页面
-
-### 方式二：构建框架
-
-```bash
-# 1. 安装依赖
-npm install
-
-# 2. 构建框架
-npm run build
-
-# 3. 产物在 dist/admin-framework.js
-```
-
-## 🎯 极简使用方式
-
-### 只需 3 步即可完成集成！
-
-#### 1. 引入框架
-```javascript
-import AdminFramework from './admin-framework.js'
-```
-
-#### 2. 创建应用
-```javascript
-const app = AdminFramework.createApp({
- title: '我的管理系统',
- apiUrl: 'http://localhost:9098/admin_api/',
- componentMap: {
- 'business/product': ProductComponent,
- 'business/order': OrderComponent
- }
-})
-```
-
-#### 3. 挂载应用
-```javascript
-app.$mount('#app')
-```
-
-**就这么简单！** 框架会自动完成所有初始化工作。
-
-## 📖 完整使用指南
-
-### 1. 项目结构准备
-
-```
-your-project/
-├── src/
-│ ├── config/
-│ │ └── index.js # 配置文件
-│ ├── libs/
-│ │ └── admin-framework.js # 框架文件
-│ ├── views/
-│ │ └── business/ # 业务页面
-│ ├── api/
-│ │ └── business/ # 业务 API
-│ ├── App.vue
-│ └── main.js
-├── package.json
-└── webpack.config.js
-```
-
-### 2. 安装依赖
-
-```bash
-npm install vue vue-router vuex view-design axios dayjs js-cookie vuex-persistedstate
-```
-
-### 3. 创建配置文件
-
-在 `src/config/index.js` 中：
-
-```javascript
-module.exports = {
- title: '你的系统名称',
- homeName: '首页',
- apiUrl: 'http://localhost:9090/admin_api/',
- uploadUrl: 'http://localhost:9090/admin_api/upload',
- cookieExpires: 7,
- uploadMaxLimitSize: 10,
- oss: {
- region: 'oss-cn-shanghai',
- accessKeyId: 'your-key',
- accessKeySecret: 'your-secret',
- bucket: 'your-bucket',
- url: 'http://your-bucket.oss-cn-shanghai.aliyuncs.com',
- basePath: 'your-path/'
- }
-}
-```
-
-### 4. 创建 main.js（新版本 - 推荐）
-
-```javascript
-import AdminFramework from './libs/admin-framework.js'
-
-// 导入业务组件（根据权限菜单接口的 component 字段）
-import GamesComponent from './views/ball/games.vue'
-import PayOrdersComponent from './views/order/pay_orders.vue'
-
-// 🎉 只需一行代码！框架自动完成所有初始化
-const app = AdminFramework.createApp({
- title: '我的管理系统',
- apiUrl: 'http://localhost:9098/admin_api/',
- componentMap: {
- 'ball/games': GamesComponent,
- 'order/pay_orders': PayOrdersComponent
- // 添加更多业务组件...
- },
- onReady() {
- console.log('应用已启动!')
- // 应用启动完成后的回调
- }
-})
-
-// 挂载应用
-app.$mount('#app')
-```
-
-
-### 5. 创建 App.vue
-
-```vue
-
-
-
-
-
-
-
-```
-
-## 🔧 API 使用指南
-
-### 框架实例方法
-
-#### createApp(config) - 推荐使用
-创建应用实例（新版本 API）
-
-```javascript
-const app = AdminFramework.createApp({
- title: '我的管理系统', // 应用标题（必需）
- apiUrl: 'http://localhost:9098/admin_api/', // API 基础地址（必需）
- uploadUrl: 'http://localhost:9098/admin_api/upload', // 上传地址（可选，默认为 apiUrl + 'upload'）
- componentMap: { // 业务组件映射（可选）
- 'business/product': ProductComponent,
- 'business/order': OrderComponent
- },
- onReady() { // 应用启动完成回调（可选）
- console.log('应用已启动!')
- }
-})
-```
-### 工具库使用
-
-#### HTTP 工具
-```javascript
-// 在组件中使用
-export default {
- async mounted() {
- // GET 请求
- const res = await this.$http.get('/api/users', { page: 1 })
-
- // POST 请求
- const result = await this.$http.post('/api/users', { name: 'test' })
-
- // 文件导出
- await this.$http.fileExport('/api/export', { type: 'excel' })
- }
-}
-
-// 在非 Vue 组件中使用
-import AdminFramework from './libs/admin-framework.js'
-const res = await AdminFramework.http.get('/api/users')
-```
-
-#### UI 工具
-```javascript
-// 在组件中使用
-export default {
- methods: {
- handleDelete() {
- // 删除确认
- this.$uiTool.delConfirm(() => {
- // 执行删除逻辑
- })
-
- // 设置响应式字体
- this.$uiTool.setRem()
-
- // 树形转换
- const treeData = this.$uiTool.transformTree(flatData)
- }
- }
-}
-```
-
-#### 功能工具
-```javascript
-// 在组件中使用
-export default {
- methods: {
- downloadFile() {
- // 文件下载
- this.$uiTool.downloadFile(response, 'filename.csv')
- }
- }
-}
-```
-
-#### 通用工具
-```javascript
-// 在组件中使用
-export default {
- methods: {
- formatDate() {
- // 日期格式化
- return this.$tools.formatDate(new Date(), 'YYYY-MM-DD HH:mm:ss')
- },
-
- generateId() {
- // UUID 生成
- return this.$tools.generateUUID()
- },
-
- setCookie() {
- // Cookie 操作
- this.$tools.setCookie('name', 'value')
- const value = this.$tools.getCookie('name')
- }
- }
-}
-```
-
-### Store 模块使用
-
-#### user 模块
-```javascript
-// 登录
-await this.$store.dispatch('user/handleLogin', {
- userFrom: { username, password },
- Main: AdminFramework.Main,
- ParentView: AdminFramework.ParentView,
- Page404: AdminFramework.Page404
-})
-
-// 登出
-this.$store.dispatch('user/handleLogOut')
-
-// 设置权限菜单
-this.$store.dispatch('user/setAuthorityMenus', {
- Main: AdminFramework.Main,
- ParentView: AdminFramework.ParentView,
- Page404: AdminFramework.Page404
-})
-
-// 获取用户信息
-const userName = this.$store.getters['user/userName']
-const token = this.$store.state.user.token
-```
-
-#### app 模块
-```javascript
-// 设置面包屑
-this.$store.commit('app/setBreadCrumb', route)
-
-// 获取系统标题
-this.$store.dispatch('app/getSysTitle', {
- defaultTitle: '系统名称',
- defaultLogo: '/logo.png'
-})
-
-// 获取系统配置
-const sysFormModel = this.$store.getters['app/sysFormModel']
-```
-
-## 🗂️ 组件映射配置
-
-### 业务组件映射
-
-当后端权限菜单接口返回组件路径时，需要配置映射表：
-
-```javascript
-// 1. 导入业务组件
-import GamesComponent from './views/ball/games.vue'
-import PayOrdersComponent from './views/order/pay_orders.vue'
-
-// 2. 配置映射
-const componentMap = {
- 'ball/games': GamesComponent,
- 'ball/games.vue': GamesComponent, // 支持带 .vue 后缀
- 'order/pay_orders': PayOrdersComponent,
- 'order/pay_orders.vue': PayOrdersComponent
-}
-
-// 3. 在 Vue.use 时传入
-Vue.use(AdminFramework, {
- config,
- ViewUI,
- VueRouter,
- Vuex,
- createPersistedState,
- componentMap // 传入组件映射表
-})
-```
-
-### 框架已自动映射的系统组件
-
-以下组件**无需配置**，框架已自动映射：
-- ✅ `home/index` - 主页
-- ✅ `system/sys_user` - 用户管理
-- ✅ `system/sys_role` - 角色管理
-- ✅ `system/sys_log` - 日志管理
-- ✅ `system/sys_param_setup` - 参数设置
-- ✅ `system/sys_menu` - 菜单管理
-- ✅ `system/sys_control` - 控制器管理
-- ✅ `system/sys_title` - 系统标题设置
-
-## 🌐 全局访问
-
-### window.framework
-
-框架实例会自动暴露到全局，可以在任何地方访问：
-
-```javascript
-// 在非 Vue 组件中使用
-const http = window.framework.http
-const uiTool = window.framework.uiTool
-const config = window.framework.config
-
-// HTTP 请求
-const res = await window.framework.http.get('/api/users')
-
-// UI 工具
-window.framework.uiTool.delConfirm(() => {
- // 删除逻辑
-})
-```
-
-### Vue 原型方法
-
-在 Vue 组件中可以直接使用：
-
-```javascript
-export default {
- methods: {
- async loadData() {
- // 直接使用 this.$xxx
- const res = await this.$http.get('/api/users')
- this.$uiTool.delConfirm(() => {})
- this.$tools.formatDate(new Date())
- this.$uiTool.downloadFile(response, 'file.csv')
- }
- }
-}
-```
-
-## 📁 文件下载功能
-
-### 使用 downloadFile 方法
-
-框架提供了便捷的文件下载功能，支持 CSV 等格式：
-
-```javascript
-// 在 Vue 组件中使用
-export default {
- methods: {
- // 导出数据
- exportData() {
- // 调用 API 获取数据
- this.$http.fileExport('/api/export', params).then(res => {
- // 使用 downloadFile 下载
- this.$uiTool.downloadFile(res, '数据导出.csv')
- this.$Message.success('导出成功！')
- }).catch(error => {
- this.$Message.error('导出失败：' + error.message)
- })
- }
- }
-}
-```
-
-### 支持的数据格式
-
-- **CSV 格式**：自动处理换行符，保持表格格式
-- **Blob 对象**：支持二进制文件下载
-- **文本数据**：支持纯文本文件下载
-
-### 自动处理特性
-
-- ✅ **换行符保持**：CSV 文件的换行符会被正确保持
-- ✅ **文件名处理**：自动清理文件名中的特殊字符
-- ✅ **浏览器兼容**：支持所有现代浏览器
-- ✅ **内存管理**：自动清理临时 URL 对象
-
-## 🎨 全局组件使用
-
-### FloatPanel - 浮动面板组件
-
-`FloatPanel` 是一个浮动在父窗体上的面板组件，类似于抽屉效果，常用于详情展示、表单编辑等场景。
-
-**基本使用：**
-
-```vue
-
-
-
-
-
- 这里是面板内容
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-```
-
-### 步骤 4: 开发业务功能
-
-#### 创建业务页面
-
-```vue
-
-
-
-
-
-
-```
-
-#### 创建业务 API
-
-```javascript
-// src/api/business/productServer.js
-// 注意：不需要 import http，直接使用 http
-
-class ProductServer {
- async getList(params) {
- return await http.get('/product/list', params)
- }
-
- async save(data) {
- return await http.post('/product/save', data)
- }
-
- async delete(id) {
- return await http.post('/product/delete', { id })
- }
-}
-
-export default new ProductServer()
-```
-
----
-
-## 📚 API 文档
-
-### 框架实例方法
-
-#### install(Vue, options)
-安装 Vue 插件
-
-```javascript
-Vue.use(AdminFramework, {
- config: yourConfig,
- ViewUI: ViewUI,
- VueRouter: VueRouter,
- Vuex: Vuex,
- createPersistedState: createPersistedState,
- HomePage: HomePage // 可选：自定义首页组件
-})
-```
-
-**参数说明：**
-- `config`: 项目配置对象（必需）
-- `ViewUI`: ViewUI 实例（必需）
-- `VueRouter`: VueRouter 类（必需）
-- `Vuex`: Vuex 类（必需）
-- `createPersistedState`: vuex-persistedstate 插件（必需）
-- `HomePage`: 自定义首页组件（可选，不传则使用框架内置组件）
-
-#### initHttp(config, store)
-初始化 HTTP 配置
-
-```javascript
-AdminFramework.initHttp({
- apiUrl: 'http://localhost:9090/admin_api/',
- timeout: 300000
-}, store)
-```
-
-#### createRouter(Router, components, customRoutes, ViewUI, homeName)
-创建路由实例
-
-```javascript
-const router = AdminFramework.createRouter(
- VueRouter,
- { LoginPage, Page401, Page404, Page500 },
- customRoutes, // 自定义业务路由
- ViewUI,
- 'home'
-)
-```
-
-#### createStore(Vuex, customModules, createPersistedState)
-创建 Store 实例
-
-```javascript
-const store = AdminFramework.createStore(
- Vuex,
- { business: businessModule }, // 自定义业务模块
- createPersistedState
-)
-```
-
-#### getRoutes(components)
-获取动态路由
-
-```javascript
-const mainRoutes = AdminFramework.getRoutes({
- Main,
- ParentView,
- Page404
-})
-```
-
-#### registerComponents(Vue, components)
-注册全局组件
-
-```javascript
-AdminFramework.registerComponents(Vue, {
- 'my-component': MyComponent
-})
-```
-
-### 工具库
-
-#### http - HTTP 请求工具
-
-```javascript
-// GET 请求
-AdminFramework.http.get('/api/users', { page: 1 })
-
-// POST 请求
-AdminFramework.http.post('/api/users', { name: 'test' })
-
-// 文件导出
-AdminFramework.http.fileExport('/api/export', { type: 'excel' })
-```
-
-**在组件中使用：**
-```javascript
-export default {
- async mounted() {
- const res = await this.$http.get('/api/users')
- }
-}
-```
-
-#### util - 工具函数
-
-```javascript
-// Token 管理
-AdminFramework.util.setToken(token)
-AdminFramework.util.getToken()
-
-// 路由工具
-AdminFramework.util.getBreadCrumbList(route, homeRoute)
-AdminFramework.util.getHomeRoute(routes, 'home')
-```
-
-**在组件中使用：**
-```javascript
-export default {
- methods: {
- getToken() {
- return this.$util.getToken()
- }
- }
-}
-```
-
-#### tools - 功能工具
-
-```javascript
-// 日期格式化
-AdminFramework.tools.formatDate(new Date(), 'YYYY-MM-DD HH:mm:ss')
-
-// UUID 生成
-AdminFramework.tools.generateUUID()
-
-// Cookie 操作
-AdminFramework.tools.setCookie('name', 'value')
-AdminFramework.tools.getCookie('name')
-```
-
-**在组件中使用：**
-```javascript
-export default {
- methods: {
- formatDate() {
- return this.$tools.formatDate(new Date(), 'YYYY-MM-DD')
- }
- }
-}
-```
-
-#### uiTool - UI 工具
-
-```javascript
-// 设置响应式字体
-AdminFramework.uiTool.setRem()
-
-// 删除确认
-AdminFramework.uiTool.delConfirm(() => {
- // 删除逻辑
-})
-
-// 树形转换
-AdminFramework.uiTool.transformTree(treeData)
-```
-
-**在组件中使用：**
-```javascript
-export default {
- methods: {
- handleDelete() {
- this.$uiTool.delConfirm(() => {
- // 执行删除
- })
- }
- }
-}
-```
-
-### Store 模块
-
-#### user 模块
-
-```javascript
-// 登录
-this.$store.dispatch('user/handleLogin', {
- userFrom: { username, password },
- Main,
- ParentView,
- Page404
-})
-
-// 登出
-this.$store.dispatch('user/handleLogOut')
-
-// 设置权限菜单
-this.$store.dispatch('user/setAuthorityMenus', {
- Main,
- ParentView,
- Page404
-})
-
-// 获取用户信息
-this.$store.getters['user/userName']
-this.$store.state.user.token
-```
-
-#### app 模块
-
-```javascript
-// 设置面包屑
-this.$store.commit('app/setBreadCrumb', route)
-
-// 获取系统标题
-this.$store.dispatch('app/getSysTitle', {
- defaultTitle: '系统名称',
- defaultLogo: '/logo.png'
-})
-
-// 获取系统配置
-this.$store.getters['app/sysFormModel']
-```
-
----
-
-## 🗂️ 系统页面和 API
-
-### 已包含的系统页面
-
-框架已内置所有系统管理页面，可直接从框架导入使用：
-
-#### 主页
-```javascript
-import {
- HomePage // 主页欢迎页面（显示系统标题）
-} from 'admin-framework'
-```
-
-#### system 目录页面
-```javascript
-import {
- SysLog, // 系统日志管理
- SysLogOperate, // 系统操作日志
- SysParamSetup, // 参数设置
- SysRole, // 角色管理
- SysUser // 用户管理
-} from 'admin-framework'
-```
-
-#### system 目录页面
-```javascript
-import {
- SysControl, // 控制器管理
- SysMenu, // 菜单管理
- SysTitle // 系统标题设置
-} from 'admin-framework'
-```
-
-#### 在路由中使用
-```javascript
-import { HomePage, SysUser, SysRole, SysMenu, SysLog, SysLogOperate } from 'admin-framework'
-
-const routes = [
- {
- path: '/home',
- name: 'home',
- component: HomePage // 框架自动注册，也可手动使用
- },
- {
- path: '/system/user',
- name: 'sys_user',
- component: SysUser
- },
- {
- path: '/system/role',
- name: 'sys_role',
- component: SysRole
- },
- {
- path: '/system/menu',
- name: 'sys_menu',
- component: SysMenu
- },
- {
- path: '/system/log',
- name: 'sys_log',
- component: SysLog
- },
- {
- path: '/system/log_operate',
- name: 'sys_log_operate',
- component: SysLogOperate
- }
-]
-```
-
-### 已包含的系统 API
-
-#### system API
-```javascript
-import { systemApi } from 'admin-framework'
-
-// 使用示例
-const {
- userServer,
- roleServer,
- sysLogServe,
- fileServe,
- // ... 其他 API
-} = systemApi
-
-// 调用 API
-const users = await userServer.getList({ page: 1 })
-const roles = await roleServer.getList()
-```
-
-#### system API（所有 API 都在 systemApi 中）
-```javascript
-import { systemApi } from 'admin-framework'
-
-// 使用示例
-const {
- userServer,
- roleServer,
- sysLogServe,
- fileServe,
- menuServer,
- paramSetupServer,
- modelServer,
- formServer,
- formFieldServer,
- modelFieldServer,
- tableServer,
- rolePermissionServer,
- sysControlTypeServer,
- sysModuleServer,
- sysAddressServer,
- systemTypeServer,
- plaAccountServer,
- // ... 其他 API
-} = systemApi
-
-// 调用 API
-const users = await userServer.getList({ page: 1 })
-const roles = await roleServer.getList()
-const menus = await menuServer.getTree()
-const params = await paramSetupServer.getOne('sys_title')
-```
-
-### 全局组件
-
-框架已包含所有全局组件，打包后会自动注册：
-
-```vue
-
-
-
-```
-
-#### FloatPanel - 浮动面板组件
-
-`FloatPanel` 是一个浮动在父窗体上的面板组件，类似于抽屉效果，调用方式和 `AsyncModal` 类似。
-
-**基本使用：**
-
-```vue
-
-
-
-
-
- 这里是面板内容
-
-
-
- 欢迎登陆，
- {{ sysFormModel.title }}
-
-
-
-```
-
-**特性**：
-- ✅ 自动从 Vuex Store 获取系统标题（`app/sysFormModel`）
-- ✅ 优雅的欢迎页面样式
-- ✅ 无需额外配置
-
-**使用方式**：
-```javascript
-// 不传入 HomePage，框架会使用内置组件
-Vue.use(AdminFramework, {
- config,
- ViewUI,
- VueRouter,
- Vuex,
- createPersistedState
-})
-```
-
-#### 方式二：传入自定义首页组件（推荐）
-
-**创建自定义首页组件**：
-```vue
-
-
-
-
欢迎使用 {{ sysFormModel.title }}
-
这是自定义的首页内容
-
-