|
|
|
|
@ -1142,11 +1142,17 @@ onMounted(async () => {
|
|
|
|
|
@wheel="onVenuePcChartWheel"
|
|
|
|
|
>
|
|
|
|
|
<div class="dash-venue-pc-chart__plot">
|
|
|
|
|
<div
|
|
|
|
|
<a-tooltip
|
|
|
|
|
v-for="row in dashboardVenuePcRows"
|
|
|
|
|
:key="String(row.venueId)"
|
|
|
|
|
class="dash-venue-pc-chart__col"
|
|
|
|
|
position="top"
|
|
|
|
|
content-class="dash-venue-pc-chart-tip"
|
|
|
|
|
>
|
|
|
|
|
<template #content>
|
|
|
|
|
<div class="dash-venue-pc-chart-tip__name">{{ row.venueName || row.venueId }}</div>
|
|
|
|
|
<div class="dash-venue-pc-chart-tip__value">入馆人数：{{ row.enter }}</div>
|
|
|
|
|
</template>
|
|
|
|
|
<div class="dash-venue-pc-chart__col">
|
|
|
|
|
<span class="dash-venue-pc-chart__col-value">{{ row.enter }}</span>
|
|
|
|
|
<div class="dash-venue-pc-chart__col-track">
|
|
|
|
|
<div
|
|
|
|
|
@ -1161,6 +1167,7 @@ onMounted(async () => {
|
|
|
|
|
{{ row.venueName || row.venueId }}
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</a-tooltip>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -2241,6 +2248,29 @@ onMounted(async () => {
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
align-items: center;
|
|
|
|
|
gap: 6px;
|
|
|
|
|
cursor: default;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.dash-venue-pc-chart__col:hover .dash-venue-pc-chart__col-bar {
|
|
|
|
|
background: linear-gradient(180deg, #5c9dff 0%, #0e42d2 100%);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
:deep(.dash-venue-pc-chart-tip) {
|
|
|
|
|
max-width: 280px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.dash-venue-pc-chart-tip__name {
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
line-height: 1.4;
|
|
|
|
|
word-break: break-all;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.dash-venue-pc-chart-tip__value {
|
|
|
|
|
margin-top: 4px;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
line-height: 1.4;
|
|
|
|
|
opacity: 0.92;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.dash-venue-pc-chart__col-value {
|
|
|
|
|
|
