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

package/dist/src/components/CodeDetail.js

@@ -0,0 +1,454 @@
+import '../../style.css';
+import component from "@epxing/core/src/mixins/component";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, createBlock, createCommentVNode, withCtx, createTextVNode, createVNode, toDisplayString } from "vue";
+/* empty css               */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-code-detail",
+  mixins: [component],
+  data() {
+    return {
+      selectCodeItem: {},
+      editable: false,
+      loadForm: true,
+      codeOptionsTree: [],
+      addCodeOptionVisible: false,
+      upCodeOption: null,
+      option: {},
+      optionKey: "",
+      addPage: false,
+      total: 0,
+      dialogTitle: "代码项新增",
+      activeTab: "option",
+      colorList: ["#FFFFFF", "#F2F3F7", "#E2F4FD", "#EEFAE1", "#F7E9BC", "#FBD3D0", "#C2CDF0", "#DBCEF5", "#E8D5CB", "#C0EBE5", "#E48484", "#DFB85D", "#B1C774", "#77C386", "#6EC4C4", "#69B1E4", "#6F81DB", "#A287E1", "#75636A", "#7C9CC0"]
+    };
+  },
+  watch: {
+    optionKey(val) {
+      this.$refs.tree.filter(val);
+    }
+  },
+  methods: {
+    getData() {
+      this.$http.get({
+        entityId: this.$metaId,
+        id: this.$query.id
+      }).then((data) => {
+        this.selectCodeItem = { ...data.data };
+      });
+    },
+    getCodeOptions() {
+      this.$http.getTree({
+        entityId: "FM_CODE_DEFINE",
+        key: this.$query.id,
+        useCache: "0",
+        mysort: "ORDER_NUM",
+        dir: "ASC",
+        scope: "all"
+      }).then((data) => {
+        this.codeOptionsTree = data;
+      });
+    },
+    cancelEdit(finish) {
+      this.editable = false;
+      if (finish) {
+        this.$http.get({
+          entityId: this.$metaId,
+          id: this.selectCodeItem.ID
+        }).then((data) => {
+          this.selectCodeItem = data.data;
+          const index = this.codeList.findIndex((item) => item.ID === this.selectCodeItem.ID);
+          if (index !== -1) {
+            this.codeList.splice(index, 1, data.data);
+          }
+        });
+      }
+      this.loadForm = false;
+      this.$nextTick(() => {
+        this.loadForm = true;
+      });
+    },
+    editCode() {
+      this.editable = true;
+      this.dialogTitle = "编辑代码项";
+      this.loadForm = false;
+      this.$nextTick(() => {
+        this.loadForm = true;
+      });
+    },
+    addCodeOption(data) {
+      this.addCodeOptionVisible = true;
+      this.upCodeOption = data;
+      this.dialogTitle = data ? "添加下级代码项" : "新增代码项";
+      this.option = {
+        ID: "",
+        CODE: "",
+        NAME: "",
+        ICON: "",
+        ICON_COLOR: "",
+        ICON_BG_COLOR: "",
+        ENABLE: "1"
+      };
+    },
+    editCodeOption(data) {
+      this.addCodeOptionVisible = true;
+      this.$http.get({
+        entityId: "FM_CODE_PUB",
+        id: data.id
+      }).then((data2) => {
+        this.option = { LANGUAGE_PARAM: {}, ...data2.data };
+      });
+    },
+    filterNode(value, data) {
+      if (!value) return true;
+      return data.title.indexOf(value) !== -1;
+    },
+    getCodeOptionNode(modules, parentId) {
+      let node = null;
+      for (let i = 0; i < modules.length; i++) {
+        const module = modules[i];
+        if (module.id === parentId) {
+          node = module;
+          return node;
+        } else if (module.children && module.children.length > 0) {
+          node = this.getCodeOptionNode(module.children, parentId);
+        }
+        if (node) {
+          return node;
+        }
+      }
+    },
+    dropCodeOption(node, current, type, event) {
+      let parentId = "";
+      let modules = [];
+      if (type === "after" || type === "before") {
+        parentId = current.data.parent || "root";
+      } else if (type === "inner") {
+        parentId = current.data.id;
+      }
+      if (parentId === "root") {
+        modules = [...this.codeOptionsTree];
+      } else {
+        const parentNode = this.getCodeOptionNode(this.codeOptionsTree, parentId) || { children: [...this.codeOptionsTree] };
+        modules = [...parentNode.children];
+      }
+      const str = modules.reduce((str2, item, index) => str2 += item.id + ":" + index + ",", "");
+      this.$http.$post({
+        action: "moveTree",
+        entityId: "FM_CODE_PUB",
+        id: node.data.id,
+        selfAttriName: "ID",
+        newParentId: parentId,
+        orderString: str,
+        orderAtrriName: "ORDER_NUM"
+      }).then((data) => {
+        this.getCodeOptions();
+      });
+    },
+    saveCodeOption(isContinue) {
+      if (!this.option.CODE || !this.option.NAME) {
+        this.$message.error("请输入代码项信息");
+        return;
+      }
+      const params = {
+        "bean.CLIENT": this.$tab.CLIENT || this.CLIENT,
+        "bean.SYSTEM": this.$tab.SYSTEM || this.SYSTEM,
+        "bean.CODE": this.option.CODE,
+        "bean.CODE_DEFINE": this.selectCodeItem.ID,
+        "bean.NAME": this.option.NAME,
+        "bean.ICON": this.option.ICON && typeof this.option.ICON === "object" ? this.option.ICON.id : this.option.ICON,
+        "bean.ICON_BG_COLOR": this.option.ICON_BG_COLOR,
+        "bean.FONT_COLOR": this.option.FONT_COLOR,
+        "bean.LANGUAGE_PARAM": this.option.LANGUAGE_PARAM,
+        "bean.ENABLE": this.option.ENABLE
+      };
+      if (this.upCodeOption) {
+        params["bean.UP"] = this.upCodeOption.id;
+      }
+      if (this.option.ID) {
+        params.action = "update";
+        params["bean.ID"] = this.option.ID;
+      }
+      if (this.isRequesting === true) return;
+      this.isRequesting = true;
+      this.$http.save({
+        entityId: "FM_CODE_PUB",
+        ...params
+      }).then(() => {
+        this.getCodeOptions();
+        this.option = {
+          ID: "",
+          CODE: "",
+          NAME: "",
+          ICON: "",
+          ICON_COLOR: "",
+          ICON_BG_COLOR: "",
+          ENABLE: "1"
+        };
+        if (isContinue !== true) {
+          this.upCodeOption = null;
+          this.addCodeOptionVisible = false;
+        }
+        this.isRequesting = false;
+        if (this.$configs.updateStore) {
+          this.$store.commit({
+            type: "DELETE_LIST",
+            key: this.selectCodeItem.ID
+          });
+          this.$store.dispatch({
+            type: "ADD_LIST",
+            key: this.selectCodeItem.ID
+          });
+        }
+      }).catch((err) => {
+        this.$message.error(err.message || "处理失败");
+        this.isRequesting = false;
+      });
+    },
+    deleteCodeOption(item) {
+      this.$http.removeMulti({
+        entityId: "FM_CODE_PUB",
+        ids: item.id
+      }).then(() => {
+        this.getCodeOptions();
+      });
+    },
+    importCurrentCode() {
+      this.$createPage({
+        metaId: "FM_CODE_PUB",
+        component: "import-page",
+        dynamicParams: {
+          CLIENT: this.CLIENT,
+          SYSTEM: this.SYSTEM,
+          CODE_DEFINE: this.selectCodeItem.ID
+        }
+      });
+    }
+  },
+  created() {
+    this.getData();
+    this.getCodeOptions();
+  }
+};
+const _hoisted_1 = { class: "code-container" };
+const _hoisted_2 = { class: "code-from" };
+const _hoisted_3 = { class: "operate" };
+const _hoisted_4 = { class: "code-options-container" };
+const _hoisted_5 = { class: "operate" };
+const _hoisted_6 = { key: 0 };
+const _hoisted_7 = { class: "code-option" };
+const _hoisted_8 = { key: 0 };
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = ["onClick"];
+const _hoisted_11 = {
+  key: 0,
+  class: "add-code-container"
+};
+const _hoisted_12 = {
+  key: 0,
+  class: "code-option-form__item"
+};
+const _hoisted_13 = { class: "code-option-form__item" };
+const _hoisted_14 = { class: "code-option-form__item" };
+const _hoisted_15 = { class: "code-option-form__item" };
+const _hoisted_16 = { class: "code-option-form__item" };
+const _hoisted_17 = { class: "code-option-form__item" };
+const _hoisted_18 = { class: "code-option-form__item" };
+const _hoisted_19 = { class: "dialog-footer" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_epx_add_form_item = resolveComponent("epx-add-form-item");
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_input = resolveComponent("el-input");
+  const _component_el_popconfirm = resolveComponent("el-popconfirm");
+  const _component_el_tree = resolveComponent("el-tree");
+  const _component_epx_object = resolveComponent("epx-object");
+  const _component_el_color_picker = resolveComponent("el-color-picker");
+  const _component_epx_radio = resolveComponent("epx-radio");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", _hoisted_2, [
+      $data.loadForm ? (openBlock(), createBlock(_component_epx_add_form_item, {
+        key: 0,
+        formData: $data.selectCodeItem,
+        pageType: $data.editable ? "EDIT" : "DETAIL",
+        formConfigs: { pageType: $data.editable ? "EDIT" : "DETAIL" },
+        edit: $data.editable,
+        "comp-configs": { ..._ctx.$configs, labelWidth: "90", editable: true },
+        form: this,
+        onCancelEdit: $options.cancelEdit
+      }, null, 8, ["formData", "pageType", "formConfigs", "edit", "comp-configs", "onCancelEdit"])) : createCommentVNode("", true),
+      createElementVNode("div", _hoisted_3, [
+        _cache[11] || (_cache[11] = createElementVNode("span", null, null, -1)),
+        $data.editable === false && $data.selectCodeItem.SYSTEM === _ctx.SYSTEM ? (openBlock(), createBlock(_component_el_button, {
+          key: 0,
+          size: "default",
+          type: "primary",
+          onClick: $options.editCode
+        }, {
+          default: withCtx(() => [..._cache[10] || (_cache[10] = [
+            createTextVNode("编辑", -1)
+          ])]),
+          _: 1
+        }, 8, ["onClick"])) : createCommentVNode("", true),
+        _cache[12] || (_cache[12] = createElementVNode("span", null, null, -1))
+      ])
+    ]),
+    createElementVNode("div", _hoisted_4, [
+      createElementVNode("div", _hoisted_5, [
+        createVNode(_component_el_input, {
+          type: "text",
+          modelValue: $data.optionKey,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.optionKey = $event),
+          size: "default",
+          "suffix-icon": "el-icon-search",
+          placeholder: "请输入搜索内容"
+        }, null, 8, ["modelValue"]),
+        $data.selectCodeItem.SYSTEM && $data.selectCodeItem.SYSTEM === _ctx.SYSTEM ? (openBlock(), createElementBlock("div", _hoisted_6, [
+          createVNode(_component_el_button, {
+            size: "default",
+            type: "primary",
+            onClick: _cache[1] || (_cache[1] = ($event) => $options.addCodeOption(null))
+          }, {
+            default: withCtx(() => [..._cache[13] || (_cache[13] = [
+              createTextVNode("添加", -1)
+            ])]),
+            _: 1
+          })
+        ])) : createCommentVNode("", true),
+        _cache[14] || (_cache[14] = createElementVNode("span", null, null, -1))
+      ]),
+      createVNode(_component_el_tree, {
+        ref: "tree",
+        class: "code-tree",
+        data: $data.codeOptionsTree,
+        "node-key": "id",
+        "filter-node-method": $options.filterNode,
+        onNodeDrop: $options.dropCodeOption,
+        draggable: ""
+      }, {
+        default: withCtx(({ data }) => [
+          createElementVNode("div", _hoisted_7, [
+            createElementVNode("span", null, toDisplayString(`${data.title}（${data.code}）`), 1),
+            $data.selectCodeItem.SYSTEM === _ctx.SYSTEM ? (openBlock(), createElementBlock("span", _hoisted_8, [
+              createElementVNode("i", {
+                class: "add-option-level",
+                onClick: ($event) => $options.editCodeOption(data)
+              }, "编辑", 8, _hoisted_9),
+              createElementVNode("i", {
+                class: "add-option-level",
+                onClick: ($event) => $options.addCodeOption(data)
+              }, "添加下级", 8, _hoisted_10),
+              createVNode(_component_el_popconfirm, {
+                title: "确认删除该代码表？",
+                onConfirm: ($event) => $options.deleteCodeOption(data)
+              }, {
+                reference: withCtx(() => [..._cache[15] || (_cache[15] = [
+                  createElementVNode("i", { class: "remove-option" }, "删除", -1)
+                ])]),
+                _: 1
+              }, 8, ["onConfirm"])
+            ])) : createCommentVNode("", true)
+          ])
+        ]),
+        _: 1
+      }, 8, ["data", "filter-node-method", "onNodeDrop"]),
+      $data.addCodeOptionVisible ? (openBlock(), createElementBlock("div", _hoisted_11, [
+        createElementVNode("div", null, [
+          $data.upCodeOption ? (openBlock(), createElementBlock("p", _hoisted_12, [
+            _cache[16] || (_cache[16] = createElementVNode("label", { for: "" }, "上级代码：", -1)),
+            createElementVNode("span", null, toDisplayString($data.upCodeOption.title), 1)
+          ])) : createCommentVNode("", true),
+          createElementVNode("p", _hoisted_13, [
+            _cache[17] || (_cache[17] = createElementVNode("label", { for: "" }, "编号：", -1)),
+            createVNode(_component_el_input, {
+              modelValue: $data.option.CODE,
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $data.option.CODE = $event),
+              type: "text",
+              placeholder: "请输入编号"
+            }, null, 8, ["modelValue"])
+          ]),
+          createElementVNode("p", _hoisted_14, [
+            _cache[18] || (_cache[18] = createElementVNode("label", { for: "" }, "名称：", -1)),
+            createVNode(_component_el_input, {
+              modelValue: $data.option.NAME,
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $data.option.NAME = $event),
+              type: "text",
+              placeholder: "请输入名称"
+            }, null, 8, ["modelValue"])
+          ]),
+          createElementVNode("p", _hoisted_15, [
+            _cache[19] || (_cache[19] = createElementVNode("label", { for: "" }, "图标：", -1)),
+            createVNode(_component_epx_object, {
+              modelValue: $data.option.ICON,
+              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => $data.option.ICON = $event),
+              fieldConfigs: { attriName: "ICON", state: "EDIT", attriLabel: "图标", dataType: "object", codeKey: "FM_FONT_ICON" }
+            }, null, 8, ["modelValue"])
+          ]),
+          createElementVNode("div", _hoisted_16, [
+            _cache[20] || (_cache[20] = createElementVNode("label", { for: "" }, "颜色：", -1)),
+            createVNode(_component_el_color_picker, {
+              modelValue: $data.option.FONT_COLOR,
+              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => $data.option.FONT_COLOR = $event),
+              "show-alpha": "",
+              predefine: $data.colorList
+            }, null, 8, ["modelValue", "predefine"])
+          ]),
+          createElementVNode("div", _hoisted_17, [
+            _cache[21] || (_cache[21] = createElementVNode("label", { for: "" }, "背景色：", -1)),
+            createVNode(_component_el_color_picker, {
+              modelValue: $data.option.ICON_BG_COLOR,
+              "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => $data.option.ICON_BG_COLOR = $event),
+              "show-alpha": "",
+              predefine: $data.colorList
+            }, null, 8, ["modelValue", "predefine"])
+          ]),
+          createElementVNode("p", _hoisted_18, [
+            _cache[22] || (_cache[22] = createElementVNode("label", { for: "" }, "是否启用：", -1)),
+            createVNode(_component_epx_radio, {
+              modelValue: $data.option.ENABLE,
+              "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => $data.option.ENABLE = $event),
+              fieldConfigs: { attriName: "ENABLE", state: "EDIT", attriLabel: "是否启用", dataType: "radio", codeKey: "FRAME_PUB_BOOLEAN" }
+            }, null, 8, ["modelValue"])
+          ])
+        ]),
+        createElementVNode("div", _hoisted_19, [
+          createVNode(_component_el_button, {
+            size: "small",
+            onClick: _cache[8] || (_cache[8] = ($event) => {
+              $data.addCodeOptionVisible = false;
+              $data.upCodeOption = null;
+            })
+          }, {
+            default: withCtx(() => [..._cache[23] || (_cache[23] = [
+              createTextVNode("取 消", -1)
+            ])]),
+            _: 1
+          }),
+          createVNode(_component_el_button, {
+            size: "small",
+            type: "primary",
+            onClick: $options.saveCodeOption
+          }, {
+            default: withCtx(() => [..._cache[24] || (_cache[24] = [
+              createTextVNode("确 定", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"]),
+          createVNode(_component_el_button, {
+            size: "small",
+            type: "primary",
+            onClick: _cache[9] || (_cache[9] = ($event) => $options.saveCodeOption(true))
+          }, {
+            default: withCtx(() => [..._cache[25] || (_cache[25] = [
+              createTextVNode("确定并继续", -1)
+            ])]),
+            _: 1
+          })
+        ])
+      ])) : createCommentVNode("", true)
+    ])
+  ]);
+}
+const CodeDetail = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-80073e26"]]);
+export {
+  CodeDetail as default
+};