diff --git a/code/web/task_schedule/src/components/CallerArchievementComponent.vue b/code/web/task_schedule/src/components/CallerArchievementComponent.vue
index d7ad7e4..6a822ed 100644
--- a/code/web/task_schedule/src/components/CallerArchievementComponent.vue
+++ b/code/web/task_schedule/src/components/CallerArchievementComponent.vue
@@ -17,10 +17,10 @@
                 <td>车险保费</td><td>{{ PresentMonthPremium }}&nbsp;万元</td>
             </tr>
             <tr>
-                <td>车非渗透率</td><td>{{ ui.attachingRate }}</td>
+                <td>车非渗透率</td><td>{{ ui.attachingRate }}%</td>
             </tr>
             <tr>
-                <td>续保率</td><td>{{ ui.renewalRate }}</td>
+                <td>续保率</td><td>{{ ui.renewalRate }}%</td>
             </tr>
         </table>
     </div>
@@ -67,6 +67,7 @@ export default {
         {
             return props.callerName;
         });
+
         return {
             CallerName,
             PresentMonthPremium,
@@ -76,4 +77,8 @@ export default {
 };
 </script>
 <style scoped lang="scss">
+.caller-archievment-wrapper
+{
+    width: 100%;
+}
 </style>