保存进度！

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>