补丁

src/router/index.js

@@ -54,7 +54,6 @@ router.beforeEach((to, from, next) => {
           next();
         });
     } else {
-
       // 判断外链并跳转
       if (to.meta) {
         if (to.meta.source && to.meta.source == 2) {

src/router/routes.js

@@ -1,22 +1,14 @@
-import {
-  menuToRoutes,
-  eachTreeData
-} from 'ele-admin';
-import {
-  HOME_PATH,
-  LAYOUT_PATH,
-  REDIRECT_PATH
-} from '@/config/setting';
+import { menuToRoutes, eachTreeData } from 'ele-admin';
+import { HOME_PATH, LAYOUT_PATH, REDIRECT_PATH } from '@/config/setting';
 import EleLayout from '@/layout/index.vue';
 import RedirectLayout from '@/components/RedirectLayout';
-import {
-  iframeMixins
-} from '@/utils/iframe-mixin';
+import { iframeMixins } from '@/utils/iframe-mixin';
 
 /**
  * 静态路由
  */
-export const routes = [{
+export const routes = [
+  {
     path: '/login',
     component: () => import('@/views/login/index.vue'),
     meta: {
@@ -37,8 +29,7 @@ export const routes = [{
     meta: {
       title: '外链'
     }
-  },
-
+  }
 
   // {
   //   path: '/main-data/*',

src/views/source/index.vue

@@ -1,36 +1,28 @@
-<template>
-  <div>
-    555
-    <!-- <iframe style="width: 100%; height: 100vh" :src="link + `?token=${token}`">
-    </iframe> -->
-  </div>
-</template>
+<template> </template>
 
 <script>
-  import { getToken } from '@/utils/token-util';
-  export default {
-    data() {
-      return {
-        link: '',
-        token: ''
-      };
-    },
-    mounted() {
-     
-    },
-    watch: {
-      // 监视搜索词变化
-      '$route.query.link': {
-        immediate: true,
-        handler() {
-          // console.log(2222);
-          this.link = this.$route.query.link;
-          this.token = getToken();
-        }
+import { getToken } from '@/utils/token-util';
+export default {
+  data() {
+    return {
+      link: '',
+      token: ''
+    };
+  },
+  mounted() {},
+  watch: {
+    // 监视搜索词变化
+    '$route.query.link': {
+      immediate: true,
+      handler() {
+        // console.log(2222);
+        this.link = this.$route.query.link;
+        this.token = getToken();
       }
-    },
-    methods: {}
-  };
+    }
+  },
+  methods: {}
+};
 </script>
 
 <style lang="scss" scoped></style>

src/views/sourceLink.vue

@@ -49,8 +49,10 @@
     @tab-context-menu="onTabContextMenu"
   >
     <!-- 路由出口 -->
-     445555
-
+    <div>
+      <iframe style="width: 100%; height: 100%" :src="link + `?token=${token}`">
+      </iframe>
+    </div>
 
     <!-- logo 图标 -->
     <template v-slot:logo>
@@ -107,26 +109,190 @@
 </template>
 
 <script>
-  import { mapGetters } from 'vuex';
-  import { toggleFullscreen, isFullscreen } from 'ele-admin';
-  import RouterLayout from '@/components/RouterLayout/index.vue';
-  import HeaderTools from '@/layout/components/header-tools.vue';
-  // import PageFooter from './components/page-footer.vue';
-  import { getToken } from '@/utils/token-util';
+import { mapGetters } from 'vuex';
+import { toggleFullscreen, isFullscreen } from 'ele-admin';
+import RouterLayout from '@/components/RouterLayout/index.vue';
+import HeaderTools from '@/layout/components/header-tools.vue';
+// import PageFooter from './components/page-footer.vue';
+import { getToken } from '@/utils/token-util';
+
+import { logoByCode } from '@/api/login/index';
+import {
+  PROJECT_NAME,
+  HIDE_SIDEBARS,
+  HIDE_FOOTERS,
+  REPEATABLE_TABS,
+  HOME_TITLE,
+  HOME_PATH,
+  LAYOUT_PATH,
+  REDIRECT_PATH,
+  I18N_ENABLE
+} from '@/config/setting';
+import {
+  addPageTab,
+  removePageTab,
+  removeAllPageTab,
+  removeLeftPageTab,
+  removeRightPageTab,
+  removeOtherPageTab,
+  reloadPageTab,
+  setHomeComponents,
+  setPageTabs
+} from '@/utils/page-tab-util';
+import { secretLevelList } from '@/enum/dict';
+
+export default {
+  name: 'EleLayout',
+  components: {
+    RouterLayout,
+    HeaderTools
+    // PageFooter
+  },
+  data() {
+    return {
+      // PROJECT_NAME,
+      HIDE_SIDEBARS,
+      HIDE_FOOTERS,
+      REPEATABLE_TABS,
+      HOME_PATH,
+      HOME_TITLE,
+      LAYOUT_PATH,
+      REDIRECT_PATH,
+      // 是否全屏
+      fullscreen: false,
+
+      logoImg: null,
+      projectName: null,
+      token: '',
+      link: ''
+    };
+  },
+  computed: {
+    // 当前语言
+    locale() {
+      return this.$i18n.locale;
+    },
+    // 菜单数据
+    menus() {
+      return this.$store.state.user.menus;
+    },
+    // 主题状态
+    ...mapGetters(['theme'])
+  },
+  watch: {
+    // 监视搜索词变化
+    '$route.query.link': {
+      immediate: true,
+      handler() {
+        // console.log(2222);
+        this.link = this.$route.query.link;
+        this.token = getToken();
+      }
+    }
+  },
+  created() {
+    this.token = getToken();
+    if (this.token) {
+      this.getLogo();
+    }
+  },
+  methods: {
+    getSecretLevelStyle(item) {
+      return {
+        color: item.meta.secretLevel > 1 ? 'red' : 'green',
+        fontWeight: 'bold',
+        fontSize: '15px'
+      };
+    },
+    getSecretLevel(item) {
+      let find =
+        secretLevelList.find((i) => item.meta.secretLevel == i.value) || {};
+      return '(' + find.label + ')';
+    },
+    getLogo() {
+      logoByCode('logoCode').then((res) => {
+        this.logoImg = res.logoUrl;
+        this.projectName = res.logoName;
+      });
+    },
 
-  import { logoByCode } from '@/api/login/index';
-  import {
-    PROJECT_NAME,
-    HIDE_SIDEBARS,
-    HIDE_FOOTERS,
-    REPEATABLE_TABS,
-    HOME_TITLE,
-    HOME_PATH,
-    LAYOUT_PATH,
-    REDIRECT_PATH,
-    I18N_ENABLE
-  } from '@/config/setting';
-  import {
+    /* 侧栏折叠切换 */
+    updateCollapse(value) {
+      // console.log('value:', this.$store.state.user.menus);
+      this.$store.dispatch('theme/setCollapse', value);
+    },
+    /* 双侧栏一级折叠切换 */
+    updateSideNavCollapse(value) {
+      this.$store.dispatch('theme/setSideNavCollapse', value);
+    },
+    /* 内容区域全屏切换 */
+    updateBodyFullscreen(value) {
+      this.$store.dispatch('theme/setBodyFullscreen', value);
+    },
+    /* logo 点击事件 */
+    onLogoClick(isHome) {
+      isHome || this.$router.push(LAYOUT_PATH);
+    },
+    /* 监听屏幕尺寸改变 */
+    screenSizeChange() {
+      this.$store.dispatch('theme/updateScreenSize');
+      this.fullscreen = isFullscreen();
+    },
+    /* 全屏切换 */
+    onFullscreen() {
+      try {
+        this.fullscreen = toggleFullscreen();
+      } catch (e) {
+        this.$message.error('您的浏览器不支持全屏模式');
+      }
+    },
+    /* 页签右键菜单点击事件 */
+    onTabContextMenu({ key, tabKey, item, active }) {
+      switch (key) {
+        case 'reload': // 刷新
+          reloadPageTab({
+            isHome: !item,
+            fullPath: item?.fullPath ?? tabKey
+          });
+          break;
+        case 'close': // 关闭当前
+          removePageTab({
+            key: item?.fullPath ?? tabKey,
+            active
+          });
+          break;
+        case 'left': // 关闭左侧
+          removeLeftPageTab({
+            key: tabKey,
+            active
+          });
+          break;
+        case 'right': // 关闭右侧
+          removeRightPageTab({
+            key: tabKey,
+            active
+          });
+          break;
+        case 'other': // 关闭其他
+          removeOtherPageTab({
+            key: tabKey,
+            active
+          });
+          break;
+      }
+    },
+    /* 菜单标题国际化 */
+    i18n(_path, key) {
+      if (!I18N_ENABLE || !key) {
+        return;
+      }
+      const k = 'route.' + key + '._name';
+      const title = this.$t(k);
+      if (title !== k) {
+        return title;
+      }
+    },
+    //
     addPageTab,
     removePageTab,
     removeAllPageTab,
@@ -136,262 +302,110 @@
     reloadPageTab,
     setHomeComponents,
     setPageTabs
-  } from '@/utils/page-tab-util';
-  import {secretLevelList} from "@/enum/dict";
-
-  export default {
-    name: 'EleLayout',
-    components: {
-      RouterLayout,
-      HeaderTools
-      // PageFooter
-    },
-    data() {
-      return {
-        // PROJECT_NAME,
-        HIDE_SIDEBARS,
-        HIDE_FOOTERS,
-        REPEATABLE_TABS,
-        HOME_PATH,
-        HOME_TITLE,
-        LAYOUT_PATH,
-        REDIRECT_PATH,
-        // 是否全屏
-        fullscreen: false,
-
-        logoImg: null,
-        projectName: null,
-        token: ''
-      };
-    },
-    computed: {
-      // 当前语言
-      locale() {
-        return this.$i18n.locale;
-      },
-      // 菜单数据
-      menus() {
-        return this.$store.state.user.menus;
-      },
-      // 主题状态
-      ...mapGetters(['theme'])
-    },
-    created() {
-      this.token = getToken();
-      if (this.token) {
-        this.getLogo();
-      }
-    },
-    methods: {
-      getSecretLevelStyle(item) {
-        return {
-          color: item.meta.secretLevel > 1 ? 'red' : 'green',
-          fontWeight: 'bold',
-          fontSize: '15px'
-        };
-      },
-      getSecretLevel(item) {
-        let find =
-          secretLevelList.find((i) => item.meta.secretLevel == i.value) || {};
-        return '(' + find.label + ')';
-      },
-      getLogo() {
-        logoByCode('logoCode').then((res) => {
-          this.logoImg = res.logoUrl;
-          this.projectName = res.logoName;
-        });
-      },
-
-      /* 侧栏折叠切换 */
-      updateCollapse(value) {
-        // console.log('value:', this.$store.state.user.menus);
-        this.$store.dispatch('theme/setCollapse', value);
-      },
-      /* 双侧栏一级折叠切换 */
-      updateSideNavCollapse(value) {
-        this.$store.dispatch('theme/setSideNavCollapse', value);
-      },
-      /* 内容区域全屏切换 */
-      updateBodyFullscreen(value) {
-        this.$store.dispatch('theme/setBodyFullscreen', value);
-      },
-      /* logo 点击事件 */
-      onLogoClick(isHome) {
-        isHome || this.$router.push(LAYOUT_PATH);
-      },
-      /* 监听屏幕尺寸改变 */
-      screenSizeChange() {
-        this.$store.dispatch('theme/updateScreenSize');
-        this.fullscreen = isFullscreen();
-      },
-      /* 全屏切换 */
-      onFullscreen() {
-        try {
-          this.fullscreen = toggleFullscreen();
-        } catch (e) {
-          this.$message.error('您的浏览器不支持全屏模式');
-        }
-      },
-      /* 页签右键菜单点击事件 */
-      onTabContextMenu({ key, tabKey, item, active }) {
-        switch (key) {
-          case 'reload': // 刷新
-            reloadPageTab({
-              isHome: !item,
-              fullPath: item?.fullPath ?? tabKey
-            });
-            break;
-          case 'close': // 关闭当前
-            removePageTab({
-              key: item?.fullPath ?? tabKey,
-              active
-            });
-            break;
-          case 'left': // 关闭左侧
-            removeLeftPageTab({
-              key: tabKey,
-              active
-            });
-            break;
-          case 'right': // 关闭右侧
-            removeRightPageTab({
-              key: tabKey,
-              active
-            });
-            break;
-          case 'other': // 关闭其他
-            removeOtherPageTab({
-              key: tabKey,
-              active
-            });
-            break;
-        }
-      },
-      /* 菜单标题国际化 */
-      i18n(_path, key) {
-        if (!I18N_ENABLE || !key) {
-          return;
-        }
-        const k = 'route.' + key + '._name';
-        const title = this.$t(k);
-        if (title !== k) {
-          return title;
-        }
-      },
-      //
-      addPageTab,
-      removePageTab,
-      removeAllPageTab,
-      removeLeftPageTab,
-      removeRightPageTab,
-      removeOtherPageTab,
-      reloadPageTab,
-      setHomeComponents,
-      setPageTabs
-    }
-  };
+  }
+};
 </script>
 
 <style lang="scss">
-  .ele-admin-logo {
-    font-size: 18px !important;
-    justify-content: flex-start !important;
-    align-items: center !important;
-    img {
-      height: 35px !important;
-      max-width: 86px;
-      width: auto;
-      margin-right: 6px;
-    }
+.ele-admin-logo {
+  font-size: 18px !important;
+  justify-content: flex-start !important;
+  align-items: center !important;
+  img {
+    height: 35px !important;
+    max-width: 86px;
+    width: auto;
+    margin-right: 6px;
   }
+}
 
-  // 侧栏菜单徽章样式，定位在右侧垂直居中并调小尺寸
-  .ele-menu-badge {
-    position: absolute;
-    top: 50%;
-    right: 14px;
-    line-height: 1;
-    margin-top: -9px;
-    font-size: 0;
+// 侧栏菜单徽章样式，定位在右侧垂直居中并调小尺寸
+.ele-menu-badge {
+  position: absolute;
+  top: 50%;
+  right: 14px;
+  line-height: 1;
+  margin-top: -9px;
+  font-size: 0;
 
-    .el-badge__content {
-      height: 18px;
-      line-height: 18px;
-      border-radius: 9px;
-      border: none;
-      min-width: 18px;
-      padding: 0 4px;
-      box-sizing: border-box;
-    }
+  .el-badge__content {
+    height: 18px;
+    line-height: 18px;
+    border-radius: 9px;
+    border: none;
+    min-width: 18px;
+    padding: 0 4px;
+    box-sizing: border-box;
   }
+}
 
-  // 父级菜单标题中右侧多定位一点，避免与箭头重合
-  .el-submenu > .el-submenu__title .ele-menu-badge {
-    right: 36px;
-  }
+// 父级菜单标题中右侧多定位一点，避免与箭头重合
+.el-submenu > .el-submenu__title .ele-menu-badge {
+  right: 36px;
+}
 
-  // 折叠悬浮中样式调整
-  .el-menu--popup {
-    .el-submenu > .el-submenu__title .ele-menu-badge {
-      right: 20px;
-    }
+// 折叠悬浮中样式调整
+.el-menu--popup {
+  .el-submenu > .el-submenu__title .ele-menu-badge {
+    right: 20px;
   }
+}
 
-  // 侧栏折叠后样式调整
-  .ele-admin-collapse .ele-admin-sidebar-menus > .el-scrollbar {
-    & > .el-scrollbar__wrap > .el-scrollbar__view > .el-menu {
-      & > .el-menu-item,
-      & > .el-submenu > .el-submenu__title {
-        .ele-menu-badge {
-          top: 2px;
-          right: 2px;
-          margin: 0;
-        }
+// 侧栏折叠后样式调整
+.ele-admin-collapse .ele-admin-sidebar-menus > .el-scrollbar {
+  & > .el-scrollbar__wrap > .el-scrollbar__view > .el-menu {
+    & > .el-menu-item,
+    & > .el-submenu > .el-submenu__title {
+      .ele-menu-badge {
+        top: 2px;
+        right: 2px;
+        margin: 0;
       }
     }
   }
+}
 
-  // 顶栏菜单标题中样式调整
-  .ele-admin-header-nav > .el-scrollbar > .el-scrollbar__wrap {
-    & > .el-scrollbar__view > .el-menu {
-      & > .el-menu-item,
-      & > .el-submenu > .el-submenu__title {
-        .ele-menu-badge {
-          position: static;
-          right: auto;
-          top: auto;
-          display: inline-block;
-          vertical-align: 6px;
-          margin: 0 0 0 2px;
-        }
+// 顶栏菜单标题中样式调整
+.ele-admin-header-nav > .el-scrollbar > .el-scrollbar__wrap {
+  & > .el-scrollbar__view > .el-menu {
+    & > .el-menu-item,
+    & > .el-submenu > .el-submenu__title {
+      .ele-menu-badge {
+        position: static;
+        right: auto;
+        top: auto;
+        display: inline-block;
+        vertical-align: 6px;
+        margin: 0 0 0 2px;
       }
     }
   }
+}
 
-  // 双侧栏时一级侧栏菜单中样式调整，定位在右上角
-  .ele-admin-sidebar-nav-menu > .el-scrollbar > .el-scrollbar__wrap {
-    & > .el-scrollbar__view > .el-menu {
-      & > .el-menu-item,
-      & > .el-submenu > .el-submenu__title {
-        .ele-menu-badge {
-          top: 0;
-          right: 0;
-          margin: 0;
-        }
+// 双侧栏时一级侧栏菜单中样式调整，定位在右上角
+.ele-admin-sidebar-nav-menu > .el-scrollbar > .el-scrollbar__wrap {
+  & > .el-scrollbar__view > .el-menu {
+    & > .el-menu-item,
+    & > .el-submenu > .el-submenu__title {
+      .ele-menu-badge {
+        top: 0;
+        right: 0;
+        margin: 0;
       }
     }
   }
+}
 
-  // 双侧栏时一级侧栏菜单折叠后样式调整
-  .ele-admin-nav-collapse .ele-admin-sidebar-nav-menu > .el-scrollbar {
-    & > .el-scrollbar__wrap > .el-scrollbar__view > .el-menu {
-      & > .el-menu-item,
-      & > .el-submenu > .el-submenu__title {
-        .ele-menu-badge {
-          top: 0;
-          right: 0;
-        }
+// 双侧栏时一级侧栏菜单折叠后样式调整
+.ele-admin-nav-collapse .ele-admin-sidebar-nav-menu > .el-scrollbar {
+  & > .el-scrollbar__wrap > .el-scrollbar__view > .el-menu {
+    & > .el-menu-item,
+    & > .el-submenu > .el-submenu__title {
+      .ele-menu-badge {
+        top: 0;
+        right: 0;
       }
     }
   }
+}
 </style>