供应商任务Cowork系统

项目概览

购物车(6)

供应商任务Cowork系统

项目概览

购物车(6)

供给广场

个人中心

购物车列表(6)

搜索供应商/博主名称

已选择供应商/博主 0 (所属接收者 0)

去新建任务

接收者:合家科技1

合家科技1

总体评价:4.0/5分

头像

化妆师繁子

总体评价:4.0/5分

头像

化妆师繁子

总体评价:4.0/5分

头像

接收者:百科专家

百科专家

总体评价:4.0/5分

头像

接收者:未来工作室

未来工作室

总体评价:4.0/5分

头像

Destiny未眠

总体评价:4.0/5分

头像

Destiny未眠

总体评价:4.0/5分

头像

点击[购物车】按钮,划出半屏浮层,打开购物车列表页面。


1.1 供应商/博主未在购物车中

加入购物车后可发布任务给他

广场列表中每一个结果项后显示【加入购物车】按钮

点击该按钮:

-成功,弹出成功的全局提示,并应用设置:1、购物车尾部数值+1;2、该供应商/博主被添加至购物车列表第一个。

-系统原因失败,弹出失败的全局提示。

-购物车达到上限值:150个,弹出超出上限的失败提示

加入购物车失败,请重试

已加入购物车

1.2 供应商/博主已在购物车中

加入购物车后可发布任务给他

点击该按钮:

-成功,弹出成功的全局提示,并应用设置:1、购物车尾部数值不变;2、该供应商/博主被移动至购物车列表第一个。

-失败,弹出失败的全局提示。

加入购物车失败,请重试

该供应商已在购物车中

该博主已在购物车中

1. 加入购物车

2、购物车浮层

此处显示:可选择的供应商/博主数量+失效供应商/博主。购物车上限值:150个供应商/博主。


列表排序:根据加入购物车的先后顺序,倒序排列。

   -若某供应商/博主是最新添加至购物车的,则该供应商/博主所属的接收者组整组位于列表第一个,此供应商/博主位于接收者组内第一个。


列表采用滚动加载,默认加载一屏,滚动到底部后,每次加载15条。此处的条数指:单个供应商/博主。


所有复选框默认:均不勾选。


• 「账号头像」:根据「我的账号」模块中配置的头像显示, 不可编辑。

    -供给端:默认使用:“账户名称”字段的前两个字符,生成文本头像。


• 当某一行信息出现以下两种场景, 该行显示为失效状态,复选框禁用:

   -1. 供应商账号\博主社交账号与所属接收者, 不具备任意一个SSO账号

   -2. 供应商账号\博主社交账号与所属接收者的关系解除

• 失效供应商/博主位于列表底部。


此处包括:已选择项数量、【去新建任务】按钮。

   -若列表出现滚动条,此处吸底。

   -【去新建任务】按钮默认:禁用。

购物车列表(6)

搜索供应商/博主名称

已选择供应商/博主 22 (所属接收者 20)

接收者:合家科技1

供应商a

总体评价:4.0/5分

供应

供应商b

总体评价:4.0/5分

供应

接收者:合家科技2

供应商c

总体评价:4.0/5分

供应

接收者:合家科技2

供应商c

总体评价:4.0/5分

供应

请至少选择一项

2.1 打开购物车列表

2.2 购物车列表说明

点击右上角【X】按钮,关闭浮层,不应用设置。


hover某位供应商/博主,尾部出现【删除】按钮,点击该按钮,将此供应商博主从列表中移除。


所选接收者=20个,未被选择的接收者和旗下的供应商/博主,复选框禁用。


点击【清空失效项】按钮:

-成功,弹出成功的全局提示,下图红色框区域中的所有内容都从列表移除。

-失败,弹出失败的全局提示。


点击【去新建任务】,关闭浮层,在当前页打开新建任务模板弹窗。

   -进入新建任务的沉浸式页面后,选择供应商/博主模块中,默认选中购物车列表中已勾选的项。



2.3 购物车列表操作说明

已失效供应商/博主 1

接收者:合家科技2

供应商a

总体评价:4.0/5分

供应

购物车列表(6)

搜索供应商/博主名称

接收者:合家科技1

供应商a

总体评价:4.0/5分

供应

供应商b

总体评价:4.0/5分

供应

接收者:合家科技2

供应商c

总体评价:4.0/5分

供应

接收者:合家科技2

供应商c

总体评价:4.0/5分

供应

供应商c

总体评价:4.0/5分

供应

默认状态

1

2

3

已失效供应商/博主 1

接收者:合家科技2

供应商a

总体评价:4.0/5分

供应

6

1

2

3

4

4

5

6

已选择供应商/博主 0 (所属接收者 0)

去新建任务

请至少选择一项

7

4、购物车已有数据被清除逻辑说明(同电商平台购物车逻辑)

• 选中购物车的某个供应商\博主账号新建任务,当任务被发送出去后,购物车中清除所选供应商\博主账号的数据行。

• 选中购物车的某个供应商\博主账号新建任务,取消新建任务\保存待发任务\存为模板 均不清除购物车中所选供应商\博主账号的数据行。

清空失效项

hover状态

接收者:合家科技2

供应商c

总体评价:4.0/5分

供应

供应商c

总体评价:4.0/5分

供应

去新建任务

最多支持选择20个接收者

清空失效项

1

1

2

3

4

5

2

3

5

清空失效项失败,请重试

失效项已清空

购物车已达上限150,请先删减购物车

此处显示:已加入购物车的供应商广场卡片数量/博主广场卡片数量(含失效的卡片)。购物车上限值:150个供应商/博主。

失效状态

5

6

5、空页面

购物车列表(0)

您暂时还没有任何可添加的供应商/博主,您可以去供给广场将用户添加到购物车中

购物车为空状态

购物车列表(6)

1111

暂无结果

购物车搜索无结果状态

X

去供给广场

点击【去供给广场】,关闭半屏浮层,

在当前页打开供给广场页面

5、第一次添加购物车的引导

购物车(6)

您可以从这里查看已加入购物车的供应商/博主

我知道了

此时登录的账号,第一次使用【加入购物车】功能,加购成功后,在当前页显示此新手引导页面。

-点击【我知道了】按钮,关闭此新手引导页面,且此账号不再出现此新手引导页面。


UI图看zeplin

博主

抖音短视频

无icon的媒体渠道名称

供应商-企业

供应商-个人

博主官方报价

博主官方报价

代理商报价

代理商报价