订货批发开单系统 · 手机端（前端）功能思维导图（按钮级细化版）

① 首页 · 工作台Trang chủ
- 今日概览卡片
  - 订单数 / 待处理 / 今日收入
    点击卡片 → 跳转对应列表页
    跳转订单列表跳转待处理跳转收款统计
- 功能宫格（6 入口）
  - 入口按钮
    ★新建订单★订单管理★商品管理★库存★客户管理★收支对账
    点击任意宫格 → 进入对应模块页
- 推荐位 Banner
  - 运营位
    JackHoa Kids 推荐位；点击 → 商品目录并定位推荐分类
    查看推荐商品
- 底部标签栏（常驻）
  - 5 个 Tab
    ★主页★订单★库存★客户★我的
    点击切换主页面；当前 Tab 高亮主色
② 新建订单（开单）Tạo đơn hàng
- 步骤1 选择客户
  - 搜索框
    支持客户名称 / Zalo 号码关键字搜索
    ★搜索客户清除关键字
  - 客户结果卡片
    头像 + 姓名 + 手机号（示例：Chi Lan 0987 654 321）
    ★选择
  - 散客支持
    Khách lẻ 散客开单+ 新增客户（去客户页）
  - 步骤导航
    上一步下一步：添加商品
- 步骤2 添加商品
  - 商品搜索
    按款号 / 商品名称
    ★搜索
  - 商品行（示例）
    A25 连衣裙 45,000đ ｜ B12 运动套装 68,000đ；每行：数量加减、单价、小计
    数量 −数量＋删除该商品★添加商品 Thêm sản phẩm
  - 小计栏
    自动合计件数与金额（如 5×45 = 225.000đ）
  - 步骤导航
    上一步下一步：支付
- 步骤3 支付
  - 金额汇总
    商品总额 / 订金 / 应收尾款自动计算
  - 订金录入
    输入订金金额收款方式（现金/ZaloPay/转账）
  - 提交
    提交订单保存草稿取消开单
    提交后生成订单号（如 DH20250430-001），状态＝待付款
③ 商品目录Sản phẩm
- 分类标签
  - 5 个分类
    ★全部★女童★男童★套装★夏季
- 搜索与列表
  - 搜索框
    按款号 / 商品名称
    ★搜索
  - 商品卡片
    款号 + 中越双语品名 + 单价 + 库存（A25/B12/C08/D21/E15）
    加入订单查看商品详情
  - 缺货商品
    库存为 0 时置灰并显示「缺货」
    到货提醒
④ 订单列表Đơn hàng
- 状态标签
  - 5 个状态
    ★全部★待付款★待配货★待发货★已完成
- 搜索与筛选
  - 搜索框
    订单号 / 客户 / 手机号
    ★搜索日期筛选重置
- 订单卡片操作
  - 每单按钮
    订单号 + 客户 + 金额 + 状态 + 时间
    查看详情继续收款（待付款单）去配货（待配货单）取消订单拨打电话Zalo 联系
  - 列表级操作
    下拉刷新加载更多导出订单报表
⑤ 库存管理（分仓）Kho hàng
- 仓库切换
  - 3 个仓库 Tab
    ★湖州仓★越南仓★店铺
- 查询
  - 搜索框
    按款号 / 商品名
    ★搜索分类筛选尺码筛选
- 库存表与操作
  - 表格字段
    款号 + 颜色色块 + 尺码 + 库存数
  - 分仓汇总条
    湖州 12,580 件｜越南 8,460 件｜店铺 3,280 件
  - 行操作
    查看尺码明细申请调拨（湖州↔越南↔店铺）库存流水
⑥ 订单详情Chi tiết đơn hàng
- 信息区
  - 头部
    订单号（DH20250430-001）+ 状态标签 + 客户（Chi Lan 0987 654 321）+ 下单时间
    拨打电话复制订单号
  - 商品明细
    款号 + 品名 + 数量×单价小计
  - 金额汇总
    商品金额 1,941,000đ ｜订金 500,000đ ｜应收尾款 1,441,000đ
  - 收货地址
    修改地址
- 操作按钮
  - 按状态启用
    ★编辑★确认配货去收款取消订单打印/分享订单
    按钮随订单状态动态显示：待付款→去收款；待配货→确认配货；已完成→仅查看
⑨ 客户管理Khách hàng
- 搜索与列表
  - 搜索框
    名称 / 手机号 / Zalo
    ★搜索等级筛选（VIP/普通）
  - 客户卡片
    头像 + 姓名 + 标签（VIP/普通/有效款/无记录）+ 手机号
- 客户操作
  - 行按钮
    查看详情（历史订单/累计金额）编辑客户删除客户拨打电话Zalo 联系去开单（带出客户）
  - 新增客户弹窗
    字段：姓名 / 手机号 / Zalo / 地址 / 等级
    ★添加客户保存取消

JackHoa KIDS

手机端
功能导图
按钮级细化

10 个界面 · 中越双语
移动竖屏 · 浏览器可访问

⑦ 配货发货（配货清单）Soạn hàng
- 流程节点条
  - 4 节点
    ★配货★打包★发货★完成
    高亮当前环节；点击已完成节点可回看
- 配货清单
  - 逐款核对
    应配数量 / 已配数量 / 拣货差值；所属仓库（示例：湖州仓）
    拣货确认（单款）修改配货数缺货登记
  - 拍照上传（可选）
    配货 / 发货前实物留证
    ★拍照上传重新拍摄删除照片
- 环节流转按钮
  - 主按钮
    ★下一步：打包下一步：发货确认发货打印配货清单分享物流单号
⑧ 收款记录Thanh toán
- 类型标签
  - 4 个类型
    ★全部★订金★尾款★退款
- 明细与汇总
  - 收款明细
    订金 500,000đ（2025-04-30 10:25）｜尾款「已确认」（2025-05-03 14:20）
    查看凭证图
  - 汇总条
    订单总额 1,125,000đ ｜已收 500,000đ ｜待收 625,000đ
- 收款操作
  - 弹窗字段
    金额 / 方式（现金·ZaloPay·转账）/ 凭证截图 / 备注
    ★添加收款记录保存并确认取消
  - 退款（需确认）
    发起退款确认退款撤销退款
⑩ 个人中心Cá nhân
- 菜单操作
  - 账号与设置
    ★切换语言中/VI★修改密码★帮助中心★关于我们
  - 退出
    二次确认后退出登录
    ★退出登录取消
  - 修改密码弹窗
    旧密码 / 新密码 / 确认新密码
    保存取消
核心业务流程
- 开单流程
  选客户 → 加商品（自动算件与金额）→ 支付提交 → 生成订单号
- 订单状态流转
  待付款 → 待配货 → 待发货 → 已发货 → 已完成（可取消）
- 配货发货流程
  配货 → 打包 → 发货（拍照留证）→ 完成
- 收款流程
  订金 → 尾款 → 自动核销应收（支持退款）
UI 设计规范
- 色彩
  主色 #174A8B ｜辅助 #0E9F6E ｜警示 #F59E0B ｜错误 #EF4444 ｜背景 #F5F7FA
- 字体
  中文 PingFang SC / 思源黑体｜越南语 Roboto / Inter ｜标题20 · 正文16 · 辅助14 · 注释12
- 按钮体系
  主要（主色底白字）｜次要（辅助色/描边）｜危险（错误色底白字）；危险操作需二次确认
- 图标
  首页 · 订单 · 库存 · 客户 · 我的
交互规则（6 条）
- 双语与适配
  支持中/VI 切换｜手机浏览器访问｜竖屏浏览
- 自动计算
  开单自动算件数与金额
- 分仓库存
  湖州仓 / 越南仓 / 店铺区分
- 全程跟踪
  订金 — 尾款 — 发货全流程
- 数据保存
  实时保存｜支持导出报表