公共订单模块 · 可点击线框原型

共 49 个页面:校宝网页端后台 36 个(B01–B32,含 B01A / B02A / B09A / B18A;B07 已合并入 B04)+ 家长端 13 个(P01–P13)。
原型为可真实点击的静态交互原型:筛选条件、表单字段均为真实控件(下拉可选、输入框可填、可校验、可提交),数据保存在浏览器本地、离线可用;斜纹块代表图片 / 图表占位。用于评审信息架构、字段与交互,不含真实业务逻辑。

🖥️

网页端后台 admin/ · 36 个页面

左侧只挂 2 个一级菜单 / 共 5 个二级菜单;其余 31 个页面是点击操作后进入的功能页,从对应二级页面的「功能入口」或页头按钮进入。
  • ECA 课程管理:课程列表 B01 / 在售课程列表 B04(课程包创建入口在 B04 顶栏)
  • 订单中心:订单列表 B17 / 优惠券列表 B22 / 积分列表 B27
  • 课程列表只做创建(B02A)与编辑(B02),不与在售批次关联;分类在 B01A 维护
进入后台 →
📱

家长端 parent/ · 13 个页面

手机框内操作,内容超高时在框内上下滑动。底部固定 3 个入口:课程选购 / 订单 / 已购课程。
  • 课程选购(P01–P03):在售课程全部展示,字段与后台「在售课程」上架信息一致
  • 订单(P04–P09、P12):学费订单 / ECA 课程订单两类可叠加筛选,一笔订单一张卡片;P07 只做待支付 / 已关闭,P12 单独做已支付
  • 已购课程(P11、P13):已支付且已获得名额的课程列表 + 课程权益详情(课时消耗 / 出勤 / 上课安排)
  • 账单(P10,沿用现有页面)
进入家长端 →

怎么点 操作按钮直接跳到结果页,页内导航不再需要

页面间跳转
点按钮即进入对应页面。例:B02「保存并去定价」→ B05;B09「确认上架」→ B10;P04「确认支付」→ P05;P08「确认提交」→ P06
留在原页的轻操作
导出、查询、重置、刷新、重试、取消等无下游页面的操作,仍用右上角浮层提示反馈
后台内部导航
左侧 2 个一级菜单(ECA 课程管理 / 订单中心)各下挂 3 个二级菜单;每个二级页面顶部有「功能入口」卡,可进入其余功能页;顶栏「快速跳转」下拉可直达任意一个后台页面
真实可填表单
B02 新建课程、B05 新建批次、B12 收费规则、B23 创建优惠券、B24 派发、B26 积分规则均为真实控件,带必填 / 范围 / 先后校验;保存后写入本地演示数据,回到对应列表页即可看到新增行
家长端内部导航
手机框底部 3 个 Tab(课程选购 / 订单 / 已购课程)+ 顶栏下拉快速跳转;已支付 / 未支付拆成两个详情页:P07 待支付(+ 已关闭,?state=closed)、P12 已支付(?no= 切换订单)
弹窗
点带 ⬒ 的按钮打开弹窗;点遮罩、右上角 ✕ 或按 Esc 关闭
置灰按钮
点击会浮出禁用原因(对应设计原则「每个不可用状态都要给原因」)
可实时计算
B09 逐门定价(改包内单价 → 折算折扣与包总价实时汇总)、P04 支付确认(选券 + 积分 → 实付,含抵扣至 ¥0.00)、B15 减免(减到 0 红线拦截)