STORY #864 私聊消息 - Openivite

需求描述

验收标准

历史记录

2020-11-24 15:20:21, 由 hfwang 创建。
2020-12-04 15:05:05, 由 hfwang 变更。
修改了 当前状态，旧值为 "draft"，新值为 "active"。
修改了 版本号 ，旧值为 "1"，新值为 "2"。
修改了描述，区别为：
001-
001+ 功能描述
002+ 1.查看已发送消息
003+ 2.发送消息
004+ 界面
005+
006+
007+ 界面元素
008+ 名称
009+ 用途
010+ 显示规则
011+ 交互
012+ 联系人
013+ 展示
014+ 联系人头像、联系人名称
015+ a.点击联系人进入【<a href="/zentao/story-view-678.html" target="_blank" rel="noreferrer noopener">联系人资料】页面
016+ 聊天框
017+ 查看已发送消息
018+
019+ 消息按照日期从小到大排序，按日期分类（例：“May 31，2020”）；
020+ 一天的消息从早到晚显示；
021+ 默认滚动到最新消息的位置
022+
023+ a.上下滑动聊天框查看消息，可一直向上滚动直到没有消息
024+ 已发送消息
025+ 展示
026+
027+ 发送消息显示在右侧、背景颜色：蓝色、字体颜色：白色；
028+ 接收消息显示在左侧、背景颜色：灰色、字体颜色：黑色；
029+ 消息内容、消息发送人头像、消息发送人名称（例：“Rob”）、
030+ 发送时间（例：“1:04PM”）
031+
032+ 无
033+ 常用消息
034+ 用于快速回复
035+
036+ 显示预设的消息，随机排序；
037+ 每个消息长短不同，要考虑多行消息的情况
038+
039+ a.点击常用消息，发送该消息
040+ 消息输入框
041+ 填写消息
042+
043+ 输入框为空时，显示：“post your message here”；
044+ 不限制输入长度、字符；
045+
046+ a.点击输入框，输入消息
047+ 发送
048+ 发送消息
049+
050+ “发送”按钮；
051+
052+
053+ a.点击“发送”按钮发送消息，聊天框滚动到最新位置
054+ b.未输入消息时，无法点击按钮
055+
056+

001-
001+ <h1 style="color:#3C4353;background-color:#FFFFFF;">功能描述</h1>
002+ 1.查看已发送消息
003+ 2.发送消息
004+ <h1 style="color:#3C4353;background-color:#FFFFFF;">界面</h1>
005+ <img src="{2684.png}" alt="" />
006+ 
007+ 界面元素
008+ <table class="table table-kindeditor" style="font-size:14px;background-color:#FFFFFF;width:1107px;color:#3C4353;"><tbody><tr><th style="background-color:#F1F1F1;">名称</th>
009+ <th style="background-color:#F1F1F1;">用途 </th>
010+ <th style="background-color:#F1F1F1;">显示规则 </th>
011+ <th style="background-color:#F1F1F1;">交互 </th>
012+ </tr></tbody><tbody><tr><td>联系人</td>
013+ <td>展示 </td>
014+ <td>联系人头像、联系人名称 </td>
015+ <td>a.点击联系人进入【<a href="/zentao/story-view-678.html" target="_blank" rel="noreferrer noopener">联系人资料</a>】页面</td>
016+ </tr><tr><td>聊天框</td>
017+ <td>查看已发送消息 </td>
018+ <td>
019+ 消息按照日期从小到大排序，按日期分类（例：“May 31，2020”）；
020+ 一天的消息从早到晚显示；
021+ 默认滚动到最新消息的位置
022+ </td>
023+ <td>a.上下滑动聊天框查看消息，可一直向上滚动直到没有消息</td>
024+ </tr><tr><td>已发送消息</td>
025+ <td>展示 </td>
026+ <td>
027+ 发送消息显示在右侧、背景颜色：蓝色、字体颜色：白色；
028+ 接收消息显示在左侧、背景颜色：灰色、字体颜色：黑色；
029+ 消息内容、消息发送人头像、消息发送人名称（例：“Rob”）、
030+ 发送时间（例：“1:04PM”）
031+ </td>
032+ <td>无 </td>
033+ </tr><tr><td>常用消息 </td>
034+ <td>用于快速回复 </td>
035+ <td>
036+ 显示预设的消息，随机排序；
037+ 每个消息长短不同，要考虑多行消息的情况
038+ </td>
039+ <td>a.点击常用消息，发送该消息 </td>
040+ </tr><tr><td>消息输入框 </td>
041+ <td>填写消息 </td>
042+ <td>
043+ 输入框为空时，显示：“post your message here”；
044+ 不限制输入长度、字符；
045+ </td>
046+ <td>a.点击输入框，输入消息 </td>
047+ </tr><tr><td>发送 </td>
048+ <td>发送消息 </td>
049+ <td>
050+ “发送”按钮；
051+ </td>
052+ <td>
053+ a.点击“发送”按钮发送消息，聊天框滚动到最新位置
054+ b.未输入消息时，无法点击按钮
055+ </td>
056+ </tr></tbody></table>
2020-12-09 13:57:53, 由 hfwang 关联到项目 OpenInvite APP 1.0版。
2021-03-05 15:20:33, 由 hfwang 变更。
修改了 版本号，旧值为 "2"，新值为 "3"。
修改了描述，区别为：
005-
005+
014- ~~联系人头像、联系人名称~~
014+ 联系人头像、联系人名称，是否在线（在线时头像左上角显示小绿点）
015- ~~a.点击联系人进入【<a href="/zentao/story-view-678.html" target="_blank" rel="noreferrer noopener">联系人资料】页面~~
015+ a.点击联系人进入【<a href="/zentao/story-view-678.html" target="_blank" rel="noreferrer noopener">联系人资料】页面
040- ~~消息输入框~~
040+ 破冰游戏
041- ~~填写消息~~
041+ 邀请对方一起玩破冰游戏
042-
042+ “”按钮
043- ~~输入框为空时，显示：“post your message here”；~~
043+ a.点击按钮发送破冰游戏消息
044- ~~不限制输入长度、字符；~~
044+ 破冰游戏消息
045-
045+ 展示
046- ~~a.点击输入框，输入消息~~
046+ 邀请方：“Invite Maggie to play agame of Ice Breakers!”+“invite”按钮；
047- 发送
047+ 被邀请方：“Lily invited you to play agame of Ice Breakers!”+“get started”按钮
048- ~~发送消息~~
048+
049-
049+
050- ~~“发送”按钮；~~
050+ a.对方在线：点击“invite”按钮或“get started”按钮进入【<a href="/zentao/story-view-1035.html" target="_blank" rel="noreferrer noopener">破冰游戏】页面，开始游戏；
051-
051+ b.对方不在线：点击“invite”按钮或“get started”按钮进入【<a href="/zentao/story-view-1035.html" target="_blank" rel="noreferrer noopener">破冰游戏】页面，提示对方不在线，结束游戏；
052-
052+
053- ~~a.点击“发送”按钮发送消息，聊天框滚动到最新位置~~
053+ 消息输入框
054- ~~b.未输入消息时，无法点击按钮~~
054+ 填写消息
055-
055+
056-
056+ 输入框为空时，显示：“post your message here”；
057+ 不限制输入长度、字符；
058+
059+ a.点击输入框，输入消息
060+ 发送
061+ 发送消息
062+
063+ “发送”按钮；
064+
065+
066+ a.点击“发送”按钮发送消息，聊天框滚动到最新位置
067+ b.未输入消息时，无法点击按钮
068+
069+

005- ~~<img src="{2684.png}" alt="" />~~
005+ <img src="{2684.png}" alt="" /><img src="{3113.png}" alt="" />
014- ~~<td>联系人头像、联系人名称 </td>~~
014+ <td>联系人头像、联系人名称，是否在线（在线时头像左上角显示小绿点） </td>
015- <td>a.点击联系人进入【<a href="/zentao/story-view-678.html" target="_blank" rel="noreferrer noopener">联系人资料</a>】页面</td>
015+ <td>a.点击联系人进入【<a href="/zentao/story-view-678.html" target="_blank" rel="noreferrer noopener">联系人资料</a>】页面</td>
040- ~~</tr><tr><td>消息输入框 </td>~~
040+ </tr><tr><td style="border:1px solid #ddd;">破冰游戏</td>
041- ~~<td>填写消息 </td>~~
041+ <td style="border:1px solid #ddd;">邀请对方一起玩破冰游戏 </td>
042- ~~<td>~~
042+ <td style="border:1px solid #ddd;">“<img src="{3114.png}" alt="" />”按钮 </td>
043- ~~输入框为空时，显示：“post your message here”；~~
043+ <td style="border:1px solid #ddd;">a.点击按钮发送破冰游戏消息</td>
044- ~~不限制输入长度、字符；~~
044+ </tr><tr><td style="border:1px solid #ddd;">破冰游戏消息</td>
045- ~~</td>~~
045+ <td style="border:1px solid #ddd;">展示 </td>
046- ~~<td>a.点击输入框，输入消息 </td>~~
046+ <td style="border:1px solid #ddd;">邀请方：“Invite Maggie to play a game of Ice Breakers!”+“invite”按钮；
047- ~~</tr><tr><td>发送 </td>~~
047+ 被邀请方：“Lily invited you to play a game of Ice Breakers!”+“get started”按钮
048- ~~<td>发送消息 </td>~~
048+ </td>
049- ~~<td>~~
049+ <td style="border:1px solid #ddd;">
050- ~~“发送”按钮；~~
050+ a.对方在线：点击“invite”按钮或“get started”按钮进入【<a href="/zentao/story-view-1035.html" target="_blank" rel="noreferrer noopener">破冰游戏</a>】页面，开始游戏；
051- ~~</td>~~
051+ b.对方不在线：点击“invite”按钮或“get started”按钮进入【<a href="/zentao/story-view-1035.html" target="_blank" rel="noreferrer noopener">破冰游戏</a>】页面，提示对方不在线，结束游戏；
052- ~~<td>~~
052+ </td>
053- ~~a.点击“发送”按钮发送消息，聊天框滚动到最新位置~~
053+ </tr><tr><td>消息输入框 </td>
054- ~~b.未输入消息时，无法点击按钮~~
054+ <td>填写消息 </td>
055- ~~</td>~~
055+ <td>
056- ~~</tr></tbody></table> ~~
056+ 输入框为空时，显示：“post your message here”；
057+ 不限制输入长度、字符；
058+ </td>
059+ <td>a.点击输入框，输入消息 </td>
060+ </tr><tr><td>发送 </td>
061+ <td>发送消息 </td>
062+ <td>
063+ “发送”按钮；
064+ </td>
065+ <td>
066+ a.点击“发送”按钮发送消息，聊天框滚动到最新位置
067+ b.未输入消息时，无法点击按钮
068+ </td>
069+ </tr></tbody></table>
2021-10-27 15:35:17, 由 夏凯英 变更。
修改了 当前状态，旧值为 "active"，新值为 "changed"。
修改了 版本号 ，旧值为 "3"，新值为 "4"。
修改了描述，区别为：
021- ~~默认滚动到最新消息的位置~~
021+ 默认滚动到最新消息的位置当配对聊天未有人发消息时，聊天框上方显示系统消息：New match! Introduce yourself :D

021- ~~默认滚动到最新消息的位置~~
021+ 默认滚动到最新消息的位置 当配对聊天未有人发消息时，聊天框上方显示系统消息：New match! Introduce yourself :D 

1.当配对聊天未有人发消息时，聊天框上方显示系统消息：New match! Introduce yourself :D
2021-10-27 15:36:04, 由 夏凯英 编辑。
修改了 所属计划，旧值为 ""，新值为 "28"。
修改了 所处阶段，旧值为 "projected"，新值为 "planned"。
2021-11-04 09:36:04, 由 夏凯英 记录评审意见，评审意见为 确认通过。

基本信息
需求的一生

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

由谁创建	hfwang 于 2020-11-24 15:20:21
指派给
评审人员
评审时间
由谁关闭
关闭原因
最后修改	夏凯英于 2021-11-04 09:36:04

项目任务
相关信息

OpenInvite APP 1.0版

相关Bug
相关用例
相关合并请求