保存进度！

code/web/task_schedule/src/utils/api/config.ts

@@ -31,4 +31,7 @@ export const API_URL = {
     // 查询奖励项目
     // URL_RWARD_PROJECTS: "http://222.76.244.118:11101/desktop_archievement_backend/rewards/query_reward_projects.do"
     URL_RWARD_PROJECTS: "http://10.39.0.41:8081/desktop_archievement_backend/rewards/query_reward_projects.do",
+    // 查询获奖人员
+    // URL_REWARD_GAINERS: "http://{{生产地址}}/desktop_archievement_backend/rewards/query_reward_gainers.do"
+    URL_REWARD_GAINERS: "http://222.76.244.118:11101/desktop_archievement_backend/rewards/query_reward_gainers.do",
 };

code/web/task_schedule/src/utils/reward.ts

@@ -3,7 +3,7 @@
  * @Date: 2023-09-11 09:59:00
  * @LastEditors: Kane
  * @FilePath: /task_schedule/src/utils/reward.ts
- * @Description: 
+ * @Description: 奖励相关的API
  * 
  * Copyright (c) ${2022} by Kane, All Rights Reserved. 
  */
@@ -21,7 +21,7 @@ interface RewardProjectResponse
 {
     success: boolean;
     message: string;
-    rewardList: RewardProject[];
+    rewardList: RewardProject[] | null;
 }
 
 interface RewardGainer
@@ -33,6 +33,13 @@ interface RewardGainer
     rewardProjectName: string;
 }
 
+interface RewardGainerResponse
+{
+    success: boolean;
+    message: string;
+    gainerList: RewardGainer[];
+}
+
 /**
  * 请求奖项清单
  * @param handler 用于处理请求数据的回调函数；
@@ -44,6 +51,12 @@ function requestRewardPorjectsList( handler: any ): void
         return;
     }
 
+    const rewardResponse: RewardProjectResponse = {
+        success: false,
+        message: "",
+        rewardList: [],
+    };
+
     instance.request({
         url: API_URL.URL_RWARD_PROJECTS,
         method: "post",
@@ -52,15 +65,60 @@ function requestRewardPorjectsList( handler: any ): void
         .then(( response: AxiosResponse<any, any> ): void =>
         {
             const data = response.data ?? {};
-            const success = data.success ?? false;
-            const message = data.message ?? "";
-            const rewardProjectList = checkRewardProjects( data.rewardList ?? []);
+            rewardResponse.success = data.success ?? false;
+            rewardResponse.message = data.message ?? "";
+            rewardResponse.rewardList = checkRewardProjects( data.rewardList ?? []);
+
+            handler( rewardResponse, null );
         })
         .catch(( error: any ): void =>
         {
             console.log( error );
 
-            handler( null, error );
+            rewardResponse.success = false;
+
+            handler( rewardResponse, error );
+        });
+}
+
+/**
+ * 
+ * @param handler 
+ */
+function requestRewardGainers( handler: any ): void
+{
+    if ( handler === undefined || handler === null )
+    {
+        return;
+    }
+
+    const rewardResponse: RewardGainerResponse = {
+        success: false,
+        message: "",
+        gainerList: [],
+    };
+
+    instance.request({
+        url: API_URL.URL_REWARD_GAINERS,
+        method: "post",
+    })
+        .then(( response: AxiosResponse<any, any> ): void =>
+        {
+            const data = response.data ?? {};
+
+            rewardResponse.success = data.success;
+            rewardResponse.message = data.message;
+            rewardResponse.gainerList = data.gainerList;
+
+            handler( rewardResponse, null );
+        })
+        .catch(( error: any ): void =>
+        {
+            console.log( error );
+
+            rewardResponse.success = false;
+
+            handler( rewardResponse, error );
         });
 }
 
@@ -88,9 +146,34 @@ function checkRewardProjects( data: any[]): RewardProject[] | null
     return rewardList;
 }
 
+function checkRewardGainers( gainers: any[]): RewardGainer[] | null
+{
+    const gainerList: RewardGainer[] = [];
+
+    if ( !( gainers instanceof Array ))
+    {
+        return null;
+    }
+
+    gainers.forEach(( item: RewardGainer ): void =>
+    {
+        const gainer: RewardGainer = {
+            acquiredDate: item.acquiredDate ?? "",
+            callerName: item.callerName ?? "",
+            callerCode: item.callerCode ?? "",
+            rewardProjectCode: item.rewardProjectCode ?? "",
+            rewardProjectName: item.rewardProjectName ?? "",
+        };
+    });
+
+    return gainerList;
+}
+
 export {
     type RewardProject,
     type RewardGainer,
     type RewardProjectResponse,
-    requestRewardPorjectsList
+    type RewardGainerResponse,
+    requestRewardPorjectsList,
+    requestRewardGainers
 };

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

@@ -39,52 +39,46 @@
                     />
                 </el-table>
             </div>
-            <div class="dishonor-wrapper">
-                <el-divider content-position="left">
-                    XXX
-                </el-divider>
-                <div class="toolbutton-wrapper">
-                    <el-button type="primary">
-                        新增
-                    </el-button>
-                    <el-button type="danger">
-                        删除
-                    </el-button>
-                </div>
-                <el-table
-                    border
-                    stripe
-                    style="width:100%;"
-                    :height="tableHeight"
-                >
-                    <el-table-column type="selection" />
-                    <el-table-column
-                        label="坐席名称"
-                        align="center"
-                    />
-                    <el-table-column
-                        label="奖项名称"
-                        align="center"
-                    />
-                </el-table>
-            </div>
         </div>
     </div>
 </template>
 <script lang="ts">
 import { reactive, computed } from "vue";
+import {
+    type RewardProject,
+    type RewardGainer,
+    type RewardProjectResponse,
+    type RewardGainerResponse,
+    requestRewardPorjectsList,
+    requestRewardGainers
+} from "@/utils/reward.js";
+
+interface UI
+{
+    rewardGainerList: RewardGainer[];
+}
 
 export default {
     name: "DataManagement",
     setup()
     {
-        const ui = reactive({});
+        const ui: UI = reactive({
+            rewardGainerList: [],
+        });
 
         const tableHeight = computed((): number =>
         {
             return 5 * 50 + 40;
         });
 
+        const applyGainerList = ( response: RewardGainerResponse ): void =>
+        {
+            if ( response.success )
+            {
+                ui.rewardGainerList = response.gainerList;
+            }
+        };
+
         return {
             ui,
             tableHeight,