STORY #1921 健康忠告 - AQHI

需求描述

功能描述

界面

界面元素

名称	用途	显示	交互
更多菜单	弹出菜单	图标	1. 点击弹出菜单； 2. 关闭菜单，回到弹出菜单前页面。
标题	展示	健康忠告	无
监测站地图	进入监测站地图	图标	1. 点击进入【监测站地图】页面。
AQHI等级	点击切换等级页面	图标	1. 点击图标切换等级； 2. 切换等级后，图标下方显示标识符，颜色根据等级发生变化。
等级详情	1.展示 2.切换不同人群的健康忠告	当空气健康风险指数为： 1—3 ———低 4—6 ———中 7 ———高 8—10 ———甚高 10+———严重不同人群名称健康忠告内容人群图片	1. 空气指数根据切换的等级显示； 2. 每个AQHI等级切换不同的人群，被选中的人群显示在页面最上方，同时忠告内容及图片发生变化，如图5、6、7、8； 3. 背景颜色根据选择等级发生变化。
说明	展示		无
背景图	展示		1. AQHI等级不同，背景图内容不同

数据加载失败的页面显示

显示【数据加载失败】页面

离线使用的页面显示

1. 该页面支持离线使用，进入页面提示“连接错误”，如图

2. 点击【好的】可继续查看健康忠告

验收标准

历史记录

2023-03-16 14:30:16, 由 孙晓娣 创建。
2023-03-16 14:30:43, 由 孙晓娣 关联到项目 AQHI 2.0。
2023-03-17 10:20:33, 由 孙晓娣 变更。
修改了 版本号，旧值为 "1"，新值为 "2"。
修改了描述，区别为：
001-
001+ 功能描述
002+
003+ 1.
004+
005+ 界面
006+ <img src="/zentao/file-read-9391.png" alt="" /><img src="/zentao/file-read-9390.png" alt="" /><img src="/zentao/file-read-9392.png" alt="" /><img src="/zentao/file-read-9393.png" alt="" /><img src="/zentao/file-read-9394.png" alt="" /> <img src="/zentao/file-read-9395.png" alt="" /><img src="/zentao/file-read-9396.png" alt="" /><img src="/zentao/file-read-9397.png" alt="" />
007+ 界面元素
008+
009+ 界面元素—AQHI信息
010+
011+ 名称
012+ 用途
013+ 显示
014+ 交互
015+ 更多菜单
016+ 弹出菜单
017+ 图标<a href="/zentao/file-read-9362.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9362.png" alt="" />
018+
019+ 1. 点击弹出菜单；
020+ 2. 关闭菜单，回到弹出菜单前页面。
021+
022+ 标题
023+ 展示
024+
025+ 健康忠告
026+
027+
028+ 无
029+
030+
031+ 监测站地图
032+ 进入监测站地图
033+ 图标<a href="/zentao/file-read-9369.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9369.png" alt="" />
034+ 1. 点击进入【<a href="/zentao/story-view-1919.html" target="_blank" rel="noreferrer noopener">监测站地图】页面。
035+ AQHI等级
036+ 点击切换等级页面
037+ 图标<img src="/zentao/file-read-9399.png" alt="" />
038+
039+ 1. 点击图标切换等级；
040+ 2. 切换等级后，图标下方显示标识符<img src="/zentao/file-read-9400.png" alt="" />，颜色根据等级发生变化。
041+
042+ 等级详情
043+
044+ 1.展示
045+ 2.切换不同人群的健康忠告
046+
047+
048+ 当空气健康风险指数为：
049+ 1—3 ———低
050+ 4—6 ———中
051+ 7 ———高
052+ 8—10 ———甚高
053+ 10+———严重
054+ 不同人群名称
055+ 健康忠告内容
056+ 人群图片
057+
058+
059+ 1. 空气指数根据切换的等级显示；
060+ 2. 每个AQHI等级切换不同的人群，被选中的人群显示在页面最上方，同时忠告内容及图片发生变化，如图5、6、7、8；
061+ 3. 背景颜色根据选择等级发生变化。
062+
063+
064+ 说明
065+ 展示
066+ <img src="/zentao/file-read-9401.png" alt="" />
067+ 无
068+ 背景图
069+ 展示
070+ <img src="/zentao/file-read-9402.png" alt="" />
071+ 1. AQHI等级不同，背景图内容不同
072+
073+
074+ 数据加载失败的页面显示
075+ 显示【<a href="/zentao/story-view-1929.html#app=product" target="_blank" rel="noreferrer noopener">数据加载失败】页面
076+
077+ 离线使用的页面显示
078+
079+ 1. 该页面支持离线使用，进入页面提示“连接错误”，如图
080+ 2.点击【好的】可继续查看健康忠告
081+ <img src="/zentao/file-read-9398.png" alt="" />
082+
083+
084+

001-
001+ <div class="detail-title" style="background-color:#FFFFFF;">功能描述</div>
002+ <div class="detail-content article-content" style="font-size:14px;background-color:#FFFFFF;">
003+ 1.
004+ 
005+ <h3 style="color:#3C4353;">界面</h3>
006+ <img src="/zentao/file-read-9391.png" alt="" /><img src="/zentao/file-read-9390.png" alt="" /><img src="/zentao/file-read-9392.png" alt="" /><img src="/zentao/file-read-9393.png" alt="" /><img src="/zentao/file-read-9394.png" alt="" /> <img src="/zentao/file-read-9395.png" alt="" /><img src="/zentao/file-read-9396.png" alt="" /><img src="/zentao/file-read-9397.png" alt="" />
007+ <h3 style="color:#3C4353;">界面元素</h3>
008+ 
009+ <h3 style="color:#3C4353;">界面元素—AQHI信息</h3>
010+ 
011+ <table class="table table-kindeditor" style="font-size:14px;background-color:#FFFFFF;width:auto;color:#3C4353;"><tbody><tr><th style="background-color:#F1F1F1;">名称</th>
012+ <th style="background-color:#F1F1F1;">用途</th>
013+ <th style="background-color:#F1F1F1;">显示</th>
014+ <th style="background-color:#F1F1F1;">交互</th>
015+ </tr></tbody><tbody><tr><td>更多菜单</td>
016+ <td>弹出菜单</td>
017+ <td>图标<a href="/zentao/file-read-9362.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9362.png" alt="" /></a></td>
018+ <td>
019+ 1. 点击弹出菜单；
020+ 2. 关闭菜单，回到弹出菜单前页面。
021+ </td>
022+ </tr><tr><td>标题</td>
023+ <td>展示 </td>
024+ <td>
025+ 健康忠告
026+ </td>
027+ <td>
028+ 无
029+ 
030+ </td>
031+ </tr><tr><td>监测站地图</td>
032+ <td>进入监测站地图 </td>
033+ <td>图标<a href="/zentao/file-read-9369.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9369.png" alt="" /></a></td>
034+ <td>1. 点击进入【<a href="/zentao/story-view-1919.html" target="_blank" rel="noreferrer noopener">监测站地图</a>】页面。</td>
035+ </tr><tr><td style="border:1px solid #ddd;">AQHI等级</td>
036+ <td style="border:1px solid #ddd;">点击切换等级页面</td>
037+ <td style="border:1px solid #ddd;">图标<img src="/zentao/file-read-9399.png" alt="" /> </td>
038+ <td style="border:1px solid #ddd;">
039+ 1. 点击图标切换等级；
040+ 2. 切换等级后，图标下方显示标识符<img src="/zentao/file-read-9400.png" alt="" />，颜色根据等级发生变化。
041+ </td>
042+ </tr><tr><td style="border:1px solid #ddd;">等级详情</td>
043+ <td style="border:1px solid #ddd;">
044+ 1.展示
045+ 2.切换不同人群的健康忠告
046+ </td>
047+ <td style="border:1px solid #ddd;">
048+ 当空气健康风险指数为：
049+ 1—3 ———低
050+ 4—6 ———中
051+ 7 ———高
052+ 8—10 ———甚高
053+ 10+———严重
054+ 不同人群名称
055+ 健康忠告内容
056+ 人群图片
057+ </td>
058+ <td style="border:1px solid #ddd;">
059+ 1. 空气指数根据切换的等级显示；
060+ 2. 每个AQHI等级切换不同的人群，被选中的人群显示在页面最上方，同时忠告内容及图片发生变化，如图5、6、7、8；
061+ 3. 背景颜色根据选择等级发生变化。
062+ 
063+ </td>
064+ </tr><tr><td style="border:1px solid #ddd;">说明</td>
065+ <td style="border:1px solid #ddd;">展示</td>
066+ <td style="border:1px solid #ddd;"><img src="/zentao/file-read-9401.png" alt="" /> </td>
067+ <td style="border:1px solid #ddd;">无</td>
068+ </tr><tr><td style="border:1px solid #ddd;">背景图</td>
069+ <td style="border:1px solid #ddd;">展示</td>
070+ <td style="border:1px solid #ddd;"><img src="/zentao/file-read-9402.png" alt="" /> </td>
071+ <td style="border:1px solid #ddd;">1. AQHI等级不同，背景图内容不同</td>
072+ </tr></tbody></table> 
073+ 
074+ <h3 style="color:#3C4353;">数据加载失败的页面显示</h3>
075+ 显示【<a href="/zentao/story-view-1929.html#app=product" target="_blank" rel="noreferrer noopener">数据加载失败</a>】页面
076+ 
077+ <h3 style="color:#3C4353;">离线使用的页面显示</h3>
078+ 
079+ 1. 该页面支持离线使用，进入页面提示“连接错误”，如图
080+ 2.点击【好的】可继续查看健康忠告
081+ <img src="/zentao/file-read-9398.png" alt="" /> 
082+ 
083+ 
084+ </div>
2023-03-17 10:21:30, 由 孙晓娣 变更。
修改了 版本号，旧值为 "2"，新值为 "3"。
修改了描述，区别为：
006-
006+ <img src="/zentao/file-read-9391.png" alt="" /><img src="/zentao/file-read-9390.png" alt="" /><img src="/zentao/file-read-9392.png" alt="" /><img src="/zentao/file-read-9393.png" alt="" /><img src="/zentao/file-read-9394.png" alt="" /> <img src="/zentao/file-read-9395.png" alt="" /><img src="/zentao/file-read-9396.png" alt="" /><img src="/zentao/file-read-9397.png" alt="" />
008-
008+
009- ~~界面元素—AQHI信息~~
009+ 名称
010-
010+ 用途
011- 名称
011+ 显示
012- 用途
012+ 交互
013- 显示
013+ 更多菜单
014- 交互
014+ 弹出菜单
015- ~~更多菜单~~
015+ 图标<a href="/zentao/file-read-9362.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9362.png" alt="" />
016- ~~弹出菜单~~
016+
017- ~~图标<a href="/zentao/file-read-9362.png" target="_blank" rel="noreferrer noopener">~~
017+ 1. 点击弹出菜单；
018-
018+ 2. 关闭菜单，回到弹出菜单前页面。
019- ~~1. 点击弹出菜单；~~
019+
020- ~~2. 关闭菜单，回到弹出菜单前页面。~~
020+ 标题
021-
021+ 展示
022- 标题
022+
023- 展示
023+ 健康忠告
024-
024+
025- ~~健康忠告~~
025+
026-
026+ 无
027-
027+
028- 无
028+
029-
029+ 监测站地图
030-
030+ 进入监测站地图
031- ~~监测站地图~~
031+ 图标<a href="/zentao/file-read-9369.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9369.png" alt="" />
032- ~~进入监测站地图~~
032+ 1. 点击进入【<a href="/zentao/story-view-1919.html" target="_blank" rel="noreferrer noopener">监测站地图】页面。
033- ~~图标<a href="/zentao/file-read-9369.png" target="_blank" rel="noreferrer noopener">~~
033+ AQHI等级
034- ~~1. 点击进入【<a href="/zentao/story-view-1919.html" target="_blank" rel="noreferrer noopener">监测站地图】页面。~~
034+ 点击切换等级页面
035- ~~AQHI等级~~
035+ 图标<img src="/zentao/file-read-9399.png" alt="" />
036- ~~点击切换等级页面~~
036+
037- 图标
037+ 1. 点击图标切换等级；
038-
038+ 2. 切换等级后，图标下方显示标识符<img src="/zentao/file-read-9400.png" alt="" />，颜色根据等级发生变化。
039- ~~1. 点击图标切换等级；~~
039+
040- ~~2. 切换等级后，图标下方显示标识符，颜色根据等级发生变化。~~
040+ 等级详情
041-
041+
042- ~~等级详情~~
042+ 1.展示
043-
043+ 2.切换不同人群的健康忠告
044- ~~1.展示~~
044+
045- ~~2.切换不同人群的健康忠告~~
045+
046-
046+ 当空气健康风险指数为：
047-
047+ 1—3 ———低
048- ~~当空气健康风险指数为：~~
048+ 4—6 ———中
049- ~~1—3 ———低~~
049+ 7 ———高
050- ~~4—6 ———中~~
050+ 8—10 ———甚高
051- ~~7 ———高~~
051+ 10+———严重
052- ~~8—10 ———甚高~~
052+ 不同人群名称
053- ~~10+———严重~~
053+ 健康忠告内容
054- ~~不同人群名称~~
054+ 人群图片
055- ~~健康忠告内容~~
055+
056- ~~人群图片~~
056+
057-
057+ 1. 空气指数根据切换的等级显示；
058-
058+ 2. 每个AQHI等级切换不同的人群，被选中的人群显示在页面最上方，同时忠告内容及图片发生变化，如图5、6、7、8；
059- ~~1. 空气指数根据切换的等级显示；~~
059+ 3. 背景颜色根据选择等级发生变化。
060- ~~2. 每个AQHI等级切换不同的人群，被选中的人群显示在页面最上方，同时忠告内容及图片发生变化，如图5、6、7、8；~~
060+
061- ~~3. 背景颜色根据选择等级发生变化。~~
061+
062-
062+ 说明
063-
063+ 展示
064- 说明
064+ <img src="/zentao/file-read-9401.png" alt="" />
065- 展示
065+ 无
066-
066+ 背景图
067- 无
067+ 展示
068- ~~背景图~~
068+ <img src="/zentao/file-read-9402.png" alt="" />
069- 展示
069+ 1. AQHI等级不同，背景图内容不同
070-
070+
071- ~~1. AQHI等级不同，背景图内容不同~~
071+
072-
072+ 数据加载失败的页面显示
073-
073+ 显示【<a href="/zentao/story-view-1929.html#app=product" target="_blank" rel="noreferrer noopener">数据加载失败】页面
074- ~~数据加载失败的页面显示~~
074+
075- ~~显示【<a href="/zentao/story-view-1929.html#app=product" target="_blank" rel="noreferrer noopener">数据加载失败】页面~~
075+ 离线使用的页面显示
077- ~~离线使用的页面显示~~
077+ 1. 该页面支持离线使用，进入页面提示“连接错误”，如图
078-
078+ 2.点击【好的】可继续查看健康忠告
079- ~~1. 该页面支持离线使用，进入页面提示“连接错误”，如图~~
079+ <img src="/zentao/file-read-9398.png" alt="" />
080- ~~2.点击【好的】可继续查看健康忠告~~
080+
081-
081+
082-
082+
083-
084-

006- <img src="{9391.png}" alt="" /><img src="{9390.png}" alt="" /><img src="{9392.png}" alt="" /><img src="{9393.png}" alt="" /><img src="{9394.png}" alt="" /> <img src="{9395.png}" alt="" /><img src="{9396.png}" alt="" /><img src="{9397.png}" alt="" />
006+ <img src="/zentao/file-read-9391.png" alt="" /><img src="/zentao/file-read-9390.png" alt="" /><img src="/zentao/file-read-9392.png" alt="" /><img src="/zentao/file-read-9393.png" alt="" /><img src="/zentao/file-read-9394.png" alt="" /> <img src="/zentao/file-read-9395.png" alt="" /><img src="/zentao/file-read-9396.png" alt="" /><img src="/zentao/file-read-9397.png" alt="" />
008- ~~ ~~
008+ 
009- ~~<h3 style="color:#3C4353;">界面元素—AQHI信息</h3>~~
009+ <table class="table table-kindeditor" style="font-size:14px;background-color:#FFFFFF;width:auto;color:#3C4353;"><tbody><tr><th style="background-color:#F1F1F1;">名称</th>
010- ~~ ~~
010+ <th style="background-color:#F1F1F1;">用途</th>
011- ~~<table class="table table-kindeditor" style="font-size:14px;background-color:#FFFFFF;width:auto;color:#3C4353;"><tbody><tr><th style="background-color:#F1F1F1;">名称</th>~~
011+ <th style="background-color:#F1F1F1;">显示</th>
012- ~~<th style="background-color:#F1F1F1;">用途</th>~~
012+ <th style="background-color:#F1F1F1;">交互</th>
013- ~~<th style="background-color:#F1F1F1;">显示</th>~~
013+ </tr></tbody><tbody><tr><td>更多菜单</td>
014- ~~<th style="background-color:#F1F1F1;">交互</th>~~
014+ <td>弹出菜单</td>
015- ~~</tr></tbody><tbody><tr><td>更多菜单</td>~~
015+ <td>图标<a href="/zentao/file-read-9362.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9362.png" alt="" /></a></td>
016- ~~<td>弹出菜单</td>~~
016+ <td>
017- ~~<td>图标<a href="/zentao/file-read-9362.png" target="_blank" rel="noreferrer noopener"><img src="{9362.png}" alt="" /></a></td>~~
017+ 1. 点击弹出菜单；
018- ~~<td>~~
018+ 2. 关闭菜单，回到弹出菜单前页面。
019- ~~1. 点击弹出菜单；~~
019+ </td>
020- ~~2. 关闭菜单，回到弹出菜单前页面。~~
020+ </tr><tr><td>标题</td>
021- ~~</td>~~
021+ <td>展示 </td>
022- ~~</tr><tr><td>标题</td>~~
022+ <td>
023- ~~<td>展示 </td>~~
023+ 健康忠告
024- ~~<td>~~
024+ </td>
025- ~~健康忠告~~
025+ <td>
026- ~~</td>~~
026+ 无
027- ~~<td>~~
027+ 
028- ~~无~~
028+ </td>
029- ~~ ~~
029+ </tr><tr><td>监测站地图</td>
030- ~~</td>~~
030+ <td>进入监测站地图 </td>
031- ~~</tr><tr><td>监测站地图</td>~~
031+ <td>图标<a href="/zentao/file-read-9369.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9369.png" alt="" /></a></td>
032- ~~<td>进入监测站地图 </td>~~
032+ <td>1. 点击进入【<a href="/zentao/story-view-1919.html" target="_blank" rel="noreferrer noopener">监测站地图</a>】页面。</td>
033- ~~<td>图标<a href="/zentao/file-read-9369.png" target="_blank" rel="noreferrer noopener"><img src="{9369.png}" alt="" /></a></td>~~
033+ </tr><tr><td style="border:1px solid #ddd;">AQHI等级</td>
034- ~~<td>1. 点击进入【<a href="/zentao/story-view-1919.html" target="_blank" rel="noreferrer noopener">监测站地图</a>】页面。</td>~~
034+ <td style="border:1px solid #ddd;">点击切换等级页面</td>
035- ~~</tr><tr><td style="border:1px solid #ddd;">AQHI等级</td>~~
035+ <td style="border:1px solid #ddd;">图标<img src="/zentao/file-read-9399.png" alt="" /> </td>
036- ~~<td style="border:1px solid #ddd;">点击切换等级页面</td>~~
036+ <td style="border:1px solid #ddd;">
037- ~~<td style="border:1px solid #ddd;">图标<img src="{9399.png}" alt="" /> </td>~~
037+ 1. 点击图标切换等级；
038- ~~<td style="border:1px solid #ddd;">~~
038+ 2. 切换等级后，图标下方显示标识符<img src="/zentao/file-read-9400.png" alt="" />，颜色根据等级发生变化。
039- ~~1. 点击图标切换等级；~~
039+ </td>
040- ~~2. 切换等级后，图标下方显示标识符<img src="{9400.png}" alt="" />，颜色根据等级发生变化。~~
040+ </tr><tr><td style="border:1px solid #ddd;">等级详情</td>
041- ~~</td>~~
041+ <td style="border:1px solid #ddd;">
042- ~~</tr><tr><td style="border:1px solid #ddd;">等级详情</td>~~
042+ 1.展示
043- ~~<td style="border:1px solid #ddd;">~~
043+ 2.切换不同人群的健康忠告
044- ~~1.展示~~
044+ </td>
045- ~~2.切换不同人群的健康忠告~~
045+ <td style="border:1px solid #ddd;">
046- ~~</td>~~
046+ 当空气健康风险指数为：
047- ~~<td style="border:1px solid #ddd;">~~
047+ 1—3 ———低
048- ~~当空气健康风险指数为：~~
048+ 4—6 ———中
049- ~~1—3 ———低~~
049+ 7 ———高
050- ~~4—6 ———中~~
050+ 8—10 ———甚高
051- ~~ 7 ———高~~
051+ 10+———严重
052- ~~8—10 ———甚高~~
052+ 不同人群名称
053- ~~ 10+———严重~~
053+ 健康忠告内容
054- ~~不同人群名称~~
054+ 人群图片
055- ~~健康忠告内容~~
055+ </td>
056- ~~人群图片~~
056+ <td style="border:1px solid #ddd;">
057- ~~</td>~~
057+ 1. 空气指数根据切换的等级显示；
058- ~~<td style="border:1px solid #ddd;">~~
058+ 2. 每个AQHI等级切换不同的人群，被选中的人群显示在页面最上方，同时忠告内容及图片发生变化，如图5、6、7、8；
059- ~~1. 空气指数根据切换的等级显示；~~
059+ 3. 背景颜色根据选择等级发生变化。
060- ~~2. 每个AQHI等级切换不同的人群，被选中的人群显示在页面最上方，同时忠告内容及图片发生变化，如图5、6、7、8；~~
060+ 
061- ~~3. 背景颜色根据选择等级发生变化。~~
061+ </td>
062- ~~ ~~
062+ </tr><tr><td style="border:1px solid #ddd;">说明</td>
063- ~~</td>~~
063+ <td style="border:1px solid #ddd;">展示</td>
064- ~~</tr><tr><td style="border:1px solid #ddd;">说明</td>~~
064+ <td style="border:1px solid #ddd;"><img src="/zentao/file-read-9401.png" alt="" /> </td>
065- ~~<td style="border:1px solid #ddd;">展示</td>~~
065+ <td style="border:1px solid #ddd;">无</td>
066- ~~<td style="border:1px solid #ddd;"><img src="{9401.png}" alt="" /> </td>~~
066+ </tr><tr><td style="border:1px solid #ddd;">背景图</td>
067- ~~<td style="border:1px solid #ddd;">无</td>~~
067+ <td style="border:1px solid #ddd;">展示</td>
068- ~~</tr><tr><td style="border:1px solid #ddd;">背景图</td>~~
068+ <td style="border:1px solid #ddd;"><img src="/zentao/file-read-9402.png" alt="" /> </td>
069- ~~<td style="border:1px solid #ddd;">展示</td>~~
069+ <td style="border:1px solid #ddd;">1. AQHI等级不同，背景图内容不同</td>
070- ~~<td style="border:1px solid #ddd;"><img src="{9402.png}" alt="" /> </td>~~
070+ </tr></tbody></table> 
071- ~~<td style="border:1px solid #ddd;">1. AQHI等级不同，背景图内容不同</td>~~
071+ 
072- ~~</tr></tbody></table> ~~
072+ <h3 style="color:#3C4353;">数据加载失败的页面显示</h3>
073- ~~ ~~
073+ 显示【<a href="/zentao/story-view-1929.html#app=product" target="_blank" rel="noreferrer noopener">数据加载失败</a>】页面
074- ~~<h3 style="color:#3C4353;">数据加载失败的页面显示</h3>~~
074+ 
075- ~~显示【<a href="/zentao/story-view-1929.html#app=product" target="_blank" rel="noreferrer noopener">数据加载失败</a>】页面~~
075+ <h3 style="color:#3C4353;">离线使用的页面显示</h3>
077- ~~<h3 style="color:#3C4353;">离线使用的页面显示</h3>~~
077+ 1. 该页面支持离线使用，进入页面提示“连接错误”，如图
078- ~~ ~~
078+ 2.点击【好的】可继续查看健康忠告
079- ~~1. 该页面支持离线使用，进入页面提示“连接错误”，如图~~
079+ <img src="/zentao/file-read-9398.png" alt="" /> 
080- ~~2.点击【好的】可继续查看健康忠告~~
080+ 
081- ~~<img src="{9398.png}" alt="" /> ~~
081+ 
082- ~~ ~~
082+ </div>
083- ~~ ~~
084- ~~</div>~~
2023-03-17 10:23:07, 由 孙晓娣 变更。
修改了 版本号，旧值为 "3"，新值为 "4"。
修改了描述，区别为：
003- 1.
003+ 1. 查看健康忠告
004-
004+ 2. 查看菜单
005- 界面
005+ 3. 进入监测站地图
006-
006+
007- ~~界面元素~~
007+ 界面
008-
008+ <img src="/zentao/file-read-9391.png" alt="" /><img src="/zentao/file-read-9390.png" alt="" /><img src="/zentao/file-read-9392.png" alt="" /><img src="/zentao/file-read-9393.png" alt="" /><img src="/zentao/file-read-9394.png" alt="" /> <img src="/zentao/file-read-9395.png" alt="" /><img src="/zentao/file-read-9396.png" alt="" /><img src="/zentao/file-read-9397.png" alt="" />
009- 名称
009+ 界面元素
010- 用途
010+
011- 显示
011+ 名称
012- 交互
012+ 用途
013- ~~更多菜单~~
013+ 显示
014- ~~弹出菜单~~
014+ 交互
015- ~~图标<a href="/zentao/file-read-9362.png" target="_blank" rel="noreferrer noopener">~~
015+ 更多菜单
016-
016+ 弹出菜单
017- ~~1. 点击弹出菜单；~~
017+ 图标<a href="/zentao/file-read-9362.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9362.png" alt="" />
018- ~~2. 关闭菜单，回到弹出菜单前页面。~~
018+
019-
019+ 1. 点击弹出菜单；
020- 标题
020+ 2. 关闭菜单，回到弹出菜单前页面。
021- 展示
021+
022-
022+ 标题
023- ~~健康忠告~~
023+ 展示
024-
024+
025-
025+ 健康忠告
026- 无
026+
027-
027+
028-
028+ 无
029- ~~监测站地图~~
029+
030- ~~进入监测站地图~~
030+
031- ~~图标<a href="/zentao/file-read-9369.png" target="_blank" rel="noreferrer noopener">~~
031+ 监测站地图
032- ~~1. 点击进入【<a href="/zentao/story-view-1919.html" target="_blank" rel="noreferrer noopener">监测站地图】页面。~~
032+ 进入监测站地图
033- ~~AQHI等级~~
033+ 图标<a href="/zentao/file-read-9369.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9369.png" alt="" />
034- ~~点击切换等级页面~~
034+ 1. 点击进入【<a href="/zentao/story-view-1919.html" target="_blank" rel="noreferrer noopener">监测站地图】页面。
035- 图标
035+ AQHI等级
036-
036+ 点击切换等级页面
037- ~~1. 点击图标切换等级；~~
037+ 图标<img src="/zentao/file-read-9399.png" alt="" />
038- ~~2. 切换等级后，图标下方显示标识符，颜色根据等级发生变化。~~
038+
039-
039+ 1. 点击图标切换等级；
040- ~~等级详情~~
040+ 2. 切换等级后，图标下方显示标识符<img src="/zentao/file-read-9400.png" alt="" />，颜色根据等级发生变化。
041-
041+
042- ~~1.展示~~
042+ 等级详情
043- ~~2.切换不同人群的健康忠告~~
043+
044-
044+ 1.展示
045-
045+ 2.切换不同人群的健康忠告
046- ~~当空气健康风险指数为：~~
046+
047- ~~1—3 ———低~~
047+
048- ~~4—6 ———中~~
048+ 当空气健康风险指数为：
049- ~~7 ———高~~
049+ 1—3 ———低
050- ~~8—10 ———甚高~~
050+ 4—6 ———中
051- ~~10+———严重~~
051+ 7 ———高
052- ~~不同人群名称~~
052+ 8—10 ———甚高
053- ~~健康忠告内容~~
053+ 10+———严重
054- ~~人群图片~~
054+ 不同人群名称
055-
055+ 健康忠告内容
056-
056+ 人群图片
057- ~~1. 空气指数根据切换的等级显示；~~
057+
058- ~~2. 每个AQHI等级切换不同的人群，被选中的人群显示在页面最上方，同时忠告内容及图片发生变化，如图5、6、7、8；~~
058+
059- ~~3. 背景颜色根据选择等级发生变化。~~
059+ 1. 空气指数根据切换的等级显示；
060-
060+ 2. 每个AQHI等级切换不同的人群，被选中的人群显示在页面最上方，同时忠告内容及图片发生变化，如图5、6、7、8；
061-
061+ 3. 背景颜色根据选择等级发生变化。
062- 说明
062+
063- 展示
063+
064-
064+ 说明
065- 无
065+ 展示
066- ~~背景图~~
066+ <img src="/zentao/file-read-9401.png" alt="" />
067- 展示
067+ 无
068-
068+ 背景图
069- ~~1. AQHI等级不同，背景图内容不同~~
069+ 展示
070-
070+ <img src="/zentao/file-read-9402.png" alt="" />
071-
071+ 1. AQHI等级不同，背景图内容不同
072- ~~数据加载失败的页面显示~~
072+
073- ~~显示【<a href="/zentao/story-view-1929.html#app=product" target="_blank" rel="noreferrer noopener">数据加载失败】页面~~
073+
074-
074+ 数据加载失败的页面显示
075- ~~离线使用的页面显示~~
075+ 显示【<a href="/zentao/story-view-1929.html#app=product" target="_blank" rel="noreferrer noopener">数据加载失败】页面
077- ~~1. 该页面支持离线使用，进入页面提示“连接错误”，如图~~
077+ 离线使用的页面显示
078- ~~2.点击【好的】可继续查看健康忠告~~
078+
079-
079+ 1. 该页面支持离线使用，进入页面提示“连接错误”，如图
080-
080+ 2.点击【好的】可继续查看健康忠告
081-
081+ <img src="/zentao/file-read-9398.png" alt="" />
082-
082+
083+
084+

003- ~~1.~~
003+ 1. 查看健康忠告
004- ~~ ~~
004+ 2. 查看菜单
005- ~~<h3 style="color:#3C4353;">界面</h3>~~
005+ 3. 进入监测站地图
006- <img src="{9391.png}" alt="" /><img src="{9390.png}" alt="" /><img src="{9392.png}" alt="" /><img src="{9393.png}" alt="" /><img src="{9394.png}" alt="" /> <img src="{9395.png}" alt="" /><img src="{9396.png}" alt="" /><img src="{9397.png}" alt="" />
006+ 
007- ~~<h3 style="color:#3C4353;">界面元素</h3>~~
007+ <h3 style="color:#3C4353;">界面</h3>
008- ~~ ~~
008+ <img src="/zentao/file-read-9391.png" alt="" /><img src="/zentao/file-read-9390.png" alt="" /><img src="/zentao/file-read-9392.png" alt="" /><img src="/zentao/file-read-9393.png" alt="" /><img src="/zentao/file-read-9394.png" alt="" /> <img src="/zentao/file-read-9395.png" alt="" /><img src="/zentao/file-read-9396.png" alt="" /><img src="/zentao/file-read-9397.png" alt="" />
009- ~~<table class="table table-kindeditor" style="font-size:14px;background-color:#FFFFFF;width:auto;color:#3C4353;"><tbody><tr><th style="background-color:#F1F1F1;">名称</th>~~
009+ <h3 style="color:#3C4353;">界面元素</h3>
010- ~~<th style="background-color:#F1F1F1;">用途</th>~~
010+ 
011- ~~<th style="background-color:#F1F1F1;">显示</th>~~
011+ <table class="table table-kindeditor" style="font-size:14px;background-color:#FFFFFF;width:auto;color:#3C4353;"><tbody><tr><th style="background-color:#F1F1F1;">名称</th>
012- ~~<th style="background-color:#F1F1F1;">交互</th>~~
012+ <th style="background-color:#F1F1F1;">用途</th>
013- ~~</tr></tbody><tbody><tr><td>更多菜单</td>~~
013+ <th style="background-color:#F1F1F1;">显示</th>
014- ~~<td>弹出菜单</td>~~
014+ <th style="background-color:#F1F1F1;">交互</th>
015- ~~<td>图标<a href="/zentao/file-read-9362.png" target="_blank" rel="noreferrer noopener"><img src="{9362.png}" alt="" /></a></td>~~
015+ </tr></tbody><tbody><tr><td>更多菜单</td>
016- ~~<td>~~
016+ <td>弹出菜单</td>
017- ~~1. 点击弹出菜单；~~
017+ <td>图标<a href="/zentao/file-read-9362.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9362.png" alt="" /></a></td>
018- ~~2. 关闭菜单，回到弹出菜单前页面。~~
018+ <td>
019- ~~</td>~~
019+ 1. 点击弹出菜单；
020- ~~</tr><tr><td>标题</td>~~
020+ 2. 关闭菜单，回到弹出菜单前页面。
021- ~~<td>展示 </td>~~
021+ </td>
022- ~~<td>~~
022+ </tr><tr><td>标题</td>
023- ~~健康忠告~~
023+ <td>展示 </td>
024- ~~</td>~~
024+ <td>
025- ~~<td>~~
025+ 健康忠告
026- ~~无~~
026+ </td>
027- ~~ ~~
027+ <td>
028- ~~</td>~~
028+ 无
029- ~~</tr><tr><td>监测站地图</td>~~
029+ 
030- ~~<td>进入监测站地图 </td>~~
030+ </td>
031- ~~<td>图标<a href="/zentao/file-read-9369.png" target="_blank" rel="noreferrer noopener"><img src="{9369.png}" alt="" /></a></td>~~
031+ </tr><tr><td>监测站地图</td>
032- ~~<td>1. 点击进入【<a href="/zentao/story-view-1919.html" target="_blank" rel="noreferrer noopener">监测站地图</a>】页面。</td>~~
032+ <td>进入监测站地图 </td>
033- ~~</tr><tr><td style="border:1px solid #ddd;">AQHI等级</td>~~
033+ <td>图标<a href="/zentao/file-read-9369.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9369.png" alt="" /></a></td>
034- ~~<td style="border:1px solid #ddd;">点击切换等级页面</td>~~
034+ <td>1. 点击进入【<a href="/zentao/story-view-1919.html" target="_blank" rel="noreferrer noopener">监测站地图</a>】页面。</td>
035- ~~<td style="border:1px solid #ddd;">图标<img src="{9399.png}" alt="" /> </td>~~
035+ </tr><tr><td style="border:1px solid #ddd;">AQHI等级</td>
036- ~~<td style="border:1px solid #ddd;">~~
036+ <td style="border:1px solid #ddd;">点击切换等级页面</td>
037- ~~1. 点击图标切换等级；~~
037+ <td style="border:1px solid #ddd;">图标<img src="/zentao/file-read-9399.png" alt="" /> </td>
038- ~~2. 切换等级后，图标下方显示标识符<img src="{9400.png}" alt="" />，颜色根据等级发生变化。~~
038+ <td style="border:1px solid #ddd;">
039- ~~</td>~~
039+ 1. 点击图标切换等级；
040- ~~</tr><tr><td style="border:1px solid #ddd;">等级详情</td>~~
040+ 2. 切换等级后，图标下方显示标识符<img src="/zentao/file-read-9400.png" alt="" />，颜色根据等级发生变化。
041- ~~<td style="border:1px solid #ddd;">~~
041+ </td>
042- ~~1.展示~~
042+ </tr><tr><td style="border:1px solid #ddd;">等级详情</td>
043- ~~2.切换不同人群的健康忠告~~
043+ <td style="border:1px solid #ddd;">
044- ~~</td>~~
044+ 1.展示
045- ~~<td style="border:1px solid #ddd;">~~
045+ 2.切换不同人群的健康忠告
046- ~~当空气健康风险指数为：~~
046+ </td>
047- ~~1—3 ———低~~
047+ <td style="border:1px solid #ddd;">
048- ~~4—6 ———中~~
048+ 当空气健康风险指数为：
049- ~~ 7 ———高~~
049+ 1—3 ———低
050- ~~8—10 ———甚高~~
050+ 4—6 ———中
051- ~~ 10+———严重~~
051+ 7 ———高
052- ~~不同人群名称~~
052+ 8—10 ———甚高
053- ~~健康忠告内容~~
053+ 10+———严重
054- ~~人群图片~~
054+ 不同人群名称
055- ~~</td>~~
055+ 健康忠告内容
056- ~~<td style="border:1px solid #ddd;">~~
056+ 人群图片
057- ~~1. 空气指数根据切换的等级显示；~~
057+ </td>
058- ~~2. 每个AQHI等级切换不同的人群，被选中的人群显示在页面最上方，同时忠告内容及图片发生变化，如图5、6、7、8；~~
058+ <td style="border:1px solid #ddd;">
059- ~~3. 背景颜色根据选择等级发生变化。~~
059+ 1. 空气指数根据切换的等级显示；
060- ~~ ~~
060+ 2. 每个AQHI等级切换不同的人群，被选中的人群显示在页面最上方，同时忠告内容及图片发生变化，如图5、6、7、8；
061- ~~</td>~~
061+ 3. 背景颜色根据选择等级发生变化。
062- ~~</tr><tr><td style="border:1px solid #ddd;">说明</td>~~
062+ 
063- ~~<td style="border:1px solid #ddd;">展示</td>~~
063+ </td>
064- ~~<td style="border:1px solid #ddd;"><img src="{9401.png}" alt="" /> </td>~~
064+ </tr><tr><td style="border:1px solid #ddd;">说明</td>
065- ~~<td style="border:1px solid #ddd;">无</td>~~
065+ <td style="border:1px solid #ddd;">展示</td>
066- ~~</tr><tr><td style="border:1px solid #ddd;">背景图</td>~~
066+ <td style="border:1px solid #ddd;"><img src="/zentao/file-read-9401.png" alt="" /> </td>
067- ~~<td style="border:1px solid #ddd;">展示</td>~~
067+ <td style="border:1px solid #ddd;">无</td>
068- ~~<td style="border:1px solid #ddd;"><img src="{9402.png}" alt="" /> </td>~~
068+ </tr><tr><td style="border:1px solid #ddd;">背景图</td>
069- ~~<td style="border:1px solid #ddd;">1. AQHI等级不同，背景图内容不同</td>~~
069+ <td style="border:1px solid #ddd;">展示</td>
070- ~~</tr></tbody></table> ~~
070+ <td style="border:1px solid #ddd;"><img src="/zentao/file-read-9402.png" alt="" /> </td>
071- ~~ ~~
071+ <td style="border:1px solid #ddd;">1. AQHI等级不同，背景图内容不同</td>
072- ~~<h3 style="color:#3C4353;">数据加载失败的页面显示</h3>~~
072+ </tr></tbody></table> 
073- ~~显示【<a href="/zentao/story-view-1929.html#app=product" target="_blank" rel="noreferrer noopener">数据加载失败</a>】页面~~
073+ 
074- ~~ ~~
074+ <h3 style="color:#3C4353;">数据加载失败的页面显示</h3>
075- ~~<h3 style="color:#3C4353;">离线使用的页面显示</h3>~~
075+ 显示【<a href="/zentao/story-view-1929.html#app=product" target="_blank" rel="noreferrer noopener">数据加载失败</a>】页面
077- ~~1. 该页面支持离线使用，进入页面提示“连接错误”，如图~~
077+ <h3 style="color:#3C4353;">离线使用的页面显示</h3>
078- ~~2.点击【好的】可继续查看健康忠告~~
078+ 
079- ~~<img src="{9398.png}" alt="" /> ~~
079+ 1. 该页面支持离线使用，进入页面提示“连接错误”，如图
080- ~~ ~~
080+ 2.点击【好的】可继续查看健康忠告
081- ~~ ~~
081+ <img src="/zentao/file-read-9398.png" alt="" /> 
082- ~~</div>~~
082+ 
083+ 
084+ </div>
2023-03-17 10:49:46, 由 孙晓娣 编辑。
修改了 优先级，旧值为 "0"，新值为 "2"。

基本信息
需求的一生

所属产品	AQHI
所属模块	健康忠告
所属计划
来源
来源备注
当前状态	激活
所处阶段	已立项
类型	功能
优先级	2
预计故事点	0sp
关键词
抄送给

由谁创建	孙晓娣于 2023-03-16 14:30:16
指派给
评审人员
评审时间
由谁关闭
关闭原因
最后修改	孙晓娣于 2023-03-17 10:53:28

项目任务
相关信息

AQHI 2.0

相关Bug
相关用例	[C] #7146 健康忠告的主成功场景和扩展
相关合并请求