# apes-Authon-Web > 纯净账权管理前端 — 从 saas-web 单体应用中剥离的账权模块前端,与后端 [apes-Authon](https://gitea.apescale.com/figmar/apes-Authon) 配合使用。 ## 技术栈 - Vue 2.7 + Element UI 2.15 - Vuex 3 + Vue Router 3 - Axios + SCSS - Monaco Editor (AI 工具编辑器) ## 功能模块 | 模块 | 页面 | 说明 | |------|------|------| | 登录注册 | login, register | 短信登录 + 密码登录 + SSO | | 用户管理 | user/ | 账号列表、编辑、信息、改密、SSO 配置 | | 客户管理 | customer/ | 客户列表、详情、编辑、员工、套餐、配额 | | 权限管理 | permission/ | 菜单管理、权限项、角色管理 | | 应用管理 | app/ | 应用列表、详情 | | 系统配置 | system/ | 组织架构、操作日志、配额、套餐方案 | | AI/LLM | system/llmModel/, system/llmAgent/, system/aiHelper/, ai/ | 模型配置、Agent 管理、工具管理、对话、日志 | | AccessToken | customer/accessToken | API 令牌管理 | ## 项目结构 ``` apes-Authon-Web/ ├── docs/ # 方案文档 ├── public/ # 静态资源 ├── src/ │ ├── api/ # API 接口(19 个) │ ├── assets/ # 图片资源 │ ├── components/ # 公共组件(含 AI 助手) │ ├── layout/ # 布局组件(侧栏、顶栏、标签页) │ ├── router/ # 路由配置 │ ├── store/ # Vuex 状态管理 │ ├── styles/ # 全局样式 │ ├── utils/ # 工具函数 │ └── views/ # 页面 │ ├── login/ # 登录 │ ├── register/ # 注册 │ ├── user/ # 用户管理 │ ├── permission/ # 权限管理 │ ├── customer/ # 客户管理 │ ├── app/ # 应用管理 │ ├── system/ # 系统配置 + AI/LLM 配置 │ ├── ai/ # AI 工具管理 │ ├── home/ # 首页看板 │ └── 404.vue # 404 页面 ├── package.json ├── vue.config.js └── README.md ``` ## 开发 ```bash # 安装依赖 npm install # 启动开发服务器 npm run dev # 构建生产版本 npm run build:prod ``` ## 与后端对应关系 | 后端 (apes-Authon) | 前端 (apes-Authon-Web) | |---|---| | UserController | views/user/ | | PermissionController | views/permission/ | | CustomerController | views/customer/ | | AppController | views/app/ | | AccessTokenController | views/customer/accessToken.vue | | SSOController | views/user/sso.vue, views/login/ | | CustomerPackageController | views/customer/packages.vue | | SysOrganizationController | views/system/organization/ | | SysOperationLogController | views/system/operationlog/ | | SysQuotaController | views/system/quota/ | | SysPackagePlanController | views/system/packagePlan/ | | LlmModelConfigController | views/system/llmModel/ | | LlmAgentConfigController | views/system/llmAgent/ | | AiController | views/system/aiHelper/ | | LlmToolController | views/ai/tool.vue | | LlmChatController | views/ai/chat.vue | | LlmConversationController | views/ai/conversationHistory.vue | ## 剥离说明 本项目从 saas-web 单体前端中剥离,移除了以下业务模块: - 智慧农业大屏 (fei) - 溯源管理 (trace, tracing) - 自助过磅 (weight) - 灌溉管理 (irrigation) - 伙伴云表单 (huoban) — 后续 Phase 5C 代办 - 其他业务页面 (brain, certify, payment, park 等) 详细方案见 `docs/apes-Authon-Web-剥离方案.md` ## License MIT