From 156430fba8f371ac42148b7ea2956ccec54fa712 Mon Sep 17 00:00:00 2001
From: Kane <wangkane@qq.com>
Date: Thu, 30 Mar 2023 17:35:57 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=E5=AE=8C=E6=88=90=E5=85=89=E8=8D=A3?=
 =?UTF-8?q?=E6=A6=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/HonorListComponent.vue     | 38 +++++++++++++++++--
 .../web/task_schedule/src/utils/api/config.ts |  4 +-
 .../src/views/DesktopArchievement.vue         |  2 +
 3 files changed, 39 insertions(+), 5 deletions(-)

diff --git a/code/web/task_schedule/src/components/HonorListComponent.vue b/code/web/task_schedule/src/components/HonorListComponent.vue
index 17915bd..4644f31 100644
--- a/code/web/task_schedule/src/components/HonorListComponent.vue
+++ b/code/web/task_schedule/src/components/HonorListComponent.vue
@@ -19,6 +19,12 @@
                     >
                     <span>领跑奖</span>
                 </div>
+                <div class="gainer-wrapper">
+                    <span
+                        v-for="gainer in ui.leadingReward"
+                        :key="gainer"
+                    >{{ gainer }}</span>
+                </div>
             </div>
             <div class="advance-reward-wrapper">
                 <div class="banner-wrapper">
@@ -28,12 +34,19 @@
                     >
                     <span>飞跃奖</span>
                 </div>
+                <div class="gainer-wrapper">
+                    <span
+                        v-for="gainer in ui.advanceReward"
+                        :key="gainer"
+                    >{{ gainer }}</span>
+                </div>
             </div>
         </div>
     </div>
 </template>
 
-<script lang="ts">
+<script lang="js">
+import { reactive } from "vue";
 export default {
     name: "HonorListComponent",
     props: {
@@ -53,9 +66,15 @@ export default {
             default: () => ["",],
         },
     },
-    setup()
+    setup( props )
     {
-        return {};
+        const ui = reactive({
+            leadingReward: props.leadingReward,
+            advanceReward: props.advanceReward,
+        });
+
+        console.log( props );
+        return { ui, };
     },
 };
 </script>
@@ -109,6 +128,19 @@ export default {
             height: 100%;
         }
 
+        span {
+            display: block;
+
+            text-align: center;
+                color: #fff;
+
+                font: {
+                    size: 2rem;
+                    family: "FZ-ZHUOHEI";
+                    weight: 100;
+                }
+        }
+
         .banner-wrapper {
             display: flex;
             justify-content: center;
diff --git a/code/web/task_schedule/src/utils/api/config.ts b/code/web/task_schedule/src/utils/api/config.ts
index 33b0649..834bd4c 100644
--- a/code/web/task_schedule/src/utils/api/config.ts
+++ b/code/web/task_schedule/src/utils/api/config.ts
@@ -9,8 +9,8 @@
  */
 export const API_URL = {
     // URL_LOGIN: import.meta.env.VITE_URL_LOGIN,
-    URL_LOGIN: "http://222.76.244.118:11001/admin-system/account/p13_account_check",
+    URL_LOGIN: "http://222.76.244.118:11101/admin-system/account/p13_account_check",
 
     // URL_DEPARTMENT_ARCHIEVEMENT: import.meta.env.VITE_URL_DEPARTMENT_ARCHIEVEMENT,
-    URL_DEPARTMENT_ARCHIEVEMENT: "http://222.76.244.118:11001/desktop_archievement_backend/archievement/query_department_archievement.do",
+    URL_DEPARTMENT_ARCHIEVEMENT: "http://222.76.244.118:11101/desktop_archievement_backend/archievement/query_department_archievement.do",
 };
diff --git a/code/web/task_schedule/src/views/DesktopArchievement.vue b/code/web/task_schedule/src/views/DesktopArchievement.vue
index 6fd8b81..01e7c96 100644
--- a/code/web/task_schedule/src/views/DesktopArchievement.vue
+++ b/code/web/task_schedule/src/views/DesktopArchievement.vue
@@ -112,6 +112,8 @@ export default {
             ui.totalArchievement = data.total_archievement;
             ui.attaching_rate = data.attaching_rate;
             ui.insurance_renewal_rate = data.insurance_renewal_rate;
+            ui.leading_reward_gainers = data.leading_reward_gainers;
+            ui.advance_reward_gainers = data.advance_reward_gainers;
 
             // 更新UI
             ui.showUI = false;

From fdc198ed3d807bea3c0d9a4910367813652d4b78 Mon Sep 17 00:00:00 2001
From: Kane <wangkane@qq.com>
Date: Thu, 30 Mar 2023 17:53:38 +0800
Subject: [PATCH 2/3] =?UTF-8?q?=E4=BF=9D=E5=AD=98=E8=BF=9B=E5=BA=A6?=
 =?UTF-8?q?=EF=BC=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../web/task_schedule/src/components/HonorListComponent.vue | 6 +++---
 code/web/task_schedule/src/views/DesktopArchievement.vue    | 1 +
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/code/web/task_schedule/src/components/HonorListComponent.vue b/code/web/task_schedule/src/components/HonorListComponent.vue
index 4644f31..c0324e8 100644
--- a/code/web/task_schedule/src/components/HonorListComponent.vue
+++ b/code/web/task_schedule/src/components/HonorListComponent.vue
@@ -45,7 +45,7 @@
     </div>
 </template>
 
-<script lang="js">
+<script lang="ts">
 import { reactive } from "vue";
 export default {
     name: "HonorListComponent",
@@ -69,8 +69,8 @@ export default {
     setup( props )
     {
         const ui = reactive({
-            leadingReward: props.leadingReward,
-            advanceReward: props.advanceReward,
+            leadingReward: props.leadingReward as string[],
+            advanceReward: props.advanceReward as string[],
         });
 
         console.log( props );
diff --git a/code/web/task_schedule/src/views/DesktopArchievement.vue b/code/web/task_schedule/src/views/DesktopArchievement.vue
index 01e7c96..7e1c2a7 100644
--- a/code/web/task_schedule/src/views/DesktopArchievement.vue
+++ b/code/web/task_schedule/src/views/DesktopArchievement.vue
@@ -114,6 +114,7 @@ export default {
             ui.insurance_renewal_rate = data.insurance_renewal_rate;
             ui.leading_reward_gainers = data.leading_reward_gainers;
             ui.advance_reward_gainers = data.advance_reward_gainers;
+            ui.dishonorPersons = data.backward_list;
 
             // 更新UI
             ui.showUI = false;

From 1b37ae5c976e9f39a749c451efe3ec0d4eeb0046 Mon Sep 17 00:00:00 2001
From: Kane <wangkane@qq.com>
Date: Thu, 30 Mar 2023 18:29:54 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=E4=BF=9D=E5=AD=98=E8=BF=9B=E5=BA=A6?=
 =?UTF-8?q?=EF=BC=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 code/web/task_schedule/src/views/DesktopArchievement.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/code/web/task_schedule/src/views/DesktopArchievement.vue b/code/web/task_schedule/src/views/DesktopArchievement.vue
index 7e1c2a7..d7421c9 100644
--- a/code/web/task_schedule/src/views/DesktopArchievement.vue
+++ b/code/web/task_schedule/src/views/DesktopArchievement.vue
@@ -3,7 +3,7 @@
  * @Date: 2023-03-03 14:38:07
  * @LastEditors: Kane
  * @FilePath: /task_schedule/src/views/DesktopArchievement.vue
- * @Description: 显示在桌面上，展示任务量与业绩的view
+ * @Description: 桌面霸屏的主组件。
  *
  * Copyright (c) ${2022} by Kane, All Rights Reserved.
 -->
@@ -117,6 +117,7 @@ export default {
             ui.dishonorPersons = data.backward_list;
 
             // 更新UI
+            // 先不显示界面，往队列中加入显示队列的回调，让vue刷新组件。
             ui.showUI = false;
 
             setTimeout(() => { ui.showUI = true; }, 0 );