提交

src/views/Dashboard.vue

@@ -1142,26 +1142,33 @@ onMounted(async () => {
                         @wheel="onVenuePcChartWheel"
                       >
                         <div class="dash-venue-pc-chart__plot">
-                        <div
+                          <a-tooltip
-                          v-for="row in dashboardVenuePcRows"
+                            v-for="row in dashboardVenuePcRows"
-                          :key="String(row.venueId)"
+                            :key="String(row.venueId)"
-                          class="dash-venue-pc-chart__col"
+                            position="top"
-                        >
+                            content-class="dash-venue-pc-chart-tip"
-                          <span class="dash-venue-pc-chart__col-value">{{ row.enter }}</span>
-                          <div class="dash-venue-pc-chart__col-track">
-                            <div
-                              class="dash-venue-pc-chart__col-bar"
-                              :style="{ height: venuePcBarHeightPct(row.enter) }"
-                            />
-                          </div>
-                          <span
-                            class="dash-venue-pc-chart__col-label"
-                            :title="String(row.venueName || row.venueId)"
                           >
-                            {{ row.venueName || row.venueId }}
+                            <template #content>
-                          </span>
+                              <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
+                                  class="dash-venue-pc-chart__col-bar"
+                                  :style="{ height: venuePcBarHeightPct(row.enter) }"
+                                />
+                              </div>
+                              <span
+                                class="dash-venue-pc-chart__col-label"
+                                :title="String(row.venueName || row.venueId)"
+                              >
+                                {{ row.venueName || row.venueId }}
+                              </span>
+                            </div>
+                          </a-tooltip>
                         </div>
-                      </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 {