fix store chart style

src/components/EventRecordCalendar.vue

@@ -63,6 +63,9 @@
 							:title="getRecordEventName(item)"
 							:description="getRecordCustomerName(item)"
 							:note="`${formatRecordTime(item.registeredAt)}`"
+							arrow
+							hover
+							@click="toRecordDetail(item)"
 						/>
 					</t-cell-group>
 					<div v-else class="empty-block">该日暂无登记事件记录</div>
@@ -130,6 +133,8 @@ const emit = defineEmits<{
 	"update:selectedEventIdList": [value: string[]];
 }>();
 
+const route = useRoute();
+const router = useRouter();
 const weekNameList = ["日", "一", "二", "三", "四", "五", "六"];
 const dayRecordVisible = ref(false);
 const eventFilterVisible = ref(false);
@@ -192,6 +197,20 @@ function openDayRecords(day: CalendarDay): void {
 	dayRecordVisible.value = true;
 }
 
+async function toRecordDetail(record: EventRecord): Promise<void> {
+	if (!record.id) {
+		return;
+	}
+
+	dayRecordVisible.value = false;
+	await router.push({
+		path: `/management/registration-event-records/${record.id}`,
+		query: {
+			transitionDepth: String(getCurrentRouteDepth() + 1)
+		}
+	});
+}
+
 function getRecordEventName(record?: EventRecord): string {
 	if (!record) {
 		return "";
@@ -226,6 +245,10 @@ function isInCurrentMonth(value?: number): boolean {
 	return !!date && date.getFullYear() === props.modelValue.getFullYear() && date.getMonth() === props.modelValue.getMonth();
 }
 
+function getCurrentRouteDepth(): number {
+	return Number(route.meta.depth ?? 0);
+}
+
 function getMonthStart(date: Date): Date {
 	return new Date(date.getFullYear(), date.getMonth(), 1, 0, 0, 0, 0);
 }