倪庆俞-供应链完成需求
2024-04-18 19:31:17 7 举报
AI智能生成
点货机,收银前端库存模块
作者其他创作
大纲/内容
面单
面单列表页面
面单信息卡片展示
订单编号,订单金额,订单商品数量等字段展示
已提货,未提货状态显示对应颜色样式
调用订单接口,传type为面单,获取面单列表
扫小票二维码获取订单号跳转到对应订单详情页面
面单信息列表滚动加载
面单信息筛选
面单信息点击跳转到对应面单详情页面
面单详情页面
面单信息展示
面单状态,支付方式,下单门店等接口字段信息展示
提货商品展示
可提货商品数量与金额前端计算展示
后端只返回订单所有商品和金额,需要前端过滤掉退款状态的数据计算展示
面单提货商品 点击跳转商品详情页面
根据面单状态判断是否隐藏面单与取消按钮
确认面单
调取接口,成功跳回到列表页
取消
子主题
登录页
登录功能
密码显示与隐藏
记住密码功能
首页
头像,昵称,入口卡片(面单,入库)展示
退出登录
入库
入库单列表页面
入库信息卡片展示
入库时间,入库信息,入库状态,入库来源,商品件数,商品总金额字段展示
入库状态根据字段展示不同颜色标识
入库信息滚动加载
入库信息筛选
入库信息重置
入库信息点击跳转到对应入库详情页面
新建入库单页面
信息填写
入库类型选择
如库来源填写
入库日期自动根据当前时间带出
保存
必填字段校验,校验通过才能保存
必填字段标识,*号标识
下一步按钮调取保存接口保存
保存成功跳转入库单列表页面
取消
跳转入库单列表页面
入库单详情页面
入库单信息展示
入库状态根据不同样式展示,入库l类型,来源字段展示
根据不同入库状态控制一些字段是否可编辑
入库商品列表展示
列表展示入库商品字段,商品名称,数量等字段
点击某一商品
已入库状态
跳转商品详情页面
未入库状态
弹出入库商品编辑模态框
扫商品码查找商品
接口返回商品不在库标识
跳转新增商品页面
接口返回商品在库标识
商品详情页面
入库商品模态框
删除
信息展示与编辑
商品名称,商品数量,商品进价展示与编辑
保存
加入入库单
取消
隐藏弹出框,并重置
确认入库
判断入库单是否有入库商品
若不存在入库商品,报提示,请增加入库商品
若存在,调接口
入库成功,跳转到入库列表页面
删除入库单
取消
跳转到入库单列表页面
商品页面
商品信息绘制
商品条码,商品单位等字段
必填字段校验与必填标识
根据标识判断页面是编辑新建还是详情
详情状态不可编辑字段
详情状态不显示保存与取消按钮
保存
校验通过,调保存接口跳转
取消
返回上一层页面
收银前端-入库模块
收银前端-入库模块
库存模块
库存列表页面
入库列表筛选
入库列表重置
入库列表搜索
入库列表分页
商品名称和仓库字段根据接口信息标积分图标
按钮跳转编辑页面
库存详情页面
商品名称,商品条码,商品仓库字段展示
商品仓库根据接口返回标识积分图标
返回按钮,点击返回库存列表页并刷新
库存详情变动列表
列表时间范围,收银员字段筛选查询
变动列表分页
变动列表重置查询
修改库存
点击按钮,弹出数字输入器
限制规范输入
确定按钮点击事件
调取后端接口
成功后刷新列表页面
入库模块
入库列表页面
入库列表根据时间范围,订单编号字段筛选
入库列表重置搜索
入库列表分页查询
入库列表入库仓库根据接口返回标识积分图标,样式绘制
编辑按钮点击事件
跳转到入库单详情页面
删除按钮
调取删除接口,成功后刷新入库列表页面
入库详情页面
入库单信息字段展示
入库仓库字段标积分图标
修改按钮点击事件
修改入库来源,调取接口,成功后返回入库列表页面并刷新
返回图标点击事件
返回入库列表页面
入库单商品列表展示
展示商品字段
入库与库存tab切换效果绘制
收藏
0 条评论
下一页