2021-07-11

超市前端二阶段工作需求总表（界面绘制是现阶段需要画的界面）

1.改价前端界面

1. 1界面一：改价主界面

1.1.1功能需求讨论

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nukTIEUV-1625964997635)(C:\Users\Mr.Liu\AppData\Roaming\Typora\typora-user-images\image-20210709095416710.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZGpjONKQ-1625964997640)(C:\Users\Mr.Liu\AppData\Roaming\Typora\typora-user-images\image-20210709100245775.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-B9z1Xeiq-1625964997642)(C:\Users\Mr.Liu\AppData\Roaming\Typora\typora-user-images\image-20210709100432827.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SmiGyMN2-1625964997646)(C:\Users\Mr.Liu\AppData\Roaming\Typora\typora-user-images\image-20210709145539572.png)]

• 加快捷改价按钮
• 自定义改价按钮
• 同组和兄弟界面已完成
• 建议价格，原始价格，修改后的价格
• 扫码功能

1.1.2 仍存疑的功能

• 1. 扫码后不存在，跳转至修改信息界面，把填充好的商品信息发送到后台插入数据库

• 2.扫码后超市不存在但是联盟存在？？？？？

1.1.3 界面绘制：######前端界面绘制工作内容######

• 改价的主界面需要重新绘制：要求类似如1.1.1的图一和图二
• 修改改价按钮的界面：要求类似如图1.1.1 的图三，8个输入框，两种情况，百分制和浮点制
• 修改商品的信息的界面：要求类似如图1.1.1 的图四

1.1.4 逻辑实现方面的改动

0. 主界面初始化：一个接口

• 查询用户计算键，初始化用户计算键：发送：超市ID，接收：计算键数组，计算习惯的状态位

1. 查询：查询后原始价格不再变更，只重新渲染当前价格和商品内容里的价格； 三个接口：4位尾号查询ID，13位商品ID查询，初始化添加商品界面

• 直接输入13位商品号码，向后端请求对应商品的数据返回，包含：原始价格，建议价格，商品ID，商品名。
• 输入4位商品尾号，判断若是四位数据，则直接向后台发送数据请求，获取所有待选“商品ID”,确认商品ID后点击查询，如上一行功能
• 13位商品ID查询失败后（后台返回ifsuccess==false），弹窗询问用户是否要添加此商品（发送添加请求），添加的话跳转至修改商品信息界面
• 添加商品有两种情况（需要添加一个状态位确定两种情况）：
  • 一种是共有商品库存在此商品：发送：商品ID，超市ID 接收： 商品ID，商品名，状态位
  • 一种是都没有此商品：发送：商品ID，超市ID 接收：状态位

2. 改价：此处不修改商品的的原始价格，只有查询才会重新修改原始价格 一个接口：修改商品价格

• 点击不同的快捷改键按钮，直接渲染商品内容里的价格，支持多次点击多次修改商品价格
• 点击确认之后向后台发送数据请求，发送：商品ID，商品修改后的价格； 接收：ifsuccess 。成功则弹窗并重新渲染商品内容和当前价格

3. 修改商品内容：一个接口：添加商品

• 发送：商品ID，超市ID，商品名，商品价格（商品URL 存疑），商品类别 接收：ifsuccess

• 成功则弹窗成功，跳回空白改价界面，失败则网络出小差了，重新提交

4. 计算键设置 两个接口：一个如0中要求，一个存储用户习惯

• 点击计算键设置按钮之后跳转到计算键的设置界面，发送请求如0中情况。使用键的数组初始化此界面的8个输入框和用户习惯

• 用户输入数据之后点击存储：发送：用户习惯位，超市ID，键的数组 接收：ifsuccess 成功则弹窗提示，返回改价主界面重新发送请求渲染键盘位置的数字

5. 兄弟改价和组改：直接跳转现在写的界面

6. 扫码功能

1.2. 界面二：组改界面

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-67TyCL9M-1625964997649)(C:\Users\Mr.Liu\AppData\Roaming\Typora\typora-user-images\image-20210709100310186.png)]

• 增加全选功能
• 背景颜色变换

2.联盟端

2.1 主界面：

2.1.1 界面绘制---------其中只保留：我的信息，我的超市联盟，兄弟超市

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OpQFkcOR-1625964997652)(C:\Users\Mr.Liu\AppData\Roaming\Typora\typora-user-images\image-20210709152551007.png)]

2.2 我的信息界面

2.2.1 界面绘制--------

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kE0YglpK-1625964997654)(C:\Users\Mr.Liu\AppData\Roaming\Typora\typora-user-images\image-20210709152808251.png)]

2.2.2 逻辑实现：

1. 初始化界面时查询用户信息： 一个接口

• 发送：超市ID
• 接收：名字，id，电话，地址，logo，密码，所属联盟的名字

2. 点击修改之后发送请求： 一个接口（可修改部分：名字，电话，地址，密码）

• 发送：名字，id，电话，地址，logo的url，密码，所属联盟的名字
• 接收：ifsuccess 成功弹窗提示

2.3 兄弟超市

2.3.1 界面绘制：按照原先讲好的来

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eVmD7uXr-1625964997655)(C:\Users\Mr.Liu\AppData\Roaming\Typora\typora-user-images\image-20210709154007904.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NWLHaKrY-1625964997656)(C:\Users\Mr.Liu\AppData\Roaming\Typora\typora-user-images\image-20210709154616882.png)]

2.3.2 逻辑实现：

1. 初始化：一个接口， 可以在这里加一个刷新功能再次请求

• 发送：超市ID
• 接收：三个list :内容:超市ID，超市名字

2. 添加兄弟：界面右上角有个加号的添加按钮 一个接口

• 点击添加按钮直接跳转至添加界面
• 发送:用户名，自己超市的ID
• 接收：ifsuccess

3. 接受别人的添加：在我可以替别人改价部分有个接受按钮 一个接口

• 点击接受按钮之后需要重新初始化界面
• 发送：接受的超市ID，自己超市的ID
• 接收：ifsuccess
• 需要重新初始化整个界面

4. 解除关系 ：只在别人替我改价和双方都可改价列表中有解除关系的功能：一个接口

• 发送：接受的超市ID，自己超市的ID
• 接收：ifsuccess
• 需要重新初始化整个界面

2.4 我的超市联盟

2.4.1 界面绘制

按照提前说好的来： 注意有三个界面，一个是初始化的联盟界面，一个是更新联盟商品价格的界面（下图一），一个是点击商品

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IxECET3x-1625964997658)(C:\Users\Mr.Liu\AppData\Roaming\Typora\typora-user-images\image-20210709161902850.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nY7MZHud-1625964997659)(C:\Users\Mr.Liu\AppData\Roaming\Typora\typora-user-images\image-20210709161914093.png)]

2.4.2 逻辑实现

1. 初始化查询 一个接口 两种情况：联盟头的ID不等于本超市的ID

• 发送： 超市ID
• 接收：一个所有超市ID，名字，电话，地址的list ；联盟头的ID，名字，电话，地址；联盟的ID和名字

2. 联盟头的ID 等于本超市的ID 初始化不同

• 比正常的多三个按钮：更新联盟商品和更新商品价格和更新促销策略

3. 更新联盟商品 一个接口

• 发送：联盟ID
• 接收：ifsuccess

4. 更新联盟价格：

• 初始化所有类别商品的界面 一个接口

  • 发送：联盟ID

  • 接收：类别ID的一个list

• 点击类别ID跳转至此类商品的全部信息 一个接口

  • 发送：联盟ID，类别ID
  • 接收：商品信息的list

• 修改

  • 联盟ID，类别ID，改价比例
  • 接收：ifsuccess

2.5 订单

前端按照讨论完的来

2.6 促销策略

2.6.1 界面绘制：点击免量折扣进入图二，点击总量百分比进入图三

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hKVBYl7p-1625964997660)(C:\Users\Mr.Liu\AppData\Roaming\Typora\typora-user-images\image-20210709165656550.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5SyWjDvO-1625964997662)(C:\Users\Mr.Liu\AppData\Roaming\Typora\typora-user-images\image-20210709165700778.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gB1UzZSa-1625964997663)(C:\Users\Mr.Liu\AppData\Roaming\Typora\typora-user-images\image-20210709165704671.png)]

2.6.2 逻辑实现

1. 点击免量折扣之后进入图二，填充数据之后点击保存折扣发送数据

• 发送：6个数
• 接收：ifsuccess

2. 点击 总量百分之后进图图三： 小收银台

• 设置折扣比例
• 查询添加商品，删除商品