提交

src/views/Dashboard.vue

@@ -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 {