From eac2e3b2b98032e5f66c2d131ccb468b856fa282 Mon Sep 17 00:00:00 2001
From: khalil <khalil@chuhaiwl2023.com>
Date: Wed, 2 Apr 2025 16:59:54 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=86=E5=8C=BA-=E5=85=AC=E5=85=B1=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6select-=E6=9B=BF=E6=8D=A2=E6=97=A7=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/boom/boom.js                          |  9 ---
 src/api/bravoGift/bravoGift.js                |  9 +--
 src/api/luckGift/luckGift.js                  |  9 ---
 src/api/luckyTycoon/luckyTycoon.js            |  8 --
 src/api/medal/medal.js                        |  9 +--
 src/api/nobleman/nobleman.js                  |  9 ---
 src/api/noblemanNew/noblemanNew.js            |  9 ---
 .../personalHomepageResourceManagement.js     |  8 --
 src/api/recharge/rechargeSubUser.js           |  9 ---
 src/api/refund/refund.js                      |  8 --
 src/api/relAgency/relAgency.js                |  9 ---
 src/api/roomBackground/roomBackground.js      | 10 ---
 src/utils/partitionDesc.js                    |  1 +
 src/views/boom/levelSet.vue                   | 25 +-----
 src/views/boom/recordData.vue                 | 21 +----
 src/views/bravoGift/bravoGiftData.vue         | 31 ++------
 src/views/bravoGift/bravoGiftDataAll.vue      | 30 ++------
 .../firstpage/RecommendResourceAdminView.vue  | 37 +++++++--
 .../agencyDiamondFlow.vue                     | 24 ++----
 .../agentSendSalary.vue                       | 23 ++----
 .../anchorSalaryOperate.vue                   | 22 ++----
 .../guildOperationManagement/diamondFlow.vue  | 28 ++-----
 .../guildOperationManagement/guildInfo.vue    | 30 ++------
 .../officialWithdrawRecord.vue                | 29 +++----
 src/views/luckGift/luckGiftDataAll.vue        | 26 ++-----
 .../luckyTycoon/luckyTycoonCollectSet.vue     | 25 ++----
 .../luckyTycoon/luckyTycoonListStatistics.vue | 30 ++------
 .../luckyTycoon/luckyTycoonOnePlusOne.vue     | 56 +++-----------
 src/views/medal/MedalInfo.vue                 | 39 +++-------
 src/views/nobleman/newGuildApplication.vue    | 25 ++----
 .../personalHomepageResourceManagement.vue    | 35 ++-------
 src/views/recharge/RechargeSubUserView.vue    | 29 ++-----
 src/views/refund/UserRefundQuiry.vue          | 22 ++----
 src/views/room/GameAdmin.vue                  | 10 +++
 src/views/roomBackground/roomBackground.vue   | 77 ++++---------------
 .../roomBackground/roomBackgroundCustom.vue   | 32 ++------
 src/views/users/MessageAdminView.vue          | 16 ++--
 37 files changed, 215 insertions(+), 614 deletions(-)

diff --git a/src/api/boom/boom.js b/src/api/boom/boom.js
index c70fb1b..8b47a3e 100644
--- a/src/api/boom/boom.js
+++ b/src/api/boom/boom.js
@@ -1,15 +1,6 @@
 import request from '@/utils/request';
 import { genQueryParam } from '@/utils/maintainer';
 
-// 分区接口
-export const listPartitionInfo = query => {
-    return request({
-        url: '/partition/listPartitionInfo',
-        method: 'get',
-        params: query
-    });
-};
-
 // 邀请移除记录
 export const pageOperateRecord = query => {
     return request({
diff --git a/src/api/bravoGift/bravoGift.js b/src/api/bravoGift/bravoGift.js
index f25dda4..c02e4d4 100644
--- a/src/api/bravoGift/bravoGift.js
+++ b/src/api/bravoGift/bravoGift.js
@@ -1,12 +1,5 @@
 import request from '@/utils/request';
-// 分区接口
-export const listPartitionInfo = query => {
-    return request({
-        url: '/partition/listPartitionInfo',
-        method: 'get',
-        params: query
-    });
-};
+
 // 奖池拉框
 export const listType = query => {
     return request({
diff --git a/src/api/luckGift/luckGift.js b/src/api/luckGift/luckGift.js
index 3c7958e..0f8d0d4 100644
--- a/src/api/luckGift/luckGift.js
+++ b/src/api/luckGift/luckGift.js
@@ -68,12 +68,3 @@ export const updateUserMulti = query => {
         params: query
     });
 };
-
-// 分区接口
-export const listPartitionInfo = query => {
-    return request({
-        url: '/partition/listPartitionInfo',
-        method: 'get',
-        params: query
-    });
-};
diff --git a/src/api/luckyTycoon/luckyTycoon.js b/src/api/luckyTycoon/luckyTycoon.js
index 0c1cd40..48b4b75 100644
--- a/src/api/luckyTycoon/luckyTycoon.js
+++ b/src/api/luckyTycoon/luckyTycoon.js
@@ -1,14 +1,6 @@
 import request from '@/utils/request';
 import { genQueryParam } from '@/utils/maintainer';
 
-// 地区接口
-export const listPartitionInfo = query => {
-    return request({
-        url: '/partition/listPartitionInfo',
-        method: 'get',
-        params: query
-    });
-};
 // 福袋列表请求
 export const listLuckyBagLinearGift = query => {
     return request({
diff --git a/src/api/medal/medal.js b/src/api/medal/medal.js
index 3d36548..b1c23dc 100644
--- a/src/api/medal/medal.js
+++ b/src/api/medal/medal.js
@@ -1,13 +1,6 @@
 import request from '@/utils/request';
 import { genQueryParam } from '@/utils/maintainer';
-// 地区接口
-export const listPartitionInfo = query => {
-    return request({
-        url: '/partition/listPartitionInfo',
-        method: 'get',
-        params: query
-    });
-};
+
 // 勋章信息-列表
 export const medalPage = query => {
     return request({
diff --git a/src/api/nobleman/nobleman.js b/src/api/nobleman/nobleman.js
index ed407bb..c60d19b 100644
--- a/src/api/nobleman/nobleman.js
+++ b/src/api/nobleman/nobleman.js
@@ -1,15 +1,6 @@
 import request from '@/utils/request';
 import { genQueryParam } from '@/utils/maintainer';
 
-// 分区接口
-export const listPartitionInfo = query => {
-    return request({
-        url: '/partition/listPartitionInfo',
-        method: 'get',
-        params: query
-    });
-};
-
 // 邀请移除记录
 export const pageOperateRecord = query => {
     return request({
diff --git a/src/api/noblemanNew/noblemanNew.js b/src/api/noblemanNew/noblemanNew.js
index 030e21c..9cfcc3a 100644
--- a/src/api/noblemanNew/noblemanNew.js
+++ b/src/api/noblemanNew/noblemanNew.js
@@ -1,15 +1,6 @@
 import request from '@/utils/request';
 import { genQueryParam } from '@/utils/maintainer';
 
-// 分区接口
-export const listPartitionInfo = query => {
-    return request({
-        url: '/partition/listPartitionInfo',
-        method: 'get',
-        params: query
-    });
-};
-
 // 邀请移除记录
 export const pageOperateRecord = query => {
     return request({
diff --git a/src/api/personalHomepageResourceManagement/personalHomepageResourceManagement.js b/src/api/personalHomepageResourceManagement/personalHomepageResourceManagement.js
index a4fae46..96d2763 100644
--- a/src/api/personalHomepageResourceManagement/personalHomepageResourceManagement.js
+++ b/src/api/personalHomepageResourceManagement/personalHomepageResourceManagement.js
@@ -2,14 +2,6 @@ import request from '@/utils/request';
 import { genQueryParam } from '@/utils/maintainer';
 import qs from 'qs';
 
-// 地区接口
-export const listPartitionInfo = query => {
-    return request({
-        url: '/partition/listPartitionInfo',
-        method: 'get',
-        params: query
-    });
-};
 // 个人主页资源管理列表
 export const pesonalBackgroundListByPage = query => {
     return request({
diff --git a/src/api/recharge/rechargeSubUser.js b/src/api/recharge/rechargeSubUser.js
index 8970fd1..d90a560 100644
--- a/src/api/recharge/rechargeSubUser.js
+++ b/src/api/recharge/rechargeSubUser.js
@@ -1,14 +1,5 @@
 import request from '@/utils/request';
 
-// 分区接口
-export const listPartitionInfo = query => {
-    return request({
-        url: '/partition/listPartitionInfo',
-        method: 'get',
-        params: query
-    });
-};
-
 export const listRegionType = () => {
     return request({
         url: '/admin/charge/region/list',
diff --git a/src/api/refund/refund.js b/src/api/refund/refund.js
index 7234333..0c60566 100644
--- a/src/api/refund/refund.js
+++ b/src/api/refund/refund.js
@@ -3,14 +3,6 @@ import qs from 'qs';
 import { genQueryParam } from '@/utils/maintainer';
 // 活动配置 相关接口（一级菜单：活动配置）
 
-// 分区接口
-export const listPartitionInfo = query => {
-    return request({
-        url: '/partition/listPartitionInfo',
-        method: 'get',
-        params: query
-    });
-};
 // 国家
 export const regionInfoList = query => {
     return request({
diff --git a/src/api/relAgency/relAgency.js b/src/api/relAgency/relAgency.js
index 2c7e4b7..ee2d96e 100644
--- a/src/api/relAgency/relAgency.js
+++ b/src/api/relAgency/relAgency.js
@@ -4,15 +4,6 @@ import qs from 'qs';
 import { genQueryParam } from '@/utils/maintainer';
 // 活动配置 相关接口（一级菜单：活动配置）
 
-// 分区接口
-export const listPartitionInfo = query => {
-    return request({
-        url: '/partition/listPartitionInfo',
-        method: 'get',
-        params: query
-    });
-};
-
 //  充值代理列表导出
 export const chargeAgentExport = query => {
     window.location.href = `/anchorSalaryBill/chargeAgent/export?${genQueryParam(query)}`;
diff --git a/src/api/roomBackground/roomBackground.js b/src/api/roomBackground/roomBackground.js
index b55b8d5..f6b1417 100644
--- a/src/api/roomBackground/roomBackground.js
+++ b/src/api/roomBackground/roomBackground.js
@@ -1,15 +1,5 @@
 import request from '@/utils/request';
-import { genQueryParam } from '@/utils/maintainer';
-import qs from 'qs';
 
-// 地区接口
-export const listPartitionInfo = query => {
-    return request({
-        url: '/partition/listPartitionInfo',
-        method: 'get',
-        params: query
-    });
-};
 // ==============================================首页ui配置==============================================
 // 配置
 export const appUiSetting = query => {
diff --git a/src/utils/partitionDesc.js b/src/utils/partitionDesc.js
index 9520ea5..9465b4e 100644
--- a/src/utils/partitionDesc.js
+++ b/src/utils/partitionDesc.js
@@ -3,6 +3,7 @@ const partitionInfoMap = {
     2: '阿拉伯语区',
     4: '华语区',
     8: '土耳其区',
+    16: '英语2区',
 }
 
 export const partitionDesc = (val) => {
diff --git a/src/views/boom/levelSet.vue b/src/views/boom/levelSet.vue
index afb3e68..e8c7910 100644
--- a/src/views/boom/levelSet.vue
+++ b/src/views/boom/levelSet.vue
@@ -3,15 +3,7 @@
     <!-- 查询 -->
     <div class="inquire">
       <span>分区</span>
-      <el-select filterable v-model="inquire.partitionId" placeholder="请选择">
-        <el-option
-          v-for="item in inquire.options"
-          :key="item.id"
-          :label="item.desc"
-          :value="item.id"
-        >
-        </el-option>
-      </el-select>
+      <partition-select v-model:partition-id="inquire.partitionId" v-model:partition-infos="inquire.options" />
     </div>
     <el-button class="primary but" type="primary" @click="getData()"
       >查询</el-button
@@ -552,26 +544,24 @@
 </template>
 <script>
 import {
-  listPartitionInfo,
   levelList,
   levelUpdate,
   awardList,
   awardUpdate,
   awardDel,
 } from "@/api/boom/boom";
-// @ts-ignore
-import { dateFormat } from "@/utils/system-helper";
-// @ts-ignore
 import { ElMessage } from "element-plus";
+import PartitionSelect from "@/views/common/partitionSelect.vue";
 export default {
   name: "levelSet",
+  components: {PartitionSelect},
   data() {
     return {
       id: "",
       loading: false,
       //查询所需条件对象
       inquire: {
-        partitionId: 2,
+        partitionId: undefined,
         options: [],
       },
       // 表格
@@ -664,13 +654,6 @@ export default {
       pageSize: 5, //条数
     };
   },
-  created() {
-    listPartitionInfo().then((res) => {
-      this.inquire.options = res.data;
-      this.inquire.partitionId = res.data[0].id;
-      this.getData();
-    });
-  },
   methods: {
     // 查询接口
     getData() {
diff --git a/src/views/boom/recordData.vue b/src/views/boom/recordData.vue
index ad7c4ff..dd9aca0 100644
--- a/src/views/boom/recordData.vue
+++ b/src/views/boom/recordData.vue
@@ -3,15 +3,7 @@
     <!-- 查询 -->
     <div class="inquire">
       <span>分区</span>
-      <el-select filterable v-model="inquire.partitionId" placeholder="请选择">
-        <el-option
-          v-for="item in inquire.options"
-          :key="item.id"
-          :label="item.desc"
-          :value="item.id"
-        >
-        </el-option>
-      </el-select>
+      <partition-select v-model:partition-id="inquire.partitionId" v-model:partition-infos="inquire.options" />
     </div>
     <div class="inquire">
       <span>房间ID:</span>
@@ -223,15 +215,17 @@ import {
 import { dateFormat } from "@/utils/system-helper";
 // @ts-ignore
 import { ElMessage } from "element-plus";
+import PartitionSelect from "@/views/common/partitionSelect.vue";
 export default {
   name: "recordData",
+  components: {PartitionSelect},
   data() {
     return {
       loading: false,
       loading2: false,
       //查询所需条件对象
       inquire: {
-        partitionId: 2,
+        partitionId: undefined,
         options: [],
         roomId: "",
         boomLevel: "",
@@ -258,13 +252,6 @@ export default {
       pageSize2: 10, //条数
     };
   },
-  created() {
-    listPartitionInfo().then((res) => {
-      this.inquire.options = res.data;
-      this.inquire.partitionId = res.data[0].id;
-      this.getData();
-    });
-  },
   methods: {
     // 查询接口
     getData() {
diff --git a/src/views/bravoGift/bravoGiftData.vue b/src/views/bravoGift/bravoGiftData.vue
index 20f3aca..2451009 100644
--- a/src/views/bravoGift/bravoGiftData.vue
+++ b/src/views/bravoGift/bravoGiftData.vue
@@ -5,19 +5,9 @@
       <!-- 分区 -->
       <div class="inquire">
         <span>分区</span>
-        <el-select
-          v-model="inquire.value"
-          placeholder="请选择"
-          @change="handleChange"
-        >
-          <el-option
-            v-for="item in inquire.options"
-            :key="item.id"
-            :label="item.desc"
-            :value="item.id"
-          >
-          </el-option>
-        </el-select>
+        <partition-select v-model:partition-id="inquire.value"
+                          v-model:partition-infos="inquire.options"
+        />
       </div>
       <div class="inquire">
         <span>MoliStar ID</span>
@@ -51,7 +41,7 @@
       <el-button
         class="primary"
         type="primary"
-        style="margin-left=20px;"
+        style="margin-left: 20px;"
         :disabled="butClick"
         @click="
           editDialog = true;
@@ -139,14 +129,16 @@
   </div>
 </template>
 <script>
-import { personal, updateUserMulti,listPartitionInfo } from "@/api/bravoGift/bravoGift";
+import { personal, updateUserMulti } from "@/api/bravoGift/bravoGift";
 // @ts-ignore
 import { dateFormat } from "@/utils/system-helper";
 // @ts-ignore
 import { ElMessage } from "element-plus";
 import moment from "moment-timezone";
+import PartitionSelect from "@/views/common/partitionSelect.vue";
 export default {
   name: "bravoGiftData",
+  components: {PartitionSelect},
   data() {
     return {
       loading: false,
@@ -157,7 +149,7 @@ export default {
       inquire: {
         userId: "",
         time: "",
-        value: "",
+        value: undefined,
         options: [],
       },
       // 表格
@@ -171,13 +163,6 @@ export default {
       value: "",
     };
   },
-  created() {
-    listPartitionInfo().then((res) => {
-      this.inquire.options = res.data;
-      this.inquire.value = this.inquire.options[0].id;
-    });
-    // this.getData();
-  },
   methods: {
     // 查询接口
     getData() {
diff --git a/src/views/bravoGift/bravoGiftDataAll.vue b/src/views/bravoGift/bravoGiftDataAll.vue
index 288beff..48b9d5d 100644
--- a/src/views/bravoGift/bravoGiftDataAll.vue
+++ b/src/views/bravoGift/bravoGiftDataAll.vue
@@ -4,15 +4,9 @@
       <!-- 分区 -->
       <div class="inquire">
         <span>分区</span>
-        <el-select v-model="inquire.value" placeholder="请选择">
-          <el-option
-            v-for="item in inquire.options"
-            :key="item.id"
-            :label="item.desc"
-            :value="item.id"
-          >
-          </el-option>
-        </el-select>
+        <partition-select v-model:partition-id="inquire.value"
+                          v-model:partition-infos="inquire.options"
+        />
       </div>
       <!-- 时间 -->
       <!-- <div class="inquire">
@@ -54,14 +48,11 @@
   </div>
 </template>
 <script>
-import { platform,listPartitionInfo } from "@/api/bravoGift/bravoGift";
-// @ts-ignore
-import { dateFormat } from "@/utils/system-helper";
-// @ts-ignore
-import { ElMessage } from "element-plus";
-import moment from "moment-timezone";
+import { platform } from "@/api/bravoGift/bravoGift";
+import PartitionSelect from "@/views/common/partitionSelect.vue";
 export default {
   name: "bravoGiftDataAll",
+  components: {PartitionSelect},
   data() {
     return {
       loading: false,
@@ -70,7 +61,7 @@ export default {
       totalProductionRatio: "0",
       //查询所需条件对象
       inquire: {
-        value: "",
+        value: undefined,
         options: [],
         time: "",
       },
@@ -82,13 +73,6 @@ export default {
       pageSize: 10, //条数
     };
   },
-  created() {
-    listPartitionInfo().then((res) => {
-      this.inquire.options = res.data;
-      this.inquire.value = this.inquire.options[0].id;
-    });
-    // this.getData();
-  },
   methods: {
     // 查询接口
     getData() {
diff --git a/src/views/firstpage/RecommendResourceAdminView.vue b/src/views/firstpage/RecommendResourceAdminView.vue
index 2445c7b..ae6fc0f 100644
--- a/src/views/firstpage/RecommendResourceAdminView.vue
+++ b/src/views/firstpage/RecommendResourceAdminView.vue
@@ -37,11 +37,10 @@
                         <div class="form-group">
                             <label for="partitionId" class="col-sm-3 control-label">选择地区：</label>
                             <div class="col-sm-9">
-                                <select name="partitionId" id="partitionId" class="col-sm-3 form-control">
-                                    <option value="1">英语区</option>
-                                    <option value="2">阿拉伯语区</option>
-                                    <option value="4">华语区</option>
-                                </select>
+                              <select name="partitionId"
+                                      id="partitionId"
+                                      class="col-sm-3 form-control">
+                              </select>
                             </div>
                         </div>
                         <!--A策略-->
@@ -150,6 +149,28 @@ export default {
     methods: {
         initData() {
             $(function () {
+              $.ajax({
+                type: 'get',
+                url: '/partition/listPartitionInfo',
+                dataType: 'json',
+                success: function (json) {
+                  if (json.code == 200) {
+                    var partitionId = $("#partitionId");
+                    partitionId.empty();
+
+                    // 遍历数据并添加 option
+                    $.each(json.data, function (index, item) {
+                      // 创建新的 option 元素
+                      var option = $('<option></option>')
+                          .attr('value', item.id)  // 设置 value 属性
+                          .text(item.desc);           // 设置文本内容
+
+                      // 追加到 select 元素
+                      partitionId.append(option.clone());
+                    });
+                  }
+                }
+              });
 
                 $('.datetime').datetimepicker({
                     format: 'yyyy-mm-dd hh:ii:00',
@@ -195,6 +216,12 @@ export default {
                                 if ((val & 4) != 0) {
                                     value += '华语区<br>';
                                 }
+                                if ((val & 8) != 0) {
+                                  value += '土耳其区<br>';
+                                }
+                                if ((val & 16) != 0) {
+                                  value += '英语2区<br>';
+                                }
                                 return value;
                             }
                         },
diff --git a/src/views/guildOperationManagement/agencyDiamondFlow.vue b/src/views/guildOperationManagement/agencyDiamondFlow.vue
index 6f28b25..80ceb38 100644
--- a/src/views/guildOperationManagement/agencyDiamondFlow.vue
+++ b/src/views/guildOperationManagement/agencyDiamondFlow.vue
@@ -21,15 +21,10 @@
         >
           <div class="search-line">
             <el-form-item label="分区" prop="partitionId">
-              <el-select v-model="searchForm.partitionId" placeholder="请选择">
-                <el-option
-                  v-for="item in partitionArr"
-                  :key="item.id"
-                  :label="item.desc"
-                  :value="item.id"
-                >
-                </el-option>
-              </el-select>
+              <partition-select v-model:partition-id="searchForm.partitionId"
+                                v-model:partition-infos="partitionArr"
+                                v-model:after-init="getData"
+              />
             </el-form-item>
             <el-form-item label="公会ID" prop="agencyId">
               <el-input
@@ -131,14 +126,15 @@ import { formatDate, formatDateYMD } from '@/utils/relDate';
 // @ts-ignore
 import { ElMessage } from "element-plus";
 import { ref } from 'vue'; // 引入 ref
-import { ElMessageBox } from 'element-plus'; // 正确引入 ElM
+import { ElMessageBox } from 'element-plus';
+import PartitionSelect from "@/views/common/partitionSelect.vue"; // 正确引入 ElM
 // 混入
 // import Mixin from '../../mixin/mixRegion.js';
 
 export default {
     name: "agencyDiamondFlow",
     // mixins: [Mixin],
-    components: { TablePagination },
+    components: {PartitionSelect, TablePagination },
     data() {
         return {
             partitionArr: [],
@@ -158,7 +154,7 @@ export default {
                 agencyId: null,
                 dateCycle: null,
                 region: null,
-                partitionId: "",
+                partitionId: undefined,
             },
             searchRule: {
                 startTime: [
@@ -191,10 +187,6 @@ export default {
         };
     },
     created() {
-      listPartitionInfo().then((res) => {
-      this.partitionArr = res.data;
-      this.searchForm.partitionId=this.partitionArr[0].id;
-    });
         this.getDateCycleList();
     },
     methods: {
diff --git a/src/views/guildOperationManagement/agentSendSalary.vue b/src/views/guildOperationManagement/agentSendSalary.vue
index 2e32e4d..8fecec8 100644
--- a/src/views/guildOperationManagement/agentSendSalary.vue
+++ b/src/views/guildOperationManagement/agentSendSalary.vue
@@ -11,15 +11,10 @@
         >
           <div class="search-line">
             <el-form-item label="分区" prop="partitionId">
-              <el-select v-model="searchForm.partitionId" placeholder="请选择">
-                <el-option
-                  v-for="item in partitionArr"
-                  :key="item.id"
-                  :label="item.desc"
-                  :value="item.id"
-                >
-                </el-option>
-              </el-select>
+              <partition-select v-model:partition-id="searchForm.partitionId"
+                                v-model:partition-infos="partitionArr"
+                                v-model:after-init="getData"
+              />
             </el-form-item>
             <el-form-item label="充值代理ID" prop="chargeAgentErbanNo">
               <el-input
@@ -138,9 +133,10 @@ import { dateFormat } from "@/utils/system-helper";
 // @ts-ignore
 import { ElMessage } from "element-plus";
 import { ref } from "vue";
+import PartitionSelect from "@/views/common/partitionSelect.vue";
 export default {
   name: "agentSendSalary",
-  components: { TablePagination },
+  components: {PartitionSelect, TablePagination },
   data() {
     return {
       total: 0,
@@ -192,13 +188,6 @@ export default {
       },
     };
   },
-  created() {
-    // this.getData();
-    listPartitionInfo().then((res) => {
-      this.partitionArr = res.data;
-      this.searchForm.partitionId = this.partitionArr[0].id;
-    });
-  },
   methods: {
     getData() {
       this.tableLoading = true;
diff --git a/src/views/guildOperationManagement/anchorSalaryOperate.vue b/src/views/guildOperationManagement/anchorSalaryOperate.vue
index da2540c..ab8ed96 100644
--- a/src/views/guildOperationManagement/anchorSalaryOperate.vue
+++ b/src/views/guildOperationManagement/anchorSalaryOperate.vue
@@ -11,15 +11,10 @@
         >
           <div class="search-line">
             <el-form-item label="分区" prop="partitionId">
-              <el-select v-model="searchForm.partitionId" placeholder="请选择">
-                <el-option
-                  v-for="item in partitionArr"
-                  :key="item.id"
-                  :label="item.desc"
-                  :value="item.id"
-                >
-                </el-option>
-              </el-select>
+              <partition-select v-model:partition-id="searchForm.partitionId"
+                                v-model:partition-infos="partitionArr"
+                                v-model:after-init="getData"
+              />
             </el-form-item>
             <el-form-item label="主播ID" prop="erbanNo">
               <el-input
@@ -331,10 +326,11 @@ import TablePagination from "@/components/common/TablePagination";
 import { formatDate, formatDateYMD } from "@/utils/relDate";
 // @ts-ignore
 import { ElMessage } from "element-plus";
+import PartitionSelect from "@/views/common/partitionSelect.vue";
 
 export default {
   name: "anchorSalaryOperate",
-  components: { TablePagination },
+  components: {PartitionSelect, TablePagination },
   data() {
     return {
       dateCycleList: [],
@@ -353,7 +349,7 @@ export default {
         agencyId: null,
         dateCycle: null,
         erbanNo: null,
-        partitionId: null,
+        partitionId: undefined,
       },
       partitionArr: [],
       searchRule: {
@@ -399,10 +395,6 @@ export default {
   },
   created() {
     this.getDateCycleList();
-    listPartitionInfo().then((res) => {
-      this.partitionArr = res.data;
-      this.searchForm.partitionId = this.partitionArr[0].id;
-    });
   },
   methods: {
     getDateCycleList() {
diff --git a/src/views/guildOperationManagement/diamondFlow.vue b/src/views/guildOperationManagement/diamondFlow.vue
index 018068c..8443d57 100644
--- a/src/views/guildOperationManagement/diamondFlow.vue
+++ b/src/views/guildOperationManagement/diamondFlow.vue
@@ -4,18 +4,10 @@
     <div class="inquire">
       <div class="block">
         <span class="demonstration">分区</span>
-        <el-select
-          v-model="inquire.partitionId"
-          style="width: 75%"
-          placeholder="请选择"
-        >
-          <el-option
-            v-for="item in inquire.partitionArr"
-            :key="item.id"
-            :label="item.desc"
-            :value="item.id"
-          ></el-option>
-        </el-select>
+        <partition-select v-model:partition-id="inquire.partitionId"
+                          v-model:partition-infos="inquire.partitionArr"
+                          v-model:after-init="getData"
+        />
       </div>
     </div>
     <div class="inquire">
@@ -128,14 +120,15 @@
 import {
   diamondStatistics,
   diamondStatisticsExport,
-  listPartitionInfo,
 } from "@/api/relAgency/relAgency";
 // @ts-ignore
 import { dateFormat } from "@/utils/system-helper";
 // @ts-ignore
 import { ElMessage } from "element-plus";
+import PartitionSelect from "@/views/common/partitionSelect.vue";
 export default {
   name: "diamondFlow",
+  components: {PartitionSelect},
   data() {
     return {
       loading: false,
@@ -144,7 +137,7 @@ export default {
         guildId: "",
         guildBoosId: "",
         time: [],
-        partitionId: "",
+        partitionId: undefined,
         partitionArr: [],
       },
       // 表格
@@ -157,13 +150,6 @@ export default {
       pageSize: 5, //条数
     };
   },
-  created() {
-    // this.getData();
-    listPartitionInfo().then((res) => {
-      this.inquire.partitionArr = res.data;
-      this.inquire.partitionId = this.inquire.partitionArr[0].id;
-    });
-  },
   methods: {
     // 查询接口
     getData() {
diff --git a/src/views/guildOperationManagement/guildInfo.vue b/src/views/guildOperationManagement/guildInfo.vue
index 8478e72..609db46 100644
--- a/src/views/guildOperationManagement/guildInfo.vue
+++ b/src/views/guildOperationManagement/guildInfo.vue
@@ -12,18 +12,10 @@
     <div class="inquire">
       <div class="block">
         <span class="demonstration">分区</span>
-        <el-select
-          v-model="inquire.partitionId"
-          style="width: 75%"
-          placeholder="请选择"
-        >
-          <el-option
-            v-for="item in inquire.partitionArr"
-            :key="item.id"
-            :label="item.desc"
-            :value="item.id"
-          ></el-option>
-        </el-select>
+        <partition-select v-model:partition-id="inquire.partitionId"
+                          v-model:partition-infos="inquire.partitionArr"
+                          v-model:after-init="getData"
+        />
       </div>
     </div>
     <!-- <div class="inquire">
@@ -550,19 +542,20 @@ import {
   create,
   update,
   dismiss,
-  savePayAccount,
   manageListFamilyMember,
   addMember,
   setManager,
   removeMember,
-  listPartitionInfo,
 } from "@/api/noblemanNew/noblemanNew";
 // @ts-ignore
 import { dateFormat } from "@/utils/system-helper";
 // @ts-ignore
 import { ElMessage } from "element-plus";
+import PartitionSelect from "@/views/common/partitionSelect.vue";
+import {savePayAccount} from "@/api/nobleman/nobleman";
 export default {
   name: "GuildInfoNew",
+  components: {PartitionSelect},
   data() {
     return {
       loading: false,
@@ -573,7 +566,7 @@ export default {
         userId: "",
         referrer: "",
         time: "",
-        partitionId: "",
+        partitionId: undefined,
         partitionArr: [],
       },
       //新增所需对象
@@ -624,13 +617,6 @@ export default {
       memberRemoveObj: {},
     };
   },
-  created() {
-    listPartitionInfo().then((res) => {
-      this.inquire.partitionArr = res.data;
-      this.inquire.partitionId = this.inquire.partitionArr[0].id;
-      this.getData();
-    });
-  },
   methods: {
     // 查询接口
     getData() {
diff --git a/src/views/guildOperationManagement/officialWithdrawRecord.vue b/src/views/guildOperationManagement/officialWithdrawRecord.vue
index 132d2c7..14111d2 100644
--- a/src/views/guildOperationManagement/officialWithdrawRecord.vue
+++ b/src/views/guildOperationManagement/officialWithdrawRecord.vue
@@ -21,14 +21,13 @@
         >
           <div class="search-line">
             <el-form-item label="分区" prop="partitionId">
+              <partition-select v-model:partition-id="searchForm.partitionId"
+                                v-model:partition-infos="partitionArr"
+                                v-model:handle-change="getlistByPartitionId"
+                                v-model:after-init="getData"
+              />
               <el-select v-model="searchForm.partitionId" placeholder="请选择" @change='getlistByPartitionId()'>
-                <el-option
-                  v-for="item in partitionArr"
-                  :key="item.id"
-                  :label="item.desc"
-                  :value="item.id"
-                >
-                </el-option>
+
               </el-select>
             </el-form-item>
             <el-form-item label="MoliStar ID" prop="agencyOwnerErbanNo">
@@ -270,14 +269,15 @@ import TablePagination from "@/components/common/TablePagination";
 import { formatDate, formatDateYMD } from "@/utils/relDate";
 import { dateFormat } from "@/utils/system-helper";
 import { ElMessage } from "element-plus";
-import { ElMessageBox } from "element-plus"; // 正确引入 ElM
+import { ElMessageBox } from "element-plus";
+import PartitionSelect from "@/views/common/partitionSelect.vue"; // 正确引入 ElM
 // 混入
 // import Mixin from '../../mixin/mixRegion.js';
 
 export default {
   name: "officialWithdrawRecord",
   // mixins: [Mixin],
-  components: { TablePagination },
+  components: {PartitionSelect, TablePagination },
   data() {
     return {
       dateCycleList: [],
@@ -354,17 +354,6 @@ export default {
       },
     };
   },
-  created() {
-    // adminCountry().then((res) => {
-    //   this.adminCountryArr = res.data;
-    // });
-    listPartitionInfo().then((res) => {
-      this.partitionArr = res.data;
-      this.searchForm.partitionId = this.partitionArr[0].id;
-      this.getlistByPartitionId();
-      this.getData();
-    });
-  },
   methods: {
     getlistByPartitionId(){
       adminCountry({partitionId:this.searchForm.partitionId}).then((res) => {
diff --git a/src/views/luckGift/luckGiftDataAll.vue b/src/views/luckGift/luckGiftDataAll.vue
index f61a996..b6d7177 100644
--- a/src/views/luckGift/luckGiftDataAll.vue
+++ b/src/views/luckGift/luckGiftDataAll.vue
@@ -4,15 +4,9 @@
       <!-- 分区 -->
       <div class="inquire">
         <span>分区</span>
-        <el-select v-model="inquire.value" placeholder="请选择">
-          <el-option
-            v-for="item in inquire.options"
-            :key="item.id"
-            :label="item.desc"
-            :value="item.id"
-          >
-          </el-option>
-        </el-select>
+        <partition-select v-model:partition-id="inquire.value"
+                          v-model:partition-infos="inquire.options"
+        />
       </div>
       <!-- 时间 -->
       <!-- <div class="inquire">
@@ -54,14 +48,15 @@
   </div>
 </template>
 <script>
-import { platform,listPartitionInfo } from "@/api/luckGift/luckGift";
+import { platform } from "@/api/luckGift/luckGift";
 // @ts-ignore
 import { dateFormat } from "@/utils/system-helper";
 // @ts-ignore
 import { ElMessage } from "element-plus";
-import moment from "moment-timezone";
+import PartitionSelect from "@/views/common/partitionSelect.vue";
 export default {
   name: "luckGiftDataAll",
+  components: {PartitionSelect},
   data() {
     return {
       loading: false,
@@ -70,7 +65,7 @@ export default {
       totalProductionRatio: "0",
       //查询所需条件对象
       inquire: {
-        value: "",
+        value: undefined,
         options: [],
         time: "",
       },
@@ -82,13 +77,6 @@ export default {
       pageSize: 10, //条数
     };
   },
-  created() {
-    listPartitionInfo().then((res) => {
-      this.inquire.options = res.data;
-      this.inquire.value = this.inquire.options[0].id;
-    });
-    // this.getData();
-  },
   methods: {
     // 查询接口
     getData() {
diff --git a/src/views/luckyTycoon/luckyTycoonCollectSet.vue b/src/views/luckyTycoon/luckyTycoonCollectSet.vue
index 90a7ff6..4c29ec8 100644
--- a/src/views/luckyTycoon/luckyTycoonCollectSet.vue
+++ b/src/views/luckyTycoon/luckyTycoonCollectSet.vue
@@ -454,17 +454,12 @@
       <span
         style="display: inline-block; margin-right: 20px"
         class="col-sm-2 control-label"
-        >地区选择</span
+        >分区选择</span
       >
-      <el-select filterable v-model="deriveObj.value" placeholder="请选择">
-        <el-option
-          v-for="item in deriveObj.options"
-          :key="item.id"
-          :label="item.desc"
-          :value="item.id"
-        >
-        </el-option>
-      </el-select>
+      <partition-select v-model:partition-id="deriveObj.value"
+                        v-model:partition-infos="deriveObj.options"
+                        v-model:after-init="getData"
+      />
     </div>
     <!-- 选择时间 -->
     <div style="margin-bottom: 25px; margin-top: 10px">
@@ -499,7 +494,6 @@ import {
   luckyBagCollectPage,
   updateEnabled,
   luckyBagCollectExport,
-  listPartitionInfo,
   getAll,
   carAll,
   headwearAll,
@@ -513,14 +507,11 @@ import { dateFormat } from "@/utils/system-helper";
 // @ts-ignore
 import { ElMessage } from "element-plus";
 import { ref, watch } from "vue";
+import PartitionSelect from "@/views/common/partitionSelect.vue";
 export default {
   name: "luckyTycoonCollectSet",
+  components: {PartitionSelect},
   created() {
-    this.getData();
-    listPartitionInfo().then((res) => {
-      this.deriveObj.options = res.data;
-      this.controlsObj.options = res.data;
-    });
     this.loading = true;
     getAll().then((res) => {
       this.controlsObj.options3 = res.data;
@@ -557,7 +548,7 @@ export default {
       deriveDialog: false,
       deriveObjNew: {},
       deriveObj: {
-        value: "",
+        value: undefined,
         time: "",
         options: [],
       },
diff --git a/src/views/luckyTycoon/luckyTycoonListStatistics.vue b/src/views/luckyTycoon/luckyTycoonListStatistics.vue
index 95a5d85..bce01bc 100644
--- a/src/views/luckyTycoon/luckyTycoonListStatistics.vue
+++ b/src/views/luckyTycoon/luckyTycoonListStatistics.vue
@@ -29,19 +29,11 @@
         </el-select>
       </div>
       <div class="block">
-        <span class="demonstration">地区</span>
-        <el-select
-          filterable
-          v-model="inquire.partitionId"
-          placeholder="请选择"
-        >
-          <el-option
-            v-for="item in inquire.options2"
-            :key="item.id"
-            :label="item.desc"
-            :value="item.id"
-          ></el-option>
-        </el-select>
+        <span class="demonstration">分区</span>
+        <partition-select v-model:partition-id="inquire.partitionId"
+                          v-model:partition-infos="inquire.options2"
+                          v-model:after-init="getData"
+        />
       </div>
     </div>
 
@@ -202,7 +194,6 @@
 <script>
 import {
   luckyBagWeekRankList,
-  listPartitionInfo,
   exportList,
   luckyBagWeekRankListRank,
   exportRank,
@@ -211,9 +202,11 @@ import {
 import { dateFormat } from "@/utils/system-helper";
 // @ts-ignore
 import { ElMessage } from "element-plus";
+import PartitionSelect from "@/views/common/partitionSelect.vue";
 
 export default {
   name: "luckyTycoonListStatistics",
+  components: {PartitionSelect},
   data() {
     return {
       inquire: {
@@ -231,7 +224,7 @@ export default {
             label: "周",
           },
         ],
-        partitionId: "",
+        partitionId: undefined,
         options2: [],
       },
       loading: false,
@@ -279,13 +272,6 @@ export default {
       },
     };
   },
-  created() {
-    listPartitionInfo().then((res) => {
-      if (res.code === 200) {
-        this.inquire.options2 = res.data;
-      }
-    });
-  },
   methods: {
     getData() {
       this.loading = true;
diff --git a/src/views/luckyTycoon/luckyTycoonOnePlusOne.vue b/src/views/luckyTycoon/luckyTycoonOnePlusOne.vue
index e1e42c5..d66ab6a 100644
--- a/src/views/luckyTycoon/luckyTycoonOnePlusOne.vue
+++ b/src/views/luckyTycoon/luckyTycoonOnePlusOne.vue
@@ -139,23 +139,6 @@
 
   <!-- 导出弹窗 -->
   <el-dialog v-model="deriveDialog" title="导出" width="28%" center>
-    <!-- 榜单数据 -->
-    <!-- <div style="margin-bottom: 25px; margin-top: 10px">
-      <span
-        style="display: inline-block; margin-right: 20px"
-        class="col-sm-2 control-label"
-        >地区选择</span
-      >
-      <el-select v-model="deriveObj.value" placeholder="请选择">
-        <el-option
-          v-for="item in deriveObj.options"
-          :key="item.value"
-          :label="item.label"
-          :value="item.value"
-        >
-        </el-option>
-      </el-select>
-    </div> -->
     <!-- 选择时间 -->
     <div style="margin-bottom: 25px; margin-top: 10px">
       <span
@@ -197,17 +180,12 @@
       <span
         style="display: inline-block; margin-right: 20px"
         class="col-sm-2 control-label"
-        >地区选择</span
+        >分区选择</span
       >
-      <el-select filterable v-model="controlsObj.value" placeholder="请选择">
-        <el-option
-          v-for="item in controlsObj.options"
-          :key="item.id"
-          :label="item.desc"
-          :value="item.id"
-        >
-        </el-option>
-      </el-select>
+      <partition-select v-model:partition-id="controlsObj.value"
+                        v-model:partition-infos="controlsObj.options"
+                        v-model:after-init="getData"
+      />
     </div>
     <!-- 福袋礼物选择 -->
     <div style="margin-bottom: 25px; margin-top: 10px">
@@ -401,7 +379,6 @@
 </template>
 <script>
 import {
-  listPartitionInfo,
   listLuckyBagLinearGift,
   luckyBagFortunatePage,
   getPrizeGroupsInfo,
@@ -414,18 +391,16 @@ import {
 import { dateFormat } from "@/utils/system-helper";
 // @ts-ignore
 import { ElMessage } from "element-plus";
+import PartitionSelect from "@/views/common/partitionSelect.vue";
 export default {
   name: "luckyTycoonOnePlusOne",
+  components: {PartitionSelect},
   created() {
-    listPartitionInfo().then((res) => {
-      this.controlsObj.options = res.data;
-    });
     listLuckyBagLinearGift({
       giftTypes: "3,15",
     }).then((res) => {
       this.controlsObj.options2 = res.data;
     });
-    this.getData();
   },
   data() {
     return {
@@ -444,27 +419,14 @@ export default {
       deriveObj: {
         value: "",
         time: "",
-        options: [
-          {
-            value: "1",
-            label: "英语区",
-          },
-          {
-            value: "2",
-            label: "阿拉伯区",
-          },
-          {
-            value: "4",
-            label: "华语区",
-          },
-        ],
+        options: [],
       },
       controlsDialog: false,
       controlsDialogType: 1, //1新增 2编辑
       controlsTitle: "编辑&新增",
       controlsObj: {
         // 地区选择
-        value: "",
+        value: undefined,
         options: [],
         // 福袋礼物选择
         value2: "",
diff --git a/src/views/medal/MedalInfo.vue b/src/views/medal/MedalInfo.vue
index ff4de70..61fc43c 100644
--- a/src/views/medal/MedalInfo.vue
+++ b/src/views/medal/MedalInfo.vue
@@ -10,15 +10,11 @@
       <el-input v-model="inquire.nick" placeholder="" class="input"></el-input>
     </div>
     <div class="inquire">
-      <span class="demonstration">地区</span>
-      <el-select filterable v-model="inquire.partitionId" placeholder="请选择">
-        <el-option
-          v-for="item in inquire.options"
-          :key="item.id"
-          :label="item.desc"
-          :value="item.id"
-        ></el-option>
-      </el-select>
+      <span class="demonstration">分区</span>
+      <partition-select v-model:partition-id="inquire.partitionId"
+                        v-model:partition-infos="inquire.options"
+                        v-model:after-init="afterPartitionInit"
+      />
     </div>
     <!-- 查询按钮 -->
     <el-button class="primary" type="primary" @click="getData()">
@@ -326,17 +322,15 @@
 </template>
 <script>
 import {
-  listPartitionInfo,
   medalPage,
   medalSave,
   medalSend,
 } from "@/api/medal/medal";
-// @ts-ignore
-import { dateFormat } from "@/utils/system-helper";
-// @ts-ignore
 import { ElMessage } from "element-plus";
+import PartitionSelect from "@/views/common/partitionSelect.vue";
 export default {
   name: "MedalInfo",
+  components: {PartitionSelect},
   data() {
     return {
       loading: false,
@@ -344,7 +338,7 @@ export default {
       inquire: {
         id: "",
         nick: "",
-        partitionId: "",
+        partitionId: undefined,
       },
       // 表格
       tableData: [],
@@ -388,20 +382,11 @@ export default {
       grantObjNew: {},
     };
   },
-  created() {
-    listPartitionInfo().then((res) => {
-      this.inquire.options = res.data;
-      this.inquire.options.push({
-        desc: "全部",
-        id: "",
-      });
-      listPartitionInfo().then((res) => {
-        this.controlsObj.options = res.data;
-        this.getData();
-      });
-    });
-  },
   methods: {
+    afterPartitionInit() {
+      this.controlsObj.options = this.inquire.options;
+      this.getData();
+    },
     // 查询接口
     getData() {
       this.loading = true;
diff --git a/src/views/nobleman/newGuildApplication.vue b/src/views/nobleman/newGuildApplication.vue
index 6b79de6..a274bc5 100644
--- a/src/views/nobleman/newGuildApplication.vue
+++ b/src/views/nobleman/newGuildApplication.vue
@@ -3,15 +3,10 @@
     <!-- 查询 -->
     <div class="inquire">
       <span>分区</span>
-      <el-select v-model="inquire.partitionId" placeholder="请选择">
-        <el-option
-          v-for="item in inquire.partitionArr"
-          :key="item.id"
-          :label="item.desc"
-          :value="item.id"
-        >
-        </el-option>
-      </el-select>
+      <partition-select v-model:partition-id="inquire.partitionId"
+                        v-model:partition-infos="inquire.partitionArr"
+                        v-model:after-init="getData"
+      />
     </div>
     <div class="inquire">
       <span>平台ID</span>
@@ -183,7 +178,6 @@
 </template>
 <script>
 import {
-  listPartitionInfo,
   guildApplyList,
   guildApplyAudit,
 } from "@/api/nobleman/nobleman";
@@ -191,14 +185,16 @@ import {
 import { dateFormat } from "@/utils/system-helper";
 // @ts-ignore
 import { ElMessage } from "element-plus";
+import PartitionSelect from "@/views/common/partitionSelect.vue";
 export default {
   name: "newGuildApplication",
+  components: {PartitionSelect},
   data() {
     return {
       loading: false,
       //查询所需条件对象
       inquire: {
-        partitionId: "",
+        partitionId: undefined,
         partitionArr: [],
         userId: "",
         status: -1,
@@ -220,13 +216,6 @@ export default {
       pageSize: 10, //条数
     };
   },
-  created() {
-    listPartitionInfo().then((res) => {
-      console.log(res.data);
-      this.inquire.partitionArr = res.data;
-      this.inquire.partitionId = this.inquire.partitionArr[0].id;
-    });
-  },
   methods: {
     // 查询接口
     getData() {
diff --git a/src/views/privilege/personalHomepageResourceManagement.vue b/src/views/privilege/personalHomepageResourceManagement.vue
index 4adcbf6..2781355 100644
--- a/src/views/privilege/personalHomepageResourceManagement.vue
+++ b/src/views/privilege/personalHomepageResourceManagement.vue
@@ -3,15 +3,10 @@
     <!-- 查询 -->
     <div class="inquire">
       <span>地区</span>
-      <el-select v-model="inquire.partitionId" placeholder="请选择">
-        <el-option
-          v-for="item in inquire.partitionArr"
-          :key="item.id"
-          :label="item.desc"
-          :value="item.id"
-        >
-        </el-option>
-      </el-select>
+      <partition-select v-model:partition-id="inquire.partitionId"
+                        v-model:partition-infos="inquire.partitionArr"
+                        v-model:after-init="getData"
+      />
     </div>
     <div class="inquire">
       <span>名称</span>
@@ -435,20 +430,18 @@
 </template>
 <script>
 import {
-  listPartitionInfo,
   pesonalBackgroundListByPage,
   pesonalBackgroundSaveOrUpdate,
   pesonalBackgroundListSend,
 } from "@/api/personalHomepageResourceManagement/personalHomepageResourceManagement";
-// @ts-ignore
-import { dateFormat } from "@/utils/system-helper";
 import { partitionDesc, partitionIdArr } from "@/utils/partitionDesc.js";
 import { ref, reactive, onMounted, onUnmounted, nextTick } from "vue";
-// @ts-ignore
 import { ElMessage } from "element-plus";
 import SVGA from "svgaplayerweb";
+import PartitionSelect from "@/views/common/partitionSelect.vue";
 export default {
   name: "personalHomepageResourceManagement",
+  components: {PartitionSelect},
   setup() {
     // 响应式数据
     const file = ref(null);
@@ -459,7 +452,7 @@ export default {
     const loading = ref(false);
 
     const inquire = reactive({
-      partitionId: "",
+      partitionId: undefined,
       partitionArr: [],
       name: "",
       status: "",
@@ -510,20 +503,6 @@ export default {
     const currentPage = ref(1); // 页码
     const pageSize = ref(10); // 条数
 
-    // 生命周期钩子
-    onMounted(() => {
-      console.log("组件已挂载");
-      listPartitionInfo().then((res) => {
-        inquire.partitionArr = operationValue.partitionArr = res.data;
-        inquire.partitionId = inquire.partitionArr[0].id;
-        getData();
-      });
-    });
-
-    onUnmounted(() => {
-      console.log("组件已卸载");
-    });
-
     // 查询接口
     const getData = () => {
       loading.value = true;
diff --git a/src/views/recharge/RechargeSubUserView.vue b/src/views/recharge/RechargeSubUserView.vue
index 9a5a04e..6ad0028 100644
--- a/src/views/recharge/RechargeSubUserView.vue
+++ b/src/views/recharge/RechargeSubUserView.vue
@@ -5,19 +5,10 @@
       <!-- 分区 -->
       <div class="inquire">
         <span>分区</span>
-        <el-select
-          v-model="inquire.partitionId"
-          placeholder="请选择"
-          @change="handleChange"
-        >
-          <el-option
-            v-for="item in partitionOptions"
-            :key="item.id"
-            :label="item.desc"
-            :value="item.id"
-          >
-          </el-option>
-        </el-select>
+        <partition-select v-model:partition-id="inquire.partitionId"
+                          v-model:partition-infos="partitionOptions"
+                          v-model:after-init="getData"
+        />
       </div>
       <div class="inquire">
         <span>二级代理ID</span>
@@ -157,9 +148,11 @@
 <script>
 import { listPartitionInfo, listRegionType, page, save, del } from "@/api/recharge/rechargeSubUser";
 import { ElMessage, ElMessageBox } from 'element-plus'
+import PartitionSelect from "@/views/common/partitionSelect.vue";
 
 export default {
   name: "RechargeSubUserView",
+  components: {PartitionSelect},
   data() {
     return {
       loading: false,
@@ -183,16 +176,6 @@ export default {
     };
   },
   created() {
-    listPartitionInfo().then((res) => {
-      if (res.code !== 200) {
-        throw new Error(res.msg);
-      }
-      this.partitionOptions = res.data;
-      this.inquire.partitionId = res.data[0].id;
-    }).then(() =>{
-      this.getData();
-    });
-
     listRegionType().then((res) => {
       this.regionOptions = res.data;
       console.info(this.regionOptions)
diff --git a/src/views/refund/UserRefundQuiry.vue b/src/views/refund/UserRefundQuiry.vue
index 03d9555..0bd80da 100644
--- a/src/views/refund/UserRefundQuiry.vue
+++ b/src/views/refund/UserRefundQuiry.vue
@@ -4,18 +4,9 @@
     <div class="inquire">
       <div class="block">
         <span class="demonstration">分区</span>
-        <el-select
-          v-model="inquire.partitionId"
-          style="width: 75%"
-          placeholder="请选择"
-        >
-          <el-option
-            v-for="item in inquire.partitionArr"
-            :key="item.id"
-            :label="item.desc"
-            :value="item.id"
-          ></el-option>
-        </el-select>
+        <partition-select v-model:partition-id="inquire.partitionId"
+                          v-model:partition-infos="inquire.partitionArr"
+        />
       </div>
     </div>
     <!-- 平台ID -->
@@ -222,7 +213,6 @@
 </template>
 <script>
 import {
-  listPartitionInfo,
   refundList,
   regionInfoList,
   refundExport,
@@ -231,8 +221,10 @@ import {
 import { dateFormat } from "@/utils/system-helper";
 // @ts-ignore
 import { ElMessage } from "element-plus";
+import PartitionSelect from "@/views/common/partitionSelect.vue";
 export default {
   name: "userRefundQuiry",
+  components: {PartitionSelect},
   computed: {
     sortedMapObj() {
       const entries = Object.entries(this.mapObj);
@@ -291,10 +283,6 @@ export default {
     };
   },
   created() {
-    listPartitionInfo().then((res) => {
-      this.inquire.partitionArr = res.data;
-      this.inquire.partitionId = this.inquire.partitionArr[0].id;
-    });
     regionInfoList().then((res) => {
       this.inquire.countryArr = res.data;
     });
diff --git a/src/views/room/GameAdmin.vue b/src/views/room/GameAdmin.vue
index 38b895d..756af40 100644
--- a/src/views/room/GameAdmin.vue
+++ b/src/views/room/GameAdmin.vue
@@ -144,6 +144,8 @@
           <el-checkbox label="华语区"></el-checkbox>
           <el-checkbox label="英语区"></el-checkbox>
           <el-checkbox label="阿拉伯语区"></el-checkbox>
+          <el-checkbox label="土耳其区"></el-checkbox>
+          <el-checkbox label="英语2区"></el-checkbox>
         </el-checkbox-group>
       </div>
       <!-- 是否展示 -->
@@ -246,6 +248,14 @@ export default {
           partitionFlag: 4,
           label: "华语区",
         },
+        {
+          partitionFlag: 8,
+          label: "土耳其区",
+        },
+        {
+          partitionFlag: 16,
+          label: "英语2区",
+        },
         {
           partitionFlag: "",
           label: "全部",
diff --git a/src/views/roomBackground/roomBackground.vue b/src/views/roomBackground/roomBackground.vue
index d521c1d..8d8a1f7 100644
--- a/src/views/roomBackground/roomBackground.vue
+++ b/src/views/roomBackground/roomBackground.vue
@@ -3,15 +3,10 @@
     <!-- 查询 -->
     <div class="inquire">
       <span>分区</span>
-      <el-select v-model="inquire.partitionId" placeholder="请选择">
-        <el-option
-          v-for="item in inquire.partitionArr"
-          :key="item.id"
-          :label="item.desc"
-          :value="item.id"
-        >
-        </el-option>
-      </el-select>
+      <partition-select v-model:partition-id="inquire.partitionId"
+                        v-model:partition-infos="inquire.partitionArr"
+                        v-model:after-init="getData"
+      />
     </div>
     <!-- 名称 -->
     <div class="inquire">
@@ -347,7 +342,6 @@
 </template>
 <script>
 import {
-  listPartitionInfo,
   page,
   roomBackgroundAdd,
   roomBackgroundUpdate,
@@ -356,16 +350,16 @@ import {
 import { dateFormat } from "@/utils/system-helper";
 // @ts-ignore
 import { ElMessage, ElTable } from "element-plus";
-import { ref, onMounted, nextTick } from "vue";
-import SVGA from "svgaplayerweb";
+import PartitionSelect from "@/views/common/partitionSelect.vue";
 export default {
   name: "roomBackground",
+  components: {PartitionSelect},
   data() {
     return {
       loading: false,
       //查询所需条件对象
       inquire: {
-        partitionId: "",
+        partitionId: undefined,
         partitionArr: [],
         id: "",
         status: "",
@@ -410,45 +404,15 @@ export default {
       },
     };
   },
-  created() {
-    listPartitionInfo().then((res) => {
-      console.log(res);
-      this.inquire.partitionArr = res.data;
-      this.inquire.partitionId = this.inquire.partitionArr[0].id;
-      this.getData();
-    });
-  },
+  // created() {
+  //   listPartitionInfo().then((res) => {
+  //     console.log(res);
+  //     this.inquire.partitionArr = res.data;
+  //     this.inquire.partitionId = this.inquire.partitionArr[0].id;
+  //
+  //   });
+  // },
   methods: {
-    guideFn(id, url) {
-      // 等待 DOM 渲染完成
-      this.$nextTick(() => {
-        const guideElement = document.getElementById("guide" + id);
-        if (guideElement && url.toLowerCase().endsWith(".svga")) {
-          let player = new SVGA.Player(guideElement);
-          let parser = new SVGA.Parser();
-          parser.load(url, (videoItem) => {
-            // 你的svga文件路径
-            player.setVideoItem(videoItem);
-            player.startAnimation(); // 开始动画
-          });
-        }
-      });
-    },
-    guideFn2(url) {
-      // 等待 DOM 渲染完成
-      this.$nextTick(() => {
-        const guideElement = document.getElementById("guide2");
-        if (guideElement && url.toLowerCase().endsWith(".svga")) {
-          let player = new SVGA.Player(guideElement);
-          let parser = new SVGA.Parser();
-          parser.load(url, (videoItem) => {
-            // 你的 svga 文件路径
-            player.setVideoItem(videoItem);
-            player.startAnimation(); // 开始动画
-          });
-        }
-      });
-    },
     // 查询接口
     getData() {
       this.isLoading = true;
@@ -571,16 +535,6 @@ export default {
         type: "success",
       });
     },
-    handleAvatarSuccess3(res, file) {
-      console.log(file);
-      // this.operation.imageUrl1 = URL.createObjectURL();
-      this.dialogObj.imageUrl3 = file.response.data;
-      ElMessage({
-        showClose: true,
-        message: "上传成功！",
-        type: "success",
-      });
-    },
     beforeAvatarUpload() {
       ElMessage({
         showClose: true,
@@ -603,7 +557,6 @@ export default {
       this.getData();
     },
   },
-  mounted() {},
 };
 </script>
 <style lang="less" scoped>
diff --git a/src/views/roomBackground/roomBackgroundCustom.vue b/src/views/roomBackground/roomBackgroundCustom.vue
index 5dddfd4..51296c7 100644
--- a/src/views/roomBackground/roomBackgroundCustom.vue
+++ b/src/views/roomBackground/roomBackgroundCustom.vue
@@ -3,15 +3,10 @@
     <!-- 查询 -->
     <div class="inquire">
       <span>分区</span>
-      <el-select v-model="inquire.partitionId" placeholder="请选择">
-        <el-option
-          v-for="item in inquire.partitionArr"
-          :key="item.id"
-          :label="item.desc"
-          :value="item.id"
-        >
-        </el-option>
-      </el-select>
+      <partition-select v-model:partition-id="inquire.partitionId"
+                        v-model:partition-infos="inquire.partitionArr"
+                        v-model:after-init="getData"
+      />
     </div>
     <!-- 名称 -->
     <div class="inquire">
@@ -184,20 +179,16 @@
 </template>
 <script>
 import {
-  listPartitionInfo,
   customPage,
   customPass,
   customReject,
   customDel,
 } from "@/api/roomBackground/roomBackground";
-// @ts-ignore
-import { dateFormat } from "@/utils/system-helper";
-// @ts-ignore
-import { ElMessage, ElTable } from "element-plus";
-import { ref } from "vue";
-import { ElMessageBox } from "element-plus"; // 正确引入 ElM
+import { ElMessage } from "element-plus";
+import PartitionSelect from "@/views/common/partitionSelect.vue";
 export default {
   name: "roomBackgroundCustom",
+  components: {PartitionSelect},
   data() {
     return {
       loading: false,
@@ -219,15 +210,6 @@ export default {
       // visible3: false,
     };
   },
-  created() {
-    this.loading = true;
-    listPartitionInfo().then((res) => {
-      console.log(res);
-      this.inquire.partitionArr = res.data;
-      this.inquire.partitionId = this.inquire.partitionArr[0].id;
-      this.getData();
-    });
-  },
   methods: {
     // 查询接口
     getData() {
diff --git a/src/views/users/MessageAdminView.vue b/src/views/users/MessageAdminView.vue
index 3e08bc5..20df81a 100644
--- a/src/views/users/MessageAdminView.vue
+++ b/src/views/users/MessageAdminView.vue
@@ -69,7 +69,7 @@
           <form id="addMsgForm" class="form-horizontal">
             <div class="form-group">
               <label for="receiver" class="col-sm-3 control-label"
-                >选择地区：</label
+                >选择分区：</label
               >
               <div class="col-sm-8">
                 <select
@@ -350,15 +350,21 @@ export default {
               align: "center",
               width: "10%",
               formatter: function (val, row, index) {
-                let value = "";
+                let value = '';
                 if ((val & 1) != 0) {
-                  value += "英语区<br>";
+                  value += '英语区<br>';
                 }
                 if ((val & 2) != 0) {
-                  value += "阿拉伯语区<br>";
+                  value += '阿拉伯语区<br>';
                 }
                 if ((val & 4) != 0) {
-                  value += "华语区<br>";
+                  value += '华语区<br>';
+                }
+                if ((val & 8) != 0) {
+                  value += '土耳其<br>';
+                }
+                if ((val & 16) != 0) {
+                  value += '英语2区<br>';
                 }
                 return value;
               },