还在调整界面

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

@@ -9,12 +9,13 @@
 -->
 <template>
     <div class="view-wrapper">
-        <!-- <div class="left-wrapper"></div> -->
         <div class="center-wrapper">
             <span class="slogan">对标先进&nbsp;比学赶超</span>
             <div class="total-archievement-wrapper">
                 <div class="total-archievement-rate-wrapper"></div>
-                <div class="total-archievement-charts-wrapper"></div>
+                <div class="total-archievement-charts-wrapper">
+                    <Archievement />
+                </div>
             </div>
             <div class="reward-wrapper"></div>
         </div>
@@ -30,8 +31,11 @@ import { useRouter } from "vue-router";
 import { StaffInfo } from "@/data/cpicxim/StaffInfo";
 import { loadStaffInfo } from "@/utils/api/localStorage";
 import { ElMessage } from "element-plus";
+import Archievement from "@/components/ArchievementComponent.vue";
+
 export default {
     name: "DesktopArchievement",
+    components: { Archievement, },
     setup()
     {
         const router = useRouter();
@@ -65,11 +69,15 @@ export default {
     align-items: stretch;
 
     div {
-        border: 1px solid red;
+        // border: 1px solid red;
         box-sizing: border-box;
     }
 }
 
+.left-wrapper {
+    width: 10%;
+}
+
 .center-wrapper {
     //中间部分
     width: 50%;
@@ -88,10 +96,10 @@ export default {
         font: {
             family: "FZ-ZHUOHEI";
             weight: 100;
-            size: 70px;
+            size: 90px;
         }
 
-        color: $color-bg-05;
+        color: $color-bg-04;
         text-shadow: #feebb1 0px 0px,
         #feebb1 5px 0px,
         #feebb1 -5px -0px,