From be5e426cee674feacc4bf8428b07eb2eb4eb2b22 Mon Sep 17 00:00:00 2001
From: Kane Wang <wangkane@qq.com>
Date: Tue, 12 Sep 2023 11:51:09 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=9D=E5=AD=98=E8=BF=9B=E5=BA=A6=EF=BC=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 code/web/task_schedule/package.json           |  2 +-
 .../src/views/reward/RewardGainer.vue         | 74 +++++++++++++++++++
 2 files changed, 75 insertions(+), 1 deletion(-)
 create mode 100644 code/web/task_schedule/src/views/reward/RewardGainer.vue

diff --git a/code/web/task_schedule/package.json b/code/web/task_schedule/package.json
index 40b94fa..de09cdf 100644
--- a/code/web/task_schedule/package.json
+++ b/code/web/task_schedule/package.json
@@ -25,7 +25,7 @@
     },
     "devDependencies": {
         "@babel/eslint-parser": "^7.22.15",
-        "@typescript-eslint/eslint-plugin": "^6.6.0",
+        "@typescript-eslint/eslint-plugin": "~6.6.0",
         "@vitejs/plugin-vue": "^4.3.4",
         "@vue/cli-plugin-eslint": "^5.0.8",
         "axios": "~1.5.0",
diff --git a/code/web/task_schedule/src/views/reward/RewardGainer.vue b/code/web/task_schedule/src/views/reward/RewardGainer.vue
new file mode 100644
index 0000000..b2e6243
--- /dev/null
+++ b/code/web/task_schedule/src/views/reward/RewardGainer.vue
@@ -0,0 +1,74 @@
+<!--
+ * @Author: Kane
+ * @Date: 2023-09-12 10:43:39
+ * @LastEditors: Kane
+ * @FilePath: /task_schedule/src/views/reward/RewardGainer.vue
+ * @Description:
+ *
+ * Copyright (c) ${2022} by Kane, All Rights Reserved.
+-->
+<template>
+    <div class="reward-gainer-wrapper">
+        <el-row>
+            <el-col :span="12">
+                <span>奖励类型</span>
+            </el-col>
+            <el-col :span="12">
+                <el-select v-model="ui.selectedRewardProject">
+                    <el-option
+                        v-for="item in ui.rewardProjectList"
+                        :key="item.rewardCode"
+                        :label="item.rewardName"
+                        :value="item.rewardCode"
+                    />
+                </el-select>
+            </el-col>
+        </el-row>
+        <el-row>
+            <el-col :span="12">
+                <span>坐席名称</span>
+            </el-col>
+            <el-col :span="12">
+                <el-input v-model.trim.lazy="ui.rewardCallerName" />
+            </el-col>
+        </el-row>
+    </div>
+</template>
+<script lang="ts">
+import { reactive } from "vue";
+import
+{
+    type RewardProject,
+    type RewardGainer,
+    type RewardProjectResponse,
+    type RewardGainerResponse,
+    requestRewardPorjectsList,
+    requestRewardGainers
+} from "@/utils/reward.js";
+
+interface RewardGainerUI
+{
+    rewardProjectList: RewardProject[];
+    selectedRewardProject: number;
+    rewardCallerName: string;
+}
+
+export default {
+    name: "RewardGainer",
+    setup()
+    {
+        const ui: RewardGainerUI = reactive({
+            rewardProjectList: [],
+            selectedRewardProject: 0,
+            rewardCallerName: "",
+        });
+
+        return { ui, };
+    },
+};
+</script>
+<style lang="scss" scoped>
+.reward-gainer-wrapper {
+    width: 300px;
+}
+</style>