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

package/dist/src/base/ManageMenu.js

@@ -0,0 +1,916 @@
+import '../../style.css';
+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 Menu from "@epxing/components/src/menu/Menu.vue";
+import { resolveComponent, openBlock, createElementBlock, normalizeStyle, createVNode, withCtx, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, Fragment, withModifiers, createTextVNode, renderList, renderSlot, createBlock } from "vue";
+/* empty css               */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-manager-menu",
+  extends: Menu,
+  props: {
+    terminal: String
+  },
+  computed: {
+    $isMobile() {
+      return this.terminal === "mobile";
+    },
+    navType() {
+      const appConfig = this.appConfig.APP_CONFIG ? JSON.parse(this.appConfig.APP_CONFIG) : {};
+      return this.terminal === "mobile" || appConfig.navType === "3" ? "0" : appConfig.navType;
+    }
+  },
+  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: require('@/assets/images/nav/1.png') },
+      //   { label: '左侧', value: '0', preview: require('@/assets/images/nav/0.png') },
+      //   { label: '顶部', value: '2', preview: require('@/assets/images/nav/2.png') }
+      // ],
+      dialogWidth: "610",
+      navAppType: "",
+      editMenuInfo: {},
+      serviceMenu: [],
+      addMenuData: {},
+      dragOptions() {
+        return {
+          animation: 200,
+          group: "description",
+          // disabled: false,
+          ghostClass: "ghost"
+        };
+      },
+      props: {
+        label: "title",
+        children: "children"
+      },
+      currentNodeId: "",
+      // expendIdArr: [],
+      appAllRoleList: [],
+      checkRoleList: [],
+      popoverManualVisible: false
+    };
+  },
+  // provide () {
+  //   return {
+  //     $editAppMenu: this.editAppMenu,
+  //     $addAppMenu: this.addAppMenu,
+  //     $reloadMenu: this.reloadMenu
+  //   }
+  // },
+  watch: {
+    modules: {
+      handler(v) {
+        this.serviceMenu = [...v];
+        this.judgeClickMenu();
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    // addMenuMenual (e) {
+    // if (this.popoverManualVisible) {
+    //   this.popoverManualVisible = false
+    //   return
+    // }
+    // this.popoverManualVisible = false
+    // this.$refs.popover.doDestroy(true)
+    // this.$nextTick(() => {
+    //   this.$refs.popover.referenceElm = e.target
+    //   this.popoverManualVisible = 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;
+      });
+    },
+    treeNodeClick(node, data) {
+      if (node.isLeaf) {
+        this.currentNodeId = data.id;
+        this.handleSelect(data);
+      }
+    },
+    getTreeModuleNode(modules, parentId) {
+      let node = null;
+      for (let i = 0; i < modules.length; i++) {
+        const module = modules[i];
+        if ((module.id || 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;
+        }
+      }
+    },
+    nodeDrop(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;
+      }
+      const parentNode = this.getTreeModuleNode(this.serviceMenu, parentId) || { children: [...this.serviceMenu] };
+      modules = [...parentNode.children];
+      const str = modules.reduce((str2, item, index) => str2 += (item.id || item.ID) + ":" + index + ",", "");
+      this.$http.$post({
+        action: "moveTree",
+        entityId: "FM_MODULE",
+        id: node.data.id || node.data.ID,
+        selfAttriName: "ID",
+        newParentId: parentId,
+        orderString: str,
+        orderAtrriName: "ORDER_NUM"
+      }).then(() => {
+      }).catch((err) => {
+        this.$message.error(err.message || "拖拽排序失败");
+        this.$reloadMenu();
+      });
+    },
+    // changeLog (e) {
+    //   console.log(e)
+    //   if (e.added || e.moved) {
+    //     let node = {}
+    //     // let isAdd = false
+    //     if (e.added) {
+    //       // isAdd = true
+    //       node = e.added.element
+    //     } else {
+    //       node = e.moved.element
+    //     }
+    //     const parentId = this.$tab.moduleId
+    //     // 获取其父节点的所有子节点orderString
+    //     const str = this.serviceMenu.reduce((str, item, index) => (str += item.id + ':' + index + ','), '')
+    //     // // this.drag = false
+    //     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()
+    //       })
+    //   }
+    // },
+    judgeClickMenu() {
+      if (this.editType === "add-tj" || this.editType === "add-xj") {
+        const nav = this.findClickMenuItem(this.modules, this.addMenuData.ID);
+        if (nav) {
+          this.editType = "";
+          this.handleSelect(nav);
+        }
+      }
+    },
+    findClickMenuItem(arr, id) {
+      for (const node of arr) {
+        if (node.ID === id) {
+          return node;
+        }
+        if (node.children.length > 0) {
+          const foundNode = this.findClickMenuItem(node.children, id);
+          if (foundNode) {
+            return foundNode;
+          }
+        }
+      }
+      return null;
+    },
+    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"));
+          this.reloadMenu();
+          this.backModule();
+        });
+      });
+    },
+    getSubIds(idArr = [], data) {
+      data.forEach((item) => {
+        idArr.push(item.id);
+        if (item.children) {
+          this.getSubIds(idArr, item.children);
+        }
+      });
+    },
+    addAppMenu(nav, menuTypeItem, name, type) {
+      this.editMenuInfo = { ...nav };
+      this.editType = type;
+      const defaultValue = {};
+      defaultValue.UP_ID = 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);
+    },
+    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 === "add-tj" || type === "add-xj") {
+          const defaultValue = {};
+          defaultValue.UP_ID = type === "add-tj" ? nav.parent : nav.id;
+          const query = {
+            openType: "2",
+            pageType: "ADD",
+            flag: "v_service_menu_add_mobile",
+            metaId: "FM_MODULE",
+            defaultValue,
+            title: name,
+            SYSTEM: this.SYSTEM,
+            CLIENT: this.CLIENT,
+            serviceId: this.appConfig.ID,
+            callback: this.reloadMenu
+          };
+          this.$createPage(query);
+          return;
+        } 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;
+      }
+    },
+    getSqList() {
+      this.$http.list({
+        entityId: "FM_ROLE_MODULE",
+        "scope.MODULE": this.editMenuInfo.id
+      }).then((data) => {
+        this.checkRoleList = data.entitys.map((item) => item.ROLE);
+      });
+    },
+    getUserServiceMenu() {
+      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];
+      }
+      const { ID } = this.appConfig;
+      this.$http.get({
+        action: "getUserServiceMenu",
+        entityId: "FM_MODULE",
+        serviceId: ID,
+        roleId,
+        mode: this.$isMobile ? "move" : "pc"
+      }).then((data) => {
+        const menu = data ? [...data] : [];
+        this.$store.commit("SET_MENUS", menu);
+        this.serviceMenu = menu;
+        this.$emit("change-menu", menu);
+      });
+    },
+    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) => {
+          if (this.$tab.moduleId) {
+            this.$emit("updateMenu", this.$tab.moduleId);
+          } else {
+            this.getUserServiceMenu();
+          }
+          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 || "操作失败");
+        });
+      }
+    },
+    reloadMenu(v) {
+      if (this.$tab.moduleId && this.navType !== "0") {
+        if (this.editType === "add-tj" || this.editType === "add-xj") {
+          this.addMenuData = v;
+        }
+        this.$emit("updateMenu", this.$tab.moduleId);
+      } else {
+        this.getUserServiceMenu();
+      }
+    },
+    chooseMenuType(item) {
+      const defaultValue = {};
+      if (this.$tab.moduleId && this.navType !== "0") {
+        defaultValue.UP_ID = this.$tab.moduleId;
+      }
+      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" } : {},
+        defaultValue,
+        openType: "2",
+        callback: this.reloadMenu
+      };
+      const popover = this.$refs.popover;
+      if (popover) popover.doClose();
+      this.$createPage(query);
+    }
+  },
+  created() {
+    this.getClientSystemAppRole();
+    if (this.modules) {
+      this.serviceMenu = [...this.modules];
+    } else {
+      this.getUserServiceMenu();
+    }
+  }
+};
+const _hoisted_1 = { class: "epx-menu__name" };
+const _hoisted_2 = {
+  key: 1,
+  class: "el-icon-s-data"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "epx-menu__subtitle"
+};
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = {
+  key: 0,
+  class: "tree-content-panel-span"
+};
+const _hoisted_6 = ["title"];
+const _hoisted_7 = {
+  key: 1,
+  class: "tree-content-panel-span"
+};
+const _hoisted_8 = ["title"];
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = ["onClick"];
+const _hoisted_11 = { class: "add-menu-container" };
+const _hoisted_12 = { class: "add-type" };
+const _hoisted_13 = ["onClick"];
+const _hoisted_14 = ["src"];
+const _hoisted_15 = { class: "add-menu-type-label" };
+const _hoisted_16 = { class: "add-menu-container" };
+const _hoisted_17 = { class: "add-type" };
+const _hoisted_18 = ["onClick"];
+const _hoisted_19 = ["src"];
+const _hoisted_20 = { class: "add-menu-type-label" };
+const _hoisted_21 = { class: "add-menu" };
+const _hoisted_22 = { class: "add-menu-container" };
+const _hoisted_23 = { class: "add-type" };
+const _hoisted_24 = ["onClick"];
+const _hoisted_25 = ["src"];
+const _hoisted_26 = { class: "add-menu-type-label" };
+const _hoisted_27 = {
+  key: 2,
+  class: "no-menu"
+};
+const _hoisted_28 = { class: "no-menu-add-menu" };
+const _hoisted_29 = { class: "add-menu-container" };
+const _hoisted_30 = { class: "add-type" };
+const _hoisted_31 = ["onClick"];
+const _hoisted_32 = ["src"];
+const _hoisted_33 = { class: "add-menu-type-label" };
+const _hoisted_34 = { class: "epx-add-form__check-dialog" };
+const _hoisted_35 = { key: 0 };
+const _hoisted_36 = { style: { "width": "300px", "margin": "auto", "marginBottom": "20px" } };
+const _hoisted_37 = {
+  key: 1,
+  class: "role-system__content"
+};
+const _hoisted_38 = { class: "epx-add-form__sign-buttongroup" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_epx_icon = resolveComponent("epx-icon");
+  const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
+  const _component_el_popover = resolveComponent("el-popover");
+  const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
+  const _component_el_dropdown = resolveComponent("el-dropdown");
+  const _component_el_tree = resolveComponent("el-tree");
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_col = resolveComponent("el-col");
+  const _component_el_row = resolveComponent("el-row");
+  const _component_el_input = resolveComponent("el-input");
+  const _component_el_tag = resolveComponent("el-tag");
+  const _component_el_checkbox = resolveComponent("el-checkbox");
+  const _component_el_checkbox_group = resolveComponent("el-checkbox-group");
+  const _component_el_dialog = resolveComponent("el-dialog");
+  return openBlock(), createElementBlock("div", {
+    class: "epx-menu",
+    style: normalizeStyle({ width: _ctx.width + "px" })
+  }, [
+    createVNode(_component_el_row, { class: "epx-menu__row manage-menu-row" }, {
+      default: withCtx(() => [
+        createVNode(_component_el_col, null, {
+          default: withCtx(() => [
+            _ctx.showNav ? (openBlock(), createElementBlock("h5", {
+              key: 0,
+              class: normalizeClass(["epx-menu__header", { "is-active": _ctx.isActive }]),
+              onClick: _cache[1] || (_cache[1] = (...args) => _ctx.backModule && _ctx.backModule(...args))
+            }, [
+              createElementVNode("p", _hoisted_1, [
+                _ctx.back ? (openBlock(), createElementBlock("i", {
+                  key: 0,
+                  onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("back")),
+                  class: "epx-menu__back el-icon-arrow-left"
+                })) : (openBlock(), createElementBlock("i", _hoisted_2)),
+                createElementVNode("span", null, toDisplayString(_ctx.moduleName), 1)
+              ]),
+              _ctx.subTitle ? (openBlock(), createElementBlock("p", _hoisted_3, "（" + toDisplayString(_ctx.subTitle) + "）", 1)) : createCommentVNode("", true)
+            ], 2)) : createCommentVNode("", true),
+            $data.serviceMenu.length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createVNode(_component_el_tree, {
+                class: "tree-wrap",
+                data: $data.serviceMenu,
+                "node-key": "id",
+                props: $data.props,
+                "default-expanded-keys": _ctx.defaultOpenMenuId,
+                accordion: "",
+                draggable: "",
+                indent: 0,
+                icon: "mycons",
+                onNodeDrop: $options.nodeDrop
+              }, {
+                default: withCtx(({ node, data }) => [
+                  createElementVNode("div", {
+                    class: normalizeClass({ "tree-node": true, "tree-active": $data.currentNodeId === data.id && node.isLeaf })
+                  }, [
+                    createElementVNode("div", {
+                      class: normalizeClass(["tree-content-panel"]),
+                      onClick: ($event) => $options.treeNodeClick(node, data)
+                    }, [
+                      createElementVNode("div", {
+                        style: normalizeStyle({ "padding-left": (node.level - 1) * 16 + 20 + "px" })
+                      }, [
+                        data.children && data.children.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                          createElementVNode("span", null, [
+                            createVNode(_component_epx_icon, {
+                              class: "epx-menu-item__icon",
+                              name: data.FONT_ICON || "el-icon-monitor"
+                            }, null, 8, ["name"]),
+                            createElementVNode("span", {
+                              title: node.label
+                            }, toDisplayString(node.label), 9, _hoisted_6)
+                          ]),
+                          createElementVNode("i", {
+                            class: normalizeClass(["iconfont", "el-icon-arrow-down", node.expanded ? "rotate" : "rotate1"])
+                          }, null, 2)
+                        ])) : (openBlock(), createElementBlock("div", _hoisted_7, [
+                          createElementVNode("span", null, [
+                            createVNode(_component_epx_icon, {
+                              class: "epx-menu-item__icon",
+                              name: data.FONT_ICON || "el-icon-monitor"
+                            }, null, 8, ["name"]),
+                            createElementVNode("span", {
+                              title: node.label
+                            }, toDisplayString(node.label), 9, _hoisted_8)
+                          ]),
+                          _cache[8] || (_cache[8] = createElementVNode("i", { style: { "width": "8px", "height": "16px", "display": "inline-block" } }, null, -1))
+                        ]))
+                      ], 4)
+                    ], 8, _hoisted_4),
+                    createVNode(_component_el_dropdown, {
+                      trigger: "click",
+                      placement: "right-start"
+                    }, {
+                      dropdown: withCtx(() => [
+                        createVNode(_component_el_dropdown_menu, null, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_dropdown_item, {
+                              class: "app-config-item",
+                              onClick: ($event) => $options.editAppMenu(data, "菜单-重命名", "menu-rename")
+                            }, {
+                              default: withCtx(() => [..._cache[10] || (_cache[10] = [
+                                createElementVNode("i", { class: "el-icon-edit" }, null, -1),
+                                createTextVNode("重命名", -1)
+                              ])]),
+                              _: 1
+                            }, 8, ["onClick"]),
+                            createVNode(_component_el_dropdown_item, {
+                              class: "app-config-item",
+                              onClick: ($event) => $options.editAppMenu(data, "菜单-设置", "menu-setting")
+                            }, {
+                              default: withCtx(() => [..._cache[11] || (_cache[11] = [
+                                createElementVNode("i", { class: "el-icon-setting" }, null, -1),
+                                createTextVNode("设置", -1)
+                              ])]),
+                              _: 1
+                            }, 8, ["onClick"]),
+                            createVNode(_component_el_popover, {
+                              "popper-class": "manage-menu-popover",
+                              placement: "right-start",
+                              trigger: "hover"
+                            }, {
+                              reference: withCtx(() => [..._cache[12] || (_cache[12] = [
+                                createElementVNode("div", { class: "delete-dropdown-item" }, [
+                                  createElementVNode("div", { class: "app-config-delete-item" }, [
+                                    createElementVNode("i", { class: "el-icon-delete" }),
+                                    createTextVNode("删除")
+                                  ]),
+                                  createElementVNode("i", { class: "el-icon-arrow-right" })
+                                ], -1)
+                              ])]),
+                              default: withCtx(() => [
+                                createElementVNode("div", null, [
+                                  createElementVNode("div", {
+                                    class: "app-config-item",
+                                    onClick: ($event) => $options.editAppMenu(data, "delete-menu", "0")
+                                  }, "删除菜单", 8, _hoisted_9),
+                                  createElementVNode("div", {
+                                    class: "app-config-item",
+                                    onClick: ($event) => $options.editAppMenu(data, "delete-menu", "1")
+                                  }, "删除菜单及页面", 8, _hoisted_10)
+                                ])
+                              ]),
+                              _: 2
+                            }, 1024),
+                            createVNode(_component_el_dropdown_item, {
+                              class: "app-config-item",
+                              onClick: ($event) => $options.editAppMenu(data, "菜单授权", "menu-sq")
+                            }, {
+                              default: withCtx(() => [..._cache[13] || (_cache[13] = [
+                                createElementVNode("i", { class: "el-icon-finished" }, null, -1),
+                                createTextVNode("菜单授权 ", -1)
+                              ])]),
+                              _: 1
+                            }, 8, ["onClick"]),
+                            createVNode(_component_el_popover, {
+                              "popper-class": "manage-menu-popover",
+                              placement: "right-start",
+                              trigger: "hover"
+                            }, {
+                              reference: withCtx(() => [..._cache[15] || (_cache[15] = [
+                                createElementVNode("div", { class: "delete-dropdown-item" }, [
+                                  createElementVNode("div", { class: "app-config-delete-item" }, [
+                                    createElementVNode("i", { class: "el-icon-plus" }),
+                                    createTextVNode("新增同级菜单")
+                                  ]),
+                                  createElementVNode("i", { class: "el-icon-arrow-right" })
+                                ], -1)
+                              ])]),
+                              default: withCtx(() => [
+                                createElementVNode("div", _hoisted_11, [
+                                  _cache[14] || (_cache[14] = createElementVNode("div", null, "选择新增菜单类型", -1)),
+                                  createElementVNode("div", _hoisted_12, [
+                                    (openBlock(true), createElementBlock(Fragment, null, renderList($data.addMenuTypeList, (item) => {
+                                      return openBlock(), createElementBlock("div", {
+                                        class: "add-menu-type__item",
+                                        key: item.value,
+                                        onClick: ($event) => $options.addAppMenu(data, item, "新增同级菜单", "add-tj")
+                                      }, [
+                                        createElementVNode("div", null, [
+                                          createElementVNode("img", {
+                                            src: item.preview
+                                          }, null, 8, _hoisted_14)
+                                        ]),
+                                        createElementVNode("p", _hoisted_15, toDisplayString(item.label), 1)
+                                      ], 8, _hoisted_13);
+                                    }), 128))
+                                  ])
+                                ])
+                              ]),
+                              _: 2
+                            }, 1024),
+                            createVNode(_component_el_popover, {
+                              "popper-class": "manage-menu-popover",
+                              placement: "right-start",
+                              trigger: "hover"
+                            }, {
+                              reference: withCtx(() => [..._cache[17] || (_cache[17] = [
+                                createElementVNode("div", { class: "delete-dropdown-item" }, [
+                                  createElementVNode("div", { class: "app-config-delete-item" }, [
+                                    createElementVNode("i", { class: "el-icon-bottom" }),
+                                    createTextVNode("新增下级菜单")
+                                  ]),
+                                  createElementVNode("i", { class: "el-icon-arrow-right" })
+                                ], -1)
+                              ])]),
+                              default: withCtx(() => [
+                                createElementVNode("div", _hoisted_16, [
+                                  _cache[16] || (_cache[16] = createElementVNode("div", null, "选择新增菜单类型", -1)),
+                                  createElementVNode("div", _hoisted_17, [
+                                    (openBlock(true), createElementBlock(Fragment, null, renderList($data.addMenuTypeList, (item) => {
+                                      return openBlock(), createElementBlock("div", {
+                                        class: "add-menu-type__item",
+                                        key: item.value,
+                                        onClick: ($event) => $options.addAppMenu(data, item, "新增下级菜单", "add-xj")
+                                      }, [
+                                        createElementVNode("div", null, [
+                                          createElementVNode("img", {
+                                            src: item.preview
+                                          }, null, 8, _hoisted_19)
+                                        ]),
+                                        createElementVNode("p", _hoisted_20, toDisplayString(item.label), 1)
+                                      ], 8, _hoisted_18);
+                                    }), 128))
+                                  ])
+                                ])
+                              ]),
+                              _: 2
+                            }, 1024)
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ]),
+                      default: withCtx(() => [
+                        createElementVNode("span", {
+                          class: "setting-btn",
+                          onClick: _cache[2] || (_cache[2] = withModifiers(() => {
+                          }, ["stop"]))
+                        }, [..._cache[9] || (_cache[9] = [
+                          createElementVNode("i", { class: "el-icon-s-tools" }, null, -1)
+                        ])])
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ], 2)
+                ]),
+                _: 1
+              }, 8, ["data", "props", "default-expanded-keys", "onNodeDrop"]),
+              createElementVNode("div", _hoisted_21, [
+                createVNode(_component_el_popover, {
+                  ref: "popover",
+                  "popper-class": "manage-menu-popover",
+                  placement: "right",
+                  trigger: "click"
+                }, {
+                  reference: withCtx(() => [
+                    createVNode(_component_el_button, {
+                      style: { "paddingLeft": "20px" },
+                      type: "primary",
+                      link: ""
+                    }, {
+                      default: withCtx(() => [..._cache[19] || (_cache[19] = [
+                        createElementVNode("i", { class: "el-icon-plus" }, null, -1),
+                        createTextVNode(" 新增菜单 ", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  default: withCtx(() => [
+                    createElementVNode("div", _hoisted_22, [
+                      _cache[18] || (_cache[18] = createElementVNode("div", null, "选择新增菜单类型", -1)),
+                      createElementVNode("div", _hoisted_23, [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList($data.addMenuTypeList, (item) => {
+                          return openBlock(), createElementBlock("div", {
+                            class: "add-menu-type__item",
+                            key: item.value,
+                            onClick: ($event) => $options.chooseMenuType(item)
+                          }, [
+                            createElementVNode("div", null, [
+                              createElementVNode("img", {
+                                src: item.preview
+                              }, null, 8, _hoisted_25)
+                            ]),
+                            createElementVNode("p", _hoisted_26, toDisplayString(item.label), 1)
+                          ], 8, _hoisted_24);
+                        }), 128))
+                      ])
+                    ])
+                  ]),
+                  _: 1
+                }, 512)
+              ])
+            ], 64)) : (openBlock(), createElementBlock("div", _hoisted_27, [
+              _cache[22] || (_cache[22] = createElementVNode("i", { class: "epx-icon-color-kong" }, null, -1)),
+              _cache[23] || (_cache[23] = createElementVNode("div", null, "暂无菜单", -1)),
+              createElementVNode("div", _hoisted_28, [
+                createVNode(_component_el_popover, {
+                  ref: "popover",
+                  "popper-class": "manage-menu-popover",
+                  placement: "right",
+                  offset: 10,
+                  trigger: "click"
+                }, {
+                  reference: withCtx(() => [
+                    createVNode(_component_el_button, {
+                      style: { "width": "100%" },
+                      type: "primary"
+                    }, {
+                      default: withCtx(() => [..._cache[21] || (_cache[21] = [
+                        createElementVNode("i", { class: "el-icon-plus" }, null, -1),
+                        createTextVNode(" 新增菜单 ", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  default: withCtx(() => [
+                    createElementVNode("div", _hoisted_29, [
+                      _cache[20] || (_cache[20] = createElementVNode("div", null, "选择新增菜单类型", -1)),
+                      createElementVNode("div", _hoisted_30, [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList($data.addMenuTypeList, (item) => {
+                          return openBlock(), createElementBlock("div", {
+                            class: "add-menu-type__item",
+                            key: item.value,
+                            onClick: ($event) => $options.chooseMenuType(item)
+                          }, [
+                            createElementVNode("div", null, [
+                              createElementVNode("img", {
+                                src: item.preview
+                              }, null, 8, _hoisted_32)
+                            ]),
+                            createElementVNode("p", _hoisted_33, toDisplayString(item.label), 1)
+                          ], 8, _hoisted_31);
+                        }), 128))
+                      ])
+                    ])
+                  ]),
+                  _: 1
+                }, 512)
+              ])
+            ])),
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }),
+    renderSlot(_ctx.$slots, "footer", {}, void 0, true),
+    createVNode(_component_el_dialog, {
+      title: $data.dialogTitle,
+      modelValue: $data.showEditAppDialog,
+      "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => $data.showEditAppDialog = $event),
+      class: "popup-dialog",
+      "append-to-body": true,
+      width: this.dialogWidth + "px",
+      onClose: _cache[7] || (_cache[7] = ($event) => this.showEditAppDialog = false)
+    }, {
+      default: withCtx(() => [
+        createElementVNode("div", _hoisted_34, [
+          createElementVNode("div", null, [
+            $data.editType === "menu-rename" ? (openBlock(), createElementBlock("div", _hoisted_35, [
+              createElementVNode("div", _hoisted_36, [
+                createVNode(_component_el_input, {
+                  modelValue: $data.inputAppName,
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $data.inputAppName = $event),
+                  clearable: "",
+                  placeholder: "请输入要修改的菜单名称"
+                }, null, 8, ["modelValue"])
+              ])
+            ])) : $data.editType === "menu-sq" ? (openBlock(), createElementBlock("div", _hoisted_37, [
+              createVNode(_component_el_checkbox_group, {
+                modelValue: $data.checkRoleList,
+                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => $data.checkRoleList = $event)
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList($data.appAllRoleList, (item) => {
+                    return openBlock(), createBlock(_component_el_checkbox, {
+                      key: item.ID,
+                      label: item.ID,
+                      value: item.ID
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(item.NAME) + " ", 1),
+                        item.TYPE === "client" ? (openBlock(), createBlock(_component_el_tag, {
+                          key: 0,
+                          size: "small"
+                        }, {
+                          default: withCtx(() => [..._cache[24] || (_cache[24] = [
+                            createTextVNode("通用", -1)
+                          ])]),
+                          _: 1
+                        })) : createCommentVNode("", true)
+                      ]),
+                      _: 2
+                    }, 1032, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ])) : createCommentVNode("", true)
+          ]),
+          createElementVNode("div", _hoisted_38, [
+            createVNode(_component_el_button, {
+              size: "middle",
+              type: "primary",
+              onClick: $options.editAppDialog
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.$t("determine")), 1)
+              ]),
+              _: 1
+            }, 8, ["onClick"]),
+            createVNode(_component_el_button, {
+              size: "middle",
+              onClick: _cache[5] || (_cache[5] = ($event) => $data.showEditAppDialog = false)
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.$t("return")), 1)
+              ]),
+              _: 1
+            })
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["title", "modelValue", "width"])
+  ], 4);
+}
+const ManageMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-3c56dadf"]]);
+export {
+  ManageMenu as default
+};