集装箱转场 · 操作说明

基于 H5 原型整理。先看流程图,再记手势;主流程做装/卸,分支处理筛选、多选、异常等。

记住三句话:单击编辑 · 长按(或点「批量」)多选改优先级 · 滑动按钮推进装车/卸车

一、流程图

主流程 装车 → 卸车

flowchart TD
  enter["进入转场页"] --> team["确认班组环境"]
  team --> pickTab["选择业务Tab"]
  pickTab --> find["搜索或筛选任务"]
  find --> start{"同步作业机械?"}
  start -->|"开"| slideStart["滑动开始装车"]
  start -->|"关"| slideConfirm["滑动确认装车"]
  slideStart --> working["进入装车中"]
  working --> finishLoad["滑动完成装车"]
  slideConfirm --> toUnload["进入卸车列表"]
  finishLoad --> toUnload
  toUnload --> setLoc["填写目标货位"]
  setLoc --> finishUnload["滑动完成卸车"]
  finishUnload --> doneNode["任务结束"]
      

分支 A 卡片手势

flowchart TD
  cardNode["任务卡片"] --> tapNode["单击"]
  cardNode --> holdNode["长按半秒"]
  cardNode --> swipeLeft["左滑"]
  cardNode --> swipeRight["右滑"]
  tapNode --> editNode["打开编辑弹层"]
  holdNode --> multiNode["进入多选"]
  swipeLeft --> rightMenu["右侧出现操作按钮"]
  swipeRight --> leftMenu["左侧出现快捷按钮"]
  rightMenu --> actPending["待装可标记异常"]
  rightMenu --> actWorking["装车中可放弃作业"]
  rightMenu --> actUnload["卸车可撤回装车"]
  leftMenu --> actQuick["快捷开始或完成"]
      

分支 B 多选改优先级

flowchart TD
  entry["进入多选"] --> ways{"入口"}
  ways -->|"长按卡片"| m1["直接多选"]
  ways -->|"点批量按钮"| m1
  m1 --> select["点选卡片或全选"]
  select --> bar["底部操作栏"]
  bar --> hi["高优先级"]
  bar --> norm["普通"]
  bar --> ex["标记异常"]
  bar --> wd["卸车可撤回装车"]
  hi --> pin["高优先置顶排序"]
  norm --> pin
  pin --> exitNode["点完成退出多选"]
      

分支 C 筛选与排序

flowchart TD
  top["顶部下拉"] --> c1["客户"]
  top --> c2["批次"]
  top --> c3["班列"]
  sheetBtn["筛选按钮"] --> sheet["筛选面板"]
  sheet --> t1["股道多选"]
  sheet --> t2["区域多选"]
  sheet --> t3["排序说明"]
  c1 --> andNode["条件同时生效"]
  c2 --> andNode
  c3 --> andNode
  t1 --> andNode
  t2 --> andNode
  search["箱号模糊搜索"] --> andNode
  andNode --> list["列表即时过滤"]
  list --> sortNode["高优先强制置顶"]
      

分支 D 装车中 / 异常

flowchart TD
  working["装车中状态"] --> visual["渐变与警示条扫光"]
  working --> noEx["不可标记异常"]
  working --> abandon["可放弃作业回待装"]
  working --> hidePriBorder["隐藏高优先左边框"]
  pending["待装"] --> markEx["可标记异常"]
  unload["卸车"] --> withdraw["可撤回装车"]
      

二、常用操作(简表)

单击卡片
打开编辑。可改封号等;装大贸货可改车辆;卸车可改目标货位(扁平路径:货区→分区→位→子位→排→层)。
长按卡片
进入多选,底部改高优先 / 普通 / 异常。多选时隐藏大类 Tab,避免串列表。
批量按钮
与长按相同,直接进入多选(无需再弹操作菜单)。
滑动按钮
待装:开始装车 / 确认装车;装车中:完成装车(变绿);卸车:完成卸车。
左滑 / 右滑
露出侧滑按钮。装车中左滑仅「放弃作业」(不再露出空白位)。
筛选 / 下拉
筛选在左、批量在右。面板限高可滚动;股道/区域在面板内。
班组图标
改班组、机械手、作业机械;司索只读置顶。同步开:开始→完成两段;同步关:一步确认装车。
开始装车确认
底部可选机械/车辆;机械默认从班组回显,可再改。需确认封条。

三、状态一眼认

四、建议演示路径