From e1cc6b91948cbc21c00a441e8d481f5764826609 Mon Sep 17 00:00:00 2001
From: Kane Wang <wangkane@qq.com>
Date: Mon, 27 Mar 2023 20:47:40 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BA=86index=E7=9A=84?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 code/web/task_schedule/src/layout/Index.vue   | 31 +++++++++----------
 .../src/layout/components/Main.vue            | 11 ++-----
 code/web/task_schedule/src/views/Desktop.vue  | 12 +++++--
 3 files changed, 28 insertions(+), 26 deletions(-)

diff --git a/code/web/task_schedule/src/layout/Index.vue b/code/web/task_schedule/src/layout/Index.vue
index 211ea8d..048eeab 100644
--- a/code/web/task_schedule/src/layout/Index.vue
+++ b/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 );
         }
     }
 }
diff --git a/code/web/task_schedule/src/layout/components/Main.vue b/code/web/task_schedule/src/layout/components/Main.vue
index 1eb252c..6579d91 100644
--- a/code/web/task_schedule/src/layout/components/Main.vue
+++ b/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>
diff --git a/code/web/task_schedule/src/views/Desktop.vue b/code/web/task_schedule/src/views/Desktop.vue
index beacd35..201d010 100644
--- a/code/web/task_schedule/src/views/Desktop.vue
+++ b/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>