威胜 SRM · 1:1 Mock 离线演示

真实前端源码 + 本地 Mock 数据,无需 VPN / 测试环境。支持统一网关单端口访问与外网分享。

离线 Mock 1:1 真实 UI 统一网关 :80 可外网分享 移动端采购商 移动端供应商
采购方账号: admin / 123456  |  供应商账号: supplier / 123456  |  任意账号 ≥3 位 + 任意密码均可登录

SSO 统一登录

推荐演示起点,登录后自动跳转采购门户

管理后台 Admin

系统管理、工作台、权限框架

采购门户 Purchase

采购工作台、招标业务(账号 admin / 123456)

供应商门户 Supplier

投标、订单、合同、对账等供应商业务(账号 supplier / 123456)

BPM 流程审批

流程设计器(新建流程无需接口)

移动端采购商

采购端 H5 可交互原型,手机尺寸演示(询比价、招标、审批等)

移动端供应商

供应商端 H5 可交互原型,手机尺寸演示(销售订单、询价报价、发货对账等)

推荐演示路径

  1. 采购门户:打开 Purchase → admin/123456 登录 → 采购工作台、招标询价业务
  2. 供应商门户:打开 Supplier → supplier/123456 登录 → 投标、订单、合同、对账等供应商业务
  3. 管理后台:打开 Admin → admin/123456 登录 → 工作台
  4. 流程:BPM → 流程设计 → 拖拽节点演示
  5. 移动端采购商:打开移动端采购商 → 手机壳内可交互原型(询比价、招标、审批等)
  6. 移动端供应商:打开移动端供应商 → supplier/123456 登录 → 销售订单、询价报价、确认发货、对账发票

外网访问(已发布)

公网演示地址: 加载中…

采购门户:  |  SSO:

公网地址请勿加 :8080 端口,直接使用上方 HTTPS 链接即可。

演示账号 admin / 123456。本环境为 Mock 离线基线,产品经理可直接体验并基于 Mock 数据调整演示内容。

产品经理 · 基线修改指引

  1. 通过上方公网地址进入演示,验证页面与流程是否符合基线预期
  2. Mock 数据修改:编辑 mock-server/ 下对应模块(如 supplier-forms.jsdata.js
  3. 移动端采购商原型:编辑 demo-portal/mobile/index.html(源文件 srm-cgs-dev/mock/index.html
  4. 移动端供应商原型:编辑 demo-portal/mobile-supplier/index.html(源文件 srm-gys-dev/mock/index.html
  5. 修改后在本机执行 ./stop-demo.sh && ./start-demo.sh 重启,外网地址自动同步最新 Mock
  6. 前端样式/字段布局:修改 ith-purchase/src/ 等源码,保存后 webpack 热更新(外网访问需保持隧道与本机服务运行)

外网隧道维护

终端执行 ./tunnel-demo.sh./publish-demo.sh 获取/刷新公网 URL。

固定域名方案见 EXTERNAL-ACCESS.md(Cloudflare Named Tunnel)。