保存进度！

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

@@ -89,6 +89,7 @@ import { ElMessage } from "element-plus";
 import
 {
     type DepartmentArchievement,
+    type CallerArchievement,
     queryDepartmentArchievement,
     queryCallerArchievement
 } from "@/utils/archievement.js";
@@ -135,6 +136,10 @@ export default {
     setup()
     {
         const monthIndex = new Date();
+        const thisMonth: number = monthIndex.getMonth();
+        const thisMonthString = thisMonth > 10 ? String( thisMonth ): "0" + String( thisMonth );
+        const thisYear: number = monthIndex.getFullYear();
+        const thisYearString: string = String( thisYear );
         const numInChinese = [
             "一",
             "二",
@@ -166,7 +171,7 @@ export default {
         });
         let timerHandler = 0;
 
-        const getTotalArchievement = computed(() =>
+        const getTotalArchievement = computed(():string =>
         {
             const cnyFormat = new Intl.NumberFormat( "zh-cn", {
                 style: "currency",
@@ -178,13 +183,28 @@ export default {
             return archievement;
         });
 
-        // 保存业绩数据
-        const applyDepartmentArchievementData = ( data: DepartmentArchievement ) =>
+        /**
+         * 将请求函数获取的部门业绩数据，渲染到页面上。
+         * @param data DepartmentArchievementl类型的部门业绩数据对象
+         */
+        const applyDepartmentArchievementData = ( data: DepartmentArchievement ): void =>
         {
-            console.log( "部门业绩数据", data );
+            // console.log( "部门业绩数据", data );
 
-            ui.chartData = data.mensual_archievement_list;
-            ui.totalArchievement = data.total_archievement;
+            // 检查请求是否成功
+            if ( data.success !== true )
+            {
+                // 失败就提示消息，然后退出
+                ElMessage({
+                    message: data.message,
+                    type: "error",
+                });
+
+                return;
+            }
+
+            // ui.chartData = data.mensual_archievement_list;
+            // ui.totalArchievement = data.total_archievement;
             ui.attaching_rate = data.attaching_rate;
             ui.insurance_renewal_rate = data.insurance_renewal_rate;
             ui.leading_reward_gainers = data.leading_reward_gainers;
@@ -201,6 +221,32 @@ export default {
             }, 0 );
         };
 
+        const applyCallerArchievementData = ( data: CallerArchievement ): void =>
+        {
+            // 检查请求是否成功
+            if ( data.success !== true )
+            {
+                // 失败就提示消息，然后退出
+                ElMessage({
+                    message: data.message,
+                    type: "error",
+                });
+
+                return;
+            }
+
+            ui.chartData = data.mensual_archievement_list.slice( 0, thisMonth-1 );
+            ui.totalArchievement = data.total_archievement;
+
+            console.log( "业绩清单", ui.chartData );
+
+            ui.showUI = false;
+            setTimeout(() =>
+            {
+                ui.showUI = true;
+            }, 0 );
+        };
+
         const applyRankingListData = ( data: RankingListResponse ): void =>
         {
             ui.attachingRankingList = data.attachingRateRankingList;
@@ -240,7 +286,7 @@ export default {
         }
 
         /**
-         * 刷新页面
+         * 用于定时对页面进行刷新，其中会请求最新的业绩数据。
          */
         const refresh = () =>
         {
@@ -251,11 +297,12 @@ export default {
 
             const rankinglistRequest: RankingListRequest = {
                 departmentCode: callerInfo.departmentCode,
-                year: "2023",
-                month: "06",
+                year: thisYearString,
+                month: thisMonthString,
             };
 
             queryDepartmentArchievement( deparmentInfo, applyDepartmentArchievementData );
+            queryCallerArchievement( callerInfo, applyCallerArchievementData );
             requestRankingList( rankinglistRequest, applyRankingListData );
         };