开发个人业绩组件

code/web/task_schedule/.eslintrc.cjs

@@ -67,7 +67,7 @@ module.exports = {
                     js: "espree",
                     "<template>": "espree",
                 },
-                // project: "./tsconfig.json",
+                project: "./tsconfig.json",
                 extraFileExtensions: [".vue",],
             },
             plugins: ["eslint-plugin-vue",],
@@ -75,7 +75,7 @@ module.exports = {
                 "plugin:vue/vue3-essential",
                 "plugin:vue/recommended",
                 "eslint:recommended",
-                // "standard-with-typescript", 
+                "standard-with-typescript", 
                 "plugin:@typescript-eslint/eslint-recommended",
                 "plugin:@typescript-eslint/recommended",
             ],

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

@@ -29,11 +29,11 @@ export default {
     setup( props )
     {
         const ui = reactive({
-            mensualList:[],
+            mensualList: [],
         });
 
         // 设置图表
-        const initCharts = () =>
+        const initCharts = (): void =>
         {
             console.log( "每月业绩", props.chartData );
             const chartDom = document.getElementById( "chartWrapper" );
@@ -55,7 +55,7 @@ export default {
                 ],
             };
 
-            option && myChart.setOption( option );
+            myChart.setOption( option );
 
             window.onresize = function ()
             {

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

@@ -11,10 +11,10 @@
     <div class="caller-archievment-wrapper">
         <table>
             <tr>
-                <td>坐席名称</td><td>{{ ui.callerName }}</td>
+                <td>坐席名称</td><td>{{ CallerName }}</td>
             </tr>
             <tr>
-                <td>车险保费</td><td>{{ ui.thisMonthPremium }}</td>
+                <td>车险保费</td><td>{{ PresentMonthPremium }}&nbsp;万元</td>
             </tr>
             <tr>
                 <td>车非渗透率</td><td>{{ ui.attachingRate }}</td>
@@ -26,7 +26,8 @@
     </div>
 </template>
 <script lang="ts">
-interface  CallerArchievementComponentUI
+import { computed } from "vue";
+interface CallerArchievementComponentUI
 {
     callerName: string,
     thisMonthPremium: number,
@@ -36,25 +37,43 @@ interface  CallerArchievementComponentUI
 
 export default {
     name: "CallerArchievementComponent",
-    props:{
+    props: {
+        callerName: {
+            type: String,
+            require: true,
+            default: (): string => "",
+        },
         thisMonthPremium: {
             type: Number,
             require: true,
-            default:()=>0,
+            default: (): number => 0,
         },
     },
-    setup()
+    setup( props )
     {
-        const ui:CallerArchievementComponentUI = {
+        const ui: CallerArchievementComponentUI = {
             callerName: "",
             thisMonthPremium: 0,
             attachingRate: "0.0",
             renewalRate: "0.0",
         };
 
-        return {ui,};
+        const PresentMonthPremium = computed((): string =>
+        {
+            return ( props.thisMonthPremium / 10000 ).toFixed( 2 );
+        });
+
+        const CallerName = computed((): string =>
+        {
+            return props.callerName;
+        });
+        return {
+            CallerName,
+            PresentMonthPremium,
+            ui,
+        };
     },
 };
 </script>
 <style scoped lang="scss">
-</style>
+</style>

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

@@ -93,7 +93,7 @@ import
     queryDepartmentArchievement,
     queryCallerArchievement
 } from "@/utils/archievement.js";
-import { RankingListItem } from "@/types/cpicxim/RankingListItem.js";
+import { type RankingListItem } from "@/types/cpicxim/RankingListItem.js";
 import
 {
     type RankingListRequest,
@@ -139,7 +139,7 @@ export default {
     {
         const monthIndex = new Date();
         const thisMonth: number = monthIndex.getMonth() + 1; // getMonth返回值从0开始。
-        const thisMonthString = thisMonth > 10 ? String( thisMonth ): "0" + String( thisMonth );
+        const thisMonthString = thisMonth > 10 ? String( thisMonth ) : "0" + String( thisMonth );
         const thisYear: number = monthIndex.getFullYear();
         const thisYearString: string = String( thisYear );
         const numInChinese = [
@@ -173,7 +173,7 @@ export default {
         });
         let timerHandler = 0;
 
-        const getTotalArchievement = computed(():string =>
+        const getTotalArchievement = computed((): string =>
         {
             const cnyFormat = new Intl.NumberFormat( "zh-cn", {
                 style: "currency",
@@ -194,7 +194,7 @@ export default {
             // console.log( "部门业绩数据", data );
 
             // 检查请求是否成功
-            if ( data.success !== true )
+            if ( !data.success )
             {
                 // 失败就提示消息，然后退出
                 ElMessage({
@@ -226,7 +226,7 @@ export default {
         const applyCallerArchievementData = ( data: CallerArchievement ): void =>
         {
             // 检查请求是否成功
-            if ( data.success !== true )
+            if ( !data.success )
             {
                 // 失败就提示消息，然后退出
                 ElMessage({
@@ -268,7 +268,7 @@ export default {
         };
 
         // 退出桌面霸屏
-        const logoutDesktopArchievement = () =>
+        const logoutDesktopArchievement = (): void =>
         {
             console.log( "111" );
             logout();
@@ -285,13 +285,13 @@ export default {
                 center: true,
             });
 
-            router.push( "/login" );
+            router.push( "/login" ).then(() => {}).catch(() => {});
         }
 
         /**
          * 用于定时对页面进行刷新，其中会请求最新的业绩数据。
          */
-        const refresh = () =>
+        const refresh = (): void =>
         {
             const deparmentInfo: Department = {
                 departmentCode: callerInfo.departmentCode,
@@ -304,6 +304,8 @@ export default {
                 month: thisMonthString,
             };
 
+            console.log( "refresh", rankinglistRequest );
+
             queryDepartmentArchievement( deparmentInfo, applyDepartmentArchievementData );
             queryCallerArchievement( callerInfo, applyCallerArchievementData );
             requestRankingList( rankinglistRequest, applyRankingListData );

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

@@ -71,7 +71,7 @@ import { saveStaffInfo, getUserType, saveUserType, getCallerInfo, saveCallerInfo
 import { login, loginCaller, type LoginCallerInfo, type LoginCallerResult } from "@/utils/account";
 import { ElMessage } from "element-plus";
 import { StaffInfo } from "@/types/cpicxim/StaffInfo";
-import { TelSaler } from "@/types/cpicxim/TelSaler";
+import { type TelSaler } from "@/types/cpicxim/TelSaler";
 
 export default {
     name: "LoginPage",
@@ -95,7 +95,7 @@ export default {
         /**
          * 保存p13账号
          */
-        const savedP13uid = () =>
+        const savedP13uid = (): void =>
         {
             window.localStorage.setItem( "stuff_account", ui.account );
         };
@@ -103,7 +103,7 @@ export default {
         /**
          * 登录函数，根据ui.currentMenu判断登录的是坐席还是员工。
          */
-        const onLogin = () =>
+        const onLogin = (): void =>
         {
             // 保存用户类型
             saveUserType( ui.currentMenu );
@@ -145,7 +145,7 @@ export default {
                             saveStaffInfo( staffInfo );
 
                             // 跳转路由
-                            router.push( "/desktop" );
+                            router.push( "/desktop" ).then(() => {}).catch(() => {});
                         }
                         else
                         {
@@ -177,12 +177,12 @@ export default {
                     // 调用接口成功
                     .then(( response ) =>
                     {
-                        const data:LoginCallerResult = response.data ?? { success: false, };
+                        const data: LoginCallerResult = response.data ?? { success: false, };
 
                         // debugger;
 
                         // 查看標志位
-                        if ( data.success === true )
+                        if ( data.success )
                         {
                             // 查询成功，显示一个提示，保存工号，并跳转路由
                             ElMessage({
@@ -190,7 +190,7 @@ export default {
                                 type: "success",
                             });
 
-                            const telsaler:TelSaler = {
+                            const telsaler: TelSaler = {
                                 telSalerCode: data.tel_saler_code,
                                 telSalerName: data.tel_saler_name,
                                 teamCode: data.team_code,
@@ -201,7 +201,7 @@ export default {
 
                             saveCallerInfo( telsaler );
 
-                            router.push( "/desktop_archievement" );
+                            router.push( "/desktop_archievement" ).then(() => {}).catch(() => {});
                         }
                         else
                         {
@@ -249,7 +249,7 @@ export default {
                     });
 
                     // 跳转路由
-                    router.push( "/desktop_archievement" );
+                    router.push( "/desktop_archievement" ).then(() => {}).catch(() => {});
                 }
             }
             else if ( staffType === "cpicxim_staff" )
@@ -258,7 +258,7 @@ export default {
             }
         });
 
-        const onToggleMenu = ( type: string ) =>
+        const onToggleMenu = ( type: string ): void =>
         {
             ui.currentMenu = type;
         };

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

@@ -120,7 +120,7 @@ export default {
             callers: [],
         });
 
-        const onCurrentPageIndexChange = ( pageIndex: number ) =>
+        const onCurrentPageIndexChange = ( pageIndex: number ): void =>
         {
             ui.table_current_page_index = pageIndex;
         };
@@ -129,7 +129,7 @@ export default {
          * 设置表格每页显示记录的数量
          * @param pageSize 表格页记录数量
          */
-        const onTablePageSizeChange = ( pageSize: number ) =>
+        const onTablePageSizeChange = ( pageSize: number ): void =>
         {
             ui.table_page_size = pageSize;
         };