保存进度！

2023-05-24 19:17:00 +08:00
parent 01ae8f3486
commit 7b7b97b343
4 changed files with 133 additions and 67 deletions
--- a/code/web/task_schedule/package-lock.json
+++ b/code/web/task_schedule/package-lock.json
@@ -21,10 +21,13 @@
            },
            "devDependencies": {
                "@babel/eslint-parser": "^7.21.8",
+                "@typescript-eslint/eslint-plugin": "^5.59.7",
+                "@typescript-eslint/parser": "^5.59.7",
                "@vitejs/plugin-vue": "^4.2.3",
                "@vue/cli-plugin-eslint": "^5.0.8",
                "eslint-config-recommended": "^4.1.0",
                "eslint-config-standard-with-typescript": "^34.0.1",
+                "eslint-plugin-vue": "^9.14.0",
                "sass": "^1.62.1",
                "typescript": "^5.0.4",
                "vue-eslint-parser": "^9.3.0"
@@ -788,7 +791,6 @@
            "resolved": "https://registry.npmmirror.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
            "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
            "dev": true,
-            "peer": true,
            "dependencies": {
                "eslint-visitor-keys": "^3.3.0"
            },
@@ -804,7 +806,6 @@
            "resolved": "https://registry.npmmirror.com/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz",
            "integrity": "sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==",
            "dev": true,
-            "peer": true,
            "engines": {
                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
            }
@@ -814,7 +815,6 @@
            "resolved": "https://registry.npmmirror.com/@eslint-community/regexpp/-/regexpp-4.4.1.tgz",
            "integrity": "sha512-BISJ6ZE4xQsuL/FmsyRaiffpq977bMlsKfGHTQrOGFErfByxIe6iZTxPf/00Zon9b9a7iUykfQwejN3s2ZW/Bw==",
            "dev": true,
-            "peer": true,
            "engines": {
                "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
            }
@@ -1400,8 +1400,7 @@
            "version": "7.5.0",
            "resolved": "https://registry.npmmirror.com/@types/semver/-/semver-7.5.0.tgz",
            "integrity": "sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==",
-            "dev": true,
-            "peer": true
+            "dev": true
        },
        "node_modules/@types/serve-index": {
            "version": "1.9.1",
@@ -1454,7 +1453,6 @@
            "resolved": "https://registry.npmmirror.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.59.7.tgz",
            "integrity": "sha512-BL+jYxUFIbuYwy+4fF86k5vdT9lT0CNJ6HtwrIvGh0PhH8s0yy5rjaKH2fDCrz5ITHy07WCzVGNvAmjJh4IJFA==",
            "dev": true,
-            "peer": true,
            "dependencies": {
                "@eslint-community/regexpp": "^4.4.0",
                "@typescript-eslint/scope-manager": "5.59.7",
@@ -1485,7 +1483,6 @@
            "resolved": "https://registry.npmmirror.com/lru-cache/-/lru-cache-6.0.0.tgz",
            "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
            "dev": true,
-            "peer": true,
            "dependencies": {
                "yallist": "^4.0.0"
            },
@@ -1498,7 +1495,6 @@
            "resolved": "https://registry.npmmirror.com/semver/-/semver-7.3.8.tgz",
            "integrity": "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==",
            "dev": true,
-            "peer": true,
            "dependencies": {
                "lru-cache": "^6.0.0"
            },
@@ -1513,8 +1509,7 @@
            "version": "4.0.0",
            "resolved": "https://registry.npmmirror.com/yallist/-/yallist-4.0.0.tgz",
            "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-            "dev": true,
-            "peer": true
+            "dev": true
        },
        "node_modules/@typescript-eslint/parser": {
            "version": "5.59.7",
@@ -1557,7 +1552,6 @@
            "resolved": "https://registry.npmmirror.com/@typescript-eslint/type-utils/-/type-utils-5.59.7.tgz",
            "integrity": "sha512-ozuz/GILuYG7osdY5O5yg0QxXUAEoI4Go3Do5xeu+ERH9PorHBPSdvD3Tjp2NN2bNLh1NJQSsQu2TPu/Ly+HaQ==",
            "dev": true,
-            "peer": true,
            "dependencies": {
                "@typescript-eslint/typescript-estree": "5.59.7",
                "@typescript-eslint/utils": "5.59.7",
@@ -1646,7 +1640,6 @@
            "resolved": "https://registry.npmmirror.com/@typescript-eslint/utils/-/utils-5.59.7.tgz",
            "integrity": "sha512-yCX9WpdQKaLufz5luG4aJbOpdXf/fjwGMcLFXZVPUz3QqLirG5QcwwnIHNf8cjLjxK4qtzTO8udUtMQSAToQnQ==",
            "dev": true,
-            "peer": true,
            "dependencies": {
                "@eslint-community/eslint-utils": "^4.2.0",
                "@types/json-schema": "^7.0.9",
@@ -1669,7 +1662,6 @@
            "resolved": "https://registry.npmmirror.com/lru-cache/-/lru-cache-6.0.0.tgz",
            "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
            "dev": true,
-            "peer": true,
            "dependencies": {
                "yallist": "^4.0.0"
            },
@@ -1682,7 +1674,6 @@
            "resolved": "https://registry.npmmirror.com/semver/-/semver-7.5.1.tgz",
            "integrity": "sha512-Wvss5ivl8TMRZXXESstBA4uR5iXgEN/VC5/sOcuXdVLzcdkz4HWetIoRfG5gb5X+ij/G9rw9YoGn3QoQ8OCSpw==",
            "dev": true,
-            "peer": true,
            "dependencies": {
                "lru-cache": "^6.0.0"
            },
@@ -1697,8 +1688,7 @@
            "version": "4.0.0",
            "resolved": "https://registry.npmmirror.com/yallist/-/yallist-4.0.0.tgz",
            "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-            "dev": true,
-            "peer": true
+            "dev": true
        },
        "node_modules/@typescript-eslint/visitor-keys": {
            "version": "5.59.7",
@@ -2970,8 +2960,7 @@
            "version": "1.0.0",
            "resolved": "https://registry.npmmirror.com/boolbase/-/boolbase-1.0.0.tgz",
            "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
-            "dev": true,
-            "peer": true
+            "dev": true
        },
        "node_modules/brace-expansion": {
            "version": "1.1.11",
@@ -3839,7 +3828,6 @@
            "resolved": "https://registry.npmmirror.com/cssesc/-/cssesc-3.0.0.tgz",
            "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
            "dev": true,
-            "peer": true,
            "bin": {
                "cssesc": "bin/cssesc"
            },
@@ -6379,6 +6367,60 @@
                "resolve": "bin/resolve"
            }
        },
+        "node_modules/eslint-plugin-vue": {
+            "version": "9.14.0",
+            "resolved": "https://registry.npmmirror.com/eslint-plugin-vue/-/eslint-plugin-vue-9.14.0.tgz",
+            "integrity": "sha512-4O7EuiqPGVQA1wYCzLvCzsBTv9JIPHLHhrf0k55DLzbwtmJbSw2TKS0G/l7pOwi9RWMSkjIT7ftChU5gZpgnJw==",
+            "dev": true,
+            "dependencies": {
+                "@eslint-community/eslint-utils": "^4.3.0",
+                "natural-compare": "^1.4.0",
+                "nth-check": "^2.0.1",
+                "postcss-selector-parser": "^6.0.9",
+                "semver": "^7.3.5",
+                "vue-eslint-parser": "^9.3.0",
+                "xml-name-validator": "^4.0.0"
+            },
+            "engines": {
+                "node": "^14.17.0 || >=16.0.0"
+            },
+            "peerDependencies": {
+                "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0"
+            }
+        },
+        "node_modules/eslint-plugin-vue/node_modules/lru-cache": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmmirror.com/lru-cache/-/lru-cache-6.0.0.tgz",
+            "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+            "dev": true,
+            "dependencies": {
+                "yallist": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/eslint-plugin-vue/node_modules/semver": {
+            "version": "7.5.1",
+            "resolved": "https://registry.npmmirror.com/semver/-/semver-7.5.1.tgz",
+            "integrity": "sha512-Wvss5ivl8TMRZXXESstBA4uR5iXgEN/VC5/sOcuXdVLzcdkz4HWetIoRfG5gb5X+ij/G9rw9YoGn3QoQ8OCSpw==",
+            "dev": true,
+            "dependencies": {
+                "lru-cache": "^6.0.0"
+            },
+            "bin": {
+                "semver": "bin/semver.js"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/eslint-plugin-vue/node_modules/yallist": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmmirror.com/yallist/-/yallist-4.0.0.tgz",
+            "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+            "dev": true
+        },
        "node_modules/eslint-rule-composer": {
            "version": "0.3.0",
            "resolved": "https://registry.npmmirror.com/eslint-rule-composer/-/eslint-rule-composer-0.3.0.tgz",
@@ -7413,8 +7455,7 @@
            "version": "1.0.4",
            "resolved": "https://registry.npmmirror.com/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz",
            "integrity": "sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==",
-            "dev": true,
-            "peer": true
+            "dev": true
        },
        "node_modules/graphemer": {
            "version": "1.4.0",
@@ -9218,8 +9259,7 @@
            "version": "1.4.0",
            "resolved": "https://registry.npmmirror.com/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz",
            "integrity": "sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==",
-            "dev": true,
-            "peer": true
+            "dev": true
        },
        "node_modules/negotiator": {
            "version": "0.6.3",
@@ -9371,7 +9411,6 @@
            "resolved": "https://registry.npmmirror.com/nth-check/-/nth-check-2.1.1.tgz",
            "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
            "dev": true,
-            "peer": true,
            "dependencies": {
                "boolbase": "^1.0.0"
            }
@@ -10420,7 +10459,6 @@
            "resolved": "https://registry.npmmirror.com/postcss-selector-parser/-/postcss-selector-parser-6.0.11.tgz",
            "integrity": "sha512-zbARubNdogI9j7WY4nQJBiNqQf3sLS3wCP4WfOidu+p28LofJqDH1tcXypGrcmMHhDk2t9wGhCsYe/+szLTy1g==",
            "dev": true,
-            "peer": true,
            "dependencies": {
                "cssesc": "^3.0.0",
                "util-deprecate": "^1.0.2"
@@ -13107,6 +13145,15 @@
                }
            }
        },
+        "node_modules/xml-name-validator": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmmirror.com/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
+            "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
+            "dev": true,
+            "engines": {
+                "node": ">=12"
+            }
+        },
        "node_modules/y18n": {
            "version": "5.0.8",
            "resolved": "https://registry.npmmirror.com/y18n/-/y18n-5.0.8.tgz",
--- a/code/web/task_schedule/package.json
+++ b/code/web/task_schedule/package.json
@@ -22,10 +22,13 @@
    },
    "devDependencies": {
        "@babel/eslint-parser": "^7.21.8",
+        "@typescript-eslint/eslint-plugin": "^5.59.7",
+        "@typescript-eslint/parser": "^5.59.7",
        "@vitejs/plugin-vue": "^4.2.3",
        "@vue/cli-plugin-eslint": "^5.0.8",
        "eslint-config-recommended": "^4.1.0",
        "eslint-config-standard-with-typescript": "^34.0.1",
+        "eslint-plugin-vue": "^9.14.0",
        "sass": "^1.62.1",
        "typescript": "^5.0.4",
        "vue-eslint-parser": "^9.3.0"
--- a/code/web/task_schedule/src/views/DesktopArchievement.vue
+++ b/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>
--- a/code/web/task_schedule/src/views/Login.vue
+++ b/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 )