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 @@
-
-
白帝城
-
1000
+
+
{{item.name}}
+
{{item.value}}
@@ -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() })