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

package/dist/src/components/custom-bpmn/components/NumStatistic.js

@@ -0,0 +1,408 @@
+import '../../../../style.css';
+import { mapGetters } from "vuex";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, createTextVNode, createCommentVNode, Fragment, renderList, toDisplayString } from "vue";
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-bpmn-num-statistic",
+  props: {
+    globalParamsData: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    inParamData: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    elementValues: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    businessMetaId: String
+  },
+  data() {
+    return {
+      numStatisticData: {},
+      scopeMetaId: "",
+      showScopeDrawerDialog: false,
+      fieldOptions: [
+        { key: "attriName", label: "字段", readonly: true }
+      ]
+    };
+  },
+  computed: {
+    ...mapGetters([
+      "getMetaViewFields"
+    ]),
+    treeFieldStore() {
+      const metaId = this.numStatisticData.formDataMeta || this.businessMetaId;
+      return this.getMetaViewFields(metaId);
+    },
+    // 业务对象选择器的取值代理，保持数据扁平存储在 numStatisticData 上
+    metaConfig: {
+      get() {
+        const d = this.numStatisticData;
+        return {
+          metaType: d.metaType,
+          formDataMeta: d.formDataMeta,
+          formDataMetaName: d.formDataMetaName,
+          dynamicMeta: d.dynamicMeta,
+          dynamicMetaType: d.dynamicMetaType,
+          dynamicMetaValueC: d.dynamicMetaValueC
+        };
+      },
+      set(v) {
+        Object.keys(v).forEach((key) => {
+          this.numStatisticData[key] = v[key];
+        });
+      }
+    }
+  },
+  watch: {
+    numStatisticData: {
+      handler() {
+        this.saveNodeData();
+      },
+      deep: true
+    }
+  },
+  methods: {
+    changeType(v) {
+      if (v === "1") {
+        this.numStatisticData.formDataMeta = "";
+        this.numStatisticData.formDataMetaName = "";
+      }
+    },
+    // 业务对象类型变化：动态值时无法选字段，强制为记录数统计
+    onMetaConfigChange(v) {
+      if (v.metaType === "dynamic") {
+        this.numStatisticData.countType = "1";
+      }
+    },
+    changeConfigItem(v) {
+      this.numStatisticData.countField = v;
+    },
+    settingSearchScope() {
+      if (this.numStatisticData.formDataSources === "3") {
+        const formDataMetaId = this.numStatisticData.formDataMeta;
+        if (this.$_.isEmpty(formDataMetaId)) {
+          this.$message.error("请先选择数据对象");
+          return;
+        }
+      }
+      const scopeMetaId = this.numStatisticData.formDataSources === "3" ? this.numStatisticData.formDataMeta : this.businessMetaId;
+      this.scopeMetaId = scopeMetaId;
+      this.showScopeDrawerDialog = true;
+    },
+    selectQueryDynamicParams(item) {
+      if (!item.leaf) return;
+      this.numStatisticData.query = item.code;
+      this.numStatisticData.queryParamsType = item.paramsType;
+      this.numStatisticData.queryValueC = item.text;
+    },
+    saveNodeData() {
+      this.$emit("updateElementValues", {
+        key: "camunda:numStatisticData",
+        data: JSON.stringify(this.numStatisticData)
+      });
+    },
+    getNodeParamsData() {
+      if (!this.$_.isEmpty(this.elementValues["camunda:numStatisticData"]) && this.elementValues["camunda:numStatisticData"] !== "{}") {
+        const numStatisticData = this.elementValues["camunda:numStatisticData"];
+        if (numStatisticData) {
+          this.numStatisticData = JSON.parse(numStatisticData);
+        }
+      } else {
+        this.numStatisticData = {
+          formDataSources: "1",
+          metaType: "designated",
+          formDataMeta: "",
+          formDataMetaName: "",
+          dynamicMeta: "",
+          dynamicMetaType: "",
+          dynamicMetaValueC: "",
+          findScopeParams: [],
+          query: "",
+          queryParamsType: "",
+          queryValueC: "",
+          countType: "",
+          countField: "",
+          countFunction: "",
+          scale: 0
+          // 小数位数
+        };
+      }
+    }
+  },
+  created() {
+    this.getNodeParamsData();
+  }
+};
+const _hoisted_1 = { class: "bpmn-node-properties__attribute-list" };
+const _hoisted_2 = { class: "attribute-item" };
+const _hoisted_3 = { class: "bpmn-node-properties__attribute-input" };
+const _hoisted_4 = {
+  key: 0,
+  class: "attribute-item"
+};
+const _hoisted_5 = { class: "bpmn-node-properties__attribute-input" };
+const _hoisted_6 = {
+  key: 1,
+  class: "attribute-item"
+};
+const _hoisted_7 = { class: "bpmn-node-properties__attribute-input attribute-input-top" };
+const _hoisted_8 = { class: "bpmn-node-properties__scope-text" };
+const _hoisted_9 = { class: "bpmn-node-properties__scope-link" };
+const _hoisted_10 = { class: "attribute-item" };
+const _hoisted_11 = { class: "bpmn-node-properties__attribute-input" };
+const _hoisted_12 = { class: "attribute-item" };
+const _hoisted_13 = { class: "bpmn-node-properties__attribute-input" };
+const _hoisted_14 = { class: "attribute-item" };
+const _hoisted_15 = { class: "bpmn-node-properties__attribute-input" };
+const _hoisted_16 = { class: "attribute-item" };
+const _hoisted_17 = { class: "bpmn-node-properties__attribute-input" };
+const _hoisted_18 = { class: "attribute-item" };
+const _hoisted_19 = { class: "bpmn-node-properties__attribute-input" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_radio = resolveComponent("el-radio");
+  const _component_el_radio_group = resolveComponent("el-radio-group");
+  const _component_epx_bpmn_meta_select = resolveComponent("epx-bpmn-meta-select");
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_input = resolveComponent("el-input");
+  const _component_epx_bpmn_global_params_tree = resolveComponent("epx-bpmn-global-params-tree");
+  const _component_el_popover = resolveComponent("el-popover");
+  const _component_epx_visual_config_field = resolveComponent("epx-visual-config-field");
+  const _component_epx_table_form_item = resolveComponent("epx-table-form-item");
+  const _component_epx_scope_drawer = resolveComponent("epx-scope-drawer");
+  return openBlock(), createElementBlock("div", null, [
+    createElementVNode("ul", _hoisted_1, [
+      createElementVNode("li", _hoisted_2, [
+        createElementVNode("div", _hoisted_3, [
+          _cache[9] || (_cache[9] = createElementVNode("label", { class: "bpmn-node-properties__attribute-input__label" }, "业务对象", -1)),
+          createVNode(_component_el_radio_group, {
+            modelValue: $data.numStatisticData.formDataSources,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.numStatisticData.formDataSources = $event),
+            onChange: $options.changeType
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_el_radio, {
+                label: "1",
+                value: "1"
+              }, {
+                default: withCtx(() => [..._cache[7] || (_cache[7] = [
+                  createTextVNode("默认对象", -1)
+                ])]),
+                _: 1
+              }),
+              createVNode(_component_el_radio, {
+                label: "3",
+                value: "3"
+              }, {
+                default: withCtx(() => [..._cache[8] || (_cache[8] = [
+                  createTextVNode("指定对象", -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue", "onChange"])
+        ])
+      ]),
+      $data.numStatisticData.formDataSources === "3" ? (openBlock(), createElementBlock("li", _hoisted_4, [
+        createElementVNode("div", _hoisted_5, [
+          _cache[10] || (_cache[10] = createElementVNode("label", { class: "bpmn-node-properties__attribute-input__label" }, "查询对象", -1)),
+          createVNode(_component_epx_bpmn_meta_select, {
+            modelValue: $options.metaConfig,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $options.metaConfig = $event),
+            globalParamsData: $props.globalParamsData,
+            attriLabel: "数据对象",
+            onChange: $options.onMetaConfigChange
+          }, null, 8, ["modelValue", "globalParamsData", "onChange"])
+        ])
+      ])) : createCommentVNode("", true),
+      $data.numStatisticData.metaType === "designated" ? (openBlock(), createElementBlock("li", _hoisted_6, [
+        createElementVNode("div", _hoisted_7, [
+          _cache[12] || (_cache[12] = createElementVNode("label", { class: "bpmn-node-properties__attribute-input__label" }, "查询条件", -1)),
+          createElementVNode("div", null, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList($data.numStatisticData.findScopeParams, (item, index) => {
+              return openBlock(), createElementBlock("div", {
+                class: "bpmn-node-properties__scope-item-line",
+                key: index
+              }, [
+                createElementVNode("span", _hoisted_8, toDisplayString(item.text), 1),
+                createElementVNode("span", _hoisted_9, toDisplayString(item.linkLabel || item.link || ""), 1)
+              ]);
+            }), 128)),
+            createVNode(_component_el_button, {
+              type: "primary",
+              link: "",
+              onClick: $options.settingSearchScope
+            }, {
+              default: withCtx(() => [..._cache[11] || (_cache[11] = [
+                createTextVNode("设置", -1)
+              ])]),
+              _: 1
+            }, 8, ["onClick"])
+          ])
+        ])
+      ])) : createCommentVNode("", true),
+      createElementVNode("li", _hoisted_10, [
+        createElementVNode("div", _hoisted_11, [
+          _cache[13] || (_cache[13] = createElementVNode("label", { class: "bpmn-node-properties__attribute-input__label" }, "初始条件", -1)),
+          createElementVNode("div", null, [
+            createVNode(_component_el_popover, {
+              ref: "popover",
+              trigger: "click",
+              tabindex: 1
+            }, {
+              reference: withCtx(() => [
+                createVNode(_component_el_input, {
+                  class: "bpmn-node-properties__designated-input",
+                  "model-value": $data.numStatisticData.queryValueC,
+                  placeholder: "设置"
+                }, null, 8, ["model-value"])
+              ]),
+              default: withCtx(() => [
+                createVNode(_component_epx_bpmn_global_params_tree, {
+                  globalParamsData: $props.globalParamsData,
+                  onNodeClick: $options.selectQueryDynamicParams
+                }, null, 8, ["globalParamsData", "onNodeClick"])
+              ]),
+              _: 1
+            }, 512)
+          ])
+        ])
+      ]),
+      createElementVNode("li", _hoisted_12, [
+        createElementVNode("div", _hoisted_13, [
+          _cache[16] || (_cache[16] = createElementVNode("label", { class: "bpmn-node-properties__attribute-input__label" }, "统计方式", -1)),
+          createVNode(_component_el_radio_group, {
+            modelValue: $data.numStatisticData.countType,
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $data.numStatisticData.countType = $event)
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_el_radio, {
+                label: "1",
+                value: "1"
+              }, {
+                default: withCtx(() => [..._cache[14] || (_cache[14] = [
+                  createTextVNode("记录数", -1)
+                ])]),
+                _: 1
+              }),
+              createVNode(_component_el_radio, {
+                label: "2",
+                value: "2",
+                disabled: $data.numStatisticData.metaType === "dynamic"
+              }, {
+                default: withCtx(() => [..._cache[15] || (_cache[15] = [
+                  createTextVNode("字段统计", -1)
+                ])]),
+                _: 1
+              }, 8, ["disabled"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])
+      ]),
+      $data.numStatisticData.countType === "2" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+        createElementVNode("li", _hoisted_14, [
+          createElementVNode("div", _hoisted_15, [
+            _cache[17] || (_cache[17] = createElementVNode("label", { class: "bpmn-node-properties__attribute-input__label" }, "统计字段", -1)),
+            createVNode(_component_epx_visual_config_field, {
+              showFieldWay: false,
+              multiple: false,
+              value: $data.numStatisticData.countField,
+              componentMetaId: $data.numStatisticData.formDataMeta || $props.businessMetaId,
+              metaId: $data.numStatisticData.formDataMeta || $props.businessMetaId,
+              treeFieldStore: $options.treeFieldStore,
+              "field-options": $data.fieldOptions,
+              onChangeConfigs: $options.changeConfigItem
+            }, null, 8, ["value", "componentMetaId", "metaId", "treeFieldStore", "field-options", "onChangeConfigs"])
+          ])
+        ]),
+        createElementVNode("li", _hoisted_16, [
+          createElementVNode("div", _hoisted_17, [
+            _cache[22] || (_cache[22] = createElementVNode("label", { class: "bpmn-node-properties__attribute-input__label" }, "统计函数", -1)),
+            createVNode(_component_el_radio_group, {
+              modelValue: $data.numStatisticData.countFunction,
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $data.numStatisticData.countFunction = $event)
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_radio, {
+                  label: "AVG",
+                  value: "AVG"
+                }, {
+                  default: withCtx(() => [..._cache[18] || (_cache[18] = [
+                    createTextVNode("平均数", -1)
+                  ])]),
+                  _: 1
+                }),
+                createVNode(_component_el_radio, {
+                  label: "SUM",
+                  value: "SUM"
+                }, {
+                  default: withCtx(() => [..._cache[19] || (_cache[19] = [
+                    createTextVNode("合计数", -1)
+                  ])]),
+                  _: 1
+                }),
+                createVNode(_component_el_radio, {
+                  label: "MAX",
+                  value: "MAX"
+                }, {
+                  default: withCtx(() => [..._cache[20] || (_cache[20] = [
+                    createTextVNode("最大值", -1)
+                  ])]),
+                  _: 1
+                }),
+                createVNode(_component_el_radio, {
+                  label: "MIN",
+                  value: "MIN"
+                }, {
+                  default: withCtx(() => [..._cache[21] || (_cache[21] = [
+                    createTextVNode("最小值", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ])
+        ])
+      ], 64)) : createCommentVNode("", true),
+      createElementVNode("li", _hoisted_18, [
+        createElementVNode("div", _hoisted_19, [
+          _cache[23] || (_cache[23] = createElementVNode("label", { class: "bpmn-node-properties__attribute-input__label" }, "小数位数", -1)),
+          createVNode(_component_epx_table_form_item, {
+            class: "bpmn-node-properties__form-item",
+            modelValue: $data.numStatisticData.scale,
+            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => $data.numStatisticData.scale = $event),
+            fieldConfigs: { attriName: "scale", attriLabel: "小数位数", dataType: "num", state: "EDIT" }
+          }, null, 8, ["modelValue"])
+        ])
+      ])
+    ]),
+    createVNode(_component_epx_scope_drawer, {
+      visible: $data.showScopeDrawerDialog,
+      "onUpdate:visible": _cache[5] || (_cache[5] = ($event) => $data.showScopeDrawerDialog = $event),
+      metaId: $data.scopeMetaId,
+      fieldValueMetaId: $props.businessMetaId,
+      extendMode: $props.globalParamsData,
+      onlyShowMainEntityFieldFlag: "",
+      modeType: ["FIXED_VALUE", "FIELD_VALUE"],
+      modelValue: $data.numStatisticData.findScopeParams,
+      "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => $data.numStatisticData.findScopeParams = $event),
+      params: $data.numStatisticData.findScopeParams
+    }, null, 8, ["visible", "metaId", "fieldValueMetaId", "extendMode", "modelValue", "params"])
+  ]);
+}
+const NumStatistic = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  NumStatistic as default
+};