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

package/dist/src/base/entity-view-config/SourceManagerDialog.js

@@ -0,0 +1,658 @@
+import '../../../style.css';
+import { relTypeLabel, parseFormulaTokens } from "./constants.js";
+import { resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createTextVNode, toDisplayString, createElementBlock, Fragment, renderList, createCommentVNode } from "vue";
+/* empty css                        */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+function emptyForm() {
+  return {
+    id: "",
+    ownerCode: "MAIN",
+    flag: "",
+    name: "",
+    code: "",
+    scopeParams: [],
+    topN: void 0,
+    keys: []
+  };
+}
+const _sfc_main = {
+  name: "epx-base-entity-view-config-source-manager-dialog",
+  props: {
+    visible: Boolean,
+    viewId: String,
+    system: String,
+    mainMeta: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    sources: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    unions: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    candidatesMap: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    fields: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    unionMappingsMap: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    metaFieldsMap: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  data() {
+    return {
+      editorVisible: false,
+      scopeVisible: false,
+      saving: false,
+      form: emptyForm()
+    };
+  },
+  computed: {
+    ownerOptions() {
+      return [
+        { code: "MAIN", metaId: this.mainMeta.id, label: "主段 · " + (this.mainMeta.name || "主对象") },
+        ...this.unions.map((union) => ({
+          code: union.code,
+          metaId: union.metaId,
+          label: "聚合段 · " + union.metaName + "（" + union.code + "）"
+        }))
+      ];
+    },
+    ownerMetaId() {
+      const owner = this.ownerOptions.find((item) => item.code === this.form.ownerCode);
+      return owner && owner.metaId || "";
+    },
+    candidateOptions() {
+      return this.candidatesMap[this.ownerMetaId] || [];
+    },
+    selectedCandidate() {
+      return this.candidateOptions.find((item) => item.flag === this.form.flag) || {};
+    },
+    sourceMetaId() {
+      return this.selectedCandidate.relatedMetaId || "";
+    },
+    isOneToMany() {
+      return this.selectedCandidate.relType === "1";
+    },
+    topNFieldOptions() {
+      return this.metaFieldsMap[this.sourceMetaId] || [];
+    },
+    scopeSummary() {
+      return this.form.scopeParams.length ? this.form.scopeParams.length + " 个过滤条件" : "全部数据（未设置过滤条件）";
+    }
+  },
+  methods: {
+    relTypeLabel,
+    requestOptions() {
+      return this.system ? { system: this.system } : {};
+    },
+    ownerLabel(ownerCode) {
+      const owner = this.ownerOptions.find((item) => item.code === (ownerCode || "MAIN"));
+      return owner && owner.label || ownerCode;
+    },
+    scopeCount(scope) {
+      try {
+        const parsed = scope ? JSON.parse(scope) : {};
+        return (parsed && parsed.scopeParams || []).length;
+      } catch (e) {
+        return 0;
+      }
+    },
+    allMappings() {
+      return Object.keys(this.unionMappingsMap).reduce(
+        (list, key) => list.concat(this.unionMappingsMap[key] || []),
+        []
+      );
+    },
+    referenceCount(source) {
+      return [...this.fields, ...this.allMappings()].filter((field) => {
+        if (field.SOURCE_CODE === source.code) return true;
+        return parseFormulaTokens(field.FORMULA).some((token) => token.source === source.code);
+      }).length;
+    },
+    openCreate() {
+      this.form = emptyForm();
+      this.editorVisible = true;
+    },
+    openEdit(source) {
+      let scopeParams = [];
+      let keys = [];
+      try {
+        const scope = source.aggScope ? JSON.parse(source.aggScope) : {};
+        scopeParams = scope && scope.scopeParams || [];
+      } catch (e) {
+        scopeParams = [];
+      }
+      try {
+        const order = source.topOrder ? JSON.parse(source.topOrder) : [];
+        keys = Array.isArray(order) ? order.map((item) => ({ field: item.field, dir: item.dir === "desc" ? "desc" : "asc" })) : [];
+      } catch (e) {
+        keys = [];
+      }
+      this.form = {
+        id: source.id,
+        ownerCode: source.ownerCode || "MAIN",
+        flag: source.flag,
+        name: source.name,
+        code: source.code,
+        scopeParams,
+        topN: source.topN ? Number(source.topN) : void 0,
+        keys
+      };
+      this.$emit("load-meta-fields", source.metaId);
+      this.editorVisible = true;
+    },
+    onOwnerChange() {
+      this.form.flag = "";
+      this.form.name = "";
+      this.form.scopeParams = [];
+      this.clearTopN();
+    },
+    onRelationChange() {
+      this.form.name = this.selectedCandidate.title || this.selectedCandidate.relatedName || "";
+      this.form.scopeParams = [];
+      this.clearTopN();
+      if (this.sourceMetaId) this.$emit("load-meta-fields", this.sourceMetaId);
+    },
+    clearTopN() {
+      this.form.topN = void 0;
+      this.form.keys = [];
+    },
+    async save() {
+      if (!this.form.flag) {
+        this.$message.error("请选择关联关系");
+        return;
+      }
+      if (!this.form.name.trim()) {
+        this.$message.error("请输入源名称");
+        return;
+      }
+      let topN = "";
+      let topOrder = "";
+      if (this.form.topN) {
+        const keys = this.form.keys.filter((item) => item.field);
+        if (!keys.length) {
+          this.$message.error("配置前 N 条时，至少需要一个排序键");
+          return;
+        }
+        topN = String(this.form.topN);
+        topOrder = JSON.stringify(keys);
+      }
+      this.saving = true;
+      try {
+        const params = {
+          entityId: "FM_VIEW_SOURCE",
+          action: "save",
+          "bean.ENTITY_ID": this.viewId,
+          "bean.OWNER_CODE": this.form.ownerCode === "MAIN" ? "" : this.form.ownerCode,
+          "bean.SOURCE_CODE": this.form.code || "",
+          "bean.SOURCE_META_ID": this.sourceMetaId,
+          "bean.REL_FLAG": this.form.flag,
+          "bean.SOURCE_NAME": this.form.name.trim(),
+          "bean.AGG_SCOPE": this.form.scopeParams.length ? JSON.stringify({ scopeParams: this.form.scopeParams }) : "",
+          "bean.TOP_N": topN,
+          "bean.TOP_ORDER": topOrder
+        };
+        if (this.form.id) params["bean.ID"] = this.form.id;
+        await this.$http.$post(params, this.requestOptions());
+        this.$message.success("关联源已保存");
+        this.editorVisible = false;
+        this.$emit("change");
+      } catch (error) {
+        this.$message.error(error.message || "保存失败");
+      } finally {
+        this.saving = false;
+      }
+    },
+    async remove(source) {
+      const count = this.referenceCount(source);
+      if (count) {
+        this.$message.error("该源仍被 " + count + " 个字段或公式引用，请先解除引用");
+        return;
+      }
+      try {
+        await this.$confirm("确定删除关联源“" + source.name + "”吗？", "删除关联源", { type: "warning" });
+        await this.$http.$post({
+          entityId: "FM_VIEW_SOURCE",
+          action: "delete",
+          id: source.id
+        }, this.requestOptions());
+        this.$message.success("关联源已删除");
+        this.$emit("change");
+      } catch (error) {
+        if (error !== "cancel" && error !== "close") this.$message.error(error.message || "删除失败");
+      }
+    }
+  }
+};
+const _hoisted_1 = { class: "source-manager__toolbar" };
+const _hoisted_2 = { class: "source-manager__name" };
+const _hoisted_3 = { class: "source-manager__muted" };
+const _hoisted_4 = { class: "source-manager__scope" };
+const _hoisted_5 = ["onClick"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_alert = resolveComponent("el-alert");
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_table_column = resolveComponent("el-table-column");
+  const _component_el_table = resolveComponent("el-table");
+  const _component_el_option = resolveComponent("el-option");
+  const _component_el_select = resolveComponent("el-select");
+  const _component_el_form_item = resolveComponent("el-form-item");
+  const _component_el_input = resolveComponent("el-input");
+  const _component_el_input_number = resolveComponent("el-input-number");
+  const _component_el_form = resolveComponent("el-form");
+  const _component_epx_scope_drawer = resolveComponent("epx-scope-drawer");
+  const _component_el_dialog = resolveComponent("el-dialog");
+  return openBlock(), createBlock(_component_el_dialog, {
+    class: "dialog source-manager",
+    title: "关联源管理",
+    width: "900px",
+    "model-value": $props.visible,
+    "append-to-body": "",
+    "close-on-click-modal": false,
+    onClose: _cache[11] || (_cache[11] = ($event) => _ctx.$emit("update:visible", false))
+  }, {
+    footer: withCtx(() => [
+      createVNode(_component_el_button, {
+        size: "small",
+        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:visible", false))
+      }, {
+        default: withCtx(() => [..._cache[15] || (_cache[15] = [
+          createTextVNode("关闭", -1)
+        ])]),
+        _: 1
+      })
+    ]),
+    default: withCtx(() => [
+      createVNode(_component_el_alert, {
+        type: "info",
+        closable: false,
+        "show-icon": "",
+        title: "先创建可复用的数据源实例，再到字段或公式中选择它。",
+        description: "同一个关联关系可以创建多个源，例如“全部工资”“最近12个月工资”“仅有效工资”，每个源都能独立设置范围和前 N 条限定。"
+      }),
+      createElementVNode("div", _hoisted_1, [
+        createVNode(_component_el_button, {
+          type: "primary",
+          size: "small",
+          icon: "el-icon-plus",
+          onClick: $options.openCreate
+        }, {
+          default: withCtx(() => [..._cache[12] || (_cache[12] = [
+            createTextVNode("新增关联源", -1)
+          ])]),
+          _: 1
+        }, 8, ["onClick"]),
+        createElementVNode("span", null, "共 " + toDisplayString($props.sources.length) + " 个源", 1)
+      ]),
+      createVNode(_component_el_table, {
+        data: $props.sources,
+        size: "small",
+        border: "",
+        "max-height": "430"
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_table_column, {
+            label: "所属段",
+            "min-width": "120"
+          }, {
+            default: withCtx(({ row }) => [
+              createTextVNode(toDisplayString($options.ownerLabel(row.ownerCode)), 1)
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_table_column, {
+            label: "源实例",
+            "min-width": "165"
+          }, {
+            default: withCtx(({ row }) => [
+              createElementVNode("div", _hoisted_2, toDisplayString(row.name), 1),
+              createElementVNode("code", null, toDisplayString(row.code), 1)
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_table_column, {
+            label: "关联",
+            "min-width": "180"
+          }, {
+            default: withCtx(({ row }) => [
+              createElementVNode("div", null, toDisplayString(row.title || row.flag), 1),
+              createElementVNode("span", _hoisted_3, toDisplayString(row.metaName) + " · " + toDisplayString(row.relTypeLabel), 1)
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_table_column, {
+            label: "数据范围",
+            width: "105",
+            align: "center"
+          }, {
+            default: withCtx(({ row }) => [
+              createTextVNode(toDisplayString($options.scopeCount(row.aggScope) ? $options.scopeCount(row.aggScope) + " 个条件" : "全部数据"), 1)
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_table_column, {
+            label: "前 N 条",
+            width: "100",
+            align: "center"
+          }, {
+            default: withCtx(({ row }) => [
+              createTextVNode(toDisplayString(row.topN ? "前 " + row.topN + " 条" : "不限定"), 1)
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_table_column, {
+            label: "引用",
+            width: "70",
+            align: "center"
+          }, {
+            default: withCtx(({ row }) => [
+              createTextVNode(toDisplayString($options.referenceCount(row)), 1)
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_table_column, {
+            label: "操作",
+            width: "125",
+            fixed: "right"
+          }, {
+            default: withCtx(({ row }) => [
+              createVNode(_component_el_button, {
+                type: "primary",
+                link: "",
+                size: "small",
+                onClick: ($event) => $options.openEdit(row)
+              }, {
+                default: withCtx(() => [..._cache[13] || (_cache[13] = [
+                  createTextVNode("编辑", -1)
+                ])]),
+                _: 1
+              }, 8, ["onClick"]),
+              createVNode(_component_el_button, {
+                type: "primary",
+                link: "",
+                size: "small",
+                class: "source-manager__danger",
+                onClick: ($event) => $options.remove(row)
+              }, {
+                default: withCtx(() => [..._cache[14] || (_cache[14] = [
+                  createTextVNode("删除", -1)
+                ])]),
+                _: 1
+              }, 8, ["onClick"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["data"]),
+      createVNode(_component_el_dialog, {
+        class: "dialog",
+        title: $data.form.id ? "编辑关联源" : "新增关联源",
+        width: "600px",
+        modelValue: $data.editorVisible,
+        "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => $data.editorVisible = $event),
+        "append-to-body": "",
+        "close-on-click-modal": false
+      }, {
+        footer: withCtx(() => [
+          createVNode(_component_el_button, {
+            size: "small",
+            onClick: _cache[7] || (_cache[7] = ($event) => $data.editorVisible = false)
+          }, {
+            default: withCtx(() => [..._cache[22] || (_cache[22] = [
+              createTextVNode("取消", -1)
+            ])]),
+            _: 1
+          }),
+          createVNode(_component_el_button, {
+            type: "primary",
+            size: "small",
+            loading: $data.saving,
+            onClick: $options.save
+          }, {
+            default: withCtx(() => [..._cache[23] || (_cache[23] = [
+              createTextVNode("保存", -1)
+            ])]),
+            _: 1
+          }, 8, ["loading", "onClick"])
+        ]),
+        default: withCtx(() => [
+          createVNode(_component_el_form, {
+            "label-position": "top",
+            size: "small"
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_el_form_item, {
+                label: "所属段",
+                required: ""
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_select, {
+                    modelValue: $data.form.ownerCode,
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.form.ownerCode = $event),
+                    disabled: !!$data.form.id,
+                    onChange: $options.onOwnerChange
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList($options.ownerOptions, (item) => {
+                        return openBlock(), createBlock(_component_el_option, {
+                          key: item.code,
+                          value: item.code,
+                          label: item.label
+                        }, null, 8, ["value", "label"]);
+                      }), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "disabled", "onChange"])
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_form_item, {
+                label: "关联关系",
+                required: ""
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_select, {
+                    modelValue: $data.form.flag,
+                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $data.form.flag = $event),
+                    filterable: "",
+                    disabled: !!$data.form.id,
+                    onChange: $options.onRelationChange
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList($options.candidateOptions, (item) => {
+                        return openBlock(), createBlock(_component_el_option, {
+                          key: item.flag,
+                          value: item.flag,
+                          label: (item.title || item.relatedName) + "（" + item.relatedName + " · " + $options.relTypeLabel(item.relType) + "）"
+                        }, null, 8, ["value", "label"]);
+                      }), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "disabled", "onChange"])
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_form_item, {
+                label: "源名称",
+                required: ""
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_input, {
+                    modelValue: $data.form.name,
+                    "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $data.form.name = $event),
+                    placeholder: "例如：最近12个月工资"
+                  }, null, 8, ["modelValue"]),
+                  _cache[16] || (_cache[16] = createElementVNode("div", { class: "source-manager__hint" }, "名称用于字段和公式选择，请写清范围或用途。", -1))
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_form_item, { label: "源实例编号" }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_input, {
+                    "model-value": $data.form.code,
+                    disabled: "",
+                    placeholder: "保存后由系统自动生成"
+                  }, null, 8, ["model-value"]),
+                  _cache[17] || (_cache[17] = createElementVNode("div", { class: "source-manager__hint" }, "用于区分同一对象的不同关联实例，并稳定用于公式引用；创建后不可修改。", -1))
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_form_item, { label: "数据范围" }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_4, [
+                    createElementVNode("span", null, toDisplayString($options.scopeSummary), 1),
+                    createVNode(_component_el_button, {
+                      size: "small",
+                      icon: "el-icon-set-up",
+                      disabled: !$options.sourceMetaId,
+                      onClick: _cache[4] || (_cache[4] = ($event) => $data.scopeVisible = true)
+                    }, {
+                      default: withCtx(() => [..._cache[18] || (_cache[18] = [
+                        createTextVNode("设置范围", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["disabled"])
+                  ])
+                ]),
+                _: 1
+              }),
+              $options.isOneToMany ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                createVNode(_component_el_form_item, { label: "前 N 条（选填）" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_input_number, {
+                      modelValue: $data.form.topN,
+                      "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => $data.form.topN = $event),
+                      min: 1,
+                      max: 9999,
+                      "controls-position": "right"
+                    }, null, 8, ["modelValue"]),
+                    $data.form.topN ? (openBlock(), createBlock(_component_el_button, {
+                      key: 0,
+                      type: "primary",
+                      link: "",
+                      onClick: $options.clearTopN
+                    }, {
+                      default: withCtx(() => [..._cache[19] || (_cache[19] = [
+                        createTextVNode("清除限定", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["onClick"])) : createCommentVNode("", true),
+                    _cache[20] || (_cache[20] = createElementVNode("div", { class: "source-manager__hint" }, "先按下面的排序为每个主记录编号，再只保留前 N 条参与聚合。", -1))
+                  ]),
+                  _: 1
+                }),
+                $data.form.topN ? (openBlock(), createBlock(_component_el_form_item, {
+                  key: 0,
+                  label: "排序（可多键）",
+                  required: ""
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList($data.form.keys, (key, index) => {
+                      return openBlock(), createElementBlock("div", {
+                        key: index,
+                        class: "source-manager__order"
+                      }, [
+                        createVNode(_component_el_select, {
+                          modelValue: key.field,
+                          "onUpdate:modelValue": ($event) => key.field = $event,
+                          filterable: "",
+                          placeholder: "排序字段"
+                        }, {
+                          default: withCtx(() => [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList($options.topNFieldOptions, (item) => {
+                              return openBlock(), createBlock(_component_el_option, {
+                                key: item.id,
+                                value: item.id,
+                                label: item.label + "（" + item.name + "）"
+                              }, null, 8, ["value", "label"]);
+                            }), 128))
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue", "onUpdate:modelValue"]),
+                        createVNode(_component_el_select, {
+                          modelValue: key.dir,
+                          "onUpdate:modelValue": ($event) => key.dir = $event,
+                          class: "source-manager__dir"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_option, {
+                              value: "desc",
+                              label: "降序（最新在前）"
+                            }),
+                            createVNode(_component_el_option, {
+                              value: "asc",
+                              label: "升序"
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue", "onUpdate:modelValue"]),
+                        createElementVNode("i", {
+                          class: "el-icon-delete source-manager__delete",
+                          onClick: ($event) => $data.form.keys.splice(index, 1)
+                        }, null, 8, _hoisted_5)
+                      ]);
+                    }), 128)),
+                    createVNode(_component_el_button, {
+                      type: "primary",
+                      link: "",
+                      icon: "el-icon-plus",
+                      onClick: _cache[6] || (_cache[6] = ($event) => $data.form.keys.push({ field: "", dir: "desc" }))
+                    }, {
+                      default: withCtx(() => [..._cache[21] || (_cache[21] = [
+                        createTextVNode("添加排序键", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true)
+              ], 64)) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }),
+          $options.sourceMetaId ? (openBlock(), createBlock(_component_epx_scope_drawer, {
+            key: 0,
+            modelValue: $data.form.scopeParams,
+            "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => $data.form.scopeParams = $event),
+            visible: $data.scopeVisible,
+            "onUpdate:visible": _cache[9] || (_cache[9] = ($event) => $data.scopeVisible = $event),
+            "meta-id": $options.sourceMetaId
+          }, null, 8, ["modelValue", "visible", "meta-id"])) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["title", "modelValue"])
+    ]),
+    _: 1
+  }, 8, ["model-value"]);
+}
+const SourceManagerDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-51140c01"]]);
+export {
+  SourceManagerDialog as default
+};