保存进度！

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

@@ -13,7 +13,7 @@
             <span class="slogan">对标先进&nbsp;比学赶超</span>
             <div class="total-archievement-wrapper">
                 <span>总业绩</span>
-                <span>¥&nbsp;{{ getTotalArchievement }}</span>
+                <span>{{ getTotalArchievement }}</span>
             </div>
             <div class="archievement-wrapper">
                 <div class="total-archievement-rate-wrapper">
@@ -24,7 +24,9 @@
                     <ArchievementChart total_archievement="435220" :chart_data="ui.chartData" />
                 </div>
             </div>
-            <div class="reward-wrapper"></div>
+            <div class="reward-wrapper">
+                <HonorListComponent month="二" leading-reward="王炜" advance-reward="王炜" />
+            </div>
         </div>
         <div class="right-wrapper">
 
@@ -39,12 +41,14 @@ import { loadStaffInfo } from "@/utils/api/localStorage.js";
 import { ElMessage } from "element-plus";
 import ArchievementChart from "@/components/ArchievementChartComponent.vue";
 import ArchievementCompleteRateComponent from "@/components/ArchievementCompleteRateComponent.vue";
+import HonorListComponent from "@/components/HonorListComponent.vue";
 
 export default {
     name: "DesktopArchievement",
     components: {
         ArchievementChart,
         ArchievementCompleteRateComponent,
+        HonorListComponent,
     },
     setup()
     {
@@ -57,7 +61,13 @@ export default {
 
         const getTotalArchievement = computed(() =>
         {
-            const archievement = String(ui.totalArchievement).valueOf();
+            const cnyFormat = new Intl.NumberFormat("zh-cn",
+                {
+                    style: "currency",
+                    currency: "CNY",
+                    minimumFractionDigits: 0,
+                });
+            const archievement = cnyFormat.format(ui.totalArchievement);
 
             return archievement;
         });
@@ -159,10 +169,15 @@ export default {
         justify-content: center;
         align-items: stretch;
 
+        >*+* {
+            margin-left: 15px;
+        }
+
         .total-archievement-rate-wrapper {
             //业绩比例
-            width: 25%;
-            min-width: 180px;
+            // width: 20%;
+            width: 140px;
+            min-width: 140px;
             display: flex;
             flex-direction: column;
             justify-content: center;
@@ -171,7 +186,7 @@ export default {
 
         .total-archievement-charts-wrapper {
             //业绩图表
-            width: 75%;
+            width: 70%;
 
             display: flex;
             justify-content: center;
@@ -181,7 +196,8 @@ export default {
 
     .reward-wrapper {
         //奖励部分
-        height: 240px;
+        // height: 280px;
+        padding: 15px;
     }
 }