@epxing/business 0.0.0-stage → 5.3.0-beta.2

package/dist/src/components/process-healthcheck/HealthcheckChart.js

@@ -0,0 +1,234 @@
+import '../../../style.css';
+import _sfc_main from "./HealthcheckChart.vue.js";
+import { resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, createElementVNode, toDisplayString, createCommentVNode, createTextVNode, normalizeClass, createVNode, withCtx, Fragment, renderList, createBlock } from "vue";
+/* empty css                      */
+/* empty css                      */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = { class: "process-healthcheck" };
+const _hoisted_2 = { class: "process-healthcheck__toolbar" };
+const _hoisted_3 = { class: "process-healthcheck__info" };
+const _hoisted_4 = {
+  key: 0,
+  class: "process-healthcheck__title"
+};
+const _hoisted_5 = { class: "process-healthcheck__summary" };
+const _hoisted_6 = {
+  key: 0,
+  class: "is-success"
+};
+const _hoisted_7 = { class: "process-healthcheck__actions" };
+const _hoisted_8 = {
+  class: "process-healthcheck__canvas",
+  ref: "canvas"
+};
+const _hoisted_9 = { class: "phc-issues" };
+const _hoisted_10 = { class: "phc-issue__body" };
+const _hoisted_11 = { class: "phc-issue__detail" };
+const _hoisted_12 = {
+  key: 0,
+  class: "phc-issue__users"
+};
+const _hoisted_13 = ["onClick"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_button_group = resolveComponent("el-button-group");
+  const _component_el_tag = resolveComponent("el-tag");
+  const _component_el_table_column = resolveComponent("el-table-column");
+  const _component_el_table = resolveComponent("el-table");
+  const _component_el_dialog = resolveComponent("el-dialog");
+  const _component_epx_check_history = resolveComponent("epx-check-history");
+  const _directive_loading = resolveDirective("loading");
+  return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", _hoisted_2, [
+      createElementVNode("div", _hoisted_3, [
+        $data.processName ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString($data.processName), 1)) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_5, [
+          createElementVNode("span", null, [
+            _cache[2] || (_cache[2] = createTextVNode("扫描在途实例：", -1)),
+            createElementVNode("b", null, toDisplayString($data.scannedInstanceCount), 1)
+          ]),
+          createElementVNode("span", null, [
+            _cache[3] || (_cache[3] = createTextVNode("异常业务数据：", -1)),
+            createElementVNode("b", {
+              class: normalizeClass({ "is-danger": $data.totalRows > 0 })
+            }, toDisplayString($data.totalRows), 3)
+          ]),
+          createElementVNode("span", null, [
+            _cache[4] || (_cache[4] = createTextVNode("异常节点：", -1)),
+            createElementVNode("b", {
+              class: normalizeClass({ "is-danger": $options.errorNodeIds.length > 0 })
+            }, toDisplayString($options.errorNodeIds.length), 3)
+          ]),
+          $data.healthLoaded && $options.errorNodeIds.length === 0 ? (openBlock(), createElementBlock("span", _hoisted_6, "未检测到异常节点")) : createCommentVNode("", true)
+        ])
+      ]),
+      createElementVNode("div", _hoisted_7, [
+        createVNode(_component_el_button_group, null, {
+          default: withCtx(() => [
+            createVNode(_component_el_button, {
+              size: "small",
+              icon: "el-icon-zoom-out",
+              onClick: $options.zoomOut
+            }, null, 8, ["onClick"]),
+            createVNode(_component_el_button, {
+              size: "small",
+              icon: "el-icon-zoom-in",
+              onClick: $options.zoomIn
+            }, null, 8, ["onClick"]),
+            createVNode(_component_el_button, {
+              size: "small",
+              icon: "el-icon-full-screen",
+              onClick: $options.fitViewport
+            }, null, 8, ["onClick"])
+          ]),
+          _: 1
+        }),
+        createVNode(_component_el_button, {
+          type: "primary",
+          size: "small",
+          icon: "el-icon-refresh",
+          onClick: $options.runHealthCheck
+        }, {
+          default: withCtx(() => [..._cache[5] || (_cache[5] = [
+            createTextVNode("重新检测", -1)
+          ])]),
+          _: 1
+        }, 8, ["onClick"])
+      ])
+    ]),
+    createElementVNode("div", _hoisted_8, null, 512),
+    createVNode(_component_el_dialog, {
+      class: "dialog",
+      "custom-class": "phc-dialog",
+      title: $options.dialogTitle,
+      modelValue: $data.dialogVisible,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.dialogVisible = $event),
+      width: "920px",
+      "append-to-body": ""
+    }, {
+      default: withCtx(() => [
+        createVNode(_component_el_table, {
+          data: $options.activeRows,
+          border: "",
+          size: "small",
+          "max-height": "500",
+          "row-key": $options.getRowKey,
+          "default-expand-all": ""
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_el_table_column, { type: "expand" }, {
+              default: withCtx((scope) => [
+                createElementVNode("div", _hoisted_9, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(scope.row.__items, (item, i) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: i,
+                      class: "phc-issue"
+                    }, [
+                      createVNode(_component_el_tag, {
+                        size: "small",
+                        type: $options.checkTypeTag(item.checkType),
+                        class: "phc-issue__tag"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(item.checkTypeDesc || item.checkType), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["type"]),
+                      createElementVNode("div", _hoisted_10, [
+                        createElementVNode("div", _hoisted_11, toDisplayString(item.detail || "-"), 1),
+                        $options.affectedUserNames(item) ? (openBlock(), createElementBlock("div", _hoisted_12, "受影响用户：" + toDisplayString($options.affectedUserNames(item)), 1)) : createCommentVNode("", true)
+                      ])
+                    ]);
+                  }), 128))
+                ])
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_table_column, {
+              label: "申请人",
+              prop: "applyUserName",
+              "min-width": "160",
+              "show-overflow-tooltip": ""
+            }),
+            createVNode(_component_el_table_column, {
+              label: "业务主键",
+              "min-width": "180"
+            }, {
+              default: withCtx((scope) => [
+                createElementVNode("span", null, toDisplayString(scope.row.businessKey || "-"), 1),
+                scope.row.businessKey ? (openBlock(), createElementBlock("i", {
+                  key: 0,
+                  class: "el-icon-tickets phc-audit",
+                  title: "流程审核记录",
+                  onClick: ($event) => $options.openAuditHistory(scope.row)
+                }, null, 8, _hoisted_13)) : createCommentVNode("", true)
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_table_column, {
+              label: "当前节点",
+              prop: "currentNodeName",
+              "min-width": "120",
+              "show-overflow-tooltip": ""
+            }),
+            createVNode(_component_el_table_column, {
+              label: "启动时间",
+              "min-width": "150"
+            }, {
+              default: withCtx((scope) => [
+                createTextVNode(toDisplayString($options.formatTime(scope.row.startTime)), 1)
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_table_column, {
+              label: "异常项",
+              width: "100",
+              align: "center"
+            }, {
+              default: withCtx((scope) => [
+                createVNode(_component_el_tag, {
+                  size: "small",
+                  type: "danger"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString((scope.row.__items || []).length) + " 项", 1)
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["data", "row-key"])
+      ]),
+      _: 1
+    }, 8, ["title", "modelValue"]),
+    createVNode(_component_el_dialog, {
+      class: "dialog",
+      "custom-class": "phc-dialog",
+      title: "流程审核记录",
+      modelValue: $data.auditDialogVisible,
+      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.auditDialogVisible = $event),
+      width: "1000px",
+      "append-to-body": "",
+      "destroy-on-close": ""
+    }, {
+      default: withCtx(() => [
+        $data.auditDialogVisible ? (openBlock(), createBlock(_component_epx_check_history, {
+          key: 0,
+          "meta-id": $data.auditMetaId,
+          "form-data": $data.auditFormData,
+          "comp-configs": { type: "table" }
+        }, null, 8, ["meta-id", "form-data"])) : createCommentVNode("", true)
+      ]),
+      _: 1
+    }, 8, ["modelValue"])
+  ])), [
+    [_directive_loading, $data.loading]
+  ]);
+}
+const HealthcheckChart = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-2e63e9bf"]]);
+export {
+  HealthcheckChart as default
+};

package/dist/src/components/process-healthcheck/HealthcheckChart.vue.js

@@ -0,0 +1,348 @@
+import __cjsReq0 from "bpmn-js/lib/NavigatedViewer";
+import __cjsReq1 from "camunda-bpmn-moddle/resources/camunda";
+import customTranslate from "../../assets/customTranslate/customTranslate.js";
+import HealthcheckRenderer from "./HealthcheckRenderer.js";
+import component from "@epxing/core/src/mixins/component";
+const __compatRequireEnsure = (_deps, cb) => Promise.resolve().then(() => cb && cb());
+const CHECK_TYPE_TAG = {
+  PERM_AUDIT_NO_DATA: "danger",
+  PERM_AUDIT_NO_API: "warning",
+  NO_OUTGOING_MATCH: "danger",
+  EMPTY_AUDITOR: "warning"
+};
+const _sfc_main = {
+  name: "epx-process-healthcheck-chart",
+  mixins: [component],
+  // 配置点默认值（后台配置面板覆盖）
+  processId: "",
+  // 渲染流程定义图的模型ID（ACT_RE_MODEL.ID）
+  processCode: "",
+  // 健康检查的流程编号（流程定义 key）
+  processInstanceId: "",
+  // 单实例诊断模式（可选）
+  checkTypes: null,
+  // 启用的检查项 code 列表（可选，不传则全部）
+  healthcheckParams: null,
+  // 健康检查额外参数（如 startTime/endTime）
+  minZoom: 0.8,
+  // 流程图自适应后的最小缩放比例，避免大图被压得过小
+  data() {
+    return {
+      viewer: null,
+      viewerReady: false,
+      healthLoaded: false,
+      loading: false,
+      markedNodeIds: [],
+      rows: [],
+      errorNodeMap: {},
+      scannedInstanceCount: 0,
+      totalRows: 0,
+      dialogVisible: false,
+      activeNodeId: "",
+      derivedProcessCode: "",
+      processName: "",
+      modelKey: "",
+      auditDialogVisible: false,
+      auditMetaId: "",
+      auditFormData: {},
+      // 提供给弹窗内 check-history 的"假 upPage"，让它按所选业务数据查审核记录
+      auditUpPage: {
+        $query: {}
+      }
+    };
+  },
+  provide() {
+    return {
+      upPage: this.auditUpPage
+    };
+  },
+  computed: {
+    processIdValue() {
+      const p = this.$configs.processId;
+      if (p && typeof p === "object") return p.ID || p.id || "";
+      return p || this.$query.id;
+    },
+    processCodeValue() {
+      return this.$configs.processCode || this.modelKey || this.derivedProcessCode || this.$query.processCode;
+    },
+    processInstanceIdValue() {
+      return this.$configs.processInstanceId || this.$query.processInstanceId;
+    },
+    errorNodeIds() {
+      return Object.keys(this.errorNodeMap);
+    },
+    activeNode() {
+      return this.errorNodeMap[this.activeNodeId] || {};
+    },
+    activeRows() {
+      return this.activeNode.rows || [];
+    },
+    dialogTitle() {
+      return `${this.activeNode.nodeName || "异常节点"} - 异常业务数据（${this.activeRows.length}）`;
+    },
+    minZoom() {
+      return this.$configs.minZoom || 0.8;
+    }
+  },
+  methods: {
+    initViewer({
+      BpmnViewer,
+      camundaModdleDescriptor,
+      customTranslate: customTranslate2,
+      HealthcheckRenderer: HealthcheckRenderer2
+    }) {
+      window.BPMN_CURRENT_LANGUAGE = this.$util.getCurrentLanguage();
+      window.BPMN_TRANSLATE = this.$t;
+      this.viewer = new BpmnViewer({
+        container: this.$refs.canvas,
+        additionalModules: [
+          {
+            translate: ["value", customTranslate2]
+          },
+          // 还原 i18n 节点名称，否则图上看不出是哪个节点
+          {
+            __init__: ["healthcheckRenderer"],
+            healthcheckRenderer: ["type", HealthcheckRenderer2]
+          }
+        ],
+        moddleExtensions: {
+          camunda: camundaModdleDescriptor
+        }
+      });
+      this.loadProcessInfo();
+      this.loadXml();
+    },
+    loadProcessInfo() {
+      if (!this.processIdValue) return;
+      this.$http.get({
+        entityId: "ACT_RE_MODEL",
+        id: this.processIdValue
+      }).then((res) => {
+        const rec = res && res.data && typeof res.data === "object" ? res.data : res || {};
+        this.processName = rec.NAME || "";
+        if (rec.KEY) this.modelKey = rec.KEY;
+      }).catch(() => {
+      });
+    },
+    getProcessCode() {
+      try {
+        const defs = this.viewer.getDefinitions();
+        const proc = (defs.rootElements || []).find((el) => el.$type === "bpmn:Process");
+        return proc ? proc.id : "";
+      } catch (e) {
+        return "";
+      }
+    },
+    loadXml() {
+      if (!this.processIdValue) {
+        this.$message.warning("未配置流程ID（processId）");
+        return;
+      }
+      this.$http.$request({
+        action: "getModelEditorXml",
+        entityId: "ACT_RE_MODEL",
+        modelId: this.processIdValue
+      }).then((data) => {
+        this.viewer.importXML(data.xml, (err) => {
+          if (err) {
+            this.$message.error("流程图加载失败");
+            return;
+          }
+          this.fitViewport();
+          this.derivedProcessCode = this.getProcessCode();
+          this.viewer.get("eventBus").on("element.click", this.onElementClick);
+          this.viewerReady = true;
+          this.applyMarkers();
+          this.runHealthCheck();
+        });
+      });
+    },
+    runHealthCheck() {
+      if (!this.processCodeValue && !this.processInstanceIdValue) {
+        this.$message.warning("未配置流程编号（processCode）");
+        return;
+      }
+      const body = {
+        entityId: "ACT_RE_MODEL",
+        action: "healthcheck"
+      };
+      if (this.processCodeValue) body.processCode = this.processCodeValue;
+      if (this.processInstanceIdValue) body.processInstanceId = this.processInstanceIdValue;
+      const {
+        checkTypes,
+        healthcheckParams
+      } = this.$configs;
+      if (checkTypes && checkTypes.length) body.checkTypes = checkTypes;
+      let extraParams = healthcheckParams;
+      if (typeof extraParams === "string") {
+        try {
+          extraParams = JSON.parse(extraParams);
+        } catch (e) {
+          extraParams = null;
+        }
+      }
+      if (extraParams && typeof extraParams === "object") Object.assign(body, extraParams);
+      this.loading = true;
+      this.$http.$post(body).then((data) => {
+        const result = data || {};
+        this.scannedInstanceCount = result.scannedInstanceCount || 0;
+        this.totalRows = result.totalRows || 0;
+        this.rows = result.rows || [];
+        this.buildErrorMap();
+        this.healthLoaded = true;
+        this.applyMarkers();
+      }).catch((err) => {
+        this.$message.error(err && err.message || "异常检测失败");
+      }).finally(() => {
+        this.loading = false;
+      });
+    },
+    buildErrorMap() {
+      const map = {};
+      for (const row of this.rows) {
+        for (const group of row.nodeIssues || []) {
+          if (!group.nodeId) continue;
+          if (!map[group.nodeId]) {
+            map[group.nodeId] = {
+              nodeId: group.nodeId,
+              nodeName: group.nodeName,
+              current: group.current,
+              rows: []
+            };
+          }
+          map[group.nodeId].rows.push({
+            ...row,
+            __items: group.items || []
+          });
+        }
+      }
+      this.errorNodeMap = map;
+    },
+    applyMarkers() {
+      if (!this.viewerReady || !this.viewer) return;
+      const canvas = this.viewer.get("canvas");
+      const registry = this.viewer.get("elementRegistry");
+      const overlays = this.viewer.get("overlays");
+      this.markedNodeIds.forEach((id) => {
+        try {
+          canvas.removeMarker(id, "process-healthcheck-error");
+        } catch (e) {
+        }
+      });
+      this.markedNodeIds = [];
+      try {
+        overlays.clear();
+      } catch (e) {
+      }
+      this.errorNodeIds.forEach((nodeId) => {
+        if (!registry.get(nodeId)) return;
+        try {
+          canvas.addMarker(nodeId, "process-healthcheck-error");
+          this.markedNodeIds.push(nodeId);
+          const count = (this.errorNodeMap[nodeId].rows || []).length;
+          overlays.add(nodeId, "phc-badge", {
+            position: {
+              top: -10,
+              right: 10
+            },
+            html: `<div class="phc-node-badge" title="异常业务数据 ${count} 条">${count}</div>`
+          });
+        } catch (e) {
+        }
+      });
+    },
+    fitViewport() {
+      if (!this.viewer) return;
+      const canvas = this.viewer.get("canvas");
+      try {
+        canvas.zoom("fit-viewport", "auto");
+        if (canvas.zoom() < this.minZoom) canvas.zoom(this.minZoom);
+      } catch (e) {
+      }
+    },
+    setZoom(delta) {
+      if (!this.viewer) return;
+      const canvas = this.viewer.get("canvas");
+      const next = Math.max(0.2, Math.min(4, canvas.zoom() + delta));
+      canvas.zoom(next);
+    },
+    zoomIn() {
+      this.setZoom(0.1);
+    },
+    zoomOut() {
+      this.setZoom(-0.1);
+    },
+    onElementClick(e) {
+      const element = e && e.element;
+      if (!element || !this.errorNodeMap[element.id]) return;
+      this.activeNodeId = element.id;
+      this.dialogVisible = true;
+    },
+    checkTypeTag(code) {
+      return CHECK_TYPE_TAG[code] || "info";
+    },
+    getRowKey(row) {
+      return row.processInstanceId || row.businessKey;
+    },
+    // 受影响用户默认显示用户名（affectedUserNames 为名称展示值），无则回退到 ID
+    affectedUserNames(item) {
+      const names = item.affectedUserNames;
+      if (names) return Array.isArray(names) ? names.join("、") : names;
+      return (item.affectedUserIds || []).join("、");
+    },
+    // 打开该业务数据的流程审核记录
+    async openAuditHistory(row) {
+      if (!row || !row.businessKey) return;
+      this.auditMetaId = row.metaId || this.$metaId;
+      let metaKey = "ID";
+      if (this.auditMetaId) {
+        let meta = this.getMeta(this.auditMetaId);
+        if (!meta) {
+          await this.$store.dispatch({
+            type: "ADD_META",
+            metaId: this.auditMetaId
+          });
+          meta = this.getMeta(this.auditMetaId);
+        }
+        metaKey = meta && meta.getKey && meta.getKey() || "ID";
+      }
+      this.auditUpPage.$query = {
+        id: row.businessKey
+      };
+      this.auditFormData = {
+        ID: row.businessKey,
+        [metaKey]: row.businessKey
+      };
+      this.auditDialogVisible = true;
+    },
+    formatTime(ts) {
+      return ts ? this.$moment(ts).format("YYYY-MM-DD HH:mm") : "-";
+    }
+  },
+  mounted() {
+    __compatRequireEnsure([], () => {
+      const BpmnViewer = __cjsReq0;
+      const camundaModdleDescriptor = __cjsReq1;
+      const customTranslate$1 = customTranslate;
+      const HealthcheckRenderer$1 = HealthcheckRenderer;
+      this.initViewer({
+        BpmnViewer,
+        camundaModdleDescriptor,
+        customTranslate: customTranslate$1,
+        HealthcheckRenderer: HealthcheckRenderer$1
+      });
+    });
+  },
+  beforeUnmount() {
+    if (this.viewer) {
+      try {
+        this.viewer.destroy();
+      } catch (e) {
+      }
+      this.viewer = null;
+    }
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/components/process-healthcheck/HealthcheckRenderer.js

@@ -0,0 +1,36 @@
+import '../../../style.css';
+import BaseRenderer from "diagram-js/lib/draw/BaseRenderer";
+const HIGH_PRIORITY = 1500;
+class HealthcheckRenderer extends BaseRenderer {
+  constructor(eventBus, bpmnRenderer) {
+    super(eventBus, HIGH_PRIORITY);
+    this.bpmnRenderer = bpmnRenderer;
+  }
+  canRender() {
+    return true;
+  }
+  applyI18nName(element) {
+    try {
+      const { $attrs } = element.businessObject || {};
+      if (window.BPMN_CURRENT_LANGUAGE && $attrs && $attrs["camunda:name.i18n"]) {
+        const nameI18n = JSON.parse($attrs["camunda:name.i18n"]);
+        element.businessObject.name = nameI18n[window.BPMN_CURRENT_LANGUAGE] || element.businessObject.name;
+      }
+    } catch (e) {
+    }
+  }
+  drawShape(parentNode, element) {
+    this.applyI18nName(element);
+    return this.bpmnRenderer.drawShape(parentNode, element);
+  }
+  drawConnection(parentNode, element) {
+    return this.bpmnRenderer.drawConnection(parentNode, element);
+  }
+  getShapePath(shape) {
+    return this.bpmnRenderer.getShapePath(shape);
+  }
+}
+HealthcheckRenderer.$inject = ["eventBus", "bpmnRenderer"];
+export {
+  HealthcheckRenderer as default
+};

package/dist/src/components/process-healthcheck/index.js

@@ -0,0 +1,8 @@
+import '../../../style.css';
+import HealthcheckChart from "./HealthcheckChart.js";
+HealthcheckChart.install = function install(Vue) {
+  Vue.component(HealthcheckChart.name, HealthcheckChart);
+};
+export {
+  HealthcheckChart as default
+};