lw-cdp-ui 1.0.19 → 1.0.21

package/dist/components/lwLayout/index.vue

@@ -1,398 +1,399 @@
-<template>
-  <!-- 通栏布局 -->
-  <template v-if="layout=='header'">
-    <header class="adminui-header">
-      <div class="adminui-header-left">
-        <div class="logo-bar">
-          <img class="logo"
-               src="/images/logo.jpg">
-          <span>{{ $config.APP_NAME }}</span>
-        </div>
-        <ul v-if="!ismobile"
-            class="nav">
-          <li v-for="item in menu"
-              :key="item"
-              :class="pmenu.path==item.path?'active':''"
-              @click="showMenu(item)">
-            <el-icon>
-              <component :is="item.meta.icon || 'el-icon-menu'" />
-            </el-icon>
-            <span>{{ item.meta.title }}</span>
-          </li>
-        </ul>
-      </div>
-      <div class="adminui-header-right">
-        <userbar :isShowBu="isShowBu"
-                 :isInitialized="isInitialized"></userbar>
-      </div>
-    </header>
-    <section class="aminui-wrapper">
-      <div v-if="!ismobile && nextMenu.length>0 || !pmenu.component"
-           :class="menuIsCollapse?'aminui-side isCollapse':'aminui-side'">
-        <div v-if="!menuIsCollapse"
-             class="adminui-side-top">
-          <h2>{{ pmenu.meta.title }}</h2>
-        </div>
-        <div class="adminui-side-scroll">
-          <el-scrollbar>
-            <el-menu :default-active="active"
-                     router
-                     :collapse="menuIsCollapse"
-                     :unique-opened="$config.MENU_UNIQUE_OPENED">
-              <NavMenu :navMenus="nextMenu"></NavMenu>
-            </el-menu>
-          </el-scrollbar>
-        </div>
-        <div class="adminui-side-bottom"
-             @click="$store.commit('TOGGLE_menuIsCollapse')">
-          <el-icon><el-icon-expand v-if="menuIsCollapse" /><el-icon-fold
-                          v-else /></el-icon>
-        </div>
-      </div>
-      <Side-m v-if="ismobile"></Side-m>
-      <div class="aminui-body el-container">
-        <Topbar v-if="!ismobile"></Topbar>
-        <Tags v-if="!ismobile && layoutTags"></Tags>
-        <div class="adminui-main"
-             id="adminui-main">
-          <slot name="routerView">
-            <router-view v-slot="{ Component }">
-              <keep-alive :include="this.$store.state.keepAlive.keepLiveRoute">
-                <component :is="Component"
-                           :key="$route.fullPath"
-                           v-if="$store.state.keepAlive.routeShow" />
-              </keep-alive>
-            </router-view>
-          </slot>
-          <iframe-view></iframe-view>
-        </div>
-      </div>
-    </section>
-  </template>
-
-  <!-- 经典布局 -->
-  <template v-else-if="layout=='menu'">
-    <section class="aminui-body-menu">
-      <div class="aminui-side-split-left">
-        <Aside></Aside>
-      </div>
-
-      <section class="aminui-wrapper">
-        <div v-if="!ismobile"
-             :class="menuIsCollapse?'aminui-side isCollapse':'aminui-side'">
-          <div class="adminui-side-scroll">
-
-            <el-scrollbar>
-              <div class="title-name">
-                {{ menuIsCollapse ? $config.APP_NAME.charAt(0) : $config.APP_NAME }}
-              </div>
-              <el-menu :default-active="active"
-                       router
-                       :collapse="menuIsCollapse"
-                       :unique-opened="$config.MENU_UNIQUE_OPENED">
-                <NavMenu :navMenus="menu"></NavMenu>
-              </el-menu>
-            </el-scrollbar>
-          </div>
-          <div class="adminui-side-bottom"
-               @click="$store.commit('TOGGLE_menuIsCollapse')">
-            <el-icon><el-icon-expand v-if="menuIsCollapse" /><el-icon-fold
-                            v-else /></el-icon>
-          </div>
-        </div>
-        <Side-m v-if="ismobile"></Side-m>
-        <div class="aminui-body el-container">
-          <div class="aminui-body-menu-top">
-            <div class="top-bar-title">
-              <span class="title">{{$t("layout.topbar")}}：</span>
-              <Topbar v-if="!ismobile"></Topbar>
-            </div>
-            <userbar :isShowBu="isShowBu"
-                     :isInitialized="isInitialized"></userbar>
-          </div>
-          <Tags v-if="!ismobile && layoutTags"></Tags>
-          <div class="adminui-main"
-               id="adminui-main">
-            <slot name="routerView">
-              <router-view v-slot="{ Component }">
-                <keep-alive
-                            :include="this.$store.state.keepAlive.keepLiveRoute">
-                  <component :is="Component"
-                             :key="$route.fullPath"
-                             v-if="$store.state.keepAlive.routeShow" />
-                </keep-alive>
-              </router-view>
-            </slot>
-            <iframe-view></iframe-view>
-          </div>
-        </div>
-      </section>
-    </section>
-  </template>
-
-  <!-- 功能坞布局 -->
-  <template v-else-if="layout=='dock'">
-    <header class="adminui-header">
-      <div class="adminui-header-left">
-        <div class="logo-bar">
-          <img class="logo"
-               src="/images/logo.jpg">
-          <span>{{ $config.APP_NAME }}</span>
-        </div>
-      </div>
-      <div class="adminui-header-right">
-        <div v-if="!ismobile"
-             class="adminui-header-menu">
-          <el-menu mode="horizontal"
-                   :default-active="active"
-                   router
-                   background-color="#222b45"
-                   text-color="#fff"
-                   active-text-color="var(--el-color-primary)">
-            <NavMenu :navMenus="menu"></NavMenu>
-          </el-menu>
-        </div>
-        <Side-m v-if="ismobile"></Side-m>
-        <userbar :isShowBu="isShowBu"
-                 :isInitialized="isInitialized"></userbar>
-      </div>
-    </header>
-    <section class="aminui-wrapper">
-      <div class="aminui-body el-container">
-        <Tags v-if="!ismobile && layoutTags"></Tags>
-        <div class="adminui-main"
-             id="adminui-main">
-          <slot name="routerView">
-            <router-view v-slot="{ Component }">
-              <keep-alive :include="this.$store.state.keepAlive.keepLiveRoute">
-                <component :is="Component"
-                           :key="$route.fullPath"
-                           v-if="$store.state.keepAlive.routeShow" />
-              </keep-alive>
-            </router-view>
-          </slot>
-          <iframe-view></iframe-view>
-        </div>
-      </div>
-    </section>
-  </template>
-
-  <!-- 默认布局 -->
-  <template v-else>
-    <section class="aminui-wrapper">
-      <div v-if="!ismobile"
-           class="aminui-side-split">
-        <div class="aminui-side-split-top">
-          <Aside></Aside>
-        </div>
-
-        <div class="adminui-side-split-scroll">
-          <el-scrollbar>
-            <ul>
-              <li v-for="item in menu"
-                  :key="item"
-                  :class="pmenu.path==item.path?'active':''"
-                  @click="showMenu(item)">
-                <el-icon>
-                  <component :is="item.meta.icon || el-icon-menu" />
-                </el-icon>
-                <p>{{ item.meta.title }}</p>
-              </li>
-            </ul>
-          </el-scrollbar>
-        </div>
-      </div>
-      <div v-if="!ismobile && nextMenu.length>0 || !pmenu.component"
-           :class="menuIsCollapse?'aminui-side isCollapse':'aminui-side'">
-        <div v-if="!menuIsCollapse"
-             class="adminui-side-top">
-          <h2>{{ pmenu.meta.title }}</h2>
-        </div>
-        <div class="adminui-side-scroll">
-          <el-scrollbar>
-            <el-menu :default-active="active"
-                     router
-                     :collapse="menuIsCollapse"
-                     :unique-opened="$config.MENU_UNIQUE_OPENED">
-              <NavMenu :navMenus="nextMenu"></NavMenu>
-            </el-menu>
-          </el-scrollbar>
-        </div>
-        <div class="adminui-side-bottom"
-             @click="$store.commit('TOGGLE_menuIsCollapse')">
-          <el-icon><el-icon-expand v-if="menuIsCollapse" /><el-icon-fold
-                          v-else /></el-icon>
-        </div>
-      </div>
-      <Side-m v-if="ismobile"></Side-m>
-      <div class="aminui-body el-container">
-        <Topbar>
-          <userbar :isShowBu="isShowBu"
-                   :isInitialized="isInitialized"></userbar>
-        </Topbar>
-        <Tags v-if="!ismobile && layoutTags"></Tags>
-        <div class="adminui-main"
-             id="adminui-main">
-          <slot name="routerView">
-            <router-view v-slot="{ Component }">
-              <keep-alive :include="this.$store.state.keepAlive.keepLiveRoute">
-                <component :is="Component"
-                           :key="$route.fullPath"
-                           v-if="$store.state.keepAlive.routeShow" />
-              </keep-alive>
-            </router-view>
-          </slot>
-          <iframe-view></iframe-view>
-        </div>
-      </div>
-    </section>
-  </template>
-
-  <div class="main-maximize-exit"
-       @click="exitMaximize"><el-icon><el-icon-close /></el-icon></div>
-
-  <div class="layout-setting"
-       @click="openSetting"><el-icon><el-icon-brush-filled /></el-icon></div>
-
-  <el-drawer title="布局实时演示"
-             v-model="settingDialog"
-             :size="400"
-             append-to-body
-             destroy-on-close>
-    <setting></setting>
-  </el-drawer>
-</template>
-
-<script>
-import SideM from './components/sideM.vue';
-import Aside from './components/aside.vue';
-import Topbar from './components/topbar.vue';
-import Tags from './components/tags.vue';
-import NavMenu from './components/NavMenu.vue';
-import userbar from './components/userbar.vue';
-import setting from './components/setting.vue';
-import iframeView from './components/iframeView.vue';
-
-export default {
-  name: 'lwLayout',
-  props: {
-    isShowBu: {
-      type: Boolean,
-      default: true
-    },
-    // 是否要校验初始化
-    isInitialized: {
-      type: Boolean,
-      default: true
-    },
-  },
-  components: {
-    Aside,
-    SideM,
-    Topbar,
-    Tags,
-    NavMenu,
-    userbar,
-    setting,
-    iframeView
-  },
-  data() {
-    return {
-      settingDialog: false,
-      menu: [],
-      nextMenu: [],
-      pmenu: {},
-      active: ''
-    }
-  },
-  computed: {
-    ismobile() {
-      return this.$store.state.global.ismobile
-    },
-    layout() {
-      return this.$store.state.global.layout
-    },
-    layoutTags() {
-      return this.$store.state.global.layoutTags
-    },
-    menuIsCollapse() {
-      return this.$store.state.global.menuIsCollapse
-    }
-  },
-  created() {
-    this.onLayoutResize();
-    window.addEventListener('resize', this.onLayoutResize);
-    var menu = this.$router.sc_getMenu();
-    this.menu = this.filterUrl(menu);
-    this.showThis()
-    this.$store.commit("LOAD_USER_FROM_LOCAL_STORAGE")
-  },
-  watch: {
-    $route() {
-      this.showThis()
-      var menu = this.$router.sc_getMenu();
-      this.menu = this.filterUrl(menu);
-    },
-    '$i18n.locale'() {
-      var menu = this.$router.sc_getMenu();
-      this.menu = this.filterUrl(menu);
-    },
-    layout: {
-      handler(val) {
-        document.body.setAttribute('data-layout', val)
-      },
-      immediate: true,
-    },
-
-  },
-  methods: {
-    openSetting() {
-      this.settingDialog = true;
-    },
-    onLayoutResize() {
-      this.$store.commit("SET_ismobile", document.body.clientWidth < 992)
-    },
-    //路由监听高亮
-    showThis() {
-      this.pmenu = this.$route.meta.breadcrumb ? this.$route.meta.breadcrumb[0] : {}
-      this.nextMenu = this.filterUrl(this.pmenu.children);
-      this.$nextTick(() => {
-        this.active = this.$route.meta.active || this.$route.fullPath;
-      })
-    },
-    //点击显示
-    showMenu(route) {
-      this.pmenu = route;
-      this.nextMenu = this.filterUrl(route.children);
-      if ((!route.children || route.children.length == 0) && route.component) {
-        this.$router.push({ path: route.path })
-      }
-    },
-    //转换外部链接的路由
-    filterUrl(map) {
-      var newMap = []
-      map && map.forEach(item => {
-        item.meta = item.meta ? item.meta : {};
-        //处理隐藏
-        if (item.meta.hidden || item.meta.type == "button") {
-          return false
-        }
-        //处理http
-        if (item.meta.type == 'iframe') {
-          item.path = `/i/${item.name}`;
-        }
-        //递归循环
-        if (item.children && item.children.length > 0) {
-          item.children = this.filterUrl(item.children)
-        }
-        newMap.push(item)
-      })
-      return newMap;
-    },
-    //退出最大化
-    exitMaximize() {
-      document.getElementById('app').classList.remove('main-maximize')
-    }
-  }
-}
-</script>
+<template>
+  <!-- 通栏布局 -->
+  <template v-if="layout=='header'">
+    <header class="adminui-header">
+      <div class="adminui-header-left">
+        <div class="logo-bar">
+          <img class="logo"
+               :src="logo">
+          <span>{{ $config.APP_NAME }}</span>
+        </div>
+        <ul v-if="!ismobile"
+            class="nav">
+          <li v-for="item in menu"
+              :key="item"
+              :class="pmenu.path==item.path?'active':''"
+              @click="showMenu(item)">
+            <el-icon>
+              <component :is="item.meta.icon || 'el-icon-menu'" />
+            </el-icon>
+            <span>{{ item.meta.title }}</span>
+          </li>
+        </ul>
+      </div>
+      <div class="adminui-header-right">
+        <userbar :isShowBu="isShowBu"
+                 :isInitialized="isInitialized"></userbar>
+      </div>
+    </header>
+    <section class="aminui-wrapper">
+      <div v-if="!ismobile && nextMenu.length>0 || !pmenu.component"
+           :class="menuIsCollapse?'aminui-side isCollapse':'aminui-side'">
+        <div v-if="!menuIsCollapse"
+             class="adminui-side-top">
+          <h2>{{ pmenu.meta.title }}</h2>
+        </div>
+        <div class="adminui-side-scroll">
+          <el-scrollbar>
+            <el-menu :default-active="active"
+                     router
+                     :collapse="menuIsCollapse"
+                     :unique-opened="$config.MENU_UNIQUE_OPENED">
+              <NavMenu :navMenus="nextMenu"></NavMenu>
+            </el-menu>
+          </el-scrollbar>
+        </div>
+        <div class="adminui-side-bottom"
+             @click="$store.commit('TOGGLE_menuIsCollapse')">
+          <el-icon><el-icon-expand v-if="menuIsCollapse" /><el-icon-fold
+                          v-else /></el-icon>
+        </div>
+      </div>
+      <Side-m v-if="ismobile"></Side-m>
+      <div class="aminui-body el-container">
+        <Topbar v-if="!ismobile"></Topbar>
+        <Tags v-if="!ismobile && layoutTags"></Tags>
+        <div class="adminui-main"
+             id="adminui-main">
+          <slot name="routerView">
+            <router-view v-slot="{ Component }">
+              <keep-alive :include="this.$store.state.keepAlive.keepLiveRoute">
+                <component :is="Component"
+                           :key="$route.fullPath"
+                           v-if="$store.state.keepAlive.routeShow" />
+              </keep-alive>
+            </router-view>
+          </slot>
+          <iframe-view></iframe-view>
+        </div>
+      </div>
+    </section>
+  </template>
+
+  <!-- 经典布局 -->
+  <template v-else-if="layout=='menu'">
+    <section class="aminui-body-menu">
+      <div class="aminui-side-split-left">
+        <Aside></Aside>
+      </div>
+
+      <section class="aminui-wrapper">
+        <div v-if="!ismobile"
+             :class="menuIsCollapse?'aminui-side isCollapse':'aminui-side'">
+          <div class="adminui-side-scroll">
+
+            <el-scrollbar>
+              <div class="title-name">
+                {{ menuIsCollapse ? $config.APP_NAME.charAt(0) : $config.APP_NAME }}
+              </div>
+              <el-menu :default-active="active"
+                       router
+                       :collapse="menuIsCollapse"
+                       :unique-opened="$config.MENU_UNIQUE_OPENED">
+                <NavMenu :navMenus="menu"></NavMenu>
+              </el-menu>
+            </el-scrollbar>
+          </div>
+          <div class="adminui-side-bottom"
+               @click="$store.commit('TOGGLE_menuIsCollapse')">
+            <el-icon><el-icon-expand v-if="menuIsCollapse" /><el-icon-fold
+                            v-else /></el-icon>
+          </div>
+        </div>
+        <Side-m v-if="ismobile"></Side-m>
+        <div class="aminui-body el-container">
+          <div class="aminui-body-menu-top">
+            <div class="top-bar-title">
+              <span class="title">{{$t("layout.topbar")}}：</span>
+              <Topbar v-if="!ismobile"></Topbar>
+            </div>
+            <userbar :isShowBu="isShowBu"
+                     :isInitialized="isInitialized"></userbar>
+          </div>
+          <Tags v-if="!ismobile && layoutTags"></Tags>
+          <div class="adminui-main"
+               id="adminui-main">
+            <slot name="routerView">
+              <router-view v-slot="{ Component }">
+                <keep-alive
+                            :include="this.$store.state.keepAlive.keepLiveRoute">
+                  <component :is="Component"
+                             :key="$route.fullPath"
+                             v-if="$store.state.keepAlive.routeShow" />
+                </keep-alive>
+              </router-view>
+            </slot>
+            <iframe-view></iframe-view>
+          </div>
+        </div>
+      </section>
+    </section>
+  </template>
+
+  <!-- 功能坞布局 -->
+  <template v-else-if="layout=='dock'">
+    <header class="adminui-header">
+      <div class="adminui-header-left">
+        <div class="logo-bar">
+          <img class="logo"
+               :src="logo">
+          <span>{{ $config.APP_NAME }}</span>
+        </div>
+      </div>
+      <div class="adminui-header-right">
+        <div v-if="!ismobile"
+             class="adminui-header-menu">
+          <el-menu mode="horizontal"
+                   :default-active="active"
+                   router
+                   background-color="#222b45"
+                   text-color="#fff"
+                   active-text-color="var(--el-color-primary)">
+            <NavMenu :navMenus="menu"></NavMenu>
+          </el-menu>
+        </div>
+        <Side-m v-if="ismobile"></Side-m>
+        <userbar :isShowBu="isShowBu"
+                 :isInitialized="isInitialized"></userbar>
+      </div>
+    </header>
+    <section class="aminui-wrapper">
+      <div class="aminui-body el-container">
+        <Tags v-if="!ismobile && layoutTags"></Tags>
+        <div class="adminui-main"
+             id="adminui-main">
+          <slot name="routerView">
+            <router-view v-slot="{ Component }">
+              <keep-alive :include="this.$store.state.keepAlive.keepLiveRoute">
+                <component :is="Component"
+                           :key="$route.fullPath"
+                           v-if="$store.state.keepAlive.routeShow" />
+              </keep-alive>
+            </router-view>
+          </slot>
+          <iframe-view></iframe-view>
+        </div>
+      </div>
+    </section>
+  </template>
+
+  <!-- 默认布局 -->
+  <template v-else>
+    <section class="aminui-wrapper">
+      <div v-if="!ismobile"
+           class="aminui-side-split">
+        <div class="aminui-side-split-top">
+          <Aside></Aside>
+        </div>
+
+        <div class="adminui-side-split-scroll">
+          <el-scrollbar>
+            <ul>
+              <li v-for="item in menu"
+                  :key="item"
+                  :class="pmenu.path==item.path?'active':''"
+                  @click="showMenu(item)">
+                <el-icon>
+                  <component :is="item.meta.icon || el-icon-menu" />
+                </el-icon>
+                <p>{{ item.meta.title }}</p>
+              </li>
+            </ul>
+          </el-scrollbar>
+        </div>
+      </div>
+      <div v-if="!ismobile && nextMenu.length>0 || !pmenu.component"
+           :class="menuIsCollapse?'aminui-side isCollapse':'aminui-side'">
+        <div v-if="!menuIsCollapse"
+             class="adminui-side-top">
+          <h2>{{ pmenu.meta.title }}</h2>
+        </div>
+        <div class="adminui-side-scroll">
+          <el-scrollbar>
+            <el-menu :default-active="active"
+                     router
+                     :collapse="menuIsCollapse"
+                     :unique-opened="$config.MENU_UNIQUE_OPENED">
+              <NavMenu :navMenus="nextMenu"></NavMenu>
+            </el-menu>
+          </el-scrollbar>
+        </div>
+        <div class="adminui-side-bottom"
+             @click="$store.commit('TOGGLE_menuIsCollapse')">
+          <el-icon><el-icon-expand v-if="menuIsCollapse" /><el-icon-fold
+                          v-else /></el-icon>
+        </div>
+      </div>
+      <Side-m v-if="ismobile"></Side-m>
+      <div class="aminui-body el-container">
+        <Topbar>
+          <userbar :isShowBu="isShowBu"
+                   :isInitialized="isInitialized"></userbar>
+        </Topbar>
+        <Tags v-if="!ismobile && layoutTags"></Tags>
+        <div class="adminui-main"
+             id="adminui-main">
+          <slot name="routerView">
+            <router-view v-slot="{ Component }">
+              <keep-alive :include="this.$store.state.keepAlive.keepLiveRoute">
+                <component :is="Component"
+                           :key="$route.fullPath"
+                           v-if="$store.state.keepAlive.routeShow" />
+              </keep-alive>
+            </router-view>
+          </slot>
+          <iframe-view></iframe-view>
+        </div>
+      </div>
+    </section>
+  </template>
+
+  <div class="main-maximize-exit"
+       @click="exitMaximize"><el-icon><el-icon-close /></el-icon></div>
+
+  <div class="layout-setting"
+       @click="openSetting"><el-icon><el-icon-brush-filled /></el-icon></div>
+
+  <el-drawer title="布局实时演示"
+             v-model="settingDialog"
+             :size="400"
+             append-to-body
+             destroy-on-close>
+    <setting></setting>
+  </el-drawer>
+</template>
+
+<script>
+import SideM from './components/sideM.vue';
+import Aside from './components/aside.vue';
+import Topbar from './components/topbar.vue';
+import Tags from './components/tags.vue';
+import NavMenu from './components/NavMenu.vue';
+import userbar from './components/userbar.vue';
+import setting from './components/setting.vue';
+import iframeView from './components/iframeView.vue';
+import logo from '/images/logo.jpg';
+export default {
+  name: 'lwLayout',
+  props: {
+    isShowBu: {
+      type: Boolean,
+      default: true
+    },
+    // 是否要校验初始化
+    isInitialized: {
+      type: Boolean,
+      default: true
+    },
+  },
+  components: {
+    Aside,
+    SideM,
+    Topbar,
+    Tags,
+    NavMenu,
+    userbar,
+    setting,
+    iframeView
+  },
+  data() {
+    return {
+      logo,
+      settingDialog: false,
+      menu: [],
+      nextMenu: [],
+      pmenu: {},
+      active: ''
+    }
+  },
+  computed: {
+    ismobile() {
+      return this.$store.state.global.ismobile
+    },
+    layout() {
+      return this.$store.state.global.layout
+    },
+    layoutTags() {
+      return this.$store.state.global.layoutTags
+    },
+    menuIsCollapse() {
+      return this.$store.state.global.menuIsCollapse
+    }
+  },
+  created() {
+    this.onLayoutResize();
+    window.addEventListener('resize', this.onLayoutResize);
+    var menu = this.$router.sc_getMenu();
+    this.menu = this.filterUrl(menu);
+    this.showThis()
+    this.$store.commit("LOAD_USER_FROM_LOCAL_STORAGE")
+  },
+  watch: {
+    $route() {
+      this.showThis()
+      var menu = this.$router.sc_getMenu();
+      this.menu = this.filterUrl(menu);
+    },
+    '$i18n.locale'() {
+      var menu = this.$router.sc_getMenu();
+      this.menu = this.filterUrl(menu);
+    },
+    layout: {
+      handler(val) {
+        document.body.setAttribute('data-layout', val)
+      },
+      immediate: true,
+    },
+
+  },
+  methods: {
+    openSetting() {
+      this.settingDialog = true;
+    },
+    onLayoutResize() {
+      this.$store.commit("SET_ismobile", document.body.clientWidth < 992)
+    },
+    //路由监听高亮
+    showThis() {
+      this.pmenu = this.$route.meta.breadcrumb ? this.$route.meta.breadcrumb[0] : {}
+      this.nextMenu = this.filterUrl(this.pmenu.children);
+      this.$nextTick(() => {
+        this.active = this.$route.meta.active || this.$route.fullPath;
+      })
+    },
+    //点击显示
+    showMenu(route) {
+      this.pmenu = route;
+      this.nextMenu = this.filterUrl(route.children);
+      if ((!route.children || route.children.length == 0) && route.component) {
+        this.$router.push({ path: route.path })
+      }
+    },
+    //转换外部链接的路由
+    filterUrl(map) {
+      var newMap = []
+      map && map.forEach(item => {
+        item.meta = item.meta ? item.meta : {};
+        //处理隐藏
+        if (item.meta.hidden || item.meta.type == "button") {
+          return false
+        }
+        //处理http
+        if (item.meta.type == 'iframe') {
+          item.path = `/i/${item.name}`;
+        }
+        //递归循环
+        if (item.children && item.children.length > 0) {
+          item.children = this.filterUrl(item.children)
+        }
+        newMap.push(item)
+      })
+      return newMap;
+    },
+    //退出最大化
+    exitMaximize() {
+      document.getElementById('app').classList.remove('main-maximize')
+    }
+  }
+}
+</script>