需求描述
功能描述

1.查看监测站地图

2.进入监测站列表

3.进入健康忠告


界面


正在上传图片，请稍后...
               


界面元素


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

xxxx年xx月xx日 xx:xx

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

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

2. 点击后，页面内容更新
X
 关闭地图
 图标 

1. 点击图标，关闭地图，返回进入之前的页面。
监测站列表
 进入监测站列表
 图标 
 1. 点击进入【监测站列表】页面。
搜寻地区 搜寻地区
1.点击进入【监测站地图-搜索】页面
监测站地图 查看监测站 图标及指数

1. 圆形图标代表一般监测站；三角形图标代表路边监测站；维修图标代表监测站维修中；可点击地图上的查看类型说明，如图8，再点击收起类型说明；

2. 默认显示AQHI指数，指数显示在图标上，指数不同，显示的颜色不同，颜色根据AQHI指数显示；


3. 点击图标，弹出监测站信息弹框，如图4：

    3.1 点击弹框中的，弹出关注弹窗，如图5；已关注，点击，弹出取消关注弹窗，如图7；

    3.2 点击监测站名称，进入【监测站详情】页面；

    3.3 点击分享按钮，弹出分享窗，分享该页面图片；

    3.4 点击”查看健康忠告“，进入对应AQHI指数的健康忠告页面；

    3.5 点击“新增为关注地点”，弹出关注弹窗，如图5；点击“取消关注地点”，弹出取消关注弹窗，如图7；


4. 地图中蓝色图标显示当前定位。
操作按钮 操作地图显示

污染物图标 

定位图标 

全局图标 

1. 点击污染物图标，列出所有污染物，如图2，再次点击图标，污染物收起；

2. 显示污染物后，点击其他污染物，地图中图标的指数显示当前选中的污染物，如图6（图标内的指数需要最多容纳4位数）；

3. 点击定位图标，弹出现在位置弹框，如图3：

    3.1 点击弹框中的，弹出关注弹窗，如图5；已关注，点击，弹出取消关注弹窗，如图7；

    3.2 中间显示定位图标及“现在位置”字样；

    3.3 点击分享按钮，弹出分享窗，分享该页面图片；

    3.4 点击”查看健康忠告“，进入对应AQHI指数的健康忠告页面；

    3.5 点击“新增为关注地点”，弹出关注弹窗，如图5；点击“取消关注地点”，弹出取消关注弹窗，如图7；

    3.6 下方显示当前位置名称和监测站名称，均不可点击。


4. 点击全局图标，显示整个香港地区所有的监测站。
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-18 10:52:58, 由 孙晓娣 变更。
    修改了 版本号，旧值为 "1"，新值为 "2"。
    修改了 描述 ，区别为：
    001-
    001+ 功能描述
    002+
    003+ 1.查看监测站地图
    004+ 2.进入监测站列表
    005+ 3.进入健康忠告
    006+
    007+ 界面
    008+
    009+ 正在上传图片，请稍后...
    010+ <img src="/zentao/file-read-9463.png" alt="" /><img src="/zentao/file-read-9464.png" alt="" /><img src="/zentao/file-read-9465.png" alt="" /> <img src="/zentao/file-read-9466.png" alt="" /><img src="/zentao/file-read-9467.png" alt="" /> <img src="/zentao/file-read-9468.png" alt="" /><img src="/zentao/file-read-9476.png" alt="" /><img src="/zentao/file-read-9478.png" alt="" />
    011+ 界面元素
    012+
    013+
    014+ 名称
    015+ 用途
    016+ 显示
    017+ 交互
    018+ 标题
    019+ 展示
    020+ 监测站地图
    021+ 无
    022+ 日期
    023+ 展示
    024+
    025+ xxxx年xx月xx日 xx:xx
    026+
    027+ 1. 显示系统当前日期，精确到分。
    028+ 更新
    029+ 展示
    030+ 图标<a href="/zentao/file-read-9370.png" target="_blank" rel="noreferrer noopener"><img src="/zentao/file-read-9370.png" alt="" />
    031+
    032+ 1. 点击图标，有转动效果；
    033+ 2. 点击后，页面内容更新
    034+
    035+ X
    036+ 关闭地图
    037+ 图标<img src="/zentao/file-read-9470.png" alt="" />
    038+
    039+ 1. 点击图标，关闭地图，返回进入之前的页面。
    040+
    041+ 监测站列表
    042+ 进入监测站列表
    043+ 图标<img src="/zentao/file-read-9471.png" alt="" />
    044+ 1. 点击进入【<a href="/zentao/story-view-1922.html" target="_blank" rel="noreferrer noopener">监测站<a href="/zentao/story-view-1922.html" target="_blank" rel="noreferrer noopener">列表】页面。
    045+ 搜寻地区
    046+ 搜寻地区
    047+ <img src="/zentao/file-read-9472.png" alt="" />
    048+ 1.点击进入【<a href="/zentao/story-view-1920.html" target="_blank" rel="noreferrer noopener">监测站地图-搜索】页面
    049+ 监测站地图
    050+ 查看监测站
    051+ 图标及指数
    052+
    053+ 1. 圆形图标代表一般监测站；三角形图标代表路边监测站；维修图标代表监测站维修中；可点击地图上的<img src="/zentao/file-read-9473.png" alt="" />查看类型说明，如图8，再点击<img src="/zentao/file-read-9474.png" alt="" />收起类型说明；
    054+ 2. 默认显示AQHI指数，指数显示在图标上，指数不同，显示的颜色不同，颜色根据AQHI指数显示；
    055+
    056+ 3. 点击图标，弹出监测站信息弹框，如图4：
    057+ 3.1 点击弹框中的<img src="/zentao/file-read-9475.png" alt="" />，弹出关注弹窗，如图5；已关注，点击<img src="/zentao/file-read-9477.png" alt="" />，弹出取消关注弹窗，如图7；
    058+ 3.2 点击监测站名称，进入【<a href="/zentao/story-view-1923.html" target="_blank" rel="noreferrer noopener">监测站详情】页面；
    059+ 3.3 点击分享按钮，弹出分享窗，分享该页面图片；
    060+ 3.4 点击”查看健康忠告“，进入对应AQHI指数的健康忠告页面；
    061+ 3.5 点击“新增为关注地点”，弹出关注弹窗，如图5；点击“取消关注地点”，弹出取消关注弹窗，如图7；
    062+
    063+ 4. 地图中蓝色图标显示当前定位。
    064+
    065+ 操作按钮
    066+ 操作地图显示
    067+
    068+ 污染物图标<img src="/zentao/file-read-9479.png" alt="" />
    069+ 定位图标<img src="/zentao/file-read-9480.png" alt="" />
    070+ 全局图标<img src="/zentao/file-read-9481.png" alt="" />
    071+
    072+
    073+ 1. 点击污染物图标，列出所有污染物，如图2，再次点击图标，污染物收起；
    074+ 2. 显示污染物后，点击其他污染物，地图中图标的指数显示当前选中的污染物，如图6（图标内的指数需要最多容纳4位数）；
    075+ 3. 点击定位图标，弹出现在位置弹框，如图3：
    076+ 3.1点击弹框中的<img src="/zentao/file-read-9475.png" alt="" />，弹出关注弹窗，如图5；已关注，点击<img src="/zentao/file-read-9477.png" alt="" />，弹出取消关注弹窗，如图7；
    077+ 3.2 中间显示定位图标及“现在位置”字样；
    078+ 3.3 点击分享按钮，弹出分享窗，分享该页面图片；
    079+ 3.4 点击”查看健康忠告“，进入对应AQHI指数的健康忠告页面；
    080+ 3.5 点击“新增为关注地点”，弹出关注弹窗，如图5；点击“取消关注地点”，弹出取消关注弹窗，如图7；
    081+ 3.6 下方显示当前位置名称和监测站名称，均不可点击。
    082+
    083+ 4. 点击全局图标，显示整个香港地区所有的监测站。
    084+
    085+
    086+
    087+
    088+
    089+ AQHI图标
    090+ 进入健康忠告
    091+ <img src="/zentao/file-read-9482.png" alt="" />
    092+ 1. 点击AQHI图标，进入点击等级的健康忠告。
    093+
    094+
    095+ 数据加载失败的页面显示
    096+ 显示【<a href="/zentao/story-view-1929.html#app=product" target="_blank" rel="noreferrer noopener">数据加载失败】页面
    097+
    098+
    099+ 离线使用的页面显示
    100+
    101+ 1. 该页面支持离线使用，进入页面提示“连接错误”，如图
    102+ 2.点击【好的】可继续查看地图
    103+
    104+ <img src="/zentao/file-read-9469.png" alt="" />
    105+
    106+
    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><br /></p>
    007+ <h3 style="color:#3C4353;">界面</h3>
    008+ <p><br /></p>
    009+ <div class="image-loading-ele small" style="padding:5px;background:#FFF3E0;border:1px solid #FF9800;color:#ff5d5d;margin:10px 0;"><i class="icon icon-spin icon-spinner-indicator muted"></i> 正在上传图片，请稍后...</div>
    010+ <img src="/zentao/file-read-9463.png" alt="" /><img src="/zentao/file-read-9464.png" alt="" /><img src="/zentao/file-read-9465.png" alt="" /> <img src="/zentao/file-read-9466.png" alt="" /><img src="/zentao/file-read-9467.png" alt="" /> <img src="/zentao/file-read-9468.png" alt="" /><img src="/zentao/file-read-9476.png" alt="" /><img src="/zentao/file-read-9478.png" alt="" /><p><br /></p>
    011+ <h3 style="color:#3C4353;">界面元素</h3>
    012+ <p><br /></p>
    013+ <p>
    014+ </p><table class="table table-kindeditor" style="font-size:14px;background-color:#FFFFFF;width:auto;color:#3C4353;"><tbody><tr><th style="background-color:#F1F1F1;">名称</th>
    015+ <th style="background-color:#F1F1F1;">用途</th>
    016+ <th style="background-color:#F1F1F1;">显示</th>
    017+ <th style="background-color:#F1F1F1;">交互</th>
    018+ </tr></tbody><tbody><tr><td>标题</td>
    019+ <td>展示<br /></td>
    020+ <td>监测站地图</td>
    021+ <td>无</td>
    022+ </tr><tr><td><span style="font-size:14px;">日期</span><br /></td>
    023+ <td><span style="font-size:14px;">展示</span><br /></td>
    024+ <td>
    025+ <p>xxxx年xx月xx日 xx:xx</p>
    026+ </td>
    027+ <td><span style="font-size:14px;">1. 显示系统当前日期，精确到分。</span><br /></td>
    028+ </tr><tr><td><span style="font-size:14px;">更新</span><br /></td>
    029+ <td>展示<br /></td>
    030+ <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>
    031+ <td>
    032+ <p style="font-size:14px;">1. 点击图标，有转动效果；</p>
    033+ <p style="font-size:14px;">2. 点击后，页面内容更新<span style="font-size:13px;"></span></p>
    034+ </td>
    035+ </tr><tr><td><span style="font-size:14px;">X</span><br /></td>
    036+ <td><span style="font-size:14px;">关闭地图</span><br /></td>
    037+ <td><span style="font-size:14px;">图标<img src="/zentao/file-read-9470.png" alt="" /></span><br /></td>
    038+ <td>
    039+ <p style="font-size:14px;">1. 点击图标，关闭地图，返回进入之前的页面。</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;">图标<img src="/zentao/file-read-9471.png" alt="" /></span><br /></td>
    044+ <td><span style="font-size:14px;">1. 点击进入【<a href="/zentao/story-view-1922.html" target="_blank" rel="noreferrer noopener">监测站</a></span><a href="/zentao/story-view-1922.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-9472.png" alt="" /><br /></td>
    048+ <td style="border:1px solid #ddd;">1.点击进入【<a href="/zentao/story-view-1920.html" target="_blank" rel="noreferrer noopener">监测站地图-搜索</a>】页面</td>
    049+ </tr><tr><td style="border:1px solid #ddd;">监测站地图</td>
    050+ <td style="border:1px solid #ddd;">查看监测站</td>
    051+ <td style="border:1px solid #ddd;">图标及指数</td>
    052+ <td style="border:1px solid #ddd;">
    053+ <p>1. 圆形图标代表一般监测站；三角形图标代表路边监测站；维修图标代表监测站维修中；可点击地图上的<img src="/zentao/file-read-9473.png" alt="" />查看类型说明，如图8，再点击<img src="/zentao/file-read-9474.png" alt="" />收起类型说明；</p>
    054+ <p>2. 默认显示AQHI指数，指数显示在图标上，指数不同，显示的颜色不同，颜色根据AQHI指数显示；</p>
    055+ <p><br /></p>
    056+ <p>3. 点击图标，弹出监测站信息弹框，如图4：</p>
    057+ <p> 3.1 点击弹框中的<img src="/zentao/file-read-9475.png" alt="" />，弹出关注弹窗，如图5；已关注，点击<img src="/zentao/file-read-9477.png" alt="" />，弹出取消关注弹窗，如图7；</p>
    058+ <p> 3.2 点击监测站名称，进入【<a href="/zentao/story-view-1923.html" target="_blank" rel="noreferrer noopener">监测站详情</a>】页面；</p>
    059+ <p> 3.3 点击分享按钮，弹出分享窗，分享该页面图片；</p>
    060+ <p> 3.4 点击”查看健康忠告“，进入对应AQHI指数的健康忠告页面；</p>
    061+ <p> 3.5 点击“新增为关注地点”，<span>弹出关注弹窗，如图5；点击“取消关注地点”，<span>弹出取消关注弹窗，如图7；</span></span></p>
    062+ <p><span><span><br /></span></span></p>
    063+ <p><span><span>4. 地图中蓝色图标显示当前定位。</span></span></p>
    064+ </td>
    065+ </tr><tr><td style="border:1px solid #ddd;">操作按钮</td>
    066+ <td style="border:1px solid #ddd;">操作地图显示</td>
    067+ <td style="border:1px solid #ddd;">
    068+ <p>污染物图标<img src="/zentao/file-read-9479.png" alt="" /></p>
    069+ <p>定位图标<img src="/zentao/file-read-9480.png" alt="" /></p>
    070+ <p>全局图标<img src="/zentao/file-read-9481.png" alt="" /></p>
    071+ </td>
    072+ <td style="border:1px solid #ddd;">
    073+ <p>1. 点击污染物图标，列出所有污染物，如图2，再次点击图标，污染物收起；</p>
    074+ <p>2. 显示污染物后，点击其他污染物，地图中图标的指数显示当前选中的污染物，如图6（图标内的指数需要最多容纳4位数）；</p>
    075+ <p>3. 点击定位图标，弹出现在位置弹框，如图3：</p>
    076+ <p> 3.1<span>点击弹框中的</span><img src="/zentao/file-read-9475.png" alt="" /><span>，弹出关注弹窗，如图5；已关注，点击</span><img src="/zentao/file-read-9477.png" alt="" /><span>，弹出取消关注弹窗，如图7；</span></p>
    077+ <p> 3.2 中间显示定位图标及“现在位置”字样；</p>
    078+ <p> 3.3 点击分享按钮，弹出分享窗，分享该页面图片；</p>
    079+ <p> 3.4 点击”查看健康忠告“，进入对应AQHI指数的健康忠告页面；</p>
    080+ <p> 3.5 点击“新增为关注地点”，<span>弹出关注弹窗，如图5；点击“取消关注地点”，弹出取消关注弹窗，如图7；</span></p>
    081+ <p><span> 3.6 下方显示当前位置名称和监测站名称，均不可点击。</span></p>
    082+ <p><span><br /></span></p>
    083+ <p><span>4. 点击全局图标，显示整个香港地区所有的监测站。</span></p>
    084+ <div><br /></div>
    085+ <p><br /></p>
    086+ <p><br /></p>
    087+ <p><br /></p>
    088+ </td>
    089+ </tr><tr><td style="border:1px solid #ddd;"><span style="font-size:14px;background-color:#FFFFFF;">AQHI图标</span><br /></td>
    090+ <td style="border:1px solid #ddd;"><span style="font-size:14px;background-color:#FFFFFF;">进入健康忠告</span><br /></td>
    091+ <td style="border:1px solid #ddd;"><img src="/zentao/file-read-9482.png" alt="" /><br /></td>
    092+ <td style="border:1px solid #ddd;"><span style="font-size:14px;background-color:#FFFFFF;">1. 点击AQHI图标，进入点击等级的健康忠告。</span><br /></td>
    093+ </tr></tbody></table><p><br /></p>
    094+ <p><br /></p>
    095+ <h3 style="color:#3C4353;">数据加载失败的页面显示</h3>
    096+ <p>显示【<a href="/zentao/story-view-1929.html#app=product" target="_blank" rel="noreferrer noopener">数据加载失败</a>】页面</p>
    097+ <p><br /></p>
    098+ <p><br /></p>
    099+ <h3 style="color:#3C4353;">离线使用的页面显示</h3>
    100+ <p><br /></p>
    101+ <p style="font-size:14px;">1. 该页面支持离线使用，进入页面提示“连接错误”，如图</p>
    102+ <p style="font-size:14px;">2.<span style="background-color:#FFFFFF;">点击【好的】可继续查看地图</span></p>
    103+ <p><br /></p>
    104+ <p><img src="/zentao/file-read-9469.png" alt="" /></p>
    105+ <p><br /></p>
    106+ </div>
返回
所属产品 AQHI
所属模块 监测站地图
所属计划
来源
来源备注
当前状态 激活
所处阶段 已立项
类型 功能
优先级 1
预计故事点 0sp
关键词
抄送给
由谁创建 孙晓娣 于 2023-03-16 14:30:16
指派给
评审人员
评审时间
由谁关闭
关闭原因
最后修改 孙晓娣 于 2023-03-18 10:52:58