开发排行榜组件

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

@@ -51,7 +51,10 @@
                 />
             </div>
         </div>
-        <div class="right-wrapper" />
+        <div class="right-wrapper">
+            <RankingListComponent />
+            <RankingListComponent />
+        </div>
     </div>
 </template>
 
@@ -66,6 +69,7 @@ import ArchievementChart from "@/components/ArchievementChartComponent.vue";
 import ArchievementCompleteRateComponent from "@/components/ArchievementCompleteRateComponent.vue";
 import HonorListComponent from "@/components/HonorListComponent.vue";
 import DishonorListComponent from "@/components/DishonorListComponent.vue";
+import RankingListComponent from "@/components/RankingListComponent.vue";
 import { logout } from "@/utils/account.js";
 import { type TelSaler } from "@/types/cpicxim/TelSaler";
 
@@ -76,6 +80,7 @@ export default {
         ArchievementCompleteRateComponent,
         HonorListComponent,
         DishonorListComponent,
+        RankingListComponent,
     },
     setup()
     {
@@ -94,7 +99,7 @@ export default {
             dishonorPersons: ["",],
             showUI: true, // 用来刷新页面的开关
         });
-        let timerHandler = 0;
+        const timerHandler = 0;
 
         const getTotalArchievement = computed(() =>
         {
@@ -297,8 +302,17 @@ export default {
 }
 
 .right-wrapper {
-    min-width: 400px;
+    min-width: 300px;
     width: 25%;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: flex-start;
+
+    >*+* {
+        margin-top: 15px;
+    }
 }
 </style>
 <style lang="scss">