业务基础功能开发
收到议题后,请关注议题右侧面板的指派人/截止日期/预计工时,请在截止日期前完成议题的工作,如无法完成,提前说明情况
完成其中一项任务就提交一次代码,并在议题上打勾,记录用时,不要等所有任务都做完再做标记,不知如何操作问相关负责人
了解公司的库,请查看 《UI文档》
制图相关参数:
- Tif 产品名: Z_AGME_C_BABJ_20220622000000_P_CAGMSS_WCRM_WEEK-TMXX_10KM_CHN_L88_PD_000_00.tif
- 电子地图产品名称:Z_AGME_C_BABJ_20220622000000_P_CAGMSS_WCRM_WEEK-TMXX_10KM_CHN_L88_PD_000_00.png
- 打印视图产品名称:Z_AGME_C_BABJ_20220622000000_P_CAGMSS_WCRM_WEEK-TMXX_10KM_CHN_L88_PD_000_00.jpg
- owner用户名使用
default
- 用户名: 100000(全国) 150000(内蒙古)
- 可能用到的 模块 LayoutModule、YzNgxMapModule、YzNgxPrintModule 接口服务
YzGisService
(负责提供制图相关的API接口)
注: 操作仓库前请先了解 《GIT 代码管理规范》
任务如下
-
1. 创建一个人项目,名称为 project-app
- 要求样式使用 Less
- 拒绝谷歌分析
-
2. 使用公司的表格库(@yz-ui/grid@3.2.0)展示站点数据,并支持点击指定站点,使用 echarts 显示该站点的各个年份的 最高气温
(x 轴为年份/ y 轴为站点数据)
具体要求:
-
站点数据 - 仅负责提供站点信息,需要自己生成多年的
最高气温
(符合温度范围,随机即可) stat__1_.json -
服务负责生产数据
- 服务分接口服务和业务服务,接口服务负责与服务端接口对接的实现,不实现任何业务;业务接口可以调用接口服务的接口,实现需要的业务
-
组件负责接收并展示数据
- 开发的组件要求默认启用
OnPush
模式 - 组件至少包含
refresh()
刷新功能 和reset()
重置功能 - 要支持防抖,切换站点时避免界面闪烁
- 组件销毁时,如果还存在请求订阅,必须销毁
- 界面开发请遵循 《UI设计规范》
- 开发的组件要求默认启用
-
3. 使用 电子地图(@yz-ui/map-viewer@2.0.3) 实现上面站点数据的展示,要求,默认选中当前年份,并将所有站点当前年份的数据筛选出来,展示到地图上,并展示图例。在切换年份的时候,可查看对应年份的站点数据。 - 图例的颜色分级根据平均气温(TAV)的标准分级
-
4. 使用 Tif 产品制作一张平均气温的图,并贴到地图上
-
5. 使用 打印视图(@yz-ui/print@3.4.3) 制作一张全国的最高气温的产品图,要求地图定位准确,文字大小位置适中,如下:
-
6. 同理:切换到内蒙古地区,将上述站点/格点/打印视图的产品分别制作产品图,要求同上。 -
7. 升级版本号并打包,使用 live-server 或 http-server 可在本地运行
版本号格式: 大版本:中版本:小版本
大版本一般用于框架升级等重大改变才会考虑升级
中版本一般用于新增功能等
小版本一般用于bug修复等
-
8. 记录更新内容,关联议题,并提交代码,如下:
// readme.md 记录历史示例如下:
# History
## 2023-7-4 v1.0.0 cma/wcagmssweb#60
1. 新增 - 展示最高气温站点数据
2. 新增 - 实现最高气温站点数据添加以及格点图的添加
3. 修复: ...
4. 优化: ...
5. 删除: ...
6. 新增依赖 - @yz-ui/map-viewer@2.1.1、@yz-ui/grid@3.1.0
7. 新增配置文件 - assets/config/stat.json
...
-
9. 在相关议题评论区艾特相关人员说明该议题已完成
@zhoufeng422 请知晓