修改了index的布局。

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

@@ -2,27 +2,25 @@
  * @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 />
-            </el-header>
-            <el-container class="layout-container-down">
-                <el-aside class="layout-aside">
-                    <LayoutAside />
-                </el-aside>
-                <el-main class="layout-main">
-                    <LayoutMain />
-                </el-main>
-            </el-container>
+    <el-container class="layout-container">
+        <el-header class="layout-header">
+            <LayoutHeader />
+        </el-header>
+        <el-container class="layout-container-down">
+            <el-aside class="layout-aside">
+                <LayoutAside />
+            </el-aside>
+            <el-main class="layout-main">
+                <LayoutMain />
+            </el-main>
         </el-container>
-    </div>
+    </el-container>
 </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>
+        <router-view />
     </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>