基于 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["任务结束"]
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["快捷开始或完成"]
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["点完成退出多选"]
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["高优先强制置顶"]
flowchart TD
working["装车中状态"] --> visual["渐变与警示条扫光"]
working --> noEx["不可标记异常"]
working --> abandon["可放弃作业回待装"]
working --> hidePriBorder["隐藏高优先左边框"]
pending["待装"] --> markEx["可标记异常"]
unload["卸车"] --> withdraw["可撤回装车"]