订货批发开单系统 · 网页后台(后端)功能思维导图 · 按钮级细化

JackHoa KIDS — Phần mềm quản lý đơn hàng sỉ | 中越双语 · 方便高效 · 让生意更简单 | 依据网页后台设计图整理(中文版)

图例:★主按钮=设计图中明确出现的按钮(标 ★);无 ★ 为按业务逻辑合理补全的常规按钮。 主操作 确认类 状态/提醒类 危险操作 普通/次要 点击带 −/+ 圆点的节点可折叠。
  • ① 工作台Trang chủ
    • 统计卡片(4)
      • 指标卡
        今日开单 128↑12% | 待配货 36↓5% | 待发货 48↑8% | 待付款 18↑3%
        点击跳转对应列表(自动带状态筛选)
    • 销售趋势
      • 折线图
        销售额走势(2,000–10,000 量级)
        切换日/周/月导出图表数据
    • 最近订单
      • 列表
        订单号 + 客户 + 金额 + 状态
        查看详情去配货查看全部订单
  • ② 开单Tạo đơn
    • 左栏 订单信息表单
      • 客户(Khách hàng)
        输入客户名称或手机号(示例:Nguyễn Thị Hoa 0912 345 678)
        ★搜索客户+ 新增客户清除已选客户
      • 订单来源(Nguồn đơn)
        下拉选择:Facebook 直播 / Zalo / 电话
      • 客户电话 / 收货地址
        SĐT 输入框 | Địa chỉ nhận hàng 地址输入
        复制客户档案地址
    • 右栏 选择商品(Chọn sản phẩm)
      • 选品搜索
        示例:A25 连衣裙 45.000đ 库存 1200
        ★搜索款号★清空
      • 规格选择
        尺码多档(90–150)| 颜色色块点选
        全选尺码清除颜色
      • 数量与金额
        手数(Số hộ)× 每手件数(Chi tiết)= 总件数(示例 5×5=25 件);金额自动汇总 1,125,000đ
        手数 −/+删除该商品行
    • 提交区
      • 操作按钮
        ★清空 Xóa★保存草稿 Lưu nháp★提交订单 Tạo đơn hàng
      • 草稿管理
        载入草稿编辑草稿删除草稿
      • 提交校验
        必填:客户 + 至少一款商品;库存不足提示并可继续(负库存预警)
        库存不足仍提交返回修改
  • ③ 订单管理Đơn hàng
    • 筛选区
      • 状态标签(7)
        ★全部★待付款★待配货★待发货★已发货★已完成★取消
      • 查询条件
        订单号(Mã đơn)| 客户(Khách hàng)| 日期区间(2025-04-01→04-30)
        ★搜索重置
    • 列表区
      • 字段与分页
        订单号 / 客户 / 金额 / 订金 / 状态 / 操作;共 100 条 · 每页 10 条
        翻页 1 2 3…10列排序(金额/日期)
      • 行操作
        查看详情编辑订单收款登记去配货打印订单取消订单(二次确认)
      • 批量操作
        批量导出 Excel批量打印拣货单
    • 详情页操作(按状态)
      • 状态按钮
        待付款→收款确认 | 待配货→开始配货 | 已发货→确认完成 | 全程→操作日志
        收款确认确认收货/完成查看操作日志作废订单
  • ④ 商品管理Sản phẩm
    • 筛选区
      • 条件
        分类 / 全部 | 搜索款号(Tìm kiếm hàng)
        ★搜索重置
    • 新增商品
      • 弹窗字段
        款号 / 图片(多图上传)/ 名称(中/越)/ 分类 / 尺码多选 / 颜色多选 / 售价 / 每手件数
        ★添加商品上传图片保存取消
    • 列表区
      • 字段
        款号 / 图片 / 名称 / 尺码(90-160…)/ 颜色色块 / 售价 / 库存 / 操作
      • 行操作
        编辑删除(二次确认)下架/上架复制商品查看库存分布
      • 批量操作
        批量导入(Excel 模板)导出商品表下载导入模板
  • ⑤ 库存管理Kho hàng
    • 仓库与筛选
      • 三仓标签
        ★湖州仓★越南仓★店铺库存
      • 筛选
        搜索款号 | 分类 | 尺码
        ★搜索重置
    • 列表与操作
      • 字段
        款号 / 图片 / 尺码分档(90/100/110/120)/ 湖州仓 Kho HZ / 越南仓 Kho VN / 店铺 Cửa hàng / 总库存 Tổng
      • 行操作
        调整库存查看尺码明细仓间调拨(湖州↔越南↔店铺)库存流水
      • 调整/调拨弹窗
        调整:仓库 / 尺码 / 变动数(±)/ 原因;调拨:调出仓 / 调入仓 / 数量
        确认调整确认调拨取消
      • 列表级
        导出库存表盘点模式
  • ⑥ 配货发货Soạn hàng
    • 筛选区
      • 状态标签(4)
        ★待配货★配货中★待发货★已发货
      • 查询
        搜索订单号 | 日期区间(2025-04-01→04-30)
        ★搜索重置
    • 列表与进度
      • 字段
        订单号 / 客户 / 商品数量 / 配货进度(如 2/5)/ 状态 / 操作
      • 行操作
        ★配货★发货查看打印配货清单
    • 配货工作页
      • 逐款拣货
        应配 / 已配 / 差值;仓库(湖州仓)
        单款拣货确认修改配货数缺货登记
      • 打包发货
        包裹称重/件数 | 物流单号录入 | 实拍图留证
        完成打包上传实拍图确认发货打印物流面单复制单号
  • ⑦ 客户管理Khách hàng
    • 搜索与新增
      • 搜索
        ★搜索等级筛选重置
      • 新增弹窗
        字段:客户名称 / 电话 / 地址 / Zalo / 等级(VIP·普通)
        ★添加客户保存取消
    • 列表与行操作
      • 字段
        客户名称 / 电话 / 地址 / 等级 / 累计金额 / 操作
      • 行操作
        查看详情(订单历史/累计金额)编辑删除(二次确认)去开单(带出客户)
      • 列表级
        导出客户表
JackHoa KIDS
网页后台
功能导图
按钮级细化
10 项导航模块 · 中越双语
版本 v4.0
  • ⑧ 财务管理Tài chính
    • 标签页(4)
      • 页签
        ★收款记录★应收尾款★退款记录★运费记录
    • 筛选与列表
      • 筛选
        日期区间(2025-04-01→04-30)| 客户
        ★搜索重置
      • 字段
        日期 / 订单号 / 客户 / 金额 / 收款方式 / 状态
    • 收款操作
      • 收款方式
        ZaloPay | 银行转账(Chuyển khoản)| 现金(Tiền mặt)
      • 弹窗字段
        金额 / 方式 / 凭证截图 / 备注
        添加收款记录确认收款(待确认→已收款)查看凭证
      • 退款操作
        需二次确认并记录操作日志
        发起退款确认退款撤销退款
      • 对账导出
        导出对账单
  • ⑨⑩ 报表统计 · 系统设置
    • 报表统计(Báo cáo)
      • 能力(设计图未展开,按规则 6 推定)
        销售报表 | 商品动销 | 客户排行 | 操作审计报表
        选择报表类型选日期区间生成报表导出 Excel/PDF
    • 系统设置(Cài đặt)
      • 角色权限
        角色:销售员 / 仓库 / 财务 / 老板;按角色勾选可见菜单与操作
        新增角色编辑权限删除角色(二次确认)保存
      • 账号管理
        新增账号编辑停用/启用删除重置密码
      • 基础设置
        语言(中/VI)| 仓库档案 | 订单号规则 | 操作日志查询
        编辑仓库查看操作日志保存设置
  • 权限与角色
    • 四类角色
      销售员(开单/客户)| 仓库(配货/库存)| 财务(收款/对账)| 老板(全模块+报表+日志)
    • 权限规则
      按角色分配可查看的菜单和操作;越权按钮置灰隐藏
  • 订单状态流转与联动
    • 主流程
      待付款 → 待配货 → 配货中 → 待发货 → 已发货 → 已完成(可取消)
    • 状态触发动作
      收款确认→待配货 | 开始配货→配货中 | 打包完成→待发货 | 确认发货→已发货 | 客户签收→已完成
    • 手机端联动
      Mobile View:工作台 / 客户管理 / 新建订单与后台同源,数据实时同步
  • UI 设计规范
    • 色彩(8)
      主色 #0A47A1 | 辅助 #059669 | 警示 #F59E0B | 危险 #EF4444 | 背景 #F5F7FA | 文字 #1F2937 | 次要文字 #64748B | 边框 #E5E7EB
    • 字体
      中文 思源黑体 / 阿里巴巴普惠体 | 越南语 Roboto / Inter | 标题 24/20/16/14/12 · 正文 14/12 · 辅助 12/10
    • 按钮体系
      主按钮 / 次按钮 / 危险按钮(正常 / 悬停两态);删除类一律二次确认
    • 图标
      首页 · 订单 · 商品 · 库存 · 客户
  • 交互规则(6 条)
    • 语言切换
      中文 / 越南语双语同时显示
    • 数据权限
      全链路记录,自动计算总件数
    • 库存扣减
      湖州 / 越南 / 店铺分仓分别显示与扣减
    • 订单流程
      状态按流程单向流转
    • 权限规则
      按角色分配菜单与操作
    • 审计规则
      改单 / 价格 / 库存 / 收款必须记录操作日志