perf: optimize style

src/views/login/index.vue

@@ -330,7 +330,7 @@ $light_gray:#eee;
     display: flex;
     justify-content: center;
     align-items: center;
-    height: 100vh;
+    height: calc(100vh - 6px);
   }
 
   .box-card {

src/views/setting/cloudManager.vue

@@ -78,25 +78,13 @@
         </el-tabs>
       </div>
     </el-card>
-    <el-card class="box-card progress">
-      <div slot="header">
-        <div class="box-card-header">
-          <div class="clearfix card-header-back">
-            <span>任务进度</span>
-          </div>
-        </div>
-      </div>
-      <div>
-        <task-progress :data="taskProgressDataList"></task-progress>
-      </div>
-    </el-card>
   </div>
 </template>
 
 <script>
 
 import config from '@/../package.json'
-import settingApi, { getSetting, getTaskProgress } from "@/api/setting-api";
+import settingApi, { getSetting } from "@/api/setting-api";
 import Logo from "@/components/Logo";
 import getPageTitle from "@/utils/get-page-title";
 import UploadImageInput from "@/components/input/UploadImageInput.vue";
@@ -117,7 +105,6 @@ export default {
       clickSync: false,
       indexingPercent: 100,
       syncPercent: 100,
-      taskProgressDataList: [],
       resetLoading: false,
       webpEnabled: false,
       logoFileName: '',
@@ -137,9 +124,6 @@ export default {
       if (this.activeName === '2') {
       }
     }
-    getTaskProgress().then(res => {
-      this.taskProgressDataList = res.data
-    })
   },
   computed: {
     ...mapState(['message']),

src/views/setting/taskProgress.vue

@@ -0,0 +1,54 @@
+<template>
+  <div class="app-container">
+    <el-card class="box-card">
+      <div slot="header">
+        <div class="box-card-header">
+          <div class="clearfix card-header-back">
+            <span>任务进度</span>
+          </div>
+        </div>
+      </div>
+      <div>
+        <task-progress :data="taskProgressDataList"></task-progress>
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+
+import TaskProgress from "@/components/TaskProgress/index.vue";
+import {getTaskProgress} from "@/api/setting-api";
+
+export default {
+  components: { TaskProgress },
+  data() {
+    return {
+      taskProgressDataList: [],
+    }
+  },
+  mounted() {
+    getTaskProgress().then(res => {
+      this.taskProgressDataList = res.data
+    })
+  },
+  computed: {
+  },
+  watch: {
+  },
+  methods: {
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import "src/styles/setting";
+
+.progress {
+  margin-top: 5px;
+  >>> .el-card__header {
+    padding: 8px 20px;
+  }
+}
+
+</style>