From c639d825fc763b0f2b9ba640591564b23929c55c Mon Sep 17 00:00:00 2001
From: songjie <bestsongj@163.com>
Date: Sun, 25 Jan 2026 16:18:32 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=B0=E5=8C=BA=E5=85=A8=E9=83=A8=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E6=8E=A5=E5=8F=A3=E8=BF=94=E5=9B=9E=E7=9A=84=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/PlatformData/UserLoginStats.vue | 36 +++++++++++++++++++++++++++----
 1 file changed, 32 insertions(+), 4 deletions(-)

diff --git a/src/views/PlatformData/UserLoginStats.vue b/src/views/PlatformData/UserLoginStats.vue
index afb2216..4393caf 100644
--- a/src/views/PlatformData/UserLoginStats.vue
+++ b/src/views/PlatformData/UserLoginStats.vue
@@ -24,8 +24,12 @@
         <div class="search-label">地区</div>
         <el-select v-model="selectedRegion" placeholder="请选择所属地区" style="width: 200px; margin-right: 20px;">
           <el-option label="全部" value="all" />
-          <el-option label="中国" value="cn" />
-          <el-option label="美国" value="us" />
+          <el-option
+            v-for="item in regionOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
         </el-select>
         
         <div class="search-label">时间段查询</div>
@@ -135,7 +139,15 @@
       <!-- 搜索栏 -->
       <div class="search-bar">
         <div class="search-label">地区查询</div>
-        <el-input v-model="searchRegion" placeholder="请输入地区" style="width: 200px; margin-right: 20px;" />
+        <el-select v-model="searchRegion" placeholder="请选择所属地区" style="width: 200px; margin-right: 20px;">
+          <el-option label="全部" value="" />
+          <el-option
+            v-for="item in regionOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
         
         <div class="search-label">时间段查询</div>
         <el-date-picker
@@ -223,7 +235,7 @@
 import { ref, onMounted, nextTick, watch } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import * as echarts from 'echarts';
-import { getUserLoginList, getUserLoginTrend, getRegionActiveData, getRegionActiveDataHistogram, getUserLoginChannel, getUserLoginChannelMember, getUserLoginChannelNoMember, getRegionUserDistribution, exportRegionActiveData } from '../../api/platformData';
+import { getUserLoginList, getUserLoginTrend, getRegionActiveData, getRegionActiveDataHistogram, getUserLoginChannel, getUserLoginChannelMember, getUserLoginChannelNoMember, getRegionUserDistribution, exportRegionActiveData, getRegionsList } from '../../api/platformData';
 import { ElMessage } from 'element-plus';
 
 const route = useRoute();
@@ -252,6 +264,21 @@ const barChartMode = ref('all');
 const regionalTableData1 = ref([]);
 const regionalTableData2 = ref([]);
 const regionalTableData3 = ref([]);
+const regionOptions = ref([]);
+
+// 获取地区列表
+const fetchRegionOptions = async () => {
+  try {
+    const res = await getRegionsList();
+    console.log("获取地区列表响应:", res);
+    const data = res.data || res;
+    if (data && data.list) {
+      regionOptions.value = data.list.map(region => ({ label: region, value: region }));
+    }
+  } catch (e) {
+    console.error('获取地区列表失败:', e);
+  }
+};
 
 // 初始化查询参数
 const initQueryParams = () => {
@@ -1023,6 +1050,7 @@ onMounted(() => {
   if (activeTab.value === 'loginData') {
       fetchAllLoginData();
   }
+  fetchRegionOptions();
   initCharts();
 });
 </script>