diff --git a/code/web/task_schedule/src/components/CallerArchievementComponent.vue b/code/web/task_schedule/src/components/CallerArchievementComponent.vue
index 90555de..6c16f77 100644
--- a/code/web/task_schedule/src/components/CallerArchievementComponent.vue
+++ b/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,
diff --git a/code/web/task_schedule/src/views/DesktopArchievement.vue b/code/web/task_schedule/src/views/DesktopArchievement.vue
index 71320b7..901507c 100644
--- a/code/web/task_schedule/src/views/DesktopArchievement.vue
+++ b/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()
     {