CrossBorder OS Console

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

为什么选 Element Plus

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

已实现内容

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

启动命令

npm install
npm run dev

生产构建：

npm run build

当前目录说明

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

下一步建议

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