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>