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

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

@@ -0,0 +1,1178 @@
+import __cjsReq0 from "../assets/images/addmenu/list.png.js";
+import __cjsReq1 from "../assets/images/addmenu/data.png.js";
+import __cjsReq2 from "../assets/images/addmenu/basepage.png.js";
+import __cjsReq3 from "../assets/images/addmenu/zxmb.png.js";
+import __cjsReq4 from "../assets/images/addmenu/link.png.js";
+import __cjsReq5 from "../assets/images/addmenu/menu.png.js";
+import __cjsReq6 from "../assets/images/nav/1.png.js";
+import __cjsReq7 from "../assets/images/nav/0.png.js";
+import __cjsReq8 from "../assets/images/nav/2.png.js";
+import __cjsReq9 from "../assets/images/nav/3.svg.js";
+import { createVNode, resolveComponent, createTextVNode, Fragment, isVNode } from "vue";
+import AppNav from "@epxing/components/src/app-nav/AppNav.vue";
+import draggable from "@epxing/core/src/components/draggable";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const _sfc_main = {
+  name: "epx-manage-app-nav",
+  extends: AppNav,
+  components: {
+    draggable
+  },
+  computed: {
+    currentRoleName() {
+      if (this.$route.name === "manage") return "管理模式";
+      const role = this.roleList.find((item) => item.ID === this.$currentRoleId);
+      if (role) return role["NAME#"] || this.$t(role.NAME);
+      return this.$t("set the role");
+    }
+  },
+  data() {
+    return {
+      addMenuTypeList: [{
+        label: "列表查询页面",
+        value: "list",
+        preview: __cjsReq0
+      }, {
+        label: "数据看板页面",
+        value: "data",
+        preview: __cjsReq1
+      }, {
+        label: "空白页面",
+        value: "blank",
+        preview: __cjsReq2
+      }, {
+        label: "自选模版页面",
+        value: "choose",
+        preview: __cjsReq3
+      }, {
+        label: "关联已有页面",
+        value: "select",
+        preview: __cjsReq4
+      }, {
+        label: "菜单目录",
+        value: "dir",
+        preview: __cjsReq5
+      }],
+      showEditAppDialog: false,
+      dialogTitle: "",
+      editType: "1",
+      inputAppName: "",
+      navOptions: [{
+        label: "经典（默认）",
+        value: "1",
+        preview: __cjsReq6
+      }, {
+        label: "左侧",
+        value: "0",
+        preview: __cjsReq7
+      }, {
+        label: "顶部",
+        value: "2",
+        preview: __cjsReq8
+      }, {
+        label: "双列",
+        value: "3",
+        preview: __cjsReq9
+      }],
+      dialogWidth: "610",
+      navType: "",
+      navAppType: "",
+      editMenuInfo: {},
+      addMenuData: {},
+      appAllRoleList: [],
+      checkRoleList: []
+      // popoverManualVisible: false
+    };
+  },
+  watch: {
+    menu() {
+      this.judgeClickMenu();
+      this.validateNavWidth();
+    }
+  },
+  methods: {
+    switchRole(role) {
+      const {
+        params = {},
+        query = {}
+      } = this.$route;
+      if (role === "app-manage-code") {
+        return;
+      }
+      const switchRoleCode = role.CODE + (role.TYPE === "client" ? "-client" : "");
+      this.$router.replace({
+        name: "app1",
+        params: {
+          ...params,
+          role: switchRoleCode
+        },
+        query
+      }).then(() => {
+        const timer = setTimeout(() => {
+          location.reload();
+          clearTimeout(timer);
+        }, 10);
+      });
+    },
+    editAppMenu(nav, name, type, width) {
+      this.editMenuInfo = {
+        ...nav
+      };
+      this.dialogTitle = name;
+      this.editType = type;
+      if (name === "delete-menu") {
+        this.removeEntity(nav, type);
+      } else {
+        if (type === "menu-rename") {
+          this.inputAppName = nav.text;
+        } else if (type === "menu-setting") {
+          const query = {
+            openType: "2",
+            pageType: "DETAIL",
+            flag: "v_service_menu_detail_mobile",
+            metaId: "FM_MODULE",
+            title: name,
+            id: nav.id,
+            callback: this.reloadMenu
+          };
+          this.$createPage(query);
+          return;
+        } else if (type === "menu-sq") {
+          this.checkRoleList = [];
+          this.showEditAppDialog = true;
+          this.getSqList();
+          return;
+        }
+        this.dialogWidth = width || "610";
+        this.showEditAppDialog = true;
+      }
+    },
+    getClientSystemAppRole() {
+      const scopeParams = [{
+        field: "SYSTEM",
+        mode: "equal",
+        values: this.SYSTEM,
+        link: "or"
+      }, {
+        field: "TYPE",
+        mode: "equal",
+        values: "client"
+      }];
+      const params = {
+        entityId: "FM_ROLE",
+        scopeParams: JSON.stringify(scopeParams),
+        order_field: "TYPE",
+        order_mode: "desc"
+      };
+      this.$http.list(params).then((data) => {
+        this.appAllRoleList = data.entitys;
+      });
+    },
+    getSqList() {
+      this.$http.list({
+        entityId: "FM_ROLE_MODULE",
+        "scope.MODULE": this.editMenuInfo.id
+      }).then((data) => {
+        this.checkRoleList = data.entitys.map((item) => item.ROLE);
+      });
+    },
+    addAppMenu(nav, menuTypeItem, name, type, width) {
+      this.editMenuInfo = {
+        ...nav
+      };
+      this.editType = type;
+      const defaultValue = {};
+      defaultValue.UP_ID = type === "add-nav-menu" || type === "add-tj" ? nav.parent : nav.id;
+      const query = {
+        flag: "manage-client-system-app-add-menu",
+        metaId: "FM_MODULE",
+        defaultValue,
+        title: name,
+        serviceId: this.appConfig.ID,
+        moduleType: menuTypeItem.value,
+        ...menuTypeItem.value === "data" ? {
+          component: "dashboard-create",
+          flag: void 0,
+          title: "创建数据看板",
+          dialogWidth: "560px"
+        } : {},
+        openType: "2",
+        callback: this.reloadMenu
+      };
+      this.$createPage(query);
+    },
+    chooseMenuType(item) {
+      this.editType = "add-nav-menu";
+      const query = {
+        flag: "manage-client-system-app-add-menu",
+        metaId: "FM_MODULE",
+        serviceId: this.appConfig.ID,
+        moduleType: item.value,
+        ...item.value === "data" ? {
+          component: "dashboard-create",
+          flag: void 0,
+          title: "创建数据看板",
+          dialogWidth: "560px"
+        } : {},
+        openType: "2",
+        callback: this.reloadMenu
+      };
+      const popover = this.$refs.popover;
+      if (popover) popover.doClose();
+      this.$createPage(query);
+    },
+    judgeClickMenu() {
+      if (this.editType === "add-nav-menu") {
+        const nav = this.menu.find((item) => item.ID === this.addMenuData.ID);
+        if (nav) {
+          this.toPage(nav);
+        }
+      }
+    },
+    reloadMenu(v) {
+      if (this.type === "1" && this.editType === "add-xj") {
+        this.toPage(this.editMenuInfo);
+      } else {
+        if (this.editType === "add-nav-menu") {
+          this.addMenuData = v;
+        }
+        this.$emit("updateMenu");
+      }
+    },
+    removeEntity(select, type) {
+      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 params = {
+        action: "removeMulti",
+        entityId: "FM_MODULE",
+        ids: selectItem.id
+        // ids: idArr.join(',')
+      };
+      if (type === "1") {
+        params.deletePag = "1";
+      }
+      this.$confirm(this.$t("Confirm the deletion") + "?").then(() => {
+        this.$http.$request(params).then((data) => {
+          this.$message.success(this.$t("deleted successfully"));
+          if (!selectItem.parent) {
+            const key = "default-" + selectItem.ID;
+            this.$store.commit("DESTORY_TAB", key);
+          }
+          this.reloadMenu();
+        });
+      });
+    },
+    getSubIds(idArr = [], data) {
+      data.forEach((item) => {
+        idArr.push(item.id);
+        if (item.children) {
+          this.getSubIds(idArr, item.children);
+        }
+      });
+    },
+    editAppConfig(name, type, width, e) {
+      this.dialogTitle = name;
+      this.editType = type;
+      if (type === "1") {
+        this.inputAppName = this.appConfig.NAME;
+      } else if (type === "2") {
+        const appConfig = this.appConfig.APP_CONFIG ? JSON.parse(this.appConfig.APP_CONFIG) : {};
+        this.navAppType = appConfig.navType;
+        this.navType = appConfig.navType;
+      } else if (type === "3") {
+        const query = {
+          flag: "manage-client-system-app-accredit",
+          metaId: "FM_ROLE",
+          systemId: this.SYSTEM,
+          serviceId: this.appConfig.ID,
+          systemName: this.appConfig["SYSTEM|NAME"],
+          appName: this.appConfig.NAME,
+          appType: this.appConfig.TYPE
+        };
+        this.$store.commit("CREATE_TAB", {
+          key: "default-" + this.appConfig.ID,
+          moduleId: this.appConfig.ID,
+          component: "module-index-page",
+          title: name,
+          showBack: true,
+          ...query
+        });
+        return;
+      } else {
+        const query = {
+          flag: "manage-client-system-app-detail",
+          metaId: "FM_SERVICE",
+          id: this.appConfig.ID
+        };
+        this.$store.commit("CREATE_TAB", {
+          key: "default-" + (/* @__PURE__ */ new Date()).getTime(),
+          moduleId: this.appConfig.ID,
+          component: "module-index-page",
+          title: name,
+          showBack: true,
+          ...query
+        });
+        return;
+      }
+      this.dialogWidth = width || "610";
+      this.showEditAppDialog = true;
+    },
+    editAppDialog() {
+      if (this.editType === "menu-rename") {
+        if (!this.inputAppName) {
+          this.$message.error("名称不能为空");
+          return;
+        }
+        this.$http.update({
+          entityId: "FM_MODULE",
+          "bean.ID": this.editMenuInfo.id,
+          "bean.NAME": this.inputAppName
+        }).then((data) => {
+          this.$emit("updateMenu");
+          this.$message.success("修改成功");
+          this.showEditAppDialog = false;
+        }).catch((err) => {
+          this.$message.error(err.message || "修改失败");
+          this.showEditAppDialog = false;
+        });
+      } else if (this.editType === "menu-sq") {
+        this.$http.$post({
+          action: "refreshModuleRoles",
+          entityId: "FM_ROLE_MODULE",
+          moduleId: this.editMenuInfo.id,
+          roleIds: this.checkRoleList.join(",")
+        }).then((data) => {
+          this.$message.success("添加成功");
+          this.showEditAppDialog = false;
+        }).catch((err) => {
+          this.$message.error(err.message || "操作失败");
+        });
+      } else {
+        const params = {
+          entityId: "FM_SERVICE",
+          "bean.ID": this.appConfig.ID
+        };
+        if (this.editType === "1") {
+          params["bean.NAME"] = this.inputAppName;
+          if (!this.inputAppName) {
+            this.$message.error("名称不能为空");
+            return;
+          }
+        } else if (this.editType === "2") {
+          if (this.navAppType === this.navType) {
+            this.$message.error("您未修改导航模式");
+            return;
+          }
+          const appConfig = this.appConfig.APP_CONFIG ? JSON.parse(this.appConfig.APP_CONFIG) : {};
+          const obj = {
+            ...appConfig,
+            navType: this.navType
+          };
+          params["bean.APP_CONFIG"] = JSON.stringify(obj);
+        }
+        this.$http.update(params).then((data) => {
+          if (this.editType === "1") {
+            this.appName = "";
+            this.$store.dispatch({
+              type: "GET_APP_CONFIG",
+              client: this.appConfig["CLIENT|CODE"],
+              system: this.appConfig["SYSTEM|CODE"],
+              app: this.appConfig.CODE
+            });
+          } else if (this.editType === "2") {
+            window.location.reload();
+          }
+          this.$message.success("修改成功");
+          this.showEditAppDialog = false;
+        }).catch((err) => {
+          this.$message.error(err.message || "修改失败");
+          this.showEditAppDialog = false;
+        });
+      }
+    },
+    switchNav(option) {
+      this.navType = option.value;
+    },
+    renderEditDialog() {
+      let _slot, _slot2, _slot3;
+      return createVNode(resolveComponent("el-dialog"), {
+        "title": this.dialogTitle,
+        "modelValue": !!this.showEditAppDialog,
+        "class": "popup-dialog",
+        "append-to-body": true,
+        "width": this.dialogWidth + "px",
+        "onClose": () => this.showEditAppDialog = false
+      }, {
+        default: () => [createVNode("div", {
+          "class": "epx-add-form__check-dialog"
+        }, [createVNode("div", null, [this.editType === "1" && createVNode("div", null, [createVNode("div", {
+          "style": "width:300px;margin:auto;marginBottom:20px"
+        }, [createVNode(resolveComponent("el-input"), {
+          "modelValue": this.inputAppName,
+          "onUpdate:modelValue": ($event) => this.inputAppName = $event,
+          "clearable": true,
+          "placeholder": "请输入要修改的应用名称"
+        }, null)])]), this.editType === "menu-rename" && createVNode("div", null, [createVNode("div", {
+          "style": "width:300px;margin:auto;marginBottom:20px"
+        }, [createVNode(resolveComponent("el-input"), {
+          "modelValue": this.inputAppName,
+          "onUpdate:modelValue": ($event) => this.inputAppName = $event,
+          "clearable": true,
+          "placeholder": "请输入要修改的菜单名称"
+        }, null)])]), this.editType === "2" && createVNode("div", {
+          "class": "add-type nav-type"
+        }, [this.navOptions.map((option) => createVNode("div", {
+          "class": ["add-menu-type__item", "manage-nav-mode-item", "nav-type__item", {
+            "is-active": this.navType === option.value
+          }],
+          "key": option.value,
+          "onClick": this.switchNav.bind(this, option)
+        }, [createVNode("div", {
+          "class": "nav-img"
+        }, [createVNode("img", {
+          "src": option.preview
+        }, null)]), createVNode("p", {
+          "class": "add-menu-type-label"
+        }, [option.label])]))]), this.editType === "menu-sq" && createVNode("div", {
+          "class": "role-system__content"
+        }, [createVNode(resolveComponent("el-checkbox-group"), {
+          "modelValue": this.checkRoleList,
+          "onUpdate:modelValue": ($event) => this.checkRoleList = $event
+        }, _isSlot(_slot = this.appAllRoleList.map((item) => createVNode(resolveComponent("el-checkbox"), {
+          "key": item.ID,
+          "label": item.ID,
+          "value": item.ID
+        }, {
+          default: () => [item.NAME, item.TYPE === "client" && createVNode(resolveComponent("el-tag"), {
+            "style": "marginLeft:4px",
+            "size": "small"
+          }, {
+            default: () => [createTextVNode("通用")]
+          })]
+        }))) ? _slot : {
+          default: () => [_slot]
+        })])]), createVNode("div", {
+          "class": "epx-add-form__sign-buttongroup"
+        }, [createVNode(resolveComponent("el-button"), {
+          "size": "middle",
+          "type": "primary",
+          "onClick": this.editAppDialog
+        }, _isSlot(_slot2 = this.$t("determine")) ? _slot2 : {
+          default: () => [_slot2]
+        }), createVNode(resolveComponent("el-button"), {
+          "size": "middle",
+          "onClick": () => this.showEditAppDialog = false
+        }, _isSlot(_slot3 = this.$t("return")) ? _slot3 : {
+          default: () => [_slot3]
+        })])])]
+      });
+    },
+    renderLogo() {
+      return createVNode("div", {
+        "class": "epx-app-nav__logo",
+        "ref": "logo",
+        "onClick": this.backIndex
+      }, [this.renderEditDialog(), this.logo && createVNode("img", {
+        "class": "epx-app-nav__logo-icon",
+        "src": this.logo
+      }, null), createVNode("span", {
+        "title": this.appName || this.NAME || this.appConfig.NAME
+      }, [this.appName || this.NAME || this.appConfig.NAME, createVNode("span", {
+        "style": "marginLeft:6px"
+      }, ["[管理模式]"])]), createVNode(resolveComponent("el-dropdown"), {
+        "placement": "bottom-start",
+        "trigger": "click"
+      }, {
+        default: () => [createVNode("div", {
+          "class": "app-logo-right",
+          "onClick": (e) => {
+            e.stopPropagation();
+          }
+        }, [createVNode("i", {
+          "class": "el-icon-caret-bottom"
+        }, null)])],
+        dropdown: () => createVNode(resolveComponent("el-dropdown-menu"), null, {
+          default: () => [createVNode(resolveComponent("el-dropdown-item"), {
+            "onClick": this.editAppConfig.bind(this, "重命名", "1"),
+            "class": "app-config-item"
+          }, {
+            default: () => [createVNode("i", {
+              "class": "el-icon-edit"
+            }, null), createTextVNode("重命名")]
+          }), createVNode(resolveComponent("el-dropdown-item"), {
+            "onClick": this.editAppConfig.bind(this, "修改导航模式", "2"),
+            "class": "app-config-item"
+          }, {
+            default: () => [createVNode("i", {
+              "class": "el-icon-receiving"
+            }, null), createTextVNode("导航模式")]
+          }), createVNode(resolveComponent("el-dropdown-item"), {
+            "onClick": this.editAppConfig.bind(this, "应用授权", "3"),
+            "class": "app-config-item"
+          }, {
+            default: () => [createVNode("i", {
+              "class": "el-icon-finished"
+            }, null), createTextVNode("应用授权")]
+          }), createVNode(resolveComponent("el-dropdown-item"), {
+            "onClick": this.editAppConfig.bind(this, "更多设置", "4"),
+            "class": "app-config-item"
+          }, {
+            default: () => [createVNode("i", {
+              "class": "el-icon-setting"
+            }, null), createTextVNode("更多设置")]
+          })]
+        })
+      })]);
+    },
+    renderMenuItem(nav, isSub = false) {
+      if (this.showAllLevel && nav.children && nav.children.length > 0) {
+        return createVNode(resolveComponent("el-sub-menu"), {
+          "class": ["epx-app-nav__submenu", "top-type-nav-menu", "epx-app-nav__menu-item", {
+            "epx-app-nav__menu-item--sub": isSub
+          }, {
+            active: this.$tab.key === "default-" + nav.ID
+          }],
+          "index": nav.ID,
+          "onClick": this.clickNavMenu.bind(this, nav)
+        }, {
+          default: () => [nav.children.map((item) => this.renderMenuItem(item, true))],
+          // JSX 里必须用 v-slots 传具名插槽，v-slot 不生效（内容会被当默认插槽塞错位置）
+          title: () => (
+            // 原 <template> 允许多根，但箭头函数返回值必须单根 ⇒ 用 Fragment 包住
+            // 下面这两个相邻顶层元素（菜单名 + 配置下拉）
+            createVNode(Fragment, null, [createVNode("span", null, [createVNode("i", {
+              "class": ["fa", nav.FONT_ICON]
+            }, null), createVNode("span", {
+              "style": {
+                fontSize: this.navMenuFontSize ? `${this.navMenuFontSize}px` : ""
+              }
+            }, [nav.text, createTextVNode("1")])]), createVNode(resolveComponent("el-dropdown"), {
+              "placement": nav.parent ? "right-start" : "bottom-start",
+              "trigger": "click"
+            }, {
+              default: () => [createVNode("span", {
+                "onClick": this.settingAppMenu.bind(this, nav),
+                "class": "app-menu-setting has-children-app-menu-setting"
+              }, [createVNode("i", {
+                "class": "el-icon-s-tools"
+              }, null)])],
+              dropdown: () => createVNode(resolveComponent("el-dropdown-menu"), null, {
+                default: () => [createVNode(resolveComponent("el-dropdown-item"), {
+                  "onClick": this.editAppMenu.bind(this, nav, "菜单-重命名", "menu-rename"),
+                  "class": "app-config-item"
+                }, {
+                  default: () => [createVNode("i", {
+                    "class": "el-icon-edit"
+                  }, null), createTextVNode("重命名")]
+                }), createVNode(resolveComponent("el-dropdown-item"), {
+                  "onClick": this.editAppMenu.bind(this, nav, "菜单-设置", "menu-setting")
+                }, {
+                  default: () => [createVNode("i", {
+                    "class": "el-icon-setting"
+                  }, null), createTextVNode("设置")]
+                }), createVNode(resolveComponent("el-popover"), {
+                  "popper-class": "manage-menu-popover",
+                  "placement": "right-start",
+                  "trigger": "hover"
+                }, {
+                  default: () => [createVNode("div", null, [createVNode("div", {
+                    "class": "app-config-item",
+                    "onClick": this.editAppMenu.bind(this, nav, "delete-menu", "0")
+                  }, [createTextVNode("删除菜单1")]), createVNode("div", {
+                    "class": "app-config-item",
+                    "onClick": this.editAppMenu.bind(this, nav, "delete-menu", "1")
+                  }, [createTextVNode("删除菜单及页面")])])],
+                  reference: () => createVNode("div", {
+                    "class": "delete-dropdown-item"
+                  }, [createVNode("div", {
+                    "class": "app-config-delete-item"
+                  }, [createVNode("i", {
+                    "class": "el-icon-delete"
+                  }, null), createTextVNode("删除")]), createVNode("i", {
+                    "class": "el-icon-arrow-right"
+                  }, null)])
+                }), createVNode(resolveComponent("el-dropdown-item"), {
+                  "onClick": this.editAppMenu.bind(this, nav, "菜单授权", "menu-sq"),
+                  "class": "app-config-item"
+                }, {
+                  default: () => [createVNode("i", {
+                    "class": "el-icon-finished"
+                  }, null), createTextVNode("菜单授权")]
+                }), createVNode(resolveComponent("el-popover"), {
+                  "popper-class": "manage-menu-popover",
+                  "placement": "right-start",
+                  "trigger": "hover"
+                }, {
+                  default: () => [createVNode("div", {
+                    "class": "add-menu-container"
+                  }, [createVNode("div", null, [createTextVNode("选择新增菜单类型")]), createVNode("div", {
+                    "class": "add-type"
+                  }, [this.addMenuTypeList.map((item) => {
+                    return createVNode("div", {
+                      "class": "add-menu-type__item",
+                      "key": item.value,
+                      "onClick": this.addAppMenu.bind(this, nav, item, "新增同级菜单", "add-nav-menu")
+                    }, [createVNode("div", null, [createVNode("img", {
+                      "src": item.preview
+                    }, null)]), createVNode("p", {
+                      "class": "add-menu-type-label"
+                    }, [item.label])]);
+                  })])])],
+                  reference: () => createVNode("div", {
+                    "class": "delete-dropdown-item"
+                  }, [createVNode("div", {
+                    "class": "app-config-delete-item"
+                  }, [createVNode("i", {
+                    "class": "el-icon-plus"
+                  }, null), createTextVNode("新增同级菜单")]), createVNode("i", {
+                    "class": "el-icon-arrow-right"
+                  }, null)])
+                }), createVNode(resolveComponent("el-popover"), {
+                  "popper-class": "manage-menu-popover",
+                  "placement": "right-start",
+                  "trigger": "hover"
+                }, {
+                  default: () => [createVNode("div", {
+                    "class": "add-menu-container"
+                  }, [createVNode("div", null, [createTextVNode("选择新增菜单类型")]), createVNode("div", {
+                    "class": "add-type"
+                  }, [this.addMenuTypeList.map((item) => {
+                    return createVNode("div", {
+                      "class": "add-menu-type__item",
+                      "key": item.value,
+                      "onClick": this.addAppMenu.bind(this, nav, item, "新增下级菜单", "add-xj")
+                    }, [createVNode("div", null, [createVNode("img", {
+                      "src": item.preview
+                    }, null)]), createVNode("p", {
+                      "class": "add-menu-type-label"
+                    }, [item.label])]);
+                  })])])],
+                  reference: () => createVNode("div", {
+                    "class": "delete-dropdown-item"
+                  }, [createVNode("div", {
+                    "class": "app-config-delete-item"
+                  }, [createVNode("i", {
+                    "class": "el-icon-bottom"
+                  }, null), createTextVNode("新增下级菜单")]), createVNode("i", {
+                    "class": "el-icon-arrow-right"
+                  }, null)])
+                })]
+              })
+            })])
+          )
+        });
+      } else {
+        return createVNode(resolveComponent("el-menu-item"), {
+          "key": nav.ID,
+          "index": nav.ID,
+          "class": ["epx-app-nav__menu-item", "top-type-nav-menu", "top-type-nav-menu-no-children", {
+            "epx-app-nav__menu-item--sub": isSub
+          }, {
+            active: this.$tab.key === "default-" + nav.ID
+          }],
+          "onClick": this.toPage.bind(this, nav)
+        }, {
+          default: () => [createVNode("span", null, [createVNode("i", {
+            "class": ["fa", nav.FONT_ICON]
+          }, null), createVNode("span", {
+            "style": this.navMenuFontSize ? {
+              fontSize: this.navMenuFontSize + "px"
+            } : {}
+          }, [nav.text])]), createVNode(resolveComponent("el-dropdown"), {
+            "placement": nav.parent ? "right-start" : "bottom-start",
+            "trigger": "click"
+          }, {
+            default: () => [createVNode("span", {
+              "onClick": this.settingAppMenu.bind(this, nav),
+              "class": "app-menu-setting"
+            }, [createVNode("i", {
+              "class": "el-icon-s-tools"
+            }, null)])],
+            dropdown: () => createVNode(resolveComponent("el-dropdown-menu"), null, {
+              default: () => [createVNode(resolveComponent("el-dropdown-item"), {
+                "onClick": this.editAppMenu.bind(this, nav, "菜单-重命名", "menu-rename"),
+                "class": "app-config-item"
+              }, {
+                default: () => [createVNode("i", {
+                  "class": "el-icon-edit"
+                }, null), createTextVNode("重命名")]
+              }), createVNode(resolveComponent("el-dropdown-item"), {
+                "onClick": this.editAppMenu.bind(this, nav, "菜单-设置", "menu-setting")
+              }, {
+                default: () => [createVNode("i", {
+                  "class": "el-icon-setting"
+                }, null), createTextVNode("设置")]
+              }), createVNode(resolveComponent("el-popover"), {
+                "popper-class": "manage-menu-popover",
+                "placement": "right-start",
+                "trigger": "hover"
+              }, {
+                default: () => [createVNode("div", null, [createVNode("div", {
+                  "class": "app-config-item",
+                  "onClick": this.editAppMenu.bind(this, nav, "delete-menu", "0")
+                }, [createTextVNode("删除菜单")]), createVNode("div", {
+                  "class": "app-config-item",
+                  "onClick": this.editAppMenu.bind(this, nav, "delete-menu", "1")
+                }, [createTextVNode("删除菜单及页面")])])],
+                reference: () => createVNode("div", {
+                  "class": "delete-dropdown-item"
+                }, [createVNode("div", {
+                  "class": "app-config-delete-item"
+                }, [createVNode("i", {
+                  "class": "el-icon-delete"
+                }, null), createTextVNode("删除")]), createVNode("i", {
+                  "class": "el-icon-arrow-right"
+                }, null)])
+              }), createVNode(resolveComponent("el-dropdown-item"), {
+                "onClick": this.editAppMenu.bind(this, nav, "菜单授权", "menu-sq"),
+                "class": "app-config-item"
+              }, {
+                default: () => [createVNode("i", {
+                  "class": "el-icon-finished"
+                }, null), createTextVNode("菜单授权")]
+              }), createVNode(resolveComponent("el-popover"), {
+                "popper-class": "manage-menu-popover",
+                "placement": "right-start",
+                "trigger": "hover"
+              }, {
+                default: () => [createVNode("div", {
+                  "class": "add-menu-container"
+                }, [createVNode("div", null, [createTextVNode("选择新增菜单类型")]), createVNode("div", {
+                  "class": "add-type"
+                }, [this.addMenuTypeList.map((item) => {
+                  return createVNode("div", {
+                    "class": "add-menu-type__item",
+                    "key": item.value,
+                    "onClick": this.addAppMenu.bind(this, nav, item, "新增同级菜单", "add-nav-menu")
+                  }, [createVNode("div", null, [createVNode("img", {
+                    "src": item.preview
+                  }, null)]), createVNode("p", {
+                    "class": "add-menu-type-label"
+                  }, [item.label])]);
+                })])])],
+                reference: () => createVNode("div", {
+                  "class": "delete-dropdown-item"
+                }, [createVNode("div", {
+                  "class": "app-config-delete-item"
+                }, [createVNode("i", {
+                  "class": "el-icon-plus"
+                }, null), createTextVNode("新增同级菜单")]), createVNode("i", {
+                  "class": "el-icon-arrow-right"
+                }, null)])
+              }), createVNode(resolveComponent("el-popover"), {
+                "popper-class": "manage-menu-popover",
+                "placement": "right-start",
+                "trigger": "hover"
+              }, {
+                default: () => [createVNode("div", {
+                  "class": "add-menu-container"
+                }, [createVNode("div", null, [createTextVNode("选择新增菜单类型")]), createVNode("div", {
+                  "class": "add-type"
+                }, [this.addMenuTypeList.map((item) => {
+                  return createVNode("div", {
+                    "class": "add-menu-type__item",
+                    "key": item.value,
+                    "onClick": this.addAppMenu.bind(this, nav, item, "新增下级菜单", "add-xj")
+                  }, [createVNode("div", null, [createVNode("img", {
+                    "src": item.preview
+                  }, null)]), createVNode("p", {
+                    "class": "add-menu-type-label"
+                  }, [item.label])]);
+                })])])],
+                reference: () => createVNode("div", {
+                  "class": "delete-dropdown-item"
+                }, [createVNode("div", {
+                  "class": "app-config-delete-item"
+                }, [createVNode("i", {
+                  "class": "el-icon-bottom"
+                }, null), createTextVNode("新增下级菜单")]), createVNode("i", {
+                  "class": "el-icon-arrow-right"
+                }, null)])
+              })]
+            })
+          })]
+        });
+      }
+    },
+    validateNavWidth() {
+      if (!this.$refs.container) return;
+      let maxWidth = this.$refs.container.offsetWidth - this.$refs.logo.offsetWidth - this.$refs.rightContainer.offsetWidth - 128;
+      if (this.tabs.length > 0) {
+        maxWidth -= 138;
+      }
+      let foldMenuIndex = 0;
+      let width = 0;
+      if (!this.showMenu) return;
+      for (let i = 0; i < this.showMenu.length; i++) {
+        const item = this.showMenu[i];
+        const itemWidth = (item.text || "").length * 14 + (item.FONT_ICON ? 20 : 0) + 44 + 12;
+        if (width + itemWidth > maxWidth) {
+          if (width + 100 <= maxWidth) {
+            foldMenuIndex = i;
+          } else {
+            foldMenuIndex = i - 1;
+          }
+          break;
+        }
+        width += itemWidth;
+      }
+      if (foldMenuIndex) {
+        this.openMenu = this.showMenu.slice(0, foldMenuIndex);
+        this.foldMenu = this.showMenu.slice(foldMenuIndex);
+      } else {
+        this.openMenu = [...this.showMenu];
+        this.foldMenu = [];
+      }
+    },
+    moveEnd(e) {
+      const index = e.newIndex;
+      const node = this.openMenu[index];
+      const parentId = "root";
+      const str = this.openMenu.reduce((str2, item, index2) => str2 += item.id + ":" + index2 + ",", "");
+      this.$http.$post({
+        action: "moveTree",
+        entityId: "FM_MODULE",
+        orderString: str,
+        newParentId: parentId,
+        id: node.id,
+        selfAttriName: "ID",
+        orderAtrriName: "ORDER_NUM"
+      }).then(() => {
+      }).catch((err) => {
+        this.$message.error(err.message || "拖拽排序失败");
+        this.reloadMenu();
+      });
+    },
+    renderNav() {
+      let _slot4, _slot6;
+      return createVNode("div", {
+        "class": "epx-app-nav__home"
+      }, [this.type === "1" || this.type === "2" ? createVNode("div", {
+        "class": "epx-app-nav__menu-content"
+      }, [createVNode(resolveComponent("el-menu"), {
+        "ref": "menu",
+        "style": "display:flex",
+        "class": "epx-app-nav__menu",
+        "mode": "horizontal",
+        "ellipsis": false
+      }, {
+        default: () => [this.showMenu && createVNode(draggable, {
+          "class": "el-menu--horizontal epx-app-nav__menu nav-draggable",
+          "modelValue": this.openMenu,
+          "onUpdate:modelValue": ($event) => this.openMenu = $event,
+          "group": "description",
+          "ghostClass": "ghost",
+          "animation": 300,
+          "onEnd": this.moveEnd
+        }, _isSlot(_slot4 = this.openMenu.map((nav) => {
+          if (nav.HIDDEN_MENU !== "1") {
+            return this.renderMenuItem(nav, false);
+          }
+        })) ? _slot4 : {
+          default: () => [_slot4]
+        })]
+      }), this.foldMenu.length > 0 && createVNode(resolveComponent("el-dropdown"), {
+        "class": "epx-app-nav__foldmenu",
+        "onCommand": this.toPage,
+        "trigger": "click"
+      }, {
+        default: () => [createVNode("span", {
+          "class": {
+            "epx-app-nav__foldmenu-text": true,
+            "is-active": this.activeMenuInMore
+          }
+        }, [this.$t("more"), createVNode("i", {
+          "class": "el-icon-caret-bottom"
+        }, null)])],
+        dropdown: () => {
+          let _slot5;
+          return createVNode(resolveComponent("el-dropdown-menu"), null, _isSlot(_slot5 = this.foldMenu.map((menu) => createVNode(resolveComponent("el-dropdown-item"), {
+            "key": menu.ID,
+            "command": menu,
+            "class": {
+              "epx-app-nav__foldmenu-item": true,
+              " more-menu-item": true,
+              "is-active": this.$tab.key === "default-" + menu.ID
+            }
+          }, {
+            default: () => [createVNode("span", null, [createVNode("i", {
+              "class": ["fa", menu.FONT_ICON]
+            }, null), createVNode("span", null, [menu.text])]), createVNode(resolveComponent("el-dropdown"), {
+              "placement": "right-start",
+              "trigger": "click"
+            }, {
+              default: () => [createVNode("span", {
+                "onClick": this.settingAppMenu.bind(this, menu),
+                "class": "app-menu-setting"
+              }, [createVNode("i", {
+                "class": "el-icon-s-tools"
+              }, null)])],
+              dropdown: () => createVNode(resolveComponent("el-dropdown-menu"), null, {
+                default: () => [createVNode(resolveComponent("el-dropdown-item"), {
+                  "onClick": this.editAppMenu.bind(this, menu, "菜单-重命名", "menu-rename"),
+                  "class": "app-config-item"
+                }, {
+                  default: () => [createVNode("i", {
+                    "class": "el-icon-edit"
+                  }, null), createTextVNode("重命名")]
+                }), createVNode(resolveComponent("el-dropdown-item"), {
+                  "onClick": this.editAppMenu.bind(this, menu, "菜单-设置", "menu-setting")
+                }, {
+                  default: () => [createVNode("i", {
+                    "class": "el-icon-setting"
+                  }, null), createTextVNode("设置")]
+                }), createVNode(resolveComponent("el-popover"), {
+                  "popper-class": "manage-menu-popover",
+                  "placement": "right-start",
+                  "trigger": "hover"
+                }, {
+                  default: () => [createVNode("div", null, [createVNode("div", {
+                    "class": "app-config-item",
+                    "onClick": this.editAppMenu.bind(this, menu, "delete-menu", "0")
+                  }, [createTextVNode("删除菜单")]), createVNode("div", {
+                    "class": "app-config-item",
+                    "onClick": this.editAppMenu.bind(this, menu, "delete-menu", "1")
+                  }, [createTextVNode("删除菜单及页面")])])],
+                  reference: () => createVNode("div", {
+                    "class": "delete-dropdown-item"
+                  }, [createVNode("div", {
+                    "class": "app-config-delete-item"
+                  }, [createVNode("i", {
+                    "class": "el-icon-delete"
+                  }, null), createTextVNode("删除")]), createVNode("i", {
+                    "class": "el-icon-arrow-right"
+                  }, null)])
+                }), createVNode(resolveComponent("el-dropdown-item"), {
+                  "onClick": this.editAppMenu.bind(this, menu, "菜单授权", "menu-sq"),
+                  "class": "app-config-item"
+                }, {
+                  default: () => [createVNode("i", {
+                    "class": "el-icon-finished"
+                  }, null), createTextVNode("菜单授权")]
+                }), createVNode(resolveComponent("el-popover"), {
+                  "popper-class": "manage-menu-popover",
+                  "placement": "right-start",
+                  "trigger": "hover"
+                }, {
+                  default: () => [createVNode("div", {
+                    "class": "add-menu-container"
+                  }, [createVNode("div", null, [createTextVNode("选择新增菜单类型")]), createVNode("div", {
+                    "class": "add-type"
+                  }, [this.addMenuTypeList.map((item) => {
+                    return createVNode("div", {
+                      "class": "add-menu-type__item",
+                      "key": item.value,
+                      "onClick": this.addAppMenu.bind(this, menu, item, "新增同级菜单", "add-nav-menu")
+                    }, [createVNode("div", null, [createVNode("img", {
+                      "src": item.preview
+                    }, null)]), createVNode("p", {
+                      "class": "add-menu-type-label"
+                    }, [item.label])]);
+                  })])])],
+                  reference: () => createVNode("div", {
+                    "class": "delete-dropdown-item"
+                  }, [createVNode("div", {
+                    "class": "app-config-delete-item"
+                  }, [createVNode("i", {
+                    "class": "el-icon-plus"
+                  }, null), createTextVNode("新增同级菜单")]), createVNode("i", {
+                    "class": "el-icon-arrow-right"
+                  }, null)])
+                }), createVNode(resolveComponent("el-popover"), {
+                  "popper-class": "manage-menu-popover",
+                  "placement": "right-start",
+                  "trigger": "hover"
+                }, {
+                  default: () => [createVNode("div", {
+                    "class": "add-menu-container"
+                  }, [createVNode("div", null, [createTextVNode("选择新增菜单类型")]), createVNode("div", {
+                    "class": "add-type"
+                  }, [this.addMenuTypeList.map((item) => {
+                    return createVNode("div", {
+                      "class": "add-menu-type__item",
+                      "key": item.value,
+                      "onClick": this.addAppMenu.bind(this, menu, item, "新增下级菜单", "add-xj")
+                    }, [createVNode("div", null, [createVNode("img", {
+                      "src": item.preview
+                    }, null)]), createVNode("p", {
+                      "class": "add-menu-type-label"
+                    }, [item.label])]);
+                  })])])],
+                  reference: () => createVNode("div", {
+                    "class": "delete-dropdown-item"
+                  }, [createVNode("div", {
+                    "class": "app-config-delete-item"
+                  }, [createVNode("i", {
+                    "class": "el-icon-bottom"
+                  }, null), createTextVNode("新增下级菜单")]), createVNode("i", {
+                    "class": "el-icon-arrow-right"
+                  }, null)])
+                })]
+              })
+            })]
+          }))) ? _slot5 : {
+            default: () => [_slot5]
+          });
+        }
+      }), createVNode(resolveComponent("el-popover"), {
+        "ref": "popover",
+        "popper-class": "manage-menu-popover",
+        "placement": "bottom",
+        "trigger": "click"
+      }, {
+        default: () => [createVNode("div", {
+          "class": "add-menu-container"
+        }, [createVNode("div", null, [createTextVNode("选择新增菜单类型")]), createVNode("div", {
+          "class": "add-type"
+        }, [this.addMenuTypeList.map((item) => {
+          return createVNode("div", {
+            "class": "add-menu-type__item",
+            "key": item.value,
+            "onClick": this.chooseMenuType.bind(this, item)
+          }, [createVNode("div", null, [createVNode("img", {
+            "src": item.preview
+          }, null)]), createVNode("p", {
+            "class": "add-menu-type-label"
+          }, [item.label])]);
+        })])])],
+        reference: () => createVNode("span", {
+          "class": "app-add-menu"
+        }, [createVNode("i", {
+          "class": "el-icon-circle-plus-outline"
+        }, null)])
+      }), this.tabs.length > 0 && createVNode(resolveComponent("el-dropdown"), {
+        "onCommand": this.selectTab
+      }, {
+        default: () => [createVNode(resolveComponent("el-button"), {
+          "round": true,
+          "size": "default",
+          "class": "epx-app-nav__tabs-page"
+        }, {
+          default: () => [this.$tab && this.$tab.title, createVNode("i", {
+            "class": "el-icon-arrow-down el-icon--right"
+          }, null)]
+        })],
+        dropdown: () => createVNode(resolveComponent("el-dropdown-menu"), null, {
+          default: () => [this.tabs.map((tab) => createVNode(resolveComponent("el-dropdown-item"), {
+            "key": tab.key,
+            "command": tab
+          }, {
+            default: () => [tab.title || tab.menuTitle, createVNode("i", {
+              "class": "epx-app-nav__tabs-delete el-icon-error",
+              "onClick": this.tabRemove.bind(this, tab.key)
+            }, null)]
+          })), createVNode(resolveComponent("el-dropdown-item"), {
+            "onClick": this.clearTabs
+          }, {
+            default: () => [createVNode(resolveComponent("el-button"), {
+              "class": "epx-app-nav__tabs-clear",
+              "type": "primary",
+              "link": true
+            }, {
+              default: () => [createVNode("i", {
+                "class": "el-icon-document-delete"
+              }, null), this.$t("empty")]
+            })]
+          })]
+        })
+      })]) : createVNode("div", {
+        "class": "epx-app-nav__menu-tabs"
+      }, [this.tabs.length > 0 && createVNode("div", {
+        "class": "epx-app-nav__menu-home"
+      }, [createVNode("i", {
+        "class": "el-icon-s-home",
+        "onClick": this.toAppIndex
+      }, null)]), createVNode(resolveComponent("el-tabs"), {
+        "class": "epx-app-nav__tabs",
+        "modelValue": this.$tab.key,
+        "onTabClick": this.tabClick,
+        "closable": true,
+        "onTabRemove": this.tabRemove,
+        "onContextmenu": this.tabsContextmenu
+      }, _isSlot(_slot6 = this.tabs.map((tab) => createVNode(resolveComponent("el-tab-pane"), {
+        "key": tab.key,
+        "label": tab.title || tab.menuTitle,
+        "name": tab.key
+      }, null))) ? _slot6 : {
+        default: () => [_slot6]
+      })]), createVNode(resolveComponent("el-popover"), {
+        "ref": "tabPopover",
+        "placement": "bottom",
+        "width": "200",
+        "trigger": "manual",
+        "visible": this.popoverVisible,
+        "onUpdate:visible": ($event) => this.popoverVisible = $event
+      }, {
+        default: () => [createVNode("div", {
+          "class": "tabs-popover-clear",
+          "onClick": this.clearTabs
+        }, [this.$t("Clear tabs")])],
+        reference: () => createVNode("span", null, [createTextVNode(" ")])
+      })]);
+    },
+    renderRole() {
+      const {
+        EXTEND_OF_COMPETENCE
+      } = this.appConfig;
+      if (EXTEND_OF_COMPETENCE !== "allRole") {
+        return createVNode(resolveComponent("el-dropdown"), {
+          "trigger": "click",
+          "placement": "bottom-start",
+          "onCommand": this.switchRole
+        }, {
+          default: () => [createVNode(resolveComponent("el-button"), {
+            "size": "default",
+            "type": "primary",
+            "plain": true,
+            "class": "epx-app-nav__role-button"
+          }, {
+            default: () => [this.currentRoleName, createVNode("i", {
+              "class": "el-icon-arrow-down el-icon--right"
+            }, null)]
+          })],
+          dropdown: () => createVNode(resolveComponent("el-dropdown-menu"), null, {
+            default: () => [createVNode(resolveComponent("el-dropdown-item"), {
+              "command": "app-manage-code"
+            }, {
+              default: () => [createTextVNode("管理模式")]
+            }), this.roleList.map((role) => createVNode(resolveComponent("el-dropdown-item"), {
+              "class": ["epx-app-nav__role-dropdown-item", {
+                "epx-app-nav__role-dropdown-item--default": role.MAIN_ROLE === "true"
+              }],
+              "key": role.CODE,
+              "command": role
+            }, {
+              default: () => [createVNode("span", {
+                "class": "epx-app-nav__role-name"
+              }, [role["NAME#"] || this.$t(role.NAME)]), createVNode("i", {
+                "class": "epx-app-nav__role-icon epx-icon-qizhi"
+              }, null), createVNode("span", {
+                "class": "epx-app-nav__role-text",
+                "onClick": this.setMainRole.bind(this, role)
+              }, [role.MAIN_ROLE === "true" ? this.$t("default") : this.$t("Set to the default")])]
+            }))]
+          })
+        });
+      }
+    },
+    settingAppMenu(menu, event) {
+      event.stopPropagation();
+    }
+  },
+  created() {
+    this.getClientSystemAppRole();
+  }
+};
+export {
+  _sfc_main as default
+};