保存进度！

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

@@ -8,12 +8,22 @@
  * Copyright (c) ${2022} by Kane, All Rights Reserved.
 -->
 <template>
-    <div class="caller-archievment-wrapper" >
+    <div class="caller-archievment-wrapper">
         <table>
-
+            <tr>
+                <td>坐席名称</td><td>{{ ui.callerName }}</td>
+            </tr>
+            <tr>
+                <td>车险保费</td><td>{{ ui.thisMonthPremium }}</td>
+            </tr>
+            <tr>
+                <td>车非渗透率</td><td>{{ ui.attachingRate }}</td>
+            </tr>
+            <tr>
+                <td>续保率</td><td>{{ ui.renewalRate }}</td>
+            </tr>
         </table>
     </div>
-
 </template>
 <script lang="ts">
 interface  CallerArchievementComponentUI
@@ -25,7 +35,7 @@ interface  CallerArchievementComponentUI
 }
 
 export default {
-    name: "CallerArchievmentComponent",
+    name: "CallerArchievementComponent",
     props:{
         thisMonthPremium: {
             type: Number,

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

@@ -48,7 +48,7 @@
             </div>
         </div>
         <div class="right-wrapper">
-            <h1>本大爷</h1>
+            <CallerArchievementComponent :this-month-premium="ui.totalArchievement" />
             <div class="carousel-item">
                 <el-carousel
                     arrow="never"
@@ -106,6 +106,7 @@ import ArchievementCompleteRateComponent from "@/components/ArchievementComplete
 import HonorListComponent from "@/components/HonorListComponent.vue";
 import DishonorListComponent from "@/components/DishonorListComponent.vue";
 import RankingListComponent from "@/components/RankingListComponent.vue";
+import CallerArchievementComponent from "@/components/CallerArchievementComponent.vue";
 import { logout } from "@/utils/account.js";
 import { type TelSaler } from "@/types/cpicxim/TelSaler";
 
@@ -132,6 +133,7 @@ export default {
         HonorListComponent,
         DishonorListComponent,
         RankingListComponent,
+        CallerArchievementComponent,
     },
     setup()
     {