Z: Dot: PC: In Page's main layout is done.

ybf_admin/.env.development

 # 开发环境
 
 # 页面 title 前缀
-VUE_APP_TITLE=D2Admin Dev
+# VUE_APP_TITLE=D2Admin Dev
+VUE_APP_TITLE=亿百分

ybf_admin/src/menu/header.js

@@ -27,7 +27,7 @@ export default [
     icon: ''
   },
   {
-    path: '/task/bar',
+    path: '/task/main',
     title: '任务管理',
     icon: ''
   },

ybf_admin/src/pages/task/bar/index.vue

 <template>
-  <d2-container>
-    <template slot="header">header</template>
-    task/bar/index.vue
-    <template slot="footer">footer</template>
-  </d2-container>
+ <div>柜组任务</div>
 </template>

ybf_admin/src/pages/task/com/index.vue

 <template>
-  <d2-container>
-    <template slot="header">header</template>
-    task/com/index.vue
-    <template slot="footer">footer</template>
-  </d2-container>
+  <div>集团任务</div>
 </template>

ybf_admin/src/pages/task/count/index.vue

 <template>
-  <d2-container>
-    <template slot="header">header</template>
-    task/count/index.vue
-    <template slot="footer">footer</template>
-  </d2-container>
+  <div>任务统计</div>
 </template>

ybf_admin/src/pages/task/main/index.vue

+<template>
+  <d2-container>
+    <el-tabs class="ztabs" v-model="cache.nowMenu" @tab-click="handleClick">
+      <el-tab-pane label="柜组任务" name="taskBar">
+        <task-bar />
+      </el-tab-pane>
+      <el-tab-pane label="集团任务" name="taskCom">
+        <task-com />
+      </el-tab-pane>
+      <el-tab-pane label="任务统计" name="taskCount">
+        <task-count />
+      </el-tab-pane>
+    </el-tabs>
+  </d2-container>
+</template>
+
+<script>
+import TaskBar from '../bar/index'
+import TaskCom from '../com/index'
+import TaskCount from '../count/index'
+
+export default {
+  components: {
+    TaskBar,
+    TaskCom,
+    TaskCount
+  },
+  data () {
+    return {
+      cache: {
+        nowMenu: 'taskBar'
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.ztabs{
+  border: 2px solid red;
+  min-height: 100vh;
+  // min-height: 500px;
+}
+</style>

ybf_admin/src/router/routes.js

@@ -84,9 +84,9 @@ const frameIn = [
       },
       // Z-任务管理-柜组任务
       {
-        path: '/task/bar',
-        name: 'taskBar',
-        component: () => import('@/pages/task/bar'),
+        path: '/task/main',
+        name: 'taskMain',
+        component: () => import('@/pages/task/main'),
         meta: {
           auth: true,
           title: '柜组任务'