需求描述

功能描述

1.选择活动参与者

2.添加好友

3.查看活动参与者资料

4.跳过这一步

5.搜索活动参与者

界面

界面元素

名称	用途	显示规则	交互
活动封面	展示	图片	无
提示语	展示	文本“Woooo! You just finished New to NY Coffee Time”	无
操作提示	展示	文本“Select up to 3 friends you would like to meet again?”	无
搜索	搜索活动参与者（模糊匹配）	输入框，默认为空，为空时显示“Name”； “搜索”按钮	a.点击输入框，输入参与者名称； b.点击“搜索”按钮，列表显示出指定名称的参与者
活动参与者列表	选择活动参与者	显示所有活动参与者（除自己），列表按照参与者名称的首字母从a到z排序	a.可上下滑动查看参与者
活动参与者	查看活动参与者资料	联系人头像、联系人名称，例：“Alice Gill”、联系人等级，例：“1st”、共同好友数量，例：“4 common friends”、是否选中图标（选中后，图标高亮显示，可取消选中）	a.点击参与者信息（除头像），是否选中图标高亮显示，底部出现弹框显示已选中参与者； b.点击参与者头像，显示弹框【参与者资料】； c.已选择3个参与者，再次点击参与者信息，不能选中参与者
跳过	跳过这一步	“skip”按钮	a.点击按钮跳过“设定目标”这一步，进入【活动评价-评分】页面
已选中参与者	展示	底部弹框（选中参与者时显示），显示已选中参与者名称，用“,”分隔； “→”按钮	a.点击“→”按钮进入【活动评价-选择目标】页面，显示已选中参与者

界面元素-弹框【参与者资料】

名称	用途	显示规则	交互
基本信息	展示	联系人头像、联系人名称，例：“Sandy Olsen”、联系人所在公司，例：“Sss Company”、联系人职位，例：“Manager ”、联系人等级，例：“1st Degree Contact ”、是否星标好友	无
添加好友	添加好友	“Add friend”按钮（联系人是1st好友时，不显示按钮）	a.点击按钮，发送好友申请，按钮状态变化为：request send，并且不可再次点击
共同好友	展示	标题，文本：“Mutual Contacts :”、好友头像，随机排序、如果人数大于4，显示剩余人数，例：“4”	无
关于我	展示	标题，文本“About Myself”、内容，例：“Lorem ipsum...”	无
爱好	展示	显示用户所有爱好标签，例：“#Snooker”，按照添加顺序依次排列	无
再次相见	选中参与者	“Meet again”按钮	a.点击按钮，选中参与者，按钮不能再次点击
关闭弹框	关闭弹框	“X”按钮	a.点击按钮关闭弹框

验收标准

历史记录

2020-10-23 17:10:42, 由 hfwang 创建。
2020-10-27 10:43:13, 由 hfwang 变更。
修改了 当前状态，旧值为 "draft"，新值为 "active"。
修改了 版本号 ，旧值为 "1"，新值为 "2"。
修改了描述，区别为：
001-
001+ 功能描述
002+ 1.选择活动参与者
003+ 2.添加好友
004+ 3.查看联系人信息

001-
001+ <h1 style="color:#3C4353;background-color:#FFFFFF;">功能描述</h1>
002+ 1.选择活动参与者
003+ 2.添加好友
004+ 3.查看联系人信息
2020-10-27 10:47:19, 由 hfwang 变更。
修改了 版本号，旧值为 "2"，新值为 "3"。
修改了描述，区别为：
005+ 4.跳过这一步

005+ 4.跳过这一步
2020-11-04 19:02:30, 由 李成发 关联到项目 OpenInvite APP 1.0版。
2020-11-10 11:34:39, 由 hfwang 变更。
修改了 版本号，旧值为 "3"，新值为 "4"。
修改了描述，区别为：
004- ~~3.查看联系人信息~~
004+ 3.查看活动参与者资料
006+ 5.搜索活动参与者
007+ 界面
008+
009+ 界面元素
010+
011+ 名称
012+ 用途
013+ 显示规则
014+ 交互
015+ 活动封面
016+ 展示
017+ 图片
018+ 无
019+ 提示语
020+ 展示
021+ 文本“Woooo! You just finishedNew to NY Coffee Time”
022+ 无
023+ 操作提示
024+ 展示
025+ 文本“Select up to 3 friends you would like to meet again?”
026+ 无
027+ 搜索
028+ 搜索活动参与者（模糊匹配）
029+
030+ 输入框，默认为空，为空时显示“Name”；
031+ “搜索”按钮
032+
033+
034+ a.点击输入框，输入参与者名称；
035+ b.点击“搜索”按钮，列表显示出指定名称的参与者
036+
037+ 活动参与者列表
038+ 选择活动参与者
039+ 显示所有活动参与者（除自己），列表按照参与者名称的首字母从a到z排序
040+ a.可上下滑动查看参与者
041+ 活动参与者
042+ 查看活动参与者资料
043+
044+ 联系人头像、
045+ 联系人名称，例：“Alice Gill”、
046+ 联系人等级，例：“1st”、
047+ 共同好友数量，例：“4 common friends”、
048+ 是否选中图标（选中后，图标高亮显示，可取消选中）
049+
050+
051+ a.点击参与者信息（除头像），是否选中图标高亮显示，底部出现弹框显示已选中参与者；
052+ b.点击参与者头像，显示弹框【参与者资料】；
053+ c.已选择3个参与者，再次点击参与者信息，不能选中参与者
054+
055+ 跳过
056+ 跳过这一步
057+ “skip”按钮
058+ a.点击按钮跳过“设定目标”这一步，进入【<a href="/zentao/story-view-760.html" target="_blank" rel="noreferrer noopener">活动评价-评分】页面
059+ 已选中参与者
060+ 展示
061+
062+ 底部弹框（选中参与者时显示），显示已选中参与者名称，用“,”分隔；
063+ “→”按钮
064+
065+ a.点击“→”按钮进入【<a href="/zentao/story-view-758.html" target="_blank" rel="noreferrer noopener">活动评价-选择目标】页面，显示已选中参与者
066+ 界面元素-弹框【参与者资料】
067+
068+ 名称
069+ 用途
070+ 显示规则
071+ 交互
072+ 基本信息
073+ 展示
074+
075+ 联系人头像、
076+ 联系人名称，例：“Sandy Olsen”、
077+ 联系人所在公司，例：“Sss Company”、
078+ 联系人职位，例：“Manager”、
079+ 联系人等级，例：“1st Degree Contact”、
080+ 是否星标好友
081+
082+ 无
083+ 添加好友
084+ 添加好友
085+ “Add friend”按钮（联系人是1st好友时，不显示按钮）
086+ a.点击按钮，发送好友申请，按钮状态变化为：request send，并且不可再次点击
087+ 共同好友
088+ 展示
089+
090+ 标题，文本：“Mutual Contacts :”、
091+ 好友头像，随机排序、
092+ 如果人数大于4，显示剩余人数，例：“4”
093+
094+ 无
095+ 关于我
096+ 展示
097+
098+ 标题，文本“About Myself”、
099+ 内容，例：“Lorem ipsum...”
100+
101+ 无
102+ 爱好
103+ 展示
104+ 显示用户所有爱好标签，例：“#Snooker”，按照添加顺序依次排列
105+ 无
106+ 再次相见
107+ 选中参与者
108+ “Meet again”按钮
109+ a.点击按钮，选中参与者，按钮不能再次点击
110+ 关闭弹框
111+ 关闭弹框
112+ “X”按钮
113+ a.点击按钮关闭弹框
114+

004- ~~3.查看联系人信息~~
004+ 3.查看活动参与者资料
006+ 5.搜索活动参与者
007+ <h1 style="font-size:14px;background-color:#FFFFFF;">界面</h1>
008+ <img src="{2542.png}" alt="" /><img src="{2543.png}" alt="" /><img src="{2544.png}" alt="" />
009+ 界面元素
010+ 
011+ <table class="table table-kindeditor" style="width:100%;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
012+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途 </th>
013+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示规则 </th>
014+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互 </th>
015+ </tr></tbody><tbody><tr><td style="border:1px solid #ddd;">活动封面 </td>
016+ <td style="border:1px solid #ddd;">展示 </td>
017+ <td style="border:1px solid #ddd;">图片 </td>
018+ <td style="border:1px solid #ddd;">无 </td>
019+ </tr><tr><td style="border:1px solid #ddd;">提示语 </td>
020+ <td style="border:1px solid #ddd;">展示 </td>
021+ <td style="border:1px solid #ddd;">文本“Woooo! You just finished New to NY Coffee Time” </td>
022+ <td style="border:1px solid #ddd;">无 </td>
023+ </tr><tr><td style="border:1px solid #ddd;">操作提示 </td>
024+ <td style="border:1px solid #ddd;">展示 </td>
025+ <td style="border:1px solid #ddd;">文本“Select up to 3 friends you would like to meet again?” </td>
026+ <td style="border:1px solid #ddd;">无 </td>
027+ </tr><tr><td style="border:1px solid #DDD;">搜索</td>
028+ <td style="border:1px solid #DDD;">搜索活动参与者（模糊匹配） </td>
029+ <td style="border:1px solid #DDD;">
030+ 输入框，默认为空，为空时显示“Name”；
031+ “搜索”按钮
032+ </td>
033+ <td style="border:1px solid #DDD;">
034+ a.点击输入框，输入参与者名称；
035+ b.点击“搜索”按钮，列表显示出指定名称的参与者
036+ </td>
037+ </tr><tr><td style="border:1px solid #DDD;">活动参与者列表</td>
038+ <td style="border:1px solid #DDD;">选择活动参与者 </td>
039+ <td style="border:1px solid #DDD;">显示所有活动参与者（除自己），列表按照参与者名称的首字母从a到z排序 </td>
040+ <td style="border:1px solid #DDD;">a.可上下滑动查看参与者 </td>
041+ </tr><tr><td style="border:1px solid #DDD;">活动参与者 </td>
042+ <td style="border:1px solid #DDD;">查看活动参与者资料</td>
043+ <td style="border:1px solid #DDD;">
044+ 联系人头像、
045+ 联系人名称，例：“Alice Gill”、
046+ 联系人等级，例：“1st”、
047+ 共同好友数量，例：“4 common friends”、
048+ 是否选中图标（选中后，图标高亮显示，可取消选中）
049+ </td>
050+ <td style="border:1px solid #DDD;">
051+ a.点击参与者信息（除头像），是否选中图标高亮显示，底部出现弹框显示已选中参与者；
052+ b.点击参与者头像，显示弹框【参与者资料】；
053+ c.已选择3个参与者，再次点击参与者信息，不能选中参与者
054+ </td>
055+ </tr><tr><td style="border:1px solid #DDD;">跳过 </td>
056+ <td style="border:1px solid #DDD;">跳过这一步 </td>
057+ <td style="border:1px solid #DDD;">“skip”按钮 </td>
058+ <td style="border:1px solid #DDD;">a.点击按钮跳过“设定目标”这一步，进入【<a href="/zentao/story-view-760.html" target="_blank" rel="noreferrer noopener">活动评价-评分</a>】页面 </td>
059+ </tr><tr><td style="border:1px solid #DDD;">已选中参与者 </td>
060+ <td style="border:1px solid #DDD;">展示 </td>
061+ <td style="border:1px solid #DDD;">
062+ 底部弹框（选中参与者时显示），显示已选中参与者名称，用“,”分隔；
063+ “→”按钮
064+ </td>
065+ <td style="border:1px solid #DDD;">a.点击“→”按钮进入【<a href="/zentao/story-view-758.html" target="_blank" rel="noreferrer noopener">活动评价-选择目标</a>】页面，显示已选中参与者 </td>
066+ </tr></tbody></table>界面元素-弹框【参与者资料】
067+ 
068+ <table class="table table-kindeditor" style="width:100%;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
069+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途 </th>
070+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示规则 </th>
071+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互 </th>
072+ </tr></tbody><tbody><tr><td style="border:1px solid #ddd;">基本信息</td>
073+ <td style="border:1px solid #ddd;">展示 </td>
074+ <td style="border:1px solid #ddd;">
075+ 联系人头像、
076+ 联系人名称，例：“Sandy Olsen”、
077+ 联系人所在公司，例：“Sss Company”、
078+ 联系人职位，例：“Manager”、
079+ 联系人等级，例：“1st Degree Contact”、
080+ 是否星标好友
081+ </td>
082+ <td style="border:1px solid #ddd;">无 </td>
083+ </tr><tr><td style="border:1px solid #ddd;">添加好友</td>
084+ <td style="border:1px solid #ddd;">添加好友 </td>
085+ <td style="border:1px solid #ddd;">“Add friend”按钮（联系人是1st好友时，不显示按钮） </td>
086+ <td style="border:1px solid #ddd;">a.点击按钮，发送好友申请，按钮状态变化为：request send，并且不可再次点击 </td>
087+ </tr><tr><td style="border:1px solid #ddd;">共同好友 </td>
088+ <td style="border:1px solid #ddd;">展示</td>
089+ <td style="border:1px solid #ddd;">
090+ 标题，文本：“Mutual Contacts :”、
091+ 好友头像，随机排序、
092+ 如果人数大于4，显示剩余人数，例：“4”
093+ </td>
094+ <td style="border:1px solid #ddd;">无</td>
095+ </tr><tr><td style="border:1px solid #DDD;">关于我 </td>
096+ <td style="border:1px solid #DDD;">展示 </td>
097+ <td style="border:1px solid #DDD;">
098+ 标题，文本“About Myself”、
099+ 内容，例：“Lorem ipsum...”
100+ </td>
101+ <td style="border:1px solid #DDD;">无 </td>
102+ </tr><tr><td style="border:1px solid #DDD;">爱好 </td>
103+ <td style="border:1px solid #DDD;">展示 </td>
104+ <td style="border:1px solid #DDD;">显示用户所有爱好标签，例：“#Snooker”，按照添加顺序依次排列 </td>
105+ <td style="border:1px solid #DDD;">无 </td>
106+ </tr><tr><td style="border:1px solid #DDD;">再次相见 </td>
107+ <td style="border:1px solid #DDD;">选中参与者 </td>
108+ <td style="border:1px solid #DDD;">“Meet again”按钮 </td>
109+ <td style="border:1px solid #DDD;">a.点击按钮，选中参与者，按钮不能再次点击 </td>
110+ </tr><tr><td style="border:1px solid #DDD;">关闭弹框</td>
111+ <td style="border:1px solid #DDD;">关闭弹框 </td>
112+ <td style="border:1px solid #DDD;">“X”按钮 </td>
113+ <td style="border:1px solid #DDD;">a.点击按钮关闭弹框 </td>
114+ </tr></tbody></table>

基本信息
需求的一生

所属产品	Openivite
所属%s
所属模块	活动活动评价
所属计划
来源
来源备注
当前状态	激活
所处阶段	主干 : 已立项
类型	功能
优先级	3
预计故事点	0sp
关键词
抄送给

由谁创建	hfwang 于 2020-10-23 17:10:42
指派给
评审人员
评审时间
由谁关闭
关闭原因
最后修改	hfwang 于 0000-00-00 00:00:00

项目任务
相关信息

OpenInvite APP 1.0版

相关Bug
相关用例	[C] #3932 进入“活动评价-选择好友”页面，点击"skip"按钮，跳过设定目标 [C] #3933 进入“活动评价-选择好友”页面，根据字母搜索 [C] #3934 进入“活动评价-选择好友”页面，根据数字搜索 [C] #3936 进入“活动评价-选择好友”页面，未选择好友 [C] #3937 进入“活动评价-选择好友”页面，已选择好友 [C] #3938 进入“活动评价-选择好友”页面，选择及取消选择好友
相关合并请求