保存进度！

code/web/task_schedule/package-lock.json

@@ -25,7 +25,7 @@
             "devDependencies": {
                 "@babel/eslint-parser": "^7.22.11",
                 "@typescript-eslint/eslint-plugin": "^6.5.0",
-                "@vitejs/plugin-vue": "^4.3.3",
+                "@vitejs/plugin-vue": "^4.3.4",
                 "@vue/cli-plugin-eslint": "^5.0.8",
                 "axios": "~1.5.0",
                 "eslint-config-recommended": "^4.1.0",
@@ -2023,9 +2023,9 @@
             }
         },
         "node_modules/@vitejs/plugin-vue": {
-            "version": "4.3.3",
-            "resolved": "https://registry.npmmirror.com/@vitejs/plugin-vue/-/plugin-vue-4.3.3.tgz",
-            "integrity": "sha512-ssxyhIAZqB0TrpUg6R0cBpCuMk9jTIlO1GNSKKQD6S8VjnXi6JXKfUXjSsxey9IwQiaRGsO1WnW9Rkl1L6AJVw==",
+            "version": "4.3.4",
+            "resolved": "https://registry.npmmirror.com/@vitejs/plugin-vue/-/plugin-vue-4.3.4.tgz",
+            "integrity": "sha512-ciXNIHKPriERBisHFBvnTbfKa6r9SAesOYXeGDzgegcvy9Q4xdScSHAmKbNT0M3O0S9LKhIf5/G+UYG4NnnzYw==",
             "dev": true,
             "engines": {
                 "node": "^14.18.0 || >=16.0.0"

code/web/task_schedule/package.json

@@ -26,7 +26,7 @@
     "devDependencies": {
         "@babel/eslint-parser": "^7.22.11",
         "@typescript-eslint/eslint-plugin": "^6.5.0",
-        "@vitejs/plugin-vue": "^4.3.3",
+        "@vitejs/plugin-vue": "^4.3.4",
         "@vue/cli-plugin-eslint": "^5.0.8",
         "axios": "~1.5.0",
         "eslint-config-recommended": "^4.1.0",

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

@@ -0,0 +1,50 @@
+<!--
+ * @Author: Kane
+ * @Date: 2023-08-30 14:08:57
+ * @LastEditors: Kane
+ * @FilePath: /task_schedule/src/components/CallerArchievementComponent.vue
+ * @Description:
+ *
+ * Copyright (c) ${2022} by Kane, All Rights Reserved.
+-->
+<template>
+    <div class="caller-archievment-wrapper" >
+        <table>
+
+        </table>
+    </div>
+
+</template>
+<script lang="ts">
+interface  CallerArchievementComponentUI
+{
+    callerName: string,
+    thisMonthPremium: number,
+    attachingRate: string,
+    renewalRate: string,
+}
+
+export default {
+    name: "CallerArchievmentComponent",
+    props:{
+        thisMonthPremium: {
+            type: Number,
+            require: true,
+            default:()=>0,
+        },
+    },
+    setup()
+    {
+        const ui:CallerArchievementComponentUI = {
+            callerName: "",
+            thisMonthPremium: 0,
+            attachingRate: "0.0",
+            renewalRate: "0.0",
+        };
+
+        return {ui,};
+    },
+};
+</script>
+<style scoped lang="scss">
+</style>

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

@@ -136,7 +136,7 @@ export default {
     setup()
     {
         const monthIndex = new Date();
-        const thisMonth: number = monthIndex.getMonth();
+        const thisMonth: number = monthIndex.getMonth() + 1; // getMonth返回值从0开始。
         const thisMonthString = thisMonth > 10 ? String( thisMonth ): "0" + String( thisMonth );
         const thisYear: number = monthIndex.getFullYear();
         const thisYearString: string = String( thisYear );
@@ -235,10 +235,11 @@ export default {
                 return;
             }
 
-            ui.chartData = data.mensual_archievement_list.slice( 0, thisMonth-1 );
+            ui.chartData = data.mensual_archievement_list.slice( 0, thisMonth );
             ui.totalArchievement = data.total_archievement;
 
             console.log( "业绩清单", ui.chartData );
+            console.log( "当月", data.mensual_archievement_list );
 
             ui.showUI = false;
             setTimeout(() =>