金币收支页面 优化提示

(cherry picked from commit d26436d11695a6adadab20d0133761bf2aa57da6)

src/views/order/candy/running-water/index.vue

@@ -57,6 +57,7 @@
         filterable
         style="width: 180px"
         class="filter-item"
+        :class="{ 'select-error': gameIdError }"
         :disabled="!gameFilter.gameOrigin"
         :loading="gameListLoading"
         @change="onGameSelect"
@@ -242,6 +243,7 @@ export default {
       },
       gameList: [],
       gameListLoading: false,
+      gameIdError: false,
       minDate: null,
       maxDate: null,
       pickerOptions: {
@@ -396,6 +398,11 @@ export default {
       })
     },
     handleSearch() {
+      if (this.gameFilter.gameOrigin && !this.gameFilter.gameConfigId) {
+        this.gameIdError = true
+        this.$opsMessage.warn('请选择游戏ID')
+        return
+      }
       if (this.listQuery.origin !== '') {
         const origins = this.currencyOrigins.filter(this.createFilter(this.listQuery.origin))
         this.listQuery.origin = origins.length > 0 ? origins[0].value : this.listQuery.origin
@@ -447,6 +454,7 @@ export default {
     // 选中某个游戏：拼装 origin 并触发搜索
     onGameSelect(id) {
       if (!id) return
+      this.gameIdError = false
       const game = this.gameList.find(item => item.id === id)
       if (game) {
         const gameIdPart = game.gameOrigin === 'ZGAME' ? 'tk_' + game.gameId : game.gameId
@@ -456,6 +464,7 @@ export default {
     },
     // 清空游戏筛选：同步清空 origin
     onGameFilterClear() {
+      this.gameIdError = false
       this.gameFilter.gameOrigin = ''
       this.gameFilter.gameConfigId = ''
       this.gameList = []
@@ -481,3 +490,14 @@ export default {
 }
 </script>
 
+<style scoped lang="scss">
+.select-error {
+  ::v-deep .el-input__inner {
+    border-color: #f56c6c;
+    &:focus {
+      border-color: #f56c6c;
+    }
+  }
+}
+</style>
+