48 lines
1.8 KiB
Markdown
48 lines
1.8 KiB
Markdown
# Front - OPS 前端
|
||
|
||
`front` 是 OPS 平台的统一前端入口，基于 Vue 3、Vite、Arco Design Vue、Pinia 和 Vue Router。页面以动态菜单为主，RBAC 菜单接口不可用时使用本地菜单数据兜底。
|
||
|
||
## 当前代码入口
|
||
|
||
| 类型 | 路径 |
|
||
| --- | --- |
|
||
| 应用入口 | `front/src/main.ts` |
|
||
| 路由入口 | `front/src/router/index.ts` |
|
||
| 静态路由 | `front/src/router/routes/modules/` |
|
||
| 动态菜单转换 | `front/src/router/menu-data.ts` |
|
||
| 本地菜单兜底 | `front/src/router/local-menu-items.ts`、`front/src/router/local-menu-flat.ts` |
|
||
| 页面目录 | `front/src/views/` |
|
||
| API 模块 | `front/src/api/module/` |
|
||
| 构建配置 | `front/config/` |
|
||
|
||
## 主要页面域
|
||
|
||
| 页面域 | 目录 |
|
||
| --- | --- |
|
||
| 首页与概览 | `front/src/views/home`、`front/src/views/ops/pages/overview` |
|
||
| 数据中心与资源 | `front/src/views/ops/pages/dc`、`datacenter`、`resource-context` |
|
||
| 告警与治理 | `front/src/views/ops/pages/alert`、`governance` |
|
||
| 工单闭环 | `front/src/views/ops/pages/feedback` |
|
||
| 知识库 | `front/src/views/ops/pages/kb` |
|
||
| 报表与自动化 | `front/src/views/ops/pages/report`、`automation` |
|
||
| 业务系统与拓扑 | `front/src/views/ops/pages/business-system`、`business-topology` |
|
||
| 大屏 | `front/src/views/ops/pages/big-screen`、`front/src/views/visualization` |
|
||
| 日志管理 | `front/src/views/ops/pages/log-mgmt` |
|
||
| 系统设置 | `front/src/views/ops/pages/system-settings` |
|
||
|
||
## 常用命令
|
||
|
||
```powershell
|
||
cd D:\work\ops\front
|
||
pnpm.cmd install
|
||
pnpm.cmd dev
|
||
pnpm.cmd build
|
||
```
|
||
|
||
## 相关文档
|
||
|
||
- `front/PAGES_README.md`：页面清单和路由说明。
|
||
- `front/QUICK_START.md`：本地启动说明。
|
||
- `front/docs/`：页面设计、适配验收和部分接口对接文档。
|
||
- `docs/模块文档索引.md`：全工作区模块边界与文档入口。
|