add 标准详情；更新记录

2023-09-07 17:57:47 +08:00
parent 397f30423a
commit 3432c9c322
15 changed files with 749 additions and 128 deletions
@@ -1,34 +1,37 @@
 <template>
-  <global-layout @dynamicRouterShow="dynamicRouterShow">
-    <!-- update-begin- author:sunjianlei --- date:20191009 --- for: 提升右键菜单的层级 -->
-    <contextmenu :itemList="menuItemList" :visible.sync="menuVisible" style="z-index: 9999;" @select="onMenuSelect"/>
-    <!-- update-end- author:sunjianlei --- date:20191009 --- for: 提升右键菜单的层级 -->
-    <a-tabs
-      @contextmenu.native="e => onContextmenu(e)"
-      v-if="multipage"
-      :active-key="activePage"
-      class="tab-layout-tabs"
-      style="height:52px"
-      :hide-add="true"
-      type="editable-card"
-      @change="changePage"
-      @tabClick="tabCallBack"
-      @edit="editPage">
-      <a-tab-pane :id="page.fullPath" :key="page.fullPath" v-for="page in pageList">
-        <span slot="tab" :pagekey="page.fullPath">{{ page.meta.title }}</span>
-      </a-tab-pane>
-    </a-tabs>
-    <div style="margin: 12px 12px 0;">
-      <!-- update-begin-author:taoyan date:20201221 for:此处删掉transition标签 不知道为什么加上后 页面路由切换的时候即1及菜单切到2及菜单的时候 两个菜单页面会同时出现300-500秒左右 -->
-      <keep-alive v-if="multipage">
-        <router-view v-if="reloadFlag"/>
-      </keep-alive>
-      <template v-else>
-        <router-view v-if="reloadFlag"/>
-      </template>
-      <!-- update-end-author:taoyan date:20201221 for:此处删掉transition标签 不知道为什么加上后 页面路由切换的时候即1及菜单切到2及菜单的时候 两个菜单页面会同时出现300-500秒左右 -->
-    </div>
-  </global-layout>
+  <div>
+    <global-layout @dynamicRouterShow="dynamicRouterShow" v-if="!isInternalOrExternal">
+      <!-- update-begin- author:sunjianlei --- date:20191009 --- for: 提升右键菜单的层级 -->
+      <contextmenu :itemList="menuItemList" :visible.sync="menuVisible" style="z-index: 9999;" @select="onMenuSelect" />
+      <!-- update-end- author:sunjianlei --- date:20191009 --- for: 提升右键菜单的层级 -->
+      <a-tabs
+        @contextmenu.native="e => onContextmenu(e)"
+        v-if="multipage"
+        :active-key="activePage"
+        class="tab-layout-tabs"
+        style="height:52px"
+        :hide-add="true"
+        type="editable-card"
+        @change="changePage"
+        @tabClick="tabCallBack"
+        @edit="editPage">
+        <a-tab-pane :id="page.fullPath" :key="page.fullPath" v-for="page in pageList">
+          <span slot="tab" :pagekey="page.fullPath">{{ page.meta.title }}</span>
+        </a-tab-pane>
+      </a-tabs>
+      <div style="margin: 12px 12px 0;">
+        <!-- update-begin-author:taoyan date:20201221 for:此处删掉transition标签 不知道为什么加上后 页面路由切换的时候即1及菜单切到2及菜单的时候 两个菜单页面会同时出现300-500秒左右 -->
+        <keep-alive v-if="multipage">
+          <router-view v-if="reloadFlag" />
+        </keep-alive>
+        <template v-else>
+          <router-view v-if="reloadFlag" />
+        </template>
+        <!-- update-end-author:taoyan date:20201221 for:此处删掉transition标签 不知道为什么加上后 页面路由切换的时候即1及菜单切到2及菜单的时候 两个菜单页面会同时出现300-500秒左右 -->
+      </div>
+    </global-layout>
+    <blank-layout v-else></blank-layout>
+  </div>
 </template>

 <script>
@@ -38,12 +41,14 @@ import { mixin, mixinDevice } from '@/utils/mixin.js'
 import { triggerWindowResizeEvent } from '@/utils/util'
 import Vue from 'vue'
 import { CACHE_INCLUDED_ROUTES } from '@/store/mutation-types'
+import BlankLayout from './BlankLayout.vue'

 const indexKey = '/'

 export default {
  name: 'TabLayout',
  components: {
+    BlankLayout,
    GlobalLayout,
    Contextmenu
  },
@@ -78,9 +83,14 @@ export default {
      } else {
        return this.$store.state.app.multipage
      }
+    },
+    // 是否外部打开
+    isInternalOrExternal () {
+      return this.$route.meta.internalOrExternal
    }
  },
  created () {
+    console.log(this.$route)
    // 复制一个route对象出来，不能影响原route
    const currentRoute = Object.assign({}, this.$route)
    currentRoute.meta = Object.assign({}, currentRoute.meta)
@@ -299,84 +309,85 @@ export default {

 <style lang="less">

-  /*
- * The following styles are auto-applied to elements with
- * transition="page-transition" when their visibility is toggled
- * by Vue.js.
- *
- * You can easily play with the page transition by editing
- * these styles.
- */
+/*
+* The following styles are auto-applied to elements with
+* transition="page-transition" when their visibility is toggled
+* by Vue.js.
+*
+* You can easily play with the page transition by editing
+* these styles.
+*/

-  .page-transition-enter {
-    opacity: 0;
+.page-transition-enter {
+  opacity: 0;
+}
+
+.page-transition-leave-active {
+  opacity: 0;
+}
+
+.page-transition-enter .page-transition-container,
+.page-transition-leave-active .page-transition-container {
+  -webkit-transform: scale(1.1);
+  transform: scale(1.1);
+}
+
+/*美化弹出Tab样式*/
+.ant-tabs-nav-container {
+  margin-top: 4px;
+}
+
+/* 修改 ant-tabs 样式 */
+.tab-layout-tabs.ant-tabs {
+  border-bottom: 1px solid #ccc;
+  border-left: 1px solid #ccc;
+  background-color: white;
+  padding: 0 20px;
+
+  .ant-tabs-bar {
+    margin: 4px 0 0;
+    border: none;
  }

-  .page-transition-leave-active {
-    opacity: 0;
-  }
+}

-  .page-transition-enter .page-transition-container,
-  .page-transition-leave-active .page-transition-container {
-    -webkit-transform: scale(1.1);
-    transform: scale(1.1);
-  }
+.tab-layout-tabs.ant-tabs {

-  /*美化弹出Tab样式*/
-  .ant-tabs-nav-container {
-    margin-top: 4px;
-  }
+  &.ant-tabs-card .ant-tabs-tab {

-  /* 修改 ant-tabs 样式 */
-  .tab-layout-tabs.ant-tabs {
-    border-bottom: 1px solid #ccc;
-    border-left: 1px solid #ccc;
-    background-color: white;
-    padding: 0 20px;
+    padding: 0 24px !important;
+    background-color: white !important;
+    margin-right: 10px !important;

-    .ant-tabs-bar {
-      margin: 4px 0 0;
-      border: none;
+    .ant-tabs-close-x {
+      width: 12px !important;
+      height: 12px !important;
+      opacity: 0 !important;
+      cursor: pointer !important;
+      font-size: 12px !important;
+      margin: 0 !important;
+      position: absolute;
+      top: 36%;
+      right: 6px;
+    }
+
+    &:hover .ant-tabs-close-x {
+      opacity: 1 !important;
    }

  }

-  .tab-layout-tabs.ant-tabs {
-
-    &.ant-tabs-card .ant-tabs-tab {
-
-      padding: 0 24px !important;
-      background-color: white !important;
-      margin-right: 10px !important;
-
-      .ant-tabs-close-x {
-        width: 12px !important;
-        height: 12px !important;
-        opacity: 0 !important;
-        cursor: pointer !important;
-        font-size: 12px !important;
-        margin: 0 !important;
-        position: absolute;
-        top: 36%;
-        right: 6px;
-      }
-
-      &:hover .ant-tabs-close-x {
-        opacity: 1 !important;
-      }
-
-    }
+}

+.tab-layout-tabs.ant-tabs.ant-tabs-card > .ant-tabs-bar {
+  .ant-tabs-tab {
+    border: none !important;
+    border-bottom: 1px solid transparent !important;
  }

-  .tab-layout-tabs.ant-tabs.ant-tabs-card > .ant-tabs-bar {
-    .ant-tabs-tab {
-      border: none !important;
-      border-bottom: 1px solid transparent !important;
-    }
-    .ant-tabs-tab-active {
-      border-color: @primary-color!important;
-    }
+  .ant-tabs-tab-active {
+    border-color: @primary-color !important;
  }
+}

 </style>