保存进度！

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

@@ -9,54 +9,57 @@
 -->
 <template>
     <div
-        v-if="ui.showUI"
-        class="view-wrapper"
         tabindex="0"
         @keyup.esc="logoutDesktopArchievement()"
     >
-        <div class="center-wrapper">
-            <span class="slogan">对标先进&nbsp;比学赶超</span>
-            <div class="total-archievement-wrapper">
-                <span>总业绩</span>
-                <span>{{ getTotalArchievement }}</span>
-            </div>
-            <div class="archievement-wrapper">
-                <div class="total-archievement-rate-wrapper">
-                    <ArchievementCompleteRateComponent
-                        indicator="续保完成率"
-                        :percentage="ui.insurance_renewal_rate"
-                    />
-                    <ArchievementCompleteRateComponent
-                        indicator="车非渗透率"
-                        :percentage="ui.attaching_rate"
-                    />
+        <div
+            v-if="ui.showUI"
+            class="view-wrapper"
+        >
+            <div class="center-wrapper">
+                <span class="slogan">对标先进&nbsp;比学赶超</span>
+                <div class="total-archievement-wrapper">
+                    <span>总业绩</span>
+                    <span>{{ getTotalArchievement }}</span>
                 </div>
-                <div
-                    class="total-archievement-charts-wrapper"
-                >
-                    <ArchievementChart
-                        :chart-data="ui.chartData"
+                <div class="archievement-wrapper">
+                    <div class="total-archievement-rate-wrapper">
+                        <ArchievementCompleteRateComponent
+                            indicator="续保完成率"
+                            :percentage="ui.insurance_renewal_rate"
+                        />
+                        <ArchievementCompleteRateComponent
+                            indicator="车非渗透率"
+                            :percentage="ui.attaching_rate"
+                        />
+                    </div>
+                    <div
+                        class="total-archievement-charts-wrapper"
+                    >
+                        <ArchievementChart
+                            :chart-data="ui.chartData"
+                        />
+                    </div>
+                </div>
+                <div class="reward-wrapper">
+                    <HonorListComponent
+                        :month="ui.currentMonth"
+                        :leading-reward="ui.leading_reward_gainers"
+                        :advance-reward="ui.advance_reward_gainers"
+                    />
+                    <DishonorListComponent
+                        :month="ui.currentMonth"
+                        :dishonor-persons="ui.dishonorPersons"
                     />
                 </div>
             </div>
-            <div class="reward-wrapper">
-                <HonorListComponent
-                    :month="ui.currentMonth"
-                    :leading-reward="ui.leading_reward_gainers"
-                    :advance-reward="ui.advance_reward_gainers"
-                />
-                <DishonorListComponent
-                    :month="ui.currentMonth"
-                    :dishonor-persons="ui.dishonorPersons"
-                />
-            </div>
+            <div class="right-wrapper" />
         </div>
-        <div class="right-wrapper" />
     </div>
 </template>
 
 <script lang="ts">
-import { computed, reactive, onBeforeMount } from "vue";
+import { computed, reactive, onBeforeMount, onUnmounted } from "vue";
 import { useRouter } from "vue-router";
 import { getCallerInfo } from "@/utils/api/localStorage.js";
 import { ElMessage } from "element-plus";
@@ -94,6 +97,7 @@ export default {
             dishonorPersons: ["",],
             showUI: true, // 用来刷新页面的开关
         });
+        let timerHandler = 0;
 
         const getTotalArchievement = computed(() =>
         {
@@ -149,10 +153,8 @@ export default {
             router.push( "/login" );
         }
 
-        onBeforeMount(() =>
+        const refresh = () =>
         {
-            // debugger;
-
             const deparmentInfo:Department =
             {
                 departmentCode: callerInfo.departmentCode,
@@ -160,9 +162,23 @@ export default {
             };
 
             queryDepartmentArchievement( deparmentInfo, renderData );
+        };
+
+        onBeforeMount(() =>
+        {
+            // 设置每10分钟刷新一次
+            timerHandler = setInterval( refresh, 5000 );
+
+            refresh();
         });
 
-        return { ui, callerInfo, getTotalArchievement, renderData, logoutDesktopArchievement, };
+        onUnmounted(():void =>
+        {
+            // 退出页面前关掉定时器
+            clearInterval( timerHandler );
+        });
+
+        return { ui, callerInfo, timerHandler, getTotalArchievement, renderData, refresh, logoutDesktopArchievement, };
     },
 };
 </script>

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

@@ -161,7 +161,7 @@ export default {
                     // 调用失败
                     .catch(( error ) =>
                     {
-                        debugger;
+                        // debugger;
                         console.log( `登录失败，返回信息：${error}` );
                     });
             }
@@ -179,7 +179,7 @@ export default {
                     {
                         const data:LoginCallerResult = response.data ?? { success: false, };
 
-                        debugger;
+                        // debugger;
 
                         // 查看標志位
                         if ( data.success === true )