diff --git a/src/layout/header-aside/components/contextmenu/components/contentmenuList/index.vue b/src/layout/header-aside/components/contextmenu/components/contentmenuList/index.vue
index d8deb488..d3ce5f40 100644
--- a/src/layout/header-aside/components/contextmenu/components/contentmenuList/index.vue
+++ b/src/layout/header-aside/components/contextmenu/components/contentmenuList/index.vue
@@ -1,14 +1,28 @@
 <template>
-  <div class="d2-contentmenu-list" @click="rowClick">
-    <div class="d2-contentmenu-item" flex="cross:center main:center" v-for="item in menulist" :key="item.value" :data-value="item.value">
-      <d2-icon v-if="item.icon" :name="item.icon"/>
-      <div class="d2-contentmenu-item-title" flex-box="1">{{item.title}}</div>
+  <div
+    class="d2-contentmenu-list"
+    @click="rowClick">
+    <div
+      v-for="item in menulist"
+      :key="item.value"
+      :data-value="item.value"
+      class="d2-contentmenu-item"
+      flex="cross:center main:center">
+      <d2-icon
+        v-if="item.icon"
+        :name="item.icon"/>
+      <div
+        class="d2-contentmenu-item-title"
+        flex-box="1">
+        {{item.title}}
+      </div>
     </div>
   </div>
 </template>
 
 <script>
   export default {
+    name: 'd2-contextmenu-list',
     props: {
       menulist: {
         type: Array,
diff --git a/src/layout/header-aside/components/contextmenu/index.vue b/src/layout/header-aside/components/contextmenu/index.vue
index 12aa07c4..422b93b2 100644
--- a/src/layout/header-aside/components/contextmenu/index.vue
+++ b/src/layout/header-aside/components/contextmenu/index.vue
@@ -1,6 +1,9 @@
 <template>
-  <div class="d2-contextmenu" v-show="flag" :style="style">
-    <slot />
+  <div
+    class="d2-contextmenu"
+    v-show="flag"
+    :style="style">
+    <slot/>
   </div>
 </template>
 
@@ -38,7 +41,7 @@ export default {
       return {
         left: this.x + 'px',
         top: this.y + 'px',
-        display: this.visible === true ? 'block' : 'none '
+        display: this.visible ? 'block' : 'none '
       }
     }
   },
diff --git a/src/layout/header-aside/components/tabs/index.vue b/src/layout/header-aside/components/tabs/index.vue
index 97491e59..c6e7ea53 100644
--- a/src/layout/header-aside/components/tabs/index.vue
+++ b/src/layout/header-aside/components/tabs/index.vue
@@ -7,7 +7,7 @@
           :x="contentmenuX"
           :y="contentmenuY">
           <d2-contextmenu-list
-            :menulist="contextmenuList"
+            :menulist="tagName === 'index' ? contextmenuListIndex : contextmenuList"
             @rowClick="contextmenuClick"/>
         </d2-contextmenu>
         <el-tabs
@@ -27,7 +27,9 @@
         </el-tabs>
       </div>
     </div>
-    <div class="d2-multiple-page-control-btn" flex-box="0">
+    <div
+      class="d2-multiple-page-control-btn"
+      flex-box="0">
       <el-dropdown
         split-button
         @click="handleControlBtnClick"
@@ -58,39 +60,24 @@
 
 <script>
 import { mapState, mapMutations } from 'vuex'
-import D2Contextmenu from '../contextmenu'
-import D2ContextmenuList from '../contextmenu/components/contentmenuList'
 export default {
   components: {
-    D2Contextmenu,
-    D2ContextmenuList
+    D2Contextmenu: () => import('../contextmenu'),
+    D2ContextmenuList: () => import('../contextmenu/components/contentmenuList')
   },
   data () {
     return {
       contextmenuFlag: false,
       contentmenuX: 0,
       contentmenuY: 0,
+      contextmenuListIndex: [
+        { icon: 'times-circle', title: '关闭全部', value: 'all' }
+      ],
       contextmenuList: [
-        {
-          icon: 'arrow-left',
-          title: '关闭左侧',
-          value: 'left'
-        },
-        {
-          icon: 'arrow-right',
-          title: '关闭右侧',
-          value: 'right'
-        },
-        {
-          icon: 'times',
-          title: '关闭其它',
-          value: 'other'
-        },
-        {
-          icon: 'times-circle',
-          title: '关闭全部',
-          value: 'all'
-        }
+        { icon: 'arrow-left', title: '关闭左侧', value: 'left' },
+        { icon: 'arrow-right', title: '关闭右侧', value: 'right' },
+        { icon: 'times', title: '关闭其它', value: 'other' },
+        { icon: 'times-circle', title: '关闭全部', value: 'all' }
       ],
       tagName: 'index'
     }
@@ -132,7 +119,9 @@ export default {
      * @description 接收点击关闭控制上选项的事件
      */
     handleControlItemClick (command, tagName = null) {
-      if (tagName) this.contextmenuFlag = false
+      if (tagName) {
+        this.contextmenuFlag = false
+      }
       const params = {
         pageSelect: tagName,
         vm: this