dashboard需求分析
## 设计分析
### 设计dashboard布局
>w ◆ 每个B端产品都有自己特定工作场景，
◆ 卡片型表现结构
◆ 拓展性
◆ 层级清晰
*工作场景：* 自定义卡片布局
## 信息处理
#### 当弄清楚需要呈现信息内容后，需要进一步对信息做处理
<span style="color:#ff0000">将有相关联的内容进行分组呈现，让Dashboard内容归类而不杂乱无章</span>
数据概览通常都是选取最关注的数据指标来展示，而不是全部数据；选取最关注的时间段，而非全部时间段
### 两大类型
>w ◆ 固定卡片
◆ 自定义卡片
◆ 分组
*固定卡片如下：*
告警统计，资源监控，主机流入流量统计，主机流出流量统计，服务健康状态，连续运行时间一致性；
*自定义卡片如下：*
自定义TOP排序，数值卡片，时序图卡片，进度条卡片，饼图卡片，表格卡片；
## 技术预言
### 插件：[vue-grid-layout](https://jbaysolutions.github.io/vue-grid-layout/)