最新

src/views/system/reward-list.vue

@@ -119,7 +119,9 @@
             </el-select>
           </el-form-item>
           <el-form-item label="游戏ID" prop="gameId" label-width="120px">
-            <el-input-number v-model="addRewardForm.gameId" :min="1" style="width: 100%" />
+            <el-select v-model="addRewardForm.gameId" placeholder="请选择游戏" filterable style="width: 100%">
+              <el-option v-for="item in gameList" :key="item.gameId" :label="item.gameName" :value="item.gameId" />
+            </el-select>
           </el-form-item>
           <el-form-item label="奖励图片" prop="rewardImg" label-width="120px">
             <el-upload
@@ -187,12 +189,14 @@
   <script>
   import { getRewardSystemList, addReward, updateReward, deleteReward } from '@/api/reward'
   import { getRewardTypeList } from '@/api/reward-type'
+  import { getGameList } from '@/api/game'
   import { uploadReward } from '@/api/reward'
   
   export default {
     name: 'GameTask',
     created() {
       this.getTaskList()
+      this.getGameList()
     },
     data() {
       return {
@@ -228,6 +232,7 @@
           userTotalLimit: undefined,
           source: 1
         },
+        gameList: [],
         addRewardRules: {
           tencentTypeId: [{ required: true, message: '请选择奖励类型', trigger: 'change' }],
           name: [{ required: true, message: '请输入奖励名称', trigger: 'blur' }],
@@ -329,6 +334,7 @@
         this.dialogType = 'add'
         this.addRewardDialogVisible = true
         this.getRewardTypeList()
+        this.getGameList()
       },
       async getRewardTypeList() {
         try {
@@ -448,6 +454,14 @@
           this.$message.error('图片大小不能超过 2MB!')
         }
         return isImage && isLt2M
+      },
+      async getGameList() {
+        try {
+          const res = await getGameList({ page: 1, size: 1000 })
+          if (res.code === 0) {
+            this.gameList = res.data.list || []
+          }
+        } catch (e) {}
       }
     }
   }