开始:
一:当开始一个项目时,应该先分析该项目的组成,例如 某数据大屏,共分为八大模块
1. 头部header模块,包括是项目的title,一些时间的组成
2. 左边(line-area)三个echarts图模块,这三块echarts功能相似,都为折线图,所以可以将它作为一个组件复用,动态的传递不同的参数即可。
3. 中上部分模块(order-list)模块,该模块主要是一些简单的交互数据的展示。
4. 中中部分模块(weak-area)模块,该模块是一个柱形的echarts图模块,需要分析近几日的数据交互,比如后台只传进三天的数据,那我们该如何将其在最近的几天中进行定位的渲染。
5. 中下部分模块(slider-area)模块,该模块是一个轮播图区域,运用ionic自带的轮播组件进行两个echart模块的轮播,一个为饼图,一个为雷达图。
6. 右上部分模块(order-day)模块,该模块是一个日产订单列表模块,该列表需要注意是一个自动分页的数据展示模块
7. 右下部分模块 (order-month)模块,该模块是一个月订单产品模块,也是一个echarts折线图模块。
二:分块分析
1.:header模块主要有时间戳(自动刷新)
ts部分:
// 日期实时获取
public day: any = new Date();
public today: any = this.day.getDay();
public weekArr: any[] = [
'星