需求描述
功能描述

1. 查看监测站列表

2. 进入监测站详情

3. 查看菜单

4. 进入监测站地图


界面

   


界面元素


名称 用途 显示 交互
标题 展示
 监测站列表 无
日期
 展示

xxxx年xx月xx日 xx:xx

 1. 显示系统当前日期，精确到分。
更新
 展示
 图标 

1. 点击图标，有转动效果；

2. 点击后，页面内容更新
更多菜单
 弹出菜单
 图标 

1. 点击弹出菜单；

2. 关闭菜单，回到弹出菜单前页面。
监测站地图
 进入监测站地图
 图标 
 1. 点击进入【监测站地图】页面。
地区 切换地区

1. 默认显示香港岛

2. 切换地区后，列表显示切换地区的所有监测站。
污染物类别 切换污染物

1.污染物：AQHI、NO₂、O₃、CO、PM₁₀、PM₂.₅

2.拖动图标 

1. 进入列表，默认显示AQHI监测站列表

2. 切换污染物后，列表中的监测站污染物指数发生变化，如图2；

3. 点击拖动图标，可以显示隐藏的污染物。
列表

1. 关注

2. 进入详情

1. 关注图标 

2. 监测站名称


3. 监测站类别


4. 污染物指数


5. 进入详情图标 

1. 点击关注图标，弹出提示如图3，关注后再次点击图标，弹出提示，如图4；

2. 检测站被关注后，显示在设定中的关注地点列表及首页，当到达5个关注地点后，再次点击关注图标，提示“最多可关注5个地点”；

3、点击进入详情图标，进入【监测站详情】页面。
AQHI图标 进入健康忠告
1. 点击AQHI图标，进入点击等级的健康忠告。

数据加载失败的页面显示

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



离线使用的页面显示


1. 该页面支持离线使用，保留上次缓存的数据，进入页面提示“连接错误”，如图；

2. 点击【好的】可继续查看已缓存的数据

验收标准
历史记录  
  1. 2023-03-16 14:30:16, 由 孙晓娣 创建。
  2. 2023-03-16 14:30:43, 由 孙晓娣 关联到项目 AQHI 2.0。
  3. 2023-03-17 10:49:46, 由 孙晓娣 编辑。
    修改了 优先级，旧值为 "0"，新值为 "1"。
  4. 2023-03-17 10:53:28, 由 孙晓娣 编辑。
    修改了 优先级，旧值为 "1"，新值为 "2"。
  5. 2023-03-17 16:21:18, 由 孙晓娣 变更。
    修改了 版本号，旧值为 "1"，新值为 "2"。
    修改了 描述 ，区别为：
    001-
    001+ 功能描述
    002+
    003+ 1. 查看监测站列表
    004+ 2. 进入监测站详情
    005+ 3. 查看菜单
    006+ 4. 进入监测站地图
    007+
    008+ 界面
    009+ <img src="/zentao/file-read-9433.png" alt="" /><img src="/zentao/file-read-9428.png" alt="" /><img src="/zentao/file-read-9430.png" alt="" /><img src="/zentao/file-read-9431.png" alt="" />
    010+
    011+ 界面元素
    012+
    013+ 名称
    014+ 用途
    015+ 显示
    016+ 交互
    017+ 标题
    018+ 展示
    019+ 监测站列表
    020+ 无
    021+ 日期
    022+ 展示
    023+
    024+ xxxx年xx月xx日 xx:xx
    025+
    026+ 1. 显示系统当前日期，精确到分。
    027+ 更新
    028+ 展示
    029+ 图标<a href="/zentao/file-read-9370.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9370.png" alt="" />
    030+
    031+ 1. 点击图标，有转动效果；
    032+ 2. 点击后，页面内容更新
    033+
    034+ 更多菜单
    035+ 弹出菜单
    036+ 图标<a href="/zentao/file-read-9362.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9362.png" alt="" />
    037+
    038+ 1. 点击弹出菜单；
    039+ 2. 关闭菜单，回到弹出菜单前页面。
    040+
    041+ 监测站地图
    042+ 进入监测站地图
    043+ 图标<a href="/zentao/file-read-9369.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9369.png" alt="" />
    044+ 1. 点击进入【<a href="/zentao/story-view-1919.html" target="_blank" rel="noreferrer noopener">监测站地图】页面。
    045+ 地区
    046+ 切换地区
    047+ <img src="/zentao/file-read-9429.png" alt="" />
    048+
    049+ 1. 默认显示香港岛
    050+ 2. 切换地区后，列表显示切换地区的所有监测站。
    051+
    052+ 污染物类别
    053+ 切换污染物
    054+
    055+ 1.污染物：AQHI、NO₂、O₃、CO、PM₁₀、PM₂.₅
    056+ 2.拖动图标<img src="/zentao/file-read-9438.png" alt="" /><img src="/zentao/file-read-9439.png" alt="" />
    057+
    058+
    059+ 1. 进入列表，默认显示AQHI监测站列表
    060+ 2. 切换污染物后，列表中的监测站污染物指数发生变化，如图2；
    061+ 3. 点击拖动图标，可以显示隐藏的污染物。
    062+
    063+ 列表
    064+
    065+ 1. 关注
    066+ 2. 进入详情
    067+
    068+
    069+ 1. 关注图标<img src="/zentao/file-read-9434.png" alt="" />
    070+ 2. 监测站名称
    071+
    072+ 3. 监测站类别
    073+
    074+ 4. 污染物指数
    075+
    076+ 5. 进入详情图标<img src="/zentao/file-read-9435.png" alt="" />
    077+
    078+
    079+ 1. 点击关注图标，弹出提示如图3，关注后再次点击图标，弹出提示，如图4；
    080+ 2. 检测站被关注后，显示在设定中的关注地点列表及首页，当到达5个关注地点后，再次点击关注图标，提示“最多可关注5个地点”；
    081+ 3、点击进入详情图标，进入【<a href="/zentao/story-view-1923.html" target="_blank" rel="noreferrer noopener">监测站详情】页面。
    082+
    083+ AQHI图标
    084+ 进入健康忠告
    085+ <img src="/zentao/file-read-9436.png" alt="" />
    086+ 1. 点击AQHI图标，进入点击等级的健康忠告。
    087+
    001-
    001+ <div class="detail-title" style="background-color:#FFFFFF;"><span style="font-size:16px;">功能描述</span></div>
    002+ <div class="detail-content article-content" style="font-size:14px;background-color:#FFFFFF;">
    003+ <p>1. 查看监测站列表</p>
    004+ <p>2. 进入监测站详情</p>
    005+ <p>3. 查看菜单</p>
    006+ <p>4. 进入监测站地图</p>
    007+ <p><br /></p>
    008+ <h3 style="color:#3C4353;">界面</h3>
    009+ <p><img src="/zentao/file-read-9433.png" alt="" /><img src="/zentao/file-read-9428.png" alt="" /><img src="/zentao/file-read-9430.png" alt="" /><img src="/zentao/file-read-9431.png" alt="" /></p>
    010+ <p><br /></p>
    011+ <h3 style="color:#3C4353;">界面元素</h3>
    012+ <p><br /></p>
    013+ <table class="table table-kindeditor" style="font-size:14px;background-color:#FFFFFF;width:auto;color:#3C4353;"><tbody><tr><th style="background-color:#F1F1F1;">名称</th>
    014+ <th style="background-color:#F1F1F1;">用途</th>
    015+ <th style="background-color:#F1F1F1;">显示</th>
    016+ <th style="background-color:#F1F1F1;">交互</th>
    017+ </tr></tbody><tbody><tr><td>标题</td>
    018+ <td>展示<br /></td>
    019+ <td>监测站列表</td>
    020+ <td>无</td>
    021+ </tr><tr><td><span style="font-size:14px;">日期</span><br /></td>
    022+ <td><span style="font-size:14px;">展示</span><br /></td>
    023+ <td>
    024+ <p>xxxx年xx月xx日 xx:xx</p>
    025+ </td>
    026+ <td><span style="font-size:14px;">1. 显示系统当前日期，精确到分。</span><br /></td>
    027+ </tr><tr><td><span style="font-size:14px;">更新</span><br /></td>
    028+ <td>展示<br /></td>
    029+ <td><span style="font-size:14px;">图标</span><a href="/zentao/file-read-9370.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9370.png" alt="" /></a><br /></td>
    030+ <td>
    031+ <p style="font-size:14px;">1. 点击图标，有转动效果；</p>
    032+ <p style="font-size:14px;">2. 点击后，页面内容更新<span style="font-size:13px;"></span></p>
    033+ </td>
    034+ </tr><tr><td><span style="font-size:14px;">更多菜单</span><br /></td>
    035+ <td><span style="font-size:14px;">弹出菜单</span><br /></td>
    036+ <td><span style="font-size:14px;">图标</span><a href="/zentao/file-read-9362.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9362.png" alt="" /></a><br /></td>
    037+ <td>
    038+ <p style="font-size:14px;">1. 点击弹出菜单；</p>
    039+ <p style="font-size:14px;">2. 关闭菜单，回到弹出菜单前页面。</p>
    040+ <br /></td>
    041+ </tr><tr><td><span style="font-size:14px;">监测站地图</span><br /></td>
    042+ <td><span style="font-size:14px;">进入监测站地图</span><br /></td>
    043+ <td><span style="font-size:14px;">图标</span><a href="/zentao/file-read-9369.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9369.png" alt="" /></a><br /></td>
    044+ <td><span style="font-size:14px;">1. 点击进入【</span><a href="/zentao/story-view-1919.html" target="_blank" rel="noreferrer noopener">监测站地图</a><span style="font-size:14px;">】页面。</span></td>
    045+ </tr><tr><td style="border:1px solid #ddd;">地区</td>
    046+ <td style="border:1px solid #ddd;">切换地区</td>
    047+ <td style="border:1px solid #ddd;"><img src="/zentao/file-read-9429.png" alt="" /><br /></td>
    048+ <td style="border:1px solid #ddd;">
    049+ <p>1. 默认显示香港岛</p>
    050+ <p>2. 切换地区后，列表显示切换地区的所有监测站。</p>
    051+ </td>
    052+ </tr><tr><td style="border:1px solid #ddd;">污染物类别</td>
    053+ <td style="border:1px solid #ddd;">切换污染物</td>
    054+ <td style="border:1px solid #ddd;">
    055+ <p>1.污染物：AQHI、NO₂、O₃、CO、PM₁₀、PM₂.₅</p>
    056+ <p>2.拖动图标<img src="/zentao/file-read-9438.png" alt="" /><img src="/zentao/file-read-9439.png" alt="" /></p>
    057+ </td>
    058+ <td style="border:1px solid #ddd;">
    059+ <p>1. 进入列表，默认显示AQHI监测站列表</p>
    060+ <p>2. 切换污染物后，列表中的监测站污染物指数发生变化，如图2；</p>
    061+ <p>3. 点击拖动图标，可以显示隐藏的污染物。</p>
    062+ </td>
    063+ </tr><tr><td style="border:1px solid #ddd;">列表</td>
    064+ <td style="border:1px solid #ddd;">
    065+ <p>1. 关注</p>
    066+ <p>2. 进入详情</p>
    067+ </td>
    068+ <td style="border:1px solid #ddd;">
    069+ <p>1. 关注图标<img src="/zentao/file-read-9434.png" alt="" /></p>
    070+ <p>2. 监测站名称</p>
    071+ <p><br /></p>
    072+ <p>3. 监测站类别</p>
    073+ <p><br /></p>
    074+ <p>4. 污染物指数</p>
    075+ <p><br /></p>
    076+ <p>5. 进入详情图标<img src="/zentao/file-read-9435.png" alt="" /></p>
    077+ </td>
    078+ <td style="border:1px solid #ddd;">
    079+ <p>1. 点击关注图标，弹出提示如图3，关注后再次点击图标，弹出提示，如图4；</p>
    080+ <p>2. 检测站被关注后，显示在设定中的关注地点列表及首页，当到达5个关注地点后，再次点击关注图标，提示“最多可关注5个地点”；</p>
    081+ <p>3、点击进入详情图标，进入【<a href="/zentao/story-view-1923.html" target="_blank" rel="noreferrer noopener">监测站详情</a>】页面。</p>
    082+ </td>
    083+ </tr><tr><td style="border:1px solid #ddd;">AQHI图标</td>
    084+ <td style="border:1px solid #ddd;">进入健康忠告</td>
    085+ <td style="border:1px solid #ddd;"><img src="/zentao/file-read-9436.png" alt="" /><br /></td>
    086+ <td style="border:1px solid #ddd;">1. 点击AQHI图标，进入点击等级的健康忠告。</td>
    087+ </tr></tbody></table></div>
  6. 2023-03-17 16:27:40, 由 孙晓娣 变更。
    修改了 版本号，旧值为 "2"，新值为 "3"。
    修改了 描述 ，区别为：
    009-
    009+ <img src="/zentao/file-read-9433.png" alt="" /><img src="/zentao/file-read-9428.png" alt="" /><img src="/zentao/file-read-9430.png" alt="" /><img src="/zentao/file-read-9431.png" alt="" />
    029- 图标<a href="/zentao/file-read-9370.png" target="_blank" rel="noreferrer noopener">
    029+ 图标<a href="/zentao/file-read-9370.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9370.png" alt="" />
    036- 图标<a href="/zentao/file-read-9362.png" target="_blank" rel="noreferrer noopener">
    036+ 图标<a href="/zentao/file-read-9362.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9362.png" alt="" />
    043- 图标<a href="/zentao/file-read-9369.png" target="_blank" rel="noreferrer noopener">
    043+ 图标<a href="/zentao/file-read-9369.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9369.png" alt="" />
    047-
    047+ <img src="/zentao/file-read-9429.png" alt="" />
    056- 2.拖动图标
    056+ 2.拖动图标<img src="/zentao/file-read-9438.png" alt="" /><img src="/zentao/file-read-9439.png" alt="" />
    069- 1. 关注图标
    069+ 1. 关注图标<img src="/zentao/file-read-9434.png" alt="" />
    076- 5. 进入详情图标
    076+ 5. 进入详情图标<img src="/zentao/file-read-9435.png" alt="" />
    085-
    085+ <img src="/zentao/file-read-9436.png" alt="" />
    087-
    087+ 数据加载失败的页面显示
    088+ 显示【<a href="/zentao/story-view-1929.html#app=product" target="_blank" rel="noreferrer noopener">数据加载失败】页面
    089+
    090+
    091+ 离线使用的页面显示
    092+
    093+ 1. 该页面支持离线使用，保留上次缓存的数据，进入页面提示“连接错误”，如图；
    094+ 2. 点击【好的】可继续查看已缓存的数据
    095+ <img src="/zentao/file-read-9442.png" alt="" />
    096+
    009- <p><img src="{9433.png}" alt="" /><img src="{9428.png}" alt="" /><img src="{9430.png}" alt="" /><img src="{9431.png}" alt="" /></p>
    009+ <p><img src="/zentao/file-read-9433.png" alt="" /><img src="/zentao/file-read-9428.png" alt="" /><img src="/zentao/file-read-9430.png" alt="" /><img src="/zentao/file-read-9431.png" alt="" /></p>
    029- <td><span style="font-size:14px;">图标</span><a href="/zentao/file-read-9370.png" target="_blank" rel="noreferrer noopener"><img src="{9370.png}" alt="" /></a><br /></td>
    029+ <td><span style="font-size:14px;">图标</span><a href="/zentao/file-read-9370.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9370.png" alt="" /></a><br /></td>
    036- <td><span style="font-size:14px;">图标</span><a href="/zentao/file-read-9362.png" target="_blank" rel="noreferrer noopener"><img src="{9362.png}" alt="" /></a><br /></td>
    036+ <td><span style="font-size:14px;">图标</span><a href="/zentao/file-read-9362.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9362.png" alt="" /></a><br /></td>
    043- <td><span style="font-size:14px;">图标</span><a href="/zentao/file-read-9369.png" target="_blank" rel="noreferrer noopener"><img src="{9369.png}" alt="" /></a><br /></td>
    043+ <td><span style="font-size:14px;">图标</span><a href="/zentao/file-read-9369.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9369.png" alt="" /></a><br /></td>
    047- <td style="border:1px solid #ddd;"><img src="{9429.png}" alt="" /><br /></td>
    047+ <td style="border:1px solid #ddd;"><img src="/zentao/file-read-9429.png" alt="" /><br /></td>
    056- <p>2.拖动图标<img src="{9438.png}" alt="" /><img src="{9439.png}" alt="" /></p>
    056+ <p>2.拖动图标<img src="/zentao/file-read-9438.png" alt="" /><img src="/zentao/file-read-9439.png" alt="" /></p>
    069- <p>1. 关注图标<img src="{9434.png}" alt="" /></p>
    069+ <p>1. 关注图标<img src="/zentao/file-read-9434.png" alt="" /></p>
    076- <p>5. 进入详情图标<img src="{9435.png}" alt="" /></p>
    076+ <p>5. 进入详情图标<img src="/zentao/file-read-9435.png" alt="" /></p>
    085- <td style="border:1px solid #ddd;"><img src="{9436.png}" alt="" /><br /></td>
    085+ <td style="border:1px solid #ddd;"><img src="/zentao/file-read-9436.png" alt="" /><br /></td>
    087- </tr></tbody></table></div>
    087+ </tr></tbody></table><h3 style="color:#3C4353;">数据加载失败的页面显示</h3>
    088+ <p>显示【<a href="/zentao/story-view-1929.html#app=product" target="_blank" rel="noreferrer noopener">数据加载失败</a>】页面</p>
    089+ <p><br /></p>
    090+ <p><br /></p>
    091+ <h3 style="color:#3C4353;">离线使用的页面显示</h3>
    092+ <p style="font-size:14px;"><br /></p>
    093+ <p style="font-size:14px;"><span style="background-color:#FFFFFF;">1. 该页面支持离线使用，保留上次缓存的数据，进入页面提示“连接错误”，如图；</span></p>
    094+ <p style="font-size:14px;">2. 点击【好的】可继续查看已缓存的数据</p>
    095+ <img src="/zentao/file-read-9442.png" alt="" /><p></p>
    096+ </div>
返回
所属产品 AQHI
所属模块 监测站列表
所属计划
来源
来源备注
当前状态 激活
所处阶段 已立项
类型 功能
优先级 2
预计故事点 0sp
关键词
抄送给
由谁创建 孙晓娣 于 2023-03-16 14:30:16
指派给
评审人员
评审时间
由谁关闭
关闭原因
最后修改 孙晓娣 于 2023-03-17 16:27:40