# 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`：全工作区模块边界与文档入口。