手机现场端

为手上有活的人做的界面

车间里没人有空填十四个字段。手机端的设计前提是:一只手、戴着手套、站着、旁边很吵。 所以每一页都只有一个主动作,能扫码就不让打字,能预填就不让人算。

五批落地

三十八页,分五批长出来

不是一次设计出来的,是按现场反馈一批批补齐的:先骨架与审批闭环,再扫码现场,然后生产报工,接着人事与财务,最后客户与跟进。

01

骨架与闭环

移动壳四个 Tab(首页 / 待办 / 工作台 / 我的)、待办列表与办理页、销售订单列表与详情。

8 页
02

扫码现场

采购工作台与扫码收货、仓储工作台、扫码查库存、库存预警、盘点列表与扫码盘点、发货执行。

8 页
03

生产报工

工单列表与详情、工序报工、领退料单与执行、完工入库——车间主链在手机上走完。

7 页
04

人事与财务

打卡、我的工资条、请假申请、通讯录;财务工作台、账龄、收款登记、凭证审批。

9 页
05

客户与跟进

客户列表、客户 360、客户报备、报备录入与详情、跟进记录——见完客户当场查、当场记。

6 页
六个场景

谁、站在哪里、做完哪一步

每个场景都对应一个真实工位。没有工位的功能,不做。

工序报工

机台边,戴着手套
  1. 扫工单二维码
  2. 选工序(自动跳到下一道未完成)
  3. 改掉那两个不对的数
  4. 提交,进度与工时同步更新

扫码盘点

货架之间,边走边点
  1. 扫盘点单进入
  2. 逐件扫商品码累加
  3. 多货位先记未盘行
  4. 提交差异,审核后过账

扫码查库存

客户催货时,站在库里
  1. 扫物料码
  2. 各仓现存量与可用量
  3. 最近入库流水与批号
  4. 金额与均价一眼可见

扫码收货

货车旁,没桌子
  1. 扫采购单号
  2. 按行填合格量与批次
  3. 登记草稿(不动库存)
  4. 审核才真正入库挂应付

打卡与工资条

厂门口,上班前
  1. 服务端时钟走秒
  2. 上下班两颗大按钮
  3. 本月考勤四格
  4. 最近一张已发工资条逐项可看

账龄与收款

外出对账,客户办公室
  1. 应收应付切换
  2. 按账龄段筛选
  3. 客户搜索与明细
  4. 收款登记(金额默认未收)
取舍

刻意不做的事

把「不做」写清楚,比列一百条功能更能说明这套东西是给谁用的。

不做桌面功能的缩小版
建单、排程、MRP、凭证录入与过账都不挂手机。它们在手机上只能看不能改,点进去发现改不了还得回电脑。
不做批量审核
审批的语义是「这张我看过了」。批量通过等于批量盖章——一旦批量,就没人真的看过。待办页只提供逐条通过。
不做付款,只做收款
收款是「钱已经到账,补一笔登记」;付款是「把钱打出去」,要挑供应商、核价税、留审批痕迹,不该是一次误触。
打卡不推算工时
打卡时长里混着午休、加班与提前到岗,当实勤会让工资算错。工时口径属于考勤核定,不在打卡页猜。
工资条只认已发放
草稿与「已审核未发」都是可能还在改的数。让人提前看到 6800、最终到账 6500,比看不到更容易起纠纷。
自助页不按业务菜单判权
否则车间员工连自己的工资条都打不开。范围约束全在服务端:接口参数里没有任何「人」的输入,由登录账号反查。
相机扫码要求站点走 HTTPS。内网 http 部署时,手机端可退回 PDA 键盘仿真(扫码枪当键盘输入)或图片解码; 这条限制来自浏览器的 getUserMedia,绕不过去。

手机上试一遍

演示实例的手机端与桌面端是同一个应用:登录后按窗口宽度自动切到移动壳,也可以在电脑上把窗口拖窄。