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

package/dist/src/base/CommonFieldList.vue.js

@@ -0,0 +1,530 @@
+import { createVNode, resolveComponent, mergeProps, createTextVNode, isVNode } from "vue";
+import EntitySubList from "@epxing/components/src/entity-sub-list";
+import draggable from "@epxing/core/src/components/draggable";
+import { mapGetters } from "vuex";
+import { captureRef } from "@epxing/core/src/capture-ref";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const _sfc_main = {
+  name: "epx-base-common-field-list",
+  extends: EntitySubList,
+  components: {
+    draggable
+  },
+  data() {
+    return {
+      showFieldDialog: false,
+      filterText: "",
+      treeProps: {
+        children: "children",
+        label: "text",
+        disabled: "isSub"
+      },
+      settingFieldList: [],
+      showLogField: false,
+      showSubField: this.defaultShowSubField !== false,
+      addCommonFieldDialod: false,
+      commonFieldName: "",
+      commonFieldOrder: ""
+    };
+  },
+  computed: {
+    ...mapGetters(["getMetaViewFields"]),
+    showFieldStore() {
+      const fieldStore = this.getMetaViewFields(this.$query.id) || [];
+      const formatField = (arr) => {
+        return arr.filter((item) => {
+          if (!this.showLogField && ["ID", "LOG_C_TIME", "LOG_C_USER", "LOG_U_TIME", "LOG_U_USER"].includes(item.code)) {
+            return false;
+          }
+          if (!this.showSubField && (item.relationType === "1" || item.isSub)) {
+            return false;
+          }
+          if (item.children) {
+            item.children = formatField(item.children);
+          }
+          return true;
+        });
+      };
+      const copyFieldStore = this.$_.cloneDeep(fieldStore);
+      return formatField(copyFieldStore);
+    },
+    fieldLabel() {
+      return (field) => {
+        if (!field) return null;
+        let attriName = null;
+        let attriLabel = null;
+        if (typeof field === "string") {
+          attriName = field;
+        } else {
+          attriName = field.attriName;
+          if (field.attriLabel) attriLabel = field.attriLabel;
+        }
+        if (attriLabel) return attriLabel;
+        const getLabel = (arr) => {
+          for (const item of arr) {
+            if (item.field === attriName) return item.text;
+            if (item.children) {
+              const label = getLabel(item.children);
+              if (label) return label;
+            }
+          }
+        };
+        return getLabel(this.showFieldStore) || attriName;
+      };
+    },
+    defaultExpandKeys() {
+      return this.showFieldStore[0] ? [this.showFieldStore[0].field] : [];
+    }
+  },
+  watch: {
+    filterText(val) {
+      this.$refs.tree.filter(val);
+    }
+  },
+  methods: {
+    initComponent() {
+      const {
+        id: upparentId
+      } = this.upPage.$query;
+      const {
+        id: parentId = upparentId
+      } = this.$query;
+      const {
+        queryParams = {},
+        fieldConfigs = {},
+        pageSize
+      } = this.$configs;
+      const {
+        showTitle,
+        defaultFold
+      } = this.$configs;
+      if (defaultFold) {
+        if (showTitle !== "none" && (this.showTitle || showTitle === "always")) {
+          this.isFold = defaultFold;
+        }
+      }
+      if (this.parentField) {
+        this.parentId = this.formData[this.parentField] || parentId;
+      } else {
+        this.parentId = this.formData[this.parentMeta.getKey()] || parentId;
+      }
+      this.configs.queryParams = {
+        ...queryParams,
+        [`scope.${this.linkAttrData}`]: this.parentId
+      };
+      this.configs.fieldConfigs = {
+        ...fieldConfigs,
+        [this.linkAttrData]: {
+          state: "HIDDEN"
+        }
+      };
+      this.addFormFieldConfigs = {
+        [this.linkAttrData]: {
+          state: "HIDDEN",
+          value: this.parentId
+        }
+      };
+      this.pageSize = pageSize;
+      if (!this.showFlag) return;
+      this.getDefaultOperates();
+      this.getFields();
+      this.getFieldStore();
+      this.$nextTick(() => {
+        this.rowDrop();
+      });
+    },
+    filterNode(value, data) {
+      if (!value) return true;
+      return data.text && data.text.indexOf(value) !== -1;
+    },
+    getFieldStore() {
+      if (!this.$query.id) return;
+      if (!this.getMetaViewFields(this.$query.id)) {
+        this.$store.dispatch({
+          type: "ADD_META_VIEW_FIELDS",
+          metaId: this.$query.id
+        });
+      }
+    },
+    deleteSettingField(index) {
+      const field = this.settingFieldList[index];
+      this.settingFieldList.splice(index, 1);
+      if (field) {
+        this.$refs.tree.setChecked(field.attriName || field, false);
+      }
+    },
+    getChildParent(arr, field, parent) {
+      for (const item of arr) {
+        if (item.field === field) {
+          return parent;
+        } else if (item.children) {
+          const child = this.getChildParent(item.children, field, item);
+          if (child) return child;
+        }
+      }
+    },
+    checkFieldChange(data, isCheck) {
+      if (data.isMain || data.type === "folder") {
+        if (isCheck) {
+          const children = data.children.filter((item) => !item.isSub);
+          for (const child of children) {
+            this.$nextTick(() => {
+              this.$refs.tree.setChecked(child.field, true);
+            });
+          }
+        } else {
+          const children = data.children.filter((item) => !item.isSub);
+          const flag = children.every((child) => this.settingFieldList.includes(child.field));
+          if (flag) {
+            children.forEach((item) => {
+              this.$refs.tree.setChecked(item.field, false);
+            });
+          }
+        }
+      } else {
+        const parent = this.getChildParent(this.showFieldStore, data.field);
+        if (isCheck) {
+          const field = this.settingFieldList.find((item) => item === data.field);
+          if (!field) {
+            this.settingFieldList.push(data.field);
+          }
+          if (parent && parent.isMain) {
+            const children = parent.children.filter((item) => !item.isSub);
+            const flag = children.every((child) => this.settingFieldList.includes(child.field));
+            if (flag) this.$refs.tree.setChecked(parent.field, true);
+          }
+        } else {
+          const index = this.settingFieldList.findIndex((item) => item === data.field);
+          if (index !== -1) {
+            this.settingFieldList.splice(index, 1);
+          }
+          if (parent && parent.isMain) this.$refs.tree.setChecked(parent.field, false);
+        }
+      }
+    },
+    saveSelectField() {
+      if (this.editFieldId) {
+        this.saveCommonField();
+      } else {
+        this.addCommonFieldDialod = true;
+      }
+    },
+    openAddFieldDialog(key) {
+      this.selectFieldList = this.fieldList.map((item) => (item.attriName || item).replace(/\./g, "|"));
+      this.settingFieldList = this.$_.cloneDeep(this.fieldList);
+      this.showFieldDialog = true;
+      this.$nextTick(() => {
+        this.$refs.tree.setCheckedKeys(this.selectFieldList);
+      });
+    },
+    setField(config, item) {
+      if (item && item.ID) {
+        this.editFieldId = item.ID;
+      }
+      this.showFieldDialog = true;
+      this.$nextTick(() => {
+        if (item && item.FIELDS) {
+          const fields = item.FIELDS.split(",");
+          this.settingFieldList = [...fields];
+          this.$refs.tree.setCheckedKeys(this.settingFieldList);
+        } else {
+          this.settingFieldList = [];
+        }
+      });
+    },
+    saveCommonField() {
+      if (!this.commonFieldName && !this.editFieldId) {
+        this.$message.error("请输入名称");
+        return;
+      }
+      if (this.settingFieldList.length === 0) {
+        this.$message.error("请设置导出字段");
+        return;
+      }
+      let params = {};
+      if (this.editFieldId) {
+        params = {
+          action: "update",
+          entityId: "FM_FIELD_COMMON",
+          "bean.ID": this.editFieldId,
+          "bean.FIELDS": this.settingFieldList.map((item) => item.code || item).join(",")
+        };
+      } else {
+        params = {
+          entityId: "FM_FIELD_COMMON",
+          "bean.CLIENT": this.CLIENT,
+          "bean.SYSTEM": this.SYSTEM,
+          "bean.ENTITY": this.$query.id,
+          "bean.NAME": this.commonFieldName,
+          "bean.ORDER_NUM": this.commonFieldOrder,
+          "bean.FIELDS": this.settingFieldList.map((item) => item.code || item).join(",")
+        };
+      }
+      this.$http.save(params).then((data) => {
+        this.$message.success("保存成功");
+        this.commonFieldName = "";
+        this.commonFieldOrder = "";
+        this.addCommonFieldDialod = false;
+        this.settingFieldList = [];
+        this.showFieldDialog = false;
+        this.editFieldId = null;
+        this.reloadData();
+      }).catch((err) => {
+        this.$message.error(err.message || "处理失败");
+      });
+    },
+    renderField(field, index) {
+      return {
+        default: ({
+          row
+        }) => {
+          if (field.attriName === "FIELDS" && row.FIELDS) {
+            return row.FIELDS.split(",").map((item) => {
+              let _slot;
+              return createVNode(resolveComponent("el-tag"), {
+                "size": "small",
+                "style": {
+                  margin: "0 4px"
+                }
+              }, _isSlot(_slot = this.fieldLabel(item)) ? _slot : {
+                default: () => [_slot]
+              });
+            });
+          } else if (field.newLine) {
+            return createVNode(resolveComponent("el-tooltip"), {
+              "effect": "dark",
+              "content": row[field.attriName + "#"] || row[field.attriName],
+              "placement": "top"
+            }, {
+              default: () => [createVNode("div", {
+                "class": "table-cell",
+                "style": field.newLine ? {
+                  maxHeight: `${22 * field.lineNum + "px"}`,
+                  whiteSpace: "normal",
+                  display: "block"
+                } : ""
+              }, [createVNode(resolveComponent("epx-entity-list-edit-field"), {
+                "fieldConfigs": field,
+                "row": row,
+                "onClick": this.clickField.bind(this),
+                "onChange": this.changeField.bind(this),
+                "isEdit": this.editField.rowId === row.ID && this.editField.columnId === field.attriName
+              }, null), index === 0 && this.$configs.type === "tree" && this.$configs.operateTreeListFlag && this.treeListOperates.length > 0 && createVNode(resolveComponent("el-dropdown"), {
+                "class": "tree-list-sort"
+              }, {
+                default: () => [createVNode("span", {
+                  "class": "el-dropdown-link"
+                }, [createVNode("i", {
+                  "class": "el-icon-sort"
+                }, null)])],
+                dropdown: () => {
+                  let _slot2;
+                  return createVNode(resolveComponent("el-dropdown-menu"), null, _isSlot(_slot2 = this.treeListOperates.map((item) => createVNode(resolveComponent("el-dropdown-item"), {
+                    "onClick": this.$handler.bind(this, item, row)
+                  }, {
+                    default: () => [item.text]
+                  }))) ? _slot2 : {
+                    default: () => [_slot2]
+                  });
+                }
+              })])]
+            });
+          } else {
+            return createVNode("div", {
+              "class": ["table-cell", {
+                "table-cell--detail": field.state === "DETAIL" || field.state === "READONLY"
+              }]
+            }, [createVNode(resolveComponent("epx-entity-list-edit-field"), {
+              "fieldConfigs": field,
+              "row": row,
+              "onClick": this.clickField.bind(this),
+              "onChange": this.changeField.bind(this),
+              "isEdit": this.editField.rowId === row.ID && this.editField.columnId === field.attriName
+            }, null), index === 0 && this.$configs.type === "tree" && this.$configs.operateTreeListFlag && this.treeListOperates.length > 0 && createVNode(resolveComponent("el-dropdown"), {
+              "class": "tree-list-sort"
+            }, {
+              default: () => [createVNode("span", {
+                "class": "el-dropdown-link"
+              }, [createVNode("i", {
+                "class": "el-icon-sort"
+              }, null)])],
+              dropdown: () => {
+                let _slot3;
+                return createVNode(resolveComponent("el-dropdown-menu"), null, _isSlot(_slot3 = this.treeListOperates.map((item) => createVNode(resolveComponent("el-dropdown-item"), {
+                  "onClick": this.$handler.bind(this, item, row)
+                }, {
+                  default: () => [item.text]
+                }))) ? _slot3 : {
+                  default: () => [_slot3]
+                });
+              }
+            })]);
+          }
+        }
+      };
+    },
+    renderFieldDialog() {
+      let _slot4;
+      return createVNode(resolveComponent("el-dialog"), mergeProps({
+        "title": "添加字段",
+        "modelValue": this.showFieldDialog
+      }, {
+        "onUpdate:modelValue": (v) => {
+          this.showFieldDialog = v;
+        }
+      }, {
+        "append-to-body": true,
+        "class": "show-field-dialog",
+        "destroy-on-close": true,
+        "width": "800px",
+        "top": "10vh"
+      }), {
+        default: () => [createVNode("div", {
+          "class": "field-setting"
+        }, [createVNode("div", {
+          "class": "field-setting-item"
+        }, [createVNode("p", {
+          "class": "field-setting__header1"
+        }, [createVNode("span", null, [createTextVNode("选择字段")])]), createVNode("div", {
+          "class": "field-setting__content"
+        }, [createVNode(resolveComponent("el-input"), {
+          "class": "field-setting__filter",
+          "suffix-icon": "el-icon-search",
+          "size": "default",
+          "modelValue": this.filterText,
+          "onUpdate:modelValue": ($event) => this.filterText = $event
+        }, null), createVNode(resolveComponent("el-tree"), {
+          "ref": captureRef(this, "tree"),
+          "class": "field-tree",
+          "show-checkbox": true,
+          "node-key": "field",
+          "default-expanded-keys": this.defaultExpandKeys,
+          "data": this.showFieldStore,
+          "auto-expand-parent": false,
+          "props": this.treeProps,
+          "check-strictly": true,
+          "filter-node-method": this.filterNode,
+          "onCheckChange": this.checkFieldChange
+        }, {
+          default: ({
+            node,
+            data
+          }) => createVNode("span", {
+            "style": data.isSub ? {
+              color: "red"
+            } : {}
+          }, [data.text])
+        }), createVNode("div", {
+          "class": "set-show-field"
+        }, [createTextVNode("显示字段："), createVNode(resolveComponent("el-checkbox"), {
+          "modelValue": this.showLogField,
+          "onUpdate:modelValue": ($event) => this.showLogField = $event
+        }, {
+          default: () => [createTextVNode("日志字段")]
+        }), createVNode(resolveComponent("el-checkbox"), {
+          "modelValue": this.showSubField,
+          "onUpdate:modelValue": ($event) => this.showSubField = $event
+        }, {
+          default: () => [createTextVNode("子集字段")]
+        })])])]), createVNode("div", {
+          "class": "field-setting-item"
+        }, [createVNode("p", {
+          "class": "field-setting__header1"
+        }, [createVNode("span", null, [createTextVNode("已选字段")])]), createVNode("div", {
+          "class": "field-setting__content"
+        }, [createVNode("div", {
+          "class": "setting-fields__select"
+        }, [createVNode(draggable, {
+          "list": this.settingFieldList,
+          "class": "list-group",
+          "ghost-class": "ghost"
+        }, {
+          default: () => [createVNode(resolveComponent("transition-group"), {
+            "type": "transition",
+            "name": "flip-list",
+            "class": "setting-fields__select--list"
+          }, _isSlot(_slot4 = this.settingFieldList.map((field, index) => createVNode("li", {
+            "class": ["setting-fields__select--item"],
+            "key": field.attriName || field
+          }, [createVNode("i", {
+            "class": "el-icon-document"
+          }, null), createVNode("span", null, [this.fieldLabel(field)]), createVNode("i", {
+            "class": "el-icon-delete fr",
+            "onClick": this.deleteSettingField.bind(this, index)
+          }, null)]))) ? _slot4 : {
+            default: () => [_slot4]
+          })]
+        })])])])]), createVNode("div", {
+          "class": "field-setting__button"
+        }, [createVNode(resolveComponent("el-button"), {
+          "size": "default",
+          "onClick": () => {
+            this.showFieldDialog = false;
+          }
+        }, {
+          default: () => [createTextVNode("取消")]
+        }), createVNode(resolveComponent("el-button"), {
+          "size": "default",
+          "type": "primary",
+          "onClick": this.saveSelectField.bind(this)
+        }, {
+          default: () => [createTextVNode("保存")]
+        })])]
+      });
+    },
+    renderNameDialog() {
+      return createVNode(resolveComponent("el-dialog"), mergeProps({
+        "modelValue": this.addCommonFieldDialod
+      }, {
+        "onUpdate:modelValue": (v) => {
+          this.addCommonFieldDialod = v;
+        }
+      }, {
+        "width": "400px",
+        "title": "新增常用导出字段"
+      }), {
+        default: () => [createVNode("div", {
+          "class": "add-form-item"
+        }, [createVNode("label", {
+          "for": ""
+        }, [createTextVNode("名称：")]), createVNode(resolveComponent("el-input"), {
+          "size": "default",
+          "modelValue": this.commonFieldName,
+          "onUpdate:modelValue": ($event) => this.commonFieldName = $event,
+          "placeholder": "请输入名称"
+        }, null)]), createVNode("div", {
+          "class": "add-form-item"
+        }, [createVNode("label", {
+          "for": ""
+        }, [createTextVNode("排序号：")]), createVNode(resolveComponent("el-input"), {
+          "size": "default",
+          "modelValue": this.commonFieldOrder,
+          "onUpdate:modelValue": ($event) => this.commonFieldOrder = $event,
+          "placeholder": "请输入排序号"
+        }, null)])],
+        footer: () => createVNode("span", {
+          "class": "dialog-footer"
+        }, [createVNode(resolveComponent("el-button"), {
+          "onClick": () => {
+            this.addCommonFieldDialod = false;
+          }
+        }, {
+          default: () => [createTextVNode("取 消")]
+        }), createVNode(resolveComponent("el-button"), {
+          "type": "primary",
+          "onClick": this.saveCommonField.bind(this)
+        }, {
+          default: () => [createTextVNode("确 定")]
+        })])
+      });
+    }
+  },
+  created() {
+    this.renderComponents.unshift(this.renderFieldDialog, this.renderNameDialog);
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/base/CommonSearchList.js

@@ -0,0 +1,5 @@
+import '../../style.css';
+import _sfc_main from "./CommonSearchList.vue.js";
+export {
+  _sfc_main as default
+};