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

package/dist/src/base/ServiceMenu.js

@@ -0,0 +1,399 @@
+import '../../style.css';
+import { SET_ROUTER_QUERY } from "@epxing/core/src/store/actions";
+import EntityTreePage from "../components/EntityTreeManage.js";
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, createElementVNode, normalizeClass, createTextVNode, toDisplayString, createVNode, withCtx, withDirectives, createBlock, Fragment, createCommentVNode } from "vue";
+/* empty css                */
+/* empty css                 */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-base-service-menu",
+  extends: EntityTreePage,
+  addPageFlag: "v_service_menu_add_pc",
+  addPageFlagM: "v_service_menu_add_mobile",
+  detailPageFlag: "v_service_menu_detail_pc",
+  detailPageFlagM: "v_service_menu_detail_mobile",
+  data() {
+    return {
+      mode: "all",
+      loading: false,
+      expandKeys: []
+    };
+  },
+  computed: {
+    appId() {
+      return this.$query.id || this.APP;
+    }
+  },
+  watch: {
+    mode(v) {
+      this.mode = v;
+      this.getTreeModule();
+    }
+  },
+  methods: {
+    changeMenu(mode) {
+      if (this.mode !== mode) {
+        this.clickItem = {};
+        this.mode = mode;
+        this.$store.commit("SET_TAB_QUERY", {
+          query: {
+            appMenuMode: this.mode === "all" ? "" : this.mode
+          }
+        });
+        this.expandKeys = [];
+        this.getTreeModule();
+      }
+    },
+    getTreeModule() {
+      let { roleId, role } = this.$route.params;
+      if (!roleId) {
+        const { roles = {} } = this.user;
+        const currentRole = Object.entries(roles).find(([key, item]) => item.CODE === role) || [];
+        roleId = currentRole[0];
+      }
+      this.loading = true;
+      const params = {
+        action: "getServiceAllMenu",
+        entityId: "FM_MODULE",
+        serviceId: this.appId
+      };
+      if (this.mode !== "all") {
+        params.mode = this.mode;
+      }
+      this.$http.get(params).then((data) => {
+        this.loading = false;
+        this.treeModule = [...data];
+      }).catch(() => {
+        this.loading = false;
+      });
+    },
+    removeEntity(select) {
+      this.showPopover = null;
+      let selectItem = this.clickItem;
+      if (select && select.id) {
+        selectItem = select;
+      }
+      this.expandKeys = [];
+      if (!selectItem || !selectItem.id) {
+        this.$message.error(this.$t("please select a record"));
+        return;
+      }
+      const idArr = [selectItem.id];
+      this.getSubIds(idArr, selectItem.children);
+      this.$confirm(this.$t("Confirm the deletion") + "?").then(() => {
+        this.$http.$request({
+          action: "removeMulti",
+          entityId: "FM_MODULE",
+          ids: idArr.join(",")
+        }).then((data) => {
+          this.$message.success(this.$t("deleted successfully"));
+          this.getTreeModule();
+          if (select.parent) {
+            this.expandKeys.push(select.parent);
+          }
+        });
+      });
+    },
+    viewEntity(item) {
+      this.clickItem = { id: item.id, ...item };
+      const { detailPageFlag, detailPageFlagM } = this.$configs;
+      this.pageFlag = this.mode === "pc" ? detailPageFlag : detailPageFlagM;
+      this.$emit("createPage", {
+        metaId: "FM_MODULE",
+        flag: this.pageFlag,
+        component: "entity-add-page",
+        pageType: "DETAIL",
+        serviceId: this.appId,
+        id: item.id,
+        callback: this.getTreeModule
+      });
+      this.$store.commit("SET_TAB_QUERY", { query: { serviceId: this.appId } });
+    },
+    editEntity() {
+      const { id } = this.clickItem || {};
+      if (!id) {
+        this.$message.error(this.$t("please select a record"));
+        return;
+      }
+      const { detailPageFlag, detailPageFlagM } = this.$configs;
+      this.$emit("createPage", {
+        metaId: "FM_MODULE",
+        flag: this.mode === "pc" ? detailPageFlag : detailPageFlagM,
+        component: "entity-add-page",
+        pageType: "EDIT",
+        serviceId: this.appId,
+        id,
+        callback: this.getTreeModule
+      });
+      this.expandKeys = [this.clickItem.parent];
+    },
+    editTheEntity(item) {
+      this.showPopover = null;
+      this.clickItem = item;
+      const { detailPageFlag, detailPageFlagM } = this.configs;
+      this.load = false;
+      this.pageFlag = this.mode === "pc" ? detailPageFlag : detailPageFlagM;
+      this.$emit("createPage", {
+        metaId: "FM_MODULE",
+        flag: this.pageFlag,
+        pageType: "EDIT",
+        component: "entity-add-page",
+        serviceId: this.appId,
+        id: item.id,
+        callback: this.getTreeModule
+      });
+      this.$nextTick(() => {
+        this.load = true;
+      });
+      this.expandKeys = [item.parent];
+      this.$store.commit(SET_ROUTER_QUERY, { id: item.id });
+    },
+    add(selectId, selectText) {
+      this.showPopover = null;
+      const { addPageFlag, addPageFlagM } = this.configs;
+      this.pageFlag = addPageFlag;
+      let id = this.clickItem.id;
+      let text = this.clickItem.text;
+      if (typeof selectId === "string") {
+        id = selectId;
+        text = selectText;
+        this.expandKeys = [selectId];
+      }
+      const field = this.defaultValueField;
+      const defaultValue = {};
+      defaultValue[field] = id;
+      defaultValue[field + "#"] = text;
+      this.$emit("createPage", {
+        metaId: "FM_MODULE",
+        flag: this.mode === "pc" ? addPageFlag : addPageFlagM,
+        component: "entity-add-page",
+        pageType: "ADD",
+        serviceId: this.appId,
+        defaultValue,
+        callback: this.getTreeModule
+        // defaultValue: { UP_ID: id, 'UP_ID#': text }
+      });
+    },
+    expandNode(node) {
+      this.expandKeys = [.../* @__PURE__ */ new Set([...this.expandKeys, node.id])];
+    },
+    collapseNode(node) {
+      const index = this.expandKeys.findIndex((item) => item === node.id);
+      if (index !== -1) {
+        this.expandKeys.splice(index, 1);
+      }
+    },
+    mainAdd(data) {
+      this.clickItem = {};
+      if (data.parent) {
+        this.expandKeys = [data.id];
+        const obj = this.deepList(data.parent, this.treeModule) || {};
+        this.add(data.parent, obj.text || "");
+      } else {
+        this.add();
+      }
+    },
+    drop(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 || current.data.ID;
+      }
+      if (parentId === "root") {
+        modules = [...this.treeModule];
+      } else {
+        const parentNode = this.getTreeModuleNode(this.treeModule, parentId) || { children: [...this.treeModule] };
+        modules = [...parentNode.children];
+      }
+      const str = modules.reduce((str2, item, index) => str2 += (item.id || item.ID) + ":" + index + ",", "");
+      this.$http.$request({
+        action: "moveTree",
+        entityId: "FM_MODULE",
+        id: node.data.id || node.data.ID,
+        // selfAttriName: 'ID',
+        selfAttriName: this.selfAttriName,
+        newParentId: parentId,
+        orderString: str,
+        orderAtrriName: "ORDER_NUM"
+      }).then((data) => {
+        this.showPage = false;
+        this.$nextTick(() => {
+          this.showPage = true;
+        });
+      });
+    }
+  },
+  created() {
+    this.$store.commit("SET_TAB_QUERY", {
+      query: {
+        appId: this.appId,
+        appMenuMode: this.mode
+      }
+    });
+  }
+};
+const _hoisted_1 = { class: "tree-list" };
+const _hoisted_2 = { class: "tree-header" };
+const _hoisted_3 = { class: "opera" };
+const _hoisted_4 = { class: "button-group" };
+const _hoisted_5 = { class: "search-container" };
+const _hoisted_6 = { class: "tree-node" };
+const _hoisted_7 = { class: "opera-list" };
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = ["onClick"];
+const _hoisted_11 = { class: "content" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_input = resolveComponent("el-input");
+  const _component_el_tag = resolveComponent("el-tag");
+  const _component_el_popover = resolveComponent("el-popover");
+  const _component_el_tree = resolveComponent("el-tree");
+  const _component_epx_router_view = resolveComponent("epx-router-view");
+  const _directive_loading = resolveDirective("loading");
+  return openBlock(), createElementBlock("div", {
+    class: "container",
+    onClick: _cache[4] || (_cache[4] = ($event) => _ctx.showPopover = null)
+  }, [
+    createElementVNode("div", _hoisted_1, [
+      createElementVNode("div", _hoisted_2, [
+        createElementVNode("span", {
+          class: normalizeClass($data.mode === "all" ? "active" : ""),
+          onClick: _cache[0] || (_cache[0] = ($event) => $options.changeMenu("all"))
+        }, "全部", 2),
+        _cache[5] || (_cache[5] = createTextVNode(" | ", -1)),
+        createElementVNode("span", {
+          class: normalizeClass($data.mode === "pc" ? "active" : ""),
+          onClick: _cache[1] || (_cache[1] = ($event) => $options.changeMenu("pc"))
+        }, toDisplayString(_ctx.$t("PC port")), 3),
+        _cache[6] || (_cache[6] = createTextVNode(" | ", -1)),
+        createElementVNode("span", {
+          class: normalizeClass($data.mode === "move" ? "active" : ""),
+          onClick: _cache[2] || (_cache[2] = ($event) => $options.changeMenu("move"))
+        }, toDisplayString(_ctx.$t("mobile port")), 3)
+      ]),
+      createElementVNode("div", _hoisted_3, [
+        createElementVNode("div", _hoisted_4, [
+          createVNode(_component_el_button, {
+            type: "primary",
+            size: "small",
+            onClick: $options.add
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.$t("add")), 1)
+            ]),
+            _: 1
+          }, 8, ["onClick"]),
+          createVNode(_component_el_button, {
+            type: "primary",
+            size: "small",
+            onClick: $options.removeEntity
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.$t("delete")), 1)
+            ]),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        createElementVNode("div", _hoisted_5, [
+          createVNode(_component_el_input, {
+            placeholder: _ctx.$t("enter the keyword for filtering"),
+            modelValue: _ctx.filterText,
+            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.filterText = $event)
+          }, null, 8, ["placeholder", "modelValue"])
+        ])
+      ]),
+      withDirectives((openBlock(), createBlock(_component_el_tree, {
+        class: "tree",
+        ref: "tree",
+        data: _ctx.treeModule,
+        props: { label: "NAME", children: "children" },
+        "filter-node-method": _ctx.filterNode,
+        "expand-on-click-node": false,
+        "current-node-key": _ctx.clickItem.id,
+        "node-key": "id",
+        "default-expanded-keys": $data.expandKeys,
+        "check-on-click-node": true,
+        "highlight-current": true,
+        draggable: true,
+        onNodeDrop: $options.drop,
+        onNodeClick: $options.viewEntity,
+        onNodeContextmenu: _ctx.showContextmenu,
+        onNodeExpand: $options.expandNode,
+        onNodeCollapse: $options.collapseNode
+      }, {
+        default: withCtx(({ node, data }) => [
+          createElementVNode("span", null, [
+            createVNode(_component_el_popover, {
+              "popper-class": "tree-opera-popover",
+              value: _ctx.showPopover === node.id,
+              trigger: "manual",
+              placement: "right-start"
+            }, {
+              reference: withCtx(() => [
+                createElementVNode("span", _hoisted_6, [
+                  createElementVNode("i", {
+                    class: normalizeClass(data.children.length > 0 ? "el-icon-folder" : "el-icon-document")
+                  }, null, 2),
+                  createElementVNode("span", null, toDisplayString(node.label), 1),
+                  $data.mode === "all" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                    data.TERMINAL === "pc" ? (openBlock(), createBlock(_component_el_tag, {
+                      key: 0,
+                      class: "terminal-tag",
+                      size: "small"
+                    }, {
+                      default: withCtx(() => [..._cache[7] || (_cache[7] = [
+                        createTextVNode("PC", -1)
+                      ])]),
+                      _: 1
+                    })) : createCommentVNode("", true),
+                    data.TERMINAL === "move" ? (openBlock(), createBlock(_component_el_tag, {
+                      key: 1,
+                      class: "terminal-tag",
+                      type: "warning",
+                      size: "small"
+                    }, {
+                      default: withCtx(() => [..._cache[8] || (_cache[8] = [
+                        createTextVNode("移动", -1)
+                      ])]),
+                      _: 1
+                    })) : createCommentVNode("", true)
+                  ], 64)) : createCommentVNode("", true)
+                ])
+              ]),
+              default: withCtx(() => [
+                createElementVNode("ul", _hoisted_7, [
+                  createElementVNode("li", {
+                    onClick: ($event) => $options.add(data.id || data.ID, data.text)
+                  }, toDisplayString(_ctx.$t("adding child nodes")), 9, _hoisted_8),
+                  createElementVNode("li", {
+                    onClick: ($event) => $options.mainAdd(data)
+                  }, toDisplayString(_ctx.$t("adding nodes of the same level")), 9, _hoisted_9),
+                  createElementVNode("li", {
+                    onClick: ($event) => $options.removeEntity(data)
+                  }, toDisplayString(_ctx.$t("delete")), 9, _hoisted_10)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["value"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["data", "filter-node-method", "current-node-key", "default-expanded-keys", "onNodeDrop", "onNodeClick", "onNodeContextmenu", "onNodeExpand", "onNodeCollapse"])), [
+        [_directive_loading, $data.loading]
+      ])
+    ]),
+    createElementVNode("div", _hoisted_11, [
+      createVNode(_component_epx_router_view, {
+        "router-change": _ctx.routerChange,
+        inline: true
+      }, null, 8, ["router-change"])
+    ])
+  ]);
+}
+const ServiceMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-186b6f4a"]]);
+export {
+  ServiceMenu as default
+};

package/dist/src/base/ServiceMenuFormItem.js

@@ -0,0 +1,20 @@
+import '../../style.css';
+import AddFormItem from "@epxing/components/src/add-form-item";
+const _sfc_main = {
+  extends: AddFormItem,
+  name: "epx-service-menu-form-item",
+  methods: {
+    cancel(finish) {
+      this.isEdit = false;
+      this.$emit("cancel-edit", false);
+      this.getFieldsConfigs();
+      this.$query.callback && this.$query.callback();
+      if (finish && this.form) {
+        this.form.$refesh();
+      }
+    }
+  }
+};
+export {
+  _sfc_main as default
+};