# CrossBorder OS Console

基于 `Vue 3 + TypeScript + Vite + Element Plus` 的跨境运营中台前端原型项目，按 PRD 中的 18 个页面进行结构化拆分，并使用本地 mock API 提供演示数据。

## 为什么选 Element Plus

- 更适合中后台业务场景：表格、表单、抽屉、弹窗、权限配置类页面成熟
- Vue 3 + TypeScript 生态稳定，中文资料和组件案例丰富
- 对这份 PRD 里的订单、库存、采购、权限这类管理页面匹配度高

## 已实现内容

- 18 个页面对应的路由与侧边导航结构
- 基础中后台布局与视觉风格
- 关键页面的表格/卡片/表单骨架
- 字段级页面说明面板，可直接对照 PRD 继续扩展
- 本地 mock backend：开发环境下拦截 `/api/*`

## 启动命令

```bash
npm install
npm run dev
```

生产构建：

```bash
npm run build
```

## 当前目录说明

- `src/layout`：中后台主布局
- `src/router`：路由和菜单配置
- `src/mock`：mock 数据与 mock 路由
- `src/config/page-specs.ts`：按 PRD 整理的字段级页面说明
- `src/views`：页面实现

## 下一步建议

- 接入真实登录与权限控制
- 将 `SpecOnlyPage` 中的页面逐步替换成真实业务页面
- 引入图表库补充运营看板与报表中心
- 将 mock API 切换为真实后端接口