修改了index的布局。

code/web/task_schedule/src/layout/Index.vue

@@ -2,13 +2,12 @@
  * @Author: Kane
  * @Date: 2023-03-23 15:07:31
  * @LastEditors: Kane
- * @FilePath: /task_schedule/src/layout/index.vue
+ * @FilePath: /task_schedule/src/layout/Index.vue
  * @Description:
  *
  * Copyright (c) ${2022} by Kane, All Rights Reserved.
 -->
 <template>
-    <div class="view-wrapper">
     <el-container class="layout-container">
         <el-header class="layout-header">
             <LayoutHeader />
@@ -22,7 +21,6 @@
             </el-main>
         </el-container>
     </el-container>
-    </div>
 </template>
 <script lang="ts">
 // 组件
@@ -78,7 +76,8 @@ export default {
 
         .layout-main {
             padding: 0px;
-            height: 100%;
+            height: calc(100vh - 50px);
+            width: calc( 100vw - 200px );
         }
     }
 }

code/web/task_schedule/src/layout/components/Main.vue

@@ -11,7 +11,7 @@
  * @Author: Kane
  * @Date: 2023-01-04 11:40:03
  * @LastEditors: Kane
- * @LastEditTime: 2023-03-21 23:19:27
+ * @LastEditTime: 2023-03-27 18:19:35
  * @FilePath: /it-console/src/layout/components/Main.vue
  * @Description:
  *
@@ -19,9 +19,7 @@
 -->
 <template>
     <el-scrollbar>
-        <div class="view-wrapper">
         <router-view />
-        </div>
     </el-scrollbar>
 </template>
 
@@ -38,10 +36,7 @@ export default {
 <style scoped>
 .el-scrollbar {
     height: 100%;
+    width: 100%;
     background-color: #ecf2f9;
 }
-
-.view-wrapper {
-    padding: 10px;
-}
 </style>

code/web/task_schedule/src/views/Desktop.vue

@@ -8,7 +8,9 @@
  * Copyright (c) ${2022} by Kane, All Rights Reserved.
 -->
 <template>
-    <div>工作台</div>
+    <div class="view-wrapper">
+        工作台
+    </div>
 </template>
 <script lang="ts">
 export default {
@@ -20,5 +22,11 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-
+.view-wrapper
+{
+    height: 2000px;
+    width: 2000px;
+    background-color: aquamarine;
+    padding: 0px;
+}
 </style>