بدون توضیح

docker d1835a4258 docs: 标记ECharts已完成(已在ReportDashboardView和ReportCenterView中集成) 2 ماه پیش
.claude 2049253182 Update: 扩展TODO文件,添加功能扩展计划 2 ماه پیش
src 8ce8035090 feat: 补充TypeScript类型定义和API服务方法 2 ماه پیش
.gitignore a5442d747f Initial commit: CrossBorder_OS project 2 ماه پیش
CrossBorder_OS_PRD.md a5442d747f Initial commit: CrossBorder_OS project 2 ماه پیش
README.md a5442d747f Initial commit: CrossBorder_OS project 2 ماه پیش
TODO.md d1835a4258 docs: 标记ECharts已完成(已在ReportDashboardView和ReportCenterView中集成) 2 ماه پیش
index.html a5442d747f Initial commit: CrossBorder_OS project 2 ماه پیش
package-lock.json 2049253182 Update: 扩展TODO文件,添加功能扩展计划 2 ماه پیش
package.json 2049253182 Update: 扩展TODO文件,添加功能扩展计划 2 ماه پیش
tsconfig.json a5442d747f Initial commit: CrossBorder_OS project 2 ماه پیش
vite.config.ts a5442d747f Initial commit: CrossBorder_OS project 2 ماه پیش

README.md

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 切换为真实后端接口