From 85f32a9e63d81978746de82e313952d7320d3b5f Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Wed, 28 Jan 2026 18:05:03 +0800
Subject: [PATCH] =?UTF-8?q?feat(banner=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?-->=E7=BC=96=E8=BE=91=E7=BB=84=E4=BB=B6):=20=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E5=A4=9A=E9=80=89=E2=80=9C=E5=9B=BD=E5=AE=B6=E2=80=9D=E9=80=89?=
 =?UTF-8?q?=E9=A1=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/sys/banner/form-edit.vue | 66 +++++++++++++++++++++++++++++-
 src/views/sys/banner/index.vue     |  1 +
 2 files changed, 65 insertions(+), 2 deletions(-)

diff --git a/src/views/sys/banner/form-edit.vue b/src/views/sys/banner/form-edit.vue
index 589490f..cf2ca0a 100644
--- a/src/views/sys/banner/form-edit.vue
+++ b/src/views/sys/banner/form-edit.vue
@@ -248,6 +248,34 @@
               </el-select>
             </el-form-item>
 
+            <!-- 国家 -->
+            <el-form-item label="国家" prop="countryCode">
+              <el-select
+                v-model="selectCountryCode"
+                v-loading="loadingCountry"
+                multiple
+                clearable
+                placeholder="请选择"
+                style="width:100%;"
+                class="filter-item"
+                @change="changeCountry"
+              >
+                <el-option
+                  v-for="item in countryList"
+                  :key="item.id"
+                  :label="item.country.aliasName || item.country.enName"
+                  :value="item.country.alphaTwo"
+                >
+                  <span style="float: left;">
+                    <img :src="item.country.nationalFlag" width="30"
+                  /></span>
+                  <span style="float: left;margin-left:10px">{{
+                    item.country.aliasName || item.country.enName
+                  }}</span>
+                </el-option>
+              </el-select>
+            </el-form-item>
+
             <!-- 描述 -->
             <el-form-item label="描述" prop="depict">
               <el-input
@@ -276,6 +304,7 @@ import { getElementUiUploadFile } from "@/utils";
 
 import { updateBanner, addBanner } from "@/api/banner";
 import { regionConfigTable } from "@/api/sys";
+import { listPayOpenCountry } from "@/api/sys-pay";
 export default {
   props: {
     row: {
@@ -328,7 +357,8 @@ export default {
         sort: "",
         displayPosition: "",
         alertCover: "",
-        regionList: []
+        regionList: [],
+        countryCode: ""
       },
       submitLoading: false,
       uploadLoading: false,
@@ -346,7 +376,11 @@ export default {
         { value: "RECHARGE_IN_APP", label: "充值-站内" },
         { value: "RECHARGE_H5", label: "充值-H5(站外)" },
         { value: "PROP_STORE", label: "道具商店" }
-      ]
+      ],
+
+      selectCountryCode: [],
+      countryList: [],
+      loadingCountry: false
     };
   },
   computed: {
@@ -369,6 +403,7 @@ export default {
       handler(val) {
         if (!val) {
           this.listRegion();
+          this.loadOpenCountry();
           return;
         }
         const form = Object.assign({}, val);
@@ -384,11 +419,16 @@ export default {
         if (form.regions) {
           form.regionList = form.regions.split(",");
         }
+        if (form.countryCode) {
+          form.countryCode = form.countryCode;
+          this.selectCountryCode = form.countryCode.split(",");
+        }
         this.coverFileList = getElementUiUploadFile(form.cover);
         this.smallCoverFileList = getElementUiUploadFile(form.smallCover);
         this.alertCoverFileList = getElementUiUploadFile(form.alertCover);
         this.form = Object.assign(this.form, form);
         this.listRegion();
+        this.loadOpenCountry();
       },
       immediate: true
     }
@@ -470,6 +510,28 @@ export default {
           that.loading = false;
         });
     },
+
+    // 获取国家列表
+    loadOpenCountry() {
+      const that = this;
+
+      that.loadingCountry = true;
+      listPayOpenCountry()
+        .then(res => {
+          that.loadingCountry = false;
+          that.countryList = res.body || [];
+        })
+        .catch(er => {
+          that.loadingCountry = false;
+          console.error(er);
+        });
+    },
+
+    // 选择国家
+    changeCountry(val) {
+      const that = this;
+      that.form.countryCode = that.selectCountryCode.join(",");
+    },
     handleClose() {
       this.$emit("close");
     },
diff --git a/src/views/sys/banner/index.vue b/src/views/sys/banner/index.vue
index b03d4ba..0d7ffc9 100644
--- a/src/views/sys/banner/index.vue
+++ b/src/views/sys/banner/index.vue
@@ -76,6 +76,7 @@
         placeholder="国家"
         style="width: 200px"
         class="filter-item"
+        clearable
         collapse-tags
         @change="changeCountry"
       >