类型:开发
描述:
This commit is contained in:
@@ -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',
|
||||||
|
|||||||
@@ -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(() => {
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user