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

package/dist/src/views/MinePage.js

@@ -0,0 +1,16 @@
+import '../../style.css';
+import BasePage from "@epxing/components/src/base-page";
+const _sfc_main = {
+  name: "epx-mine-page",
+  extends: BasePage,
+  items: [
+    {
+      id: "mine",
+      title: "我的",
+      contentType: "mine"
+    }
+  ]
+};
+export {
+  _sfc_main as default
+};

package/dist/src/views/Module.js

@@ -0,0 +1,173 @@
+import '../../style.css';
+import { DELETE_MODULE_ROUTER, SET_ROUTER } from "@epxing/core/src/store/actions";
+import { mapState } from "vuex";
+import { resolveComponent, openBlock, createElementBlock, createBlock, createCommentVNode } from "vue";
+/* empty css           */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-module",
+  props: {
+    router: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  data() {
+    return {
+      showPage: false,
+      moduleIndexPage: "",
+      moduleRouters: [],
+      initRoute: null
+    };
+  },
+  computed: {
+    ...mapState({
+      // routers: state => state.router.moduleRouters,
+      // route: state => state.router.moduleRoute,
+      user: (state) => state.user.user
+    }),
+    pageId() {
+      return this.route.pageId || this.moduleIndexPage;
+    },
+    // moduleRouters () {
+    //   const { children = [] } = this.router
+    //   return children
+    // },
+    moduleRouter() {
+      return this.moduleRouters[this.moduleRouters.length - 1] || {};
+    }
+  },
+  watch: {
+    $routers: {
+      handler(routers) {
+        routers.forEach((item) => {
+          if (item.key === this.router.key) {
+            const { children = [] } = item;
+            this.moduleRouters = [...children];
+          }
+        });
+      },
+      deep: true
+    },
+    moduleRouter: {
+      handler(v, oldV) {
+        if (!(v.pageId === oldV.pageId && v.flag === oldV.flag && v.metaId === oldV.metaId && v.component === oldV.component)) {
+          this.reloadPageDebounce();
+        }
+      },
+      deep: true
+    }
+  },
+  provide() {
+    return {
+      $changeRouter: this.changeRouter,
+      $reloadPage: this.reloadPage,
+      $backPage: this.$popModuleRoute
+    };
+  },
+  methods: {
+    reloadPage() {
+      this.showPage = false;
+      this.$nextTick(() => {
+        if (this.moduleRouter.pageId || this.moduleRouter.flag || this.moduleIndexPage || this.moduleRouter.component) {
+          const timer = setTimeout(() => {
+            this.showPage = true;
+            clearTimeout(timer);
+          }, 0);
+        }
+      });
+    },
+    getModule() {
+      let { moduleId } = this.$route.query;
+      if (this.router.query) {
+        moduleId = this.router.query.moduleId;
+      }
+      if (!moduleId) {
+        if (this.user.currentRoleEntity) {
+          const { MENU: USER_MENU } = this.user.currentRoleEntity.data;
+          moduleId = USER_MENU;
+        }
+      }
+      this.$http.get({
+        entityId: "FM_MODULE",
+        id: moduleId
+      }).then((data) => {
+        if (data) {
+          const module = data.data || {};
+          const date = (/* @__PURE__ */ new Date()).getTime();
+          if (!this.router.query) {
+            this.$createPage({
+              key: this.$routers.length === 0 ? "nav-" + date : date,
+              moduleId: module.ID,
+              title: module.NAME,
+              openType: "1"
+            });
+            this.initRoute = {
+              key: this.$routers.length === 0 ? "nav-" + date : date,
+              moduleId: module.ID,
+              title: module.NAME
+            };
+          } else {
+            if (!this.router.children || this.router.children.length === 0) {
+              const router = {
+                ...this.router,
+                children: [
+                  { key: date, pageId: module.MAIN_PAGE, moduleId }
+                ]
+              };
+              this.initRoute = { key: date, pageId: module.MAIN_PAGE, moduleId };
+              this.$store.commit(SET_ROUTER, { key: this.router.key, router });
+            }
+          }
+        }
+      });
+    },
+    addListenerRouter() {
+      this.$bus.off("push");
+      this.$bus.off("pop");
+    },
+    removeListenerRouter() {
+      this.$store.commit(DELETE_MODULE_ROUTER);
+    },
+    changeRouter(v) {
+    },
+    back() {
+      this.$popModuleRoute();
+    }
+  },
+  created() {
+    this.getModule();
+    this.addListenerRouter();
+    this.reloadPageDebounce = this.$_.debounce(this.reloadPage, 20);
+  },
+  beforeUnmount() {
+    this.removeListenerRouter();
+  }
+};
+const _hoisted_1 = {
+  ref: "module",
+  id: "module",
+  class: "module"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_epx_page = resolveComponent("epx-page");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    $data.showPage ? (openBlock(), createBlock(_component_epx_page, {
+      key: 0,
+      onChangeRouter: $options.changeRouter,
+      onBack: $options.back,
+      pageId: $options.moduleRouter.pageId,
+      flag: $options.moduleRouter.flag,
+      metaId: $options.moduleRouter.metaId,
+      component: $options.moduleRouter.component,
+      router: $options.moduleRouter,
+      "current-query": $options.moduleRouter
+    }, null, 8, ["onChangeRouter", "onBack", "pageId", "flag", "metaId", "component", "router", "current-query"])) : createCommentVNode("", true)
+  ], 512);
+}
+const Module = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-ef3e2f88"]]);
+export {
+  Module as default
+};

package/dist/src/views/PageAttributeTreePage.js

@@ -0,0 +1,421 @@
+import '../../style.css';
+import Container from "@epxing/core/src/Container";
+import Config from "@epxing/utils/src/Config";
+import { SET_ROUTER_QUERY } from "@epxing/core/src/store/actions";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, createTextVNode, normalizeClass, toDisplayString, Fragment, renderList, withDirectives, createBlock, vShow, createCommentVNode } from "vue";
+/* empty css                          */
+/* empty css                           */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+class PageConfig extends Config {
+  constructor(config) {
+    super();
+    super.set(config);
+    this.detailPageFlag = "v_add";
+    this.addPageFlag = "v_add";
+  }
+}
+const _sfc_main = {
+  name: "epx-page-attribute-tree-page",
+  extends: Container,
+  data() {
+    return {
+      treeModule: [],
+      filterText: "",
+      pageFlag: "",
+      showPage: true,
+      routers: [],
+      clickItem: {},
+      showPopover: ""
+    };
+  },
+  props: ["isShow"],
+  computed: {
+    flag() {
+      const { firstPageFlag = "" } = this.pageConfig;
+      return this.pageFlag || firstPageFlag;
+    },
+    firstPageMetaId() {
+      const { firstPageMetaId = "" } = this.pageConfig;
+      return firstPageMetaId;
+    },
+    route() {
+      const routers = [...this.routers];
+      return routers.pop();
+    }
+  },
+  watch: {
+    filterText(val) {
+      this.$refs.tree.filter(val);
+    }
+  },
+  provide() {
+    return {
+      $changeRouter: this.changeRouter,
+      $reloadPage: this.reloadPage,
+      $backPage: this.back
+    };
+  },
+  methods: {
+    getTreeModule() {
+      const { code } = this.$query;
+      this.$http.$request({
+        action: "getPageAttriTree",
+        entityId: this.metaId,
+        pageId: code,
+        mysort: "ORDER_NUM",
+        node: "root"
+      }).then((data) => {
+        this.treeModule = [...data];
+      });
+    },
+    filterNode(value, data) {
+      if (!value) return true;
+      return data.text.indexOf(value) !== -1;
+    },
+    getTreeModuleNode(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.getTreeModuleNode(module.children, parentId);
+        }
+        if (node) {
+          return node;
+        }
+      }
+    },
+    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;
+      }
+      if (parentId === "root") {
+        modules = [...this.treeModule];
+      } else {
+        const parentNode = this.getTreeModuleNode(this.treeModule, parentId);
+        modules = [...parentNode.children];
+      }
+      const str = modules.reduce((str2, item, index) => str2 += item.id + ":" + index + ",", "");
+      this.$http.$request({
+        action: "moveTree",
+        entityId: "FM_PAGE_ATTRIBUTE",
+        id: node.data.id,
+        selfAttriName: "ID",
+        newParentId: parentId,
+        orderString: str,
+        orderAtrriName: "ORDER_NUM"
+      });
+    },
+    viewEntity(item) {
+      this.clickItem = item;
+      const { detailPageFlag, detailMetaId = this.metaId } = this.pageConfig;
+      this.load = false;
+      this.pageFlag = detailPageFlag;
+      this.createPage({
+        metaId: detailMetaId,
+        flag: detailPageFlag,
+        component: "add",
+        id: item.id
+      });
+      this.$nextTick(() => {
+        this.load = true;
+      });
+      this.$store.commit(SET_ROUTER_QUERY, { id: item.id });
+    },
+    editEntity() {
+      const { id } = this.clickItem || {};
+      if (!id) {
+        this.$message.error("请选择一个记录");
+        return;
+      }
+      const { detailPageFlag, detailMetaId = this.metaId } = this.pageConfig;
+      this.createPage({
+        metaId: detailMetaId,
+        flag: detailPageFlag,
+        component: "add",
+        pageType: "EDIT",
+        id
+      });
+    },
+    add(selectId, selectText) {
+      const { code, codeText } = this.$query;
+      this.showPopover = null;
+      const { detailPageFlag, detailMetaId = this.metaId } = this.pageConfig;
+      this.pageFlag = detailPageFlag;
+      let id = this.clickItem.id;
+      let text = this.clickItem.text;
+      if (selectId && typeof selectId === "string") {
+        id = selectId;
+        text = selectText;
+      }
+      this.createPage({
+        metaId: detailMetaId,
+        flag: detailPageFlag,
+        component: "add",
+        pageType: "ADD",
+        defaultValue: { UP_ID: id, "UP_ID#": text, PAGE: code, "PAGE#": codeText }
+      });
+    },
+    getSubIds(idArr = [], data) {
+      data.forEach((item) => {
+        idArr.push(item.id);
+        if (item.children) {
+          this.getSubIds(idArr, item.children);
+        }
+      });
+    },
+    removeEntity(select) {
+      this.showPopover = null;
+      let selectItem = this.clickItem;
+      if (select && select.id) {
+        selectItem = select;
+      }
+      if (!selectItem || !selectItem.id) {
+        this.$message.error("请选择一个记录");
+        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_PAGE_ATTRIBUTE",
+          ids: idArr.join(",")
+        }).then((data) => {
+          this.$message.success("删除成功");
+          this.getTreeModule();
+        });
+      });
+    },
+    mainAdd() {
+      this.clickItem = {};
+      this.add();
+    },
+    showContextmenu(event, node) {
+      this.showPopover = node.id;
+    },
+    changeRouter(v) {
+      const { router } = v;
+      this.routers.push(router);
+      if (router.moduleId || router.pageId) {
+        this.$emit("changeRouter", v);
+      }
+    },
+    back() {
+      if (this.isShow) {
+        this.routers.pop();
+        if (this.routers.length <= 0) {
+          this.$emit("back");
+        }
+      } else {
+        this.$emit("back");
+      }
+    },
+    reloadPage() {
+      this.showPage = false;
+      this.$nextTick(() => {
+        this.showPage = true;
+      });
+      this.getTreeModule();
+    }
+  },
+  created() {
+    this.getTreeModule();
+    const { config = {} } = this.page || {};
+    this.pageConfig = new PageConfig(config);
+    const { firstPageFlag = "", pageMetaId = this.metaId } = this.pageConfig;
+    if (firstPageFlag) {
+      this.routers.push({
+        flag: firstPageFlag,
+        metaId: pageMetaId
+      });
+    }
+  },
+  mounted() {
+    this.$bus.off("reload");
+    this.$bus.off("push");
+    this.$bus.off("pop");
+    this.busPushHandler = (route) => {
+      this.routers.push(route);
+      if (route.moduleId || route.pageId) {
+        this.$bus.off("push");
+        this.$bus.on("push", this.pushMenuRoute);
+        this.createPage(route);
+      }
+    };
+    this.busPopHandler = () => {
+      if (this.isShow) {
+        this.routers.pop();
+        if (this.routers.length <= 0) {
+          this.popMenuRoute();
+        }
+      } else {
+        this.popMenuRoute();
+      }
+    };
+    this.busReloadHandler = () => {
+      this.showPage = false;
+      this.$nextTick(() => {
+        this.showPage = true;
+        this.getTreeModule();
+      });
+    };
+    this.$bus.on("push", this.busPushHandler);
+    this.$bus.on("pop", this.busPopHandler);
+    this.$bus.on("reload", this.busReloadHandler);
+  },
+  beforeUnmount() {
+    if (this.busPushHandler) this.$bus.off("push", this.busPushHandler);
+    if (this.pushMenuRoute) this.$bus.off("push", this.pushMenuRoute);
+    if (this.busPopHandler) this.$bus.off("pop", this.busPopHandler);
+    if (this.busReloadHandler) this.$bus.off("reload", this.busReloadHandler);
+    this.busPushHandler = null;
+    this.busPopHandler = null;
+    this.busReloadHandler = null;
+  }
+};
+const _hoisted_1 = { class: "tree-list" };
+const _hoisted_2 = { class: "opera" };
+const _hoisted_3 = { class: "button-group" };
+const _hoisted_4 = { class: "search-container" };
+const _hoisted_5 = { class: "tree-node" };
+const _hoisted_6 = { class: "opera-list" };
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = { 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_popover = resolveComponent("el-popover");
+  const _component_el_tree = resolveComponent("el-tree");
+  const _component_epx_page = resolveComponent("epx-page");
+  return openBlock(), createElementBlock("div", {
+    class: "container",
+    onClick: _cache[2] || (_cache[2] = ($event) => $data.showPopover = null)
+  }, [
+    createElementVNode("div", _hoisted_1, [
+      _cache[6] || (_cache[6] = createElementVNode("div", { class: "tree-header" }, "页面模板属性", -1)),
+      createElementVNode("div", _hoisted_2, [
+        createElementVNode("div", _hoisted_3, [
+          createVNode(_component_el_button, {
+            type: "primary",
+            size: "small",
+            onClick: $options.add
+          }, {
+            default: withCtx(() => [..._cache[3] || (_cache[3] = [
+              createTextVNode("新增", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"]),
+          createVNode(_component_el_button, {
+            type: "primary",
+            size: "small",
+            onClick: $options.editEntity
+          }, {
+            default: withCtx(() => [..._cache[4] || (_cache[4] = [
+              createTextVNode("编辑", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"]),
+          createVNode(_component_el_button, {
+            type: "primary",
+            size: "small",
+            onClick: $options.removeEntity
+          }, {
+            default: withCtx(() => [..._cache[5] || (_cache[5] = [
+              createTextVNode("删除", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        createElementVNode("div", _hoisted_4, [
+          createVNode(_component_el_input, {
+            placeholder: "输入关键字进行过滤",
+            modelValue: $data.filterText,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.filterText = $event)
+          }, null, 8, ["modelValue"])
+        ])
+      ]),
+      createVNode(_component_el_tree, {
+        class: "tree",
+        ref: "tree",
+        data: $data.treeModule,
+        props: { label: "title", children: "children" },
+        "auto-expand-parent": false,
+        "filter-node-method": $options.filterNode,
+        "expand-on-click-node": false,
+        "current-node-key": $data.clickItem.id,
+        "check-on-click-node": true,
+        "highlight-current": true,
+        draggable: true,
+        onNodeDrop: $options.drop,
+        onNodeClick: $options.viewEntity,
+        onNodeContextmenu: $options.showContextmenu
+      }, {
+        default: withCtx(({ node, data }) => [
+          createElementVNode("span", null, [
+            createVNode(_component_el_popover, {
+              "popper-class": "tree-opera-popover",
+              value: $data.showPopover === data.id,
+              trigger: "manual",
+              placement: "right-start"
+            }, {
+              reference: withCtx(() => [
+                createElementVNode("span", _hoisted_5, [
+                  createElementVNode("i", {
+                    class: normalizeClass(data.children.length > 0 ? "el-icon-folder" : "el-icon-document")
+                  }, null, 2),
+                  createElementVNode("span", null, toDisplayString(node.label), 1)
+                ])
+              ]),
+              default: withCtx(() => [
+                createElementVNode("ul", _hoisted_6, [
+                  createElementVNode("li", {
+                    onClick: ($event) => $options.add(data.id, data.text)
+                  }, "子页面添加", 8, _hoisted_7),
+                  createElementVNode("li", {
+                    onClick: _cache[1] || (_cache[1] = (...args) => $options.mainAdd && $options.mainAdd(...args))
+                  }, "主页面添加"),
+                  createElementVNode("li", {
+                    onClick: ($event) => $options.removeEntity(data)
+                  }, "删除", 8, _hoisted_8)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["value"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["data", "filter-node-method", "current-node-key", "onNodeDrop", "onNodeClick", "onNodeContextmenu"])
+    ]),
+    createElementVNode("div", _hoisted_9, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList($data.routers, (item, index) => {
+        return openBlock(), createElementBlock(Fragment, { key: index }, [
+          !_ctx.$_.isEqual(item, $options.route) || $data.showPage ? withDirectives((openBlock(), createBlock(_component_epx_page, {
+            key: 0,
+            onChangeRouter: $options.changeRouter,
+            onBack: $options.back,
+            onReloadPage: $options.reloadPage,
+            flag: $options.route.flag,
+            metaId: $options.route.metaId,
+            inline: true,
+            component: "add",
+            "current-query": item
+          }, null, 8, ["onChangeRouter", "onBack", "onReloadPage", "flag", "metaId", "current-query"])), [
+            [vShow, _ctx.$_.isEqual(item, $options.route)]
+          ]) : createCommentVNode("", true)
+        ], 64);
+      }), 128))
+    ])
+  ]);
+}
+const PageAttributeTreePage = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-30382ab4"]]);
+export {
+  PageAttributeTreePage as default
+};