保存进度!

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

@@ -28,6 +28,7 @@
                     <el-button
                         type="danger"
                         icon="delete"
+                        @click="onDeleteRewardGainer"
                     >
                         删除
                     </el-button>
@@ -40,6 +41,7 @@
                     </el-button>
                 </div>
                 <el-table
+                    ref="rewardTelsalerTable"
                     border
                     stripe
                     style="width:100%;"
@@ -105,9 +107,9 @@
 </template>
 <script lang="ts">
 import { reactive, computed, onBeforeMount } from "vue";
-import { type RewardGainer, type RewardGainerResponse, requestRewardGainers } from "@/utils/reward.js";
+import { type RewardGainer, type RewardGainerResponse, requestRewardGainers, type DeleteRewardTelsalerResponse, deleteRewardTelsaler, type DeleteRewardTelsalerRequest } from "@/utils/reward.js";
 import eventBus from "@/utils/api/EventBus.js";
-import { ElMessageBox } from "element-plus";
+import { ElMessage, ElMessageBox, ElTable } from "element-plus";
 import RewardGainerDialog from "@/views/reward/RewardTelsaler.vue";
 
 interface UI
@@ -197,7 +199,7 @@ export default {
             ui.tablePageSize = pageSize;
         };
 
-        // 表格编辑相关
+        /** 功能按钮相关 *******************************/
         /**
          * 添加获奖坐席
          */
@@ -222,6 +224,36 @@ export default {
             ui.selectedRewardProjectCode = rewardProjectCode;
             ui.showEditRewardGainerDialog = true;
         };
+        /**
+         * 响应点击删除按钮
+         */
+        const onDeleteRewardGainer = (): void =>
+        {
+            const deleteRequest: DeleteRewardTelsalerRequest = {
+                recordID: 1,
+            };
+
+            deleteRewardTelsaler( deleteRequest, deleteTelsalerRewardHandler );
+        };
+
+        /** 回调函数 ************************/
+        const deleteTelsalerRewardHandler = ( response: DeleteRewardTelsalerResponse, error: any ): void =>
+        {
+            if ( response.success )
+            {
+                ElMessage({
+                    message: response.message,
+                    type: "success",
+                });
+            }
+            else
+            {
+                ElMessage({
+                    message: response.message,
+                    type: "error",
+                });
+            }
+        };
 
         /** 事件相关 ***************/
         eventBus.on( "onSavedRewardTelsaler", (): void =>
@@ -252,6 +284,7 @@ export default {
             onEditRewardGainer,
             refresh,
             onAddRewardGainer,
+            onDeleteRewardGainer,
         };
     },
 };