保存进度！

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>