no message

Former-commit-id: af2fac8d32b8c8e1d9fbbedd6a86e20b76a59e7a [formerly af2fac8d32b8c8e1d9fbbedd6a86e20b76a59e7a [formerly af2fac8d32b8c8e1d9fbbedd6a86e20b76a59e7a [formerly af2fac8d32b8c8e1d9fbbedd6a86e20b76a59e7a [formerly 8190b68931a7ee45c0aad51d088b55bdbba0616c [formerly e9f465000bb8191da0802fb14745255ecd0f23f3]]]]]
Former-commit-id: e419e25b82c6491c5eef85a3092fced9a23a218c
Former-commit-id: 825c3e2fcc08e9a7ccf7c020479d35d743c5feba
Former-commit-id: f2ed57e49c0eb684c2c87c934c4dc4186b40cf62 [formerly 8850b09180cded84d562004ce7ad55cb82aa63d2]
Former-commit-id: 85ef46ff4656cec63beb187e3d0f7139e9da444f
Former-commit-id: 87c5106346238ed013c34775ebab904504b105db
Former-commit-id: f2ef9a94282af2446fabc4476573e89cab847850
Former-commit-id: 34fbb4bdef4a0b5a127be823b0f4e1400f86d6db
Former-commit-id: f405dfcecf2056781edf17e90b51fb1a37be16fb

src/components/core/d2-layout-main/index.vue

@@ -28,9 +28,14 @@
         </el-aside>
         <!-- 主体 -->
         <el-main>
-          <transition name="fade-transverse">
-            <router-view/>
-          </transition>
+          <div class="d2-layout-main-header">
+            <d2-multiple-page-control></d2-multiple-page-control>
+          </div>
+          <div class="d2-layout-main-body">
+            <transition name="fade-transverse">
+              <router-view/>
+            </transition>
+          </div>
         </el-main>
       </el-container>
     </el-container>

src/components/core/d2-multiple-page-control/index.vue

@@ -0,0 +1,26 @@
+<template>
+  <el-tabs
+    class="d2-multiple-page-control"
+    v-model="activeName2"
+    type="card"
+    @tab-click="handleClick">
+    <el-tab-pane label="用户管理" name="first"></el-tab-pane>
+    <el-tab-pane label="配置管理" name="second"></el-tab-pane>
+    <el-tab-pane label="角色管理" name="third"></el-tab-pane>
+    <el-tab-pane label="定时任务补偿" name="fourth"></el-tab-pane>
+  </el-tabs>
+</template>
+<script>
+  export default {
+    data () {
+      return {
+        activeName2: 'first'
+      }
+    },
+    methods: {
+      handleClick (tab, event) {
+        console.log(tab, event)
+      }
+    }
+  }
+</script>

src/components/core/register.js

@@ -3,14 +3,15 @@ import Vue from 'vue'
 import { GridLayout, GridItem } from 'vue-grid-layout'
 import SplitPane from 'vue-splitpane'
 
-// 主容器 这个必须要同步注册
 import d2Container from '@/components/core/d2-container'
+import d2MultiplePageControl from '@/components/core/d2-multiple-page-control'
 
 Vue.component('d2-grid-layout', GridLayout)
 Vue.component('d2-grid-item', GridItem)
 Vue.component('SplitPane', SplitPane)
 
 Vue.component('d2-container', d2Container)
+Vue.component('d2-multiple-page-control', d2MultiplePageControl)
 Vue.component('d2-count-up', () => import('@/components/core/d2-count-up'))
 Vue.component('d2-highlight', () => import('@/components/core/d2-highlight'))
 Vue.component('d2-icon', () => import('@/components/core/d2-icon'))