From 0523deed2610438ac56697eaeb4f1b0d955ac1bf Mon Sep 17 00:00:00 2001
From: duanliang <540489889@qq.com>
Date: Tue, 20 Jan 2026 12:50:41 +0800
Subject: [PATCH] =?UTF-8?q?feat=20=E4=BB=8A=E5=B9=B4=E6=B8=B8=E5=AE=A2?=
 =?UTF-8?q?=E6=80=BB=E6=95=B0=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/home.js                     | 10 +++++++++-
 src/views/home/components/box-2.vue | 27 ++++++++++++++++++++-------
 2 files changed, 29 insertions(+), 8 deletions(-)

diff --git a/src/api/home.js b/src/api/home.js
index b613728..edaed22 100644
--- a/src/api/home.js
+++ b/src/api/home.js
@@ -131,4 +131,12 @@ export function getVideCollectCateSort(data) {
     method: 'post',
     data
   })
-}
\ No newline at end of file
+}
+//今年游客总数
+export function getSpotVisitor(data) {
+  return request({
+    url: '/fjtcc-api/api/largeScreen/spot/spotVisitor',
+    method: 'get',
+    data
+  })
+}
diff --git a/src/views/home/components/box-2.vue b/src/views/home/components/box-2.vue
index dc3d898..0f98c27 100644
--- a/src/views/home/components/box-2.vue
+++ b/src/views/home/components/box-2.vue
@@ -268,9 +268,9 @@
 	       
 	      </div>
 	      <div class="list">
-	        <div class="item" v-for="(item, index) in 10" :key="index">
-	          <div>白帝城</div>
-	          <div>1000</div>
+	        <div class="item" v-for="(item, index) in orderedScenicData" :key="index">
+	          <div>{{item.name}}</div>
+	          <div>{{item.value}}</div>
 	        
 	       
 	        </div>
@@ -287,7 +287,7 @@
   import { Vue3SeamlessScroll } from 'vue3-seamless-scroll'
 
   import ScrollNumber from '@/components/ScrollNumber/index.vue'
-  import { getSpotListApi, getBaiduMapApi, getBaiduMapCrowdedApi } from '@/api/home'
+  import { getSpotListApi, getBaiduMapApi, getBaiduMapCrowdedApi,getSpotVisitor } from '@/api/home'
   import occupancy from './occupancy'
   import icon8 from '@/assets/images/icon-8.png'
   import icon9 from '@/assets/images/icon-9.png'
@@ -314,6 +314,19 @@
     spotList.value = res.data
     getBaiduMap()
   }
+  const visitorList = ref([])
+  const scenicOrder = ['白帝城·瞿塘峡', '三峡之巅', '龙桥河'];
+  const orderedScenicData = computed(() => {
+    return scenicOrder.map(name => ({
+      name: name, // 景点名（键）
+      value: visitorList.value[name] // 对应数值（值）
+    }));
+  });
+  const getSpotVisitorList = async () => {
+    let res = await getSpotVisitor()
+  	visitorList.value = res.data
+    console.log(res,'getSpotVisitor')
+  }
   const getBaiduMap = async () => {
     let res = await getBaiduMapApi({
       nodeid: 7162
@@ -515,7 +528,7 @@
 
   onMounted(() => {
     getSpotList()
-
+	getSpotVisitorList()
   })
 </script>
 <style lang="scss" scoped>
@@ -543,7 +556,7 @@
 	    width: 100%;
 	    margin-top: vh(20);
 	    .header {
-	      height: vh(28);
+	      height: vh(80);
 	      font-weight: 400;
 	      font-size: font-vw(20);
 	      color: #fff;
@@ -574,7 +587,7 @@
 	        border-radius: 5px; /* 滑块的圆角 */
 	      }
 	      .item {
-	        height: vh(50);
+	        height: vh(80);
 	        font-weight: 400;
 	        font-size: font-vw(14);
 	        color: #f1f7ff;