feat:完善首页功能

This commit is contained in:
zjc
2025-01-10 18:07:31 +08:00
parent 9ee304c8c2
commit 880db48579
18 changed files with 618 additions and 364 deletions

View File

@@ -5,15 +5,15 @@
<div class="left">
<div class="item">
<div class="label">今年总游客数</div>
<ScrollNumber :count="count" prefix="1" />
<scroll-number :count="visitorInfo.total_count_this_year" prefix="1" />
</div>
<div class="item">
<div class="label">全县景区总游客人数</div>
<ScrollNumber :count="count" prefix="2" />
<scroll-number :count="visitorInfo.total_count_today" prefix="2" />
</div>
<div class="item">
<div class="label">总在园人数</div>
<ScrollNumber :count="count" prefix="3" />
<scroll-number :count="visitorInfo.total_count_today_within_three_hours" prefix="3" />
</div>
</div>
<div class="right">
@@ -149,7 +149,15 @@
const homeData = inject('homeData')
let count = ref(69459)
const visitorInfo = computed(() => {
if (homeData.value) return homeData.value?.visitorInfo.data
return {
total_count_this_year: 0,
total_count_today: 0,
total_count_today_within_three_hours: 0
}
})
let spotList = ref([])
let list = ref([
@@ -180,7 +188,6 @@
let res1 = await getBaiduMapCrowdedApi({
nodeId: res.data[0].nodeid
})
console.log(res1, 'res1')
}
watch(
@@ -200,7 +207,7 @@
arr.push(new BMapGL.Point(j[0], j[1]))
})
var polyline = new BMapGL.Polyline(arr, {
strokeColor: '#1EBA29',
strokeColor: '#38DBFF',
strokeWeight: 4,
strokeOpacity: 0.8
})
@@ -280,7 +287,7 @@
position: absolute;
top: vw(20);
left: vw(20);
z-index: 99999;
z-index: 99;
.alarm-item {
width: vw(110);
height: vh(40);
@@ -303,7 +310,7 @@
position: absolute;
bottom: vw(20);
left: vw(20);
z-index: 99999;
z-index: 999;
}
.spot-list {
display: flex;