类型:开发

描述:
This commit is contained in:
2025-08-12 14:37:50 +08:00
parent 9d78158b77
commit 90347ba87a
3 changed files with 21 additions and 9 deletions

View File

@@ -72,11 +72,12 @@
show: true, // 显示dataZoom组件 show: true, // 显示dataZoom组件
xAxisIndex: [0], // 控制第一个x轴 xAxisIndex: [0], // 控制第一个x轴
start: 0, // 初始起始位置 start: 0, // 初始起始位置
end: 50 // 初始结束位置,可以根据数据量调整 end: 60 // 初始结束位置,可以根据数据量调整
} }
], ],
yAxis: { yAxis: {
type: 'value', type: 'value',
offset: 15,
axisLabel: { axisLabel: {
show: true, show: true,
fontSize: fitChartSize(12), fontSize: fitChartSize(12),
@@ -94,7 +95,7 @@
{ {
type: 'bar', type: 'bar',
data: getSeriesData(), data: getSeriesData(),
barWidth: fitChartSize(40), barWidth: fitChartSize(20),
label: { label: {
show: true, show: true,
position: 'top', position: 'top',

View File

@@ -107,12 +107,25 @@
<div class="header"> <div class="header">
<div>订票时间</div> <div>订票时间</div>
<div>订票数量</div> <div>订票数量</div>
<template v-if="scenicSpotId == 'root00000000'">
<div>徒步订票</div>
</template>
<template v-else>
<div>团队订票</div>
<div>散客订票</div>
</template>
</div> </div>
<div class="list"> <div class="list">
<div class="item" v-for="(item, index) in gridData" :key="index"> <div class="item" v-for="(item, index) in gridData" :key="index">
<div>{{ item.time }}</div> <div>{{ item.time }}</div>
<div>{{ item.value }}</div> <div>{{ item.value }}</div>
<template v-if="scenicSpotId == 'root00000000'">
<div>{{ item.walk }}</div>
</template>
<template v-else>
<div>{{ item.group }}</div>
<div>{{ item.single }}</div>
</template>
</div> </div>
</div> </div>
</div> </div>
@@ -177,11 +190,9 @@ import pubSub from 'pubsub-js'
let gridData = ref([]) let gridData = ref([])
let gridTitle = ref('') let gridTitle = ref('')
const handlePiaoPop = async()=>{ const handlePiaoPop = async()=>{
console.log(777777)
dialogTableVisible.value = true dialogTableVisible.value = true
let res = await getSpotTicketDate({scenicSpotId:props.scenicSpotId}) let res = await getSpotTicketDate({scenicSpotId:props.scenicSpotId})
gridData.value = res.data gridData.value = res.data
console.log(res,'res')
} }
let myElement = ref(false) let myElement = ref(false)
onMounted(() => { onMounted(() => {

View File

@@ -16,20 +16,20 @@
<div class="statistics-item"> <div class="statistics-item">
<div class="flex align-center"> <div class="flex align-center">
<img class="statistics-item__icon" src="@/assets/images/dot-error.svg" /> <img class="statistics-item__icon" src="@/assets/images/dot-error.svg" />
<span class="statistics-item__label">紧急消息</span> <span class="statistics-item__label">重要消息</span>
</div> </div>
<div class="statistics-item__value--error"> <div class="statistics-item__value--error">
<countup :end-val="countInfo.warn" /> <countup :end-val="countInfo.important" />
<span class="statistics-item__value-suffix"></span> <span class="statistics-item__value-suffix"></span>
</div> </div>
</div> </div>
<div class="statistics-item"> <div class="statistics-item">
<div class="flex align-center"> <div class="flex align-center">
<img class="statistics-item__icon" src="@/assets/images/dot-warning.svg" /> <img class="statistics-item__icon" src="@/assets/images/dot-warning.svg" />
<span class="statistics-item__label">重要消息</span> <span class="statistics-item__label">紧急消息</span>
</div> </div>
<div class="statistics-item__value--warning"> <div class="statistics-item__value--warning">
<countup :end-val="countInfo.important" /> <countup :end-val="countInfo.warn" />
<span class="statistics-item__value-suffix"></span> <span class="statistics-item__value-suffix"></span>
</div> </div>
</div> </div>