The aidefender from orientsoft

细节改进

1、告警展示表头可以配置，告警使用颜色区别
2、节点配置的KPI可以排序
3、暂时关闭系统拓扑

指标设置界面

添加告警界面的时间切片组件

根据选中的指标告警时间范围查询数据

回到顶部按钮报错：Warning: Invalid value for prop `target` on <div> tag

系统查询的table展示完整的ES数据

添加折叠面板，展开查看原始ES数据，类似kibana

设置界面弹出框未锁定

点击添加按钮后，如果点击页面其他部分，弹出框消失。建议锁定

跨月时间显示有问题

选择6月29日到7月2日的告警图只显示 6/29 和 7/2 两天的数据，而不是6/29 到 7/2 日，4天的数据。跨月都有这个问题。
而且点击红色的异常点后，下面的告警指数列表会显示7月3日的数据。

完成task界面及功能

获取task列表功能：
进入页面获取task列表（API： GET /tasks）
添加task功能：
点击添加按钮弹出模态框，配置数据，点击保存。
(API: POST /tasks 保存数据：{
name: String,
input: ObjectId,
output: ObjectId,
script: String,
params: Array,
type: Number,
cron: String,
running: Boolean
})
修改port功能：
点击edit按钮，弹出模态框，配置数据，点击保存。
首先获取指定数据：（API： GET /tasks/:taskId ）
保存修改：（API： PUT //tasks/:taskId ）
删除功能：
点击delete按钮弹出confirm框，点击删除。
（API： DELETE /tasks/:taskId）

将所有与时间相关的图表替换为可缩放时间范围的图表组件

KPI和查询结果联动

告警时间切片可以框选时间范围，同时改变全局时间

编辑节点设置后刷新相关页面

告警展示表格分页，KPI图表时间自动调整

添加分页查询
解决KPI图表重绘卡顿

关于系统设置采用什么组件以何种方式展示的问题

目前从后端获取的数据是树状结构的JSON数据，需要在前端以分层，树形来创建节点并展示。现在很多图形库都有类似的chart，需要选择一个最合适的，并在上面修改以满足当前的需求。
Sample：
https://www.basicprimitives.com/index.php?option=com_local&view=local&Itemid=42&lang=en
http://echarts.baidu.com/examples.html#chart-type-tree

KPIChart图表展示

添加折线图和面积图等图表类型

完成折线图图表数据的展示
完成面积图图表数据的展示
(可选)增加其它图表类型

移除主机配置到环境变量

为每个Task添加日志查看功能，需要与后端配合实现

日志按钮添加在flow的任务列表中，只有启动的任务才能查看日志（日志用jobId查询）

把节点配置的Alert配置移到数据源配置中，已配置的Alert从Mongo中读取

统一节点配置中的数据源、KPI和Alert界面
在数据源设置中添加Alert配置选项
用Mongo保存和读取Alert配置

多数据源查询，先合并多列，然后展示数据。

修复查询条件Tag点击关闭时全部移除的问题

从手机银行切换回核心的时候界面白板，报错：

获取数据源中每个字段的类型，以便能在查询时判断输入的值是否正确、以及在指标配置时可以对特定字段进行过滤

解析ES返回的字段类型
更新数据源保存配置，将字段类型一并存入
系统查询中根据字段的类型判断输入的条件是字符串还是数字
更新指标配置，聚合只能选择相应的字段

实现节点信息配置，并且当点击节点时，刷新父节点的配置信息

实现节点对 DS, KPI, Alert 的配置
实现点击子节点，同步更新父节点配置信息

更新指标设置

当前的指标设置需要改变：

将source字段由只保存数据源名称改为保存整个数据源数据
特定字段只能选择特定的聚合操作
改变数据源时需要清空Y轴已添加的条件

实现添加用户和权限分配。

完成port界面以及功能

展示table
添加和修改模态框
获取port列表功能：
进入页面获取port列表（API： GET /ports）
添加port功能：
点击添加按钮弹出模态框，配置数据，点击保存。
const PORT_TYPES = {
REDIS_CHANNEL: 0,
NSQ_QUEUE: 1,
MONGODB_COLLECTION: 2,
ES_INDEX: 3
};
(API: POST /ports 保存数据：{name: String, type: Number})
修改port功能：
点击edit按钮，弹出模态框，配置数据，点击保存。
首先获取指定数据：（API： GET /ports/:portID ）
保存修改：（API： PUT /ports/:portID 保存数据：{name: String, type: Number}）
删除功能：
点击delete按钮弹出confirm框，点击删除。
（API： DELETE /ports/:portID）

修复系统查询菜单默认高亮

添加Fix脚本，在项目build之前，自动修复 Echarts Tree 删除最后一个节点异常的Bug。

这使得项目打包前，无须考虑组件Bug的问题，使得打包后的程序可以正常运行。

实现可以保存多条查询条件，并支持对查询条件命名，查询条件可以保存在tree对应节点上；用户可以选择不同的查询历史进行查询。

数据源设置界面

实现数据源查询和结果展示

重新设计查询条件界面
获取当前数据源配置，组合查询条件
展示查询结果
保存查询条件到节点

细分告警时间切片和数据表格展示

增加小时和分钟时间切片组件
根据选中的时间段获取切片数据
添加表格展示数据

根据异常分数大小决定时间切片颜色深度，表格展示中不显示NORMAL级别告警

根据max聚合划分颜色深度
优化时间自动调整，优化图表重绘卡顿
重构告警查询语句，筛除NORMAL告警

修改MapNode组件，实现查询模式下的，单分支选择（选中某个分支，其他分支变成未选中）

重构代码，让查询模式和设置模式更加清晰。
实现分支单选。

编辑指标或节点配置时，如果指标或数据源不存在，重置为空

修复指标配置中数据源不存在时报错的问题
修复节点配置中数据源、KPI、Alert不存在时报错的问题

指标配置中过滤某些不能做聚合的字段类型

数据源名称可以修改

查询界面时间调整，可以选择时间范围，默认是最近一天。

添加和修改 NPM的数据组织，告警API调整，task 列表。

重新调整时间拖动组件

修复Echarts Tree 组件bug, 该bug导致无法删除节点树中的最后一个节点

数据链路瀑布图

设想是KPI查询详情列表，具有数据链路的数据，允许点击。
弹出数据链路对话框，对话框分为2个部分，上部为数据链路瀑布图，下部为该链路数据详情列表。
比较类似于Chrome调试工具中network页的展示。

需要后端提供配置信息：
哪些类型的数据在数据链路中
根据当前数据（及类型），返回数据链路中其他需要查询的index，以及每个index需要查询的Key

相关配套系统：
数据链路配置，可以创建多条数据链路，每条数据链路中的节点需要包含的信息：
index和对应的key，index的前后关系

tab组件
添加和修改模态框
历史数据模态框
获取flow列表功能：
进入页面获取所有flow（API： GET /flows）
添加flow功能：
点击左上角添加按钮，弹出模态框，添加flow名字，生成一个空白tab，点击tab中的添加按钮，弹出 add tasks 模态框，配置数据，点击保存，得到后端返回的数据展示flow。
(API: POST /flows
保存数据：{
name: String,
tasks: [ ObjectId ],
triggers: [ ObjectId ],
})
一个flow由多个tasks组成，
add tasks 模态框选项：
type: {NORMAL, CRON}，根据type列出tasks，
tasks: 已添加的tasks列表，
create按钮：点击按钮弹出add task模态框，配置数据保存生成新的task，
trigger：（为可选项）
启动按钮：默认关闭状态，如果需要为该task添加trigger，则启动按钮，
operation：START, STOP,RESTART
target：已添加的tasks列表
add按钮：点击按钮则往flow中添加一个节点task，保存trigger，同时展示在table中，
delete按钮：点击按钮删除该节点task，同时删除对应的trigger
done按钮：点击按钮保存flow，
修改flow功能：
点击edit按钮，弹出模态框，配置数据，点击保存。
首先获取指定数据：（API： GET /flows/:flowId ）
保存修改：（API： PUT /flows/:flowId
保存数据：{
name: String,
tasks: [ ObjectId ],
triggers: [ ObjectId ],
})）
删除flow功能：
点击delete按钮弹出confirm框，点击删除。
（API： DELETE /flows/:flowId）
启动flow功能：
点击tab中的启动按钮，会将flow中所有的tasks都启动，
（API： POST ／jobs
request: {taskId: [ ObjectId ] // 可以一次性发送整个Flow的taskId}
）

系统查询部分，需要实现默认不带条件只有时间的查询，此时默认至多返回500条数据。

将系统查询界面的时间范围拖动和日期选择组件放在一起

完成时间范围拖动和日期选择组件的布局
保存全局时间
根据所选系统设置当前全局时间

orientsoft / aidefender Goto Github PK

aidefender's People

Contributors

Stargazers

Watchers

aidefender's Issues

Recommend Projects

Recommend Topics

Recommend Org