CoolGuard事件查询增加策略和规则筛选,条件结果展示

策略规则筛选

效果展示

首先需要一个级联选择器,依次是应用-策略集-策略-规则,当然如果后期增加了租户或部门的概念可以再加。

结合事件筛选后

其他相关的也都带上了这个条件

选择应用-策略集-策略-规则查询

如下只有一条数据满足此条件。

规则命中排序

其实增加了策略和规则筛选的主要目的是为了事件分析,特别是规则命中的分析,但还有一些不确定的内容,所以还无法展开聊。

目前还没做好,只是将规则code和version聚合计数排序,后面还需要再完善,如补充其他规则信息,扩展排序之外的更有价值的分析等。

json 复制代码
[
  {
    "code": "33a5b1ad71864121b6990f1d34bce39e",
    "count": 77,
    "version": 4
  },
  {
    "code": "4d3527f1096541e8b7fe5367603a4ea4",
    "count": 36,
    "version": 4
  },
  {
    "code": "664f30f443874698979674ee2c67474a",
    "count": 2,
    "version": 2
  },
  {
    "code": "974a5d51c36747038f97f08321a3d043",
    "count": 47,
    "version": 4
  }
]

条件结果展示

效果展示

如上事件结果的规则增加了条件结果展示

展示也是嵌套的,如果叶子节点满足则是绿色,如果不满足则是红色,如果因为条件短路表示跳过是橘色,条件组会依据组合的"与或"关系展示对应的按钮颜色。

下面是测试的,其中还有问题,就是第一个和最后一个高度不确定时会超出部分,不是很美观,暂时未解决。

另外在结合事件结果展示也比较丑,整体设计上还需要优化一下。

大概实现

后端数据准备

条件新增结果字段

分别对应true/false/skipped

条件运行并设置结果如下

java 复制代码
public boolean cond(Cond cond, FieldContext fieldContext, IndicatorContext indicatorContext) {
    log.info("条件:{}", cond);
    if (cond == null) {
        return true;
    }
    // 如果有子节点,则递归计算子节点的结果
    if (CollUtil.isNotEmpty(cond.getChildren())) {
        List<Cond> children = cond.getChildren();
        boolean finalResult;
        switch (cond.getRelation().toUpperCase()) {
            case "AND" -> {
                finalResult = true;
                for (int i = 0; i < children.size(); i++) {
                    Cond child = children.get(i);
                    // 递归计算子条件结果
                    boolean childResult = cond(child, fieldContext, indicatorContext);

                    if (!childResult) {
                        // 发现第一个 FALSE,触发短路
                        finalResult = false;
                        child.setResult(CondResult.FALSE);

                        // 标记后续所有兄弟节点为 SKIPPED
                        for (int j = i + 1; j < children.size(); j++) {
                            children.get(j).setResult(CondResult.SKIPPED);
                        }
                        break; // 退出外层 for 循环 (短路)
                    } else {
                        // 子条件为 TRUE,标记结果并继续
                        child.setResult(CondResult.TRUE);
                    }
                }
            }
            case "OR" -> {
                finalResult = false;
                for (int i = 0; i < children.size(); i++) {
                    Cond child = children.get(i);
                    // 递归计算子条件结果
                    boolean childResult = cond(child, fieldContext, indicatorContext);

                    if (childResult) {
                        // 发现第一个 TRUE,触发短路
                        finalResult = true;
                        child.setResult(CondResult.TRUE);

                        // 标记后续所有兄弟节点为 SKIPPED
                        for (int j = i + 1; j < children.size(); j++) {
                            children.get(j).setResult(CondResult.SKIPPED);
                        }
                        break; // 退出外层 for 循环 (短路)
                    } else {
                        // 子条件为 FALSE,标记结果并继续
                        child.setResult(CondResult.FALSE);
                    }
                }
            }
            default -> throw new IllegalArgumentException("Unsupported relation: " + cond.getRelation());
        }
        // 注入父节点的聚合结果
        cond.setResult(finalResult ? CondResult.TRUE : CondResult.FALSE);
        return finalResult;
    }

    // 处理叶子节点
    boolean leafResult = condLeaf(cond, fieldContext, indicatorContext);
    cond.setResult(leafResult ? CondResult.TRUE : CondResult.FALSE);
    return leafResult;
}

这样条件结果展示需要的数据就具备了

前端组件调整

从父组件到每个单项条件组件增加showResult,根据传入值决定是否是条件结果展示模式。

当然下面还有如:条件层级(与或条件组层级)、不可编辑、条件模式(规则模式:可以设置指标,针对规则条件配置;指标模式:不可设置指标,针对指标条件配置),都是之前已经有的了。

另外前端也加上结果字段,同时表单校验规则修改一下,允许result为空。

同时组件调整一下,判断是否要展示结果,展示结果时使用特定的样式。

最后

最后补充一下,因为我本地测试和演示环境使用的是同一套es,所以在演示环境看到的有些事件数据关联的规则或策略是找不到,这些只在我本地存储。

相关推荐
xiaoxue..1 分钟前
哨兵节点与快慢指针解决链表算法难题
前端·javascript·数据结构·算法·链表
这是个栗子1 分钟前
【前端知识点总结】前端跨域问题
前端·跨域·cors
尽欢i7 分钟前
踩过坑才懂:前端生成唯一 ID,别用 Date.now ()了!一行代码搞定
前端·javascript
JS_GGbond7 分钟前
解锁 JavaScript 对象的“魔法宝箱”:这些方法让你玩转对象操作
前端·javascript
是杉杉吖~12 分钟前
《5 分钟上手 React Flex 容器:从 0 搭建响应式卡片列表》
前端·react.js·前端框架
大江东第一深情16 分钟前
Origin 2024 进行语言切换后仍然显示为英文
运维·前端
小火锅啊16 分钟前
java实现生成PDF文件
后端
lxh011319 分钟前
最长公共子序列
前端·数据结构
Можно19 分钟前
ES6扩展运算符:从基础到实战的全方位解析
前端·javascript
豆苗学前端20 分钟前
闭包、现代JS架构的基石(吊打面试官)
前端·javascript·面试