变更记录

记录每次修订的内容,方便追溯。

版本号 作者 修订内容 发布日期
1.0 李安然 背景介绍、产品概述 2022-6-22
1.0 王振坤 产品设计 2022-6-22

1. 背景介绍

1.1 业务背景

电商入驻组在系统录入资料的过程里,流程不顺畅

1.2 业务场景

其过程是:

  1. 星掌柜会线下收集的《证明列表文件》提交给电商入驻组
  2. 入驻组需要填写至3.0后台开立账户:
    1. 开账户的过程里,资料齐全可以顺利提交;
    2. 开账户的过程里,资料不全,只能重新提交,填写效率低下

2. 产品概述

2.1 产品定位

在3.0系统信息录入场景下,提供表单暂存的能力,服务客服团队的一款产品。

2.2 服务对象

2.3 产品逻辑

2.4 信息架构

2.5 角色术语

在需求文档中的专业业务术语,可以在此进行解释

3. 需求说明

3.1 需求列表

页面需要有暂存功能。因为商户或者星掌柜提供的资料,有可能不对或者缺失,有暂存功能,或者系统对接问题,都会涉及到重填。有此功能便于录入组随后直接更新,不需要重新填写表单;

4. 产品设计

4.1 功能1 添加汇付线下账户页面增加暂存功能

4.1.1 产品原型图

4afc73416f76dfe507e14a82abd19d1.png
e63ea2bfebf4daff8e0550d94961a7e.png

4.1.2 元素说明

4.1.3 页面初始化

“首页/线下汇付账户列表/添加汇付线下账户”增加暂存按钮
若该账户是草稿,则“商户编号”“商户名称”“所属商场”为只读,其余字段为最新的录入信息

4.1.4 功能逻辑

cb1a95b8aa2e2131fd21bcfe7c0eba6.png功能1 点击暂存按钮,检查“选择商场”及“选择商户”的有效性
1.1 若“选择商场”为空,则弹窗提示错误信息“暂存要保证商家信息完整,‘选择商场’不能为空!”
1.2 若“选择商户”为空,则弹窗提示错误信息“暂存要保证商家信息完整,‘选择商户’不能为空!”
1.3 若通过了有效性的检查,则将该表单保存到登录账户下的草稿箱中,若该表单已经存在,则覆盖该表单。
功能2 点击提交按钮
2.1 使用既有逻辑进行处理
2.1.1 若处理结果为提交成功
2.1.1.1 通过表单id删除草稿箱中的指定草稿

4.2 功能2 汇付线下账户列表页面,增加“草稿箱”功能

4.2.1 产品原型图

07131ae660302a82adc71a45990c805.png

4.2.2 元素说明

元素 说明
商家信息 添加汇付线下账户中,可以暂存的必填项

4.2.3 页面初始化

汇付线下账户列表页,出现“草稿箱”。
列字段名称“店铺编号”修改为 “商户编号”
列字段名称“店铺名称”修改为“商户名称”
列字段名称“所属商业”修改为“所属商场”

4.2.4 功能逻辑

e54663295b62793dbc55014c5ac0963.png功能2 点击“草稿箱”按钮,跳转到“汇付线下账户草稿”页面

4.3 功能2 “汇付线下账户草稿”详情页

4.3.1 产品原型图

89178c26442775a0d27f06090288d8f.png

b0f57fb74060088e4a4d8057601c24d.pnge141a3c3382bbaf8034e12763796fc5.png

4.3.2 元素说明

元素 说明
商家信息 添加汇付线下账户中,可以暂存的必填项

4.3.3 页面初始化

“商户编号”“商户名称”“所属商场”三列是通过填写的“商家信息”带入。“状态”列显示“待编辑”,“操作”列显示“编辑”;
草稿表单按照暂存的时间顺序倒序排列,一页最多放10个商户,大于10个进行分页;
”所属商场“的输入框初始化时显示“全部”

4.3.4 功能逻辑

0160cfae5d16a5ae4c25e8d517ccbf3.png功能3 点击“编辑”按钮,进入“添加汇付线下账户”页
5413f70438424ca95d44f7108fcaf73.png功能4 点击“放大镜”按钮或者回车,将对列表中的商户名称进行中间匹配模糊查询
4.1 若查询到符合条件的记录,则清空下方结果列表页,并用符合条件的记录进行填充,则列表显示查询结果,依然保持初始化定义时的排序及分页要求
4.2 若没有查询到符合条件的记录,列表显示“no data”
cfed4b0b206786b0c439046d5d29b1a.png功能5 点击“清除搜索”按钮,则清空“商户名称”筛选项,保留其它已设置的筛选项,并进行结果筛选
e7480f97a9c86e17fbc649c3d464505.png功能6 点击“适用商场”输入框
6.1 展示商场输入框与下拉列表,下拉列表显示“全部”筛选项和商场筛选项,其中商场筛选项对应当前页面列表中的“所属商场”的去重集合,按商场名称正序排列,“全部”位于筛选项的最上行,当前页面列表中下拉框可以上下滑动
6.2 商场筛选项以列表中的“所属商场”的商场名称作为显示
175f041d4d2c0b354f89db7b5cbaef3.png功能7 若输入框中的内容发生变化
7.1 若内容为空,则下拉列表显示“全部”筛选项和商场筛选项,其中商场筛选项对应当前页面列表中的“所属商场”的去重集合,按商场名称正序排列,“全部”位于筛选项的最上行
7.2 若内容不为空,则以内容对商场筛选项做%内容%模糊查询,填充下方下拉列表,以商场名称升序排列
15617ca691aad1ead48d9bc1a244e3a.png功能8 点击叉按钮,初始化“适用商场”的输入框,刷新草稿列表
8c137ba9a7646a2623a06430a9de5d3.png功能9 点击商场筛选项,将选项的显示名称覆盖式填入上方的输入框中,并触发功能11的回车逻辑
9034fb20a22fc289039d2b6dd6126c7.png 功能10 选择下拉列表中的筛选项,覆盖式填入上方的输入框中,并触发功能11的回车逻辑
功能11 回车逻辑
11.1 以输入框内的内容,对下方结果列表进行筛选,
11.1.1 若内容为“全部”则以下拉列表全部商场名称作为查询条件
11.1.2 若内容为商场名称,则以商场名称作为查询条件
11.1.3 选出内容查询到的记录,清空当前结果列表后,填充到下方结果列表中,按照页面初始化的逻辑进行排序

以上弹窗均为独占式弹窗