调整布局，开始开发总业绩组件。

code/web/task_schedule/src/components/Archievement.vue

@@ -0,0 +1,41 @@
+<!--
+ * @Author: Kane
+ * @Date: 2023-03-04 16:09:31
+ * @LastEditors: Kane
+ * @FilePath: /task_schedule/src/components/Archievement.vue
+ * @Description: 
+ * 
+ * Copyright (c) ${2022} by Kane, All Rights Reserved. 
+-->
+<template>
+    <div class="archievement-wrapper">
+        <span>总业绩</span>
+        <span>￥&nbsp;{{ }}</span>
+    </div>
+</template>
+
+<script lang="ts">
+import { reactive } from "vue";
+import * as echarts from "echarts";
+
+export default {
+    name: "ArchievementComponent",
+    setup()
+    {
+        const ui = reactive({
+            total_archievement: 435220,
+        });
+    },
+};
+</script>
+
+<style lang="scss">
+.archievement-wrapper {
+    height: 360px;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: stretch;
+}
+</style>