列表数据在web后台是非常常见的展示方式,针对列表相关整理一个模板:
主要关注:列表展示、搜索和筛选数据、数据详情、数据导出、数据导入操作按钮
场景关注:订单来源,订单状态切换
数据关注:超过一屏的数据展示是否重复,数据量较多时导出和导入速度
详细内容如下:
—————————————————————————————————————————————
【订单列表】
订单字段:订单编号、客户名称(公司名称)、手机号(超管)、订单金额、状态、下单时间、操作
列表排序:按照下单时间倒序排列
订单页码,默认显示20条/页,可以切换为10条/页,20条/页,50条/页,100条/页
订单编号生成规则:B1+yyyymmdd+4位不重复随机码
【搜索订单】
订单状态包括:全部订单、待付款、待发货、待收货、已完成、已取消,切换各个状态筛选订单正确
订单编号:仅支持精准查询
客户名称:支持模糊查询
手机号:仅支持精准查询
下单时间:起止时间至少选择一个时间,未选择的时间点表示无限制
所有检索结果根据当前选择订单状态过滤结果
多个筛选项组合筛选成功(结合翻页搜索)
重置按钮可以把设置的筛选项内容清除
【订单详情】
订单基本信息包括:单号、客户姓名、手机号、下单时间、收货人、联系电话、详细地址、备注、状态、订单金额
商品信息包括:商品编码、商品名称、SKU编码、SKU规格、商品类目、单价、数量(件)、金额,下方显示运费和总计价格
订单历史状态包括:时间(具体到分)和订单状态包括:已下单、已付款、已发货(可以查看物流信息)、已收货、已完成、已取消
列表降序展示全部物流信息
包含物流公司名称,物流单编号,物流单编号复制按钮
物流地址信息,物流更新时间精确至年月日时分秒
可滑动查看物流信息翻页
【底部操作按钮】
待付款——确认收款、取消订单
待发货——发货
待收货——无
已完成——无
已取消——无
【操作】
点击取消订单按钮,订单状态直接变成已取消
点击确认收款按钮,订单状态直接变成已付款
点击发货按钮,进入发货页面
自配送,不用填写物流公司和物流编号
第三方物流,物流公司和物流编号必填,如果物流公司选的“其他”,物流编号可不填
点击详情按钮,进入订单详情页面
【订单状态切换】
小b在b后台生成待付款采购单------->同步生成待付款订单
待付款订单----->小b在后台取消采购单或B取消订单或超过3天未支付----->已取消订单
待付款订单----->B点击确认收款或者小b付款(扫码或账户代扣)----->待发货订单
待发货订单----->B点击发货或S发货------->待收货订单
待收货订单------>c确认收货或超过14天未确认收货----->已完成(已收货)订单