fix some bug

src/components/CustomerList.vue

@@ -4,7 +4,7 @@
 			<t-cell
 				v-for="(item, index) in customerList"
 				:key="item.id || item.code || index"
-				:note="item.code"
+				:note="item.code || ''"
 				hover
 				@click="handleSelect(item)"
 			>

src/components/CustomerProfileCard.vue

@@ -1,8 +1,8 @@
 <template>
 	<div class="customer-profile-card">
-		<t-button v-if="photoURL" variant="text" class="avatar-trigger" @click="openPhotoViewer">
+		<button v-if="photoURL" type="button" class="avatar-trigger" @click.stop="openPhotoViewer">
 			<t-image :src="photoURL" :alt="customerName" fit="cover" class="avatar" />
-		</t-button>
+		</button>
 		<div v-else class="avatar fallback" v-text="avatarText" />
 		<div class="content">
 			<div class="header">
@@ -66,6 +66,7 @@ function openPhotoViewer(): void {
 		width: 4rem;
 		height: 4rem;
 		display: block;
+		cursor: pointer;
 		background: transparent;
 		border-radius: .875rem;
 	}

src/pages/management/CustomerDetail.vue

@@ -36,26 +36,12 @@
 				<body-area-selector v-model="selectedAreas" />
 			</div>
 		</t-cell-group>
-		<t-cell-group v-if="inviter" :title="`被 ${inviter.name} 邀请`" class="invite" theme="card">
+		<t-cell-group v-if="inviter" :title="`由 ${inviter.name} 邀请`" class="invite" theme="card">
-			<t-cell
+			<customer-profile-card
-				:title="inviter.name"
+				class="profile-card"
-				arrow
+				:customer="inviter"
 				@click="goCustomerDetail(inviter)"
-			>
+			/>
-				<template #description>
-					<telephone-link :value="inviter.telephone" placeholder="未填写电话" />
-				</template>
-				<template #leftIcon>
-					<t-image
-						v-if="getCustomerPhotoURL(inviter)"
-						class="avatar"
-						:src="getCustomerPhotoURL(inviter)"
-						:alt="inviter.name"
-						fit="cover"
-					/>
-					<div v-else class="avatar fallback" v-text="(inviter.name || '客').slice(0, 1)" />
-				</template>
-			</t-cell>
 		</t-cell-group>
 		<div class="invite">
 			<div class="header">
@@ -77,8 +63,8 @@
 			<t-cell-group theme="card">
 				<t-swipe-cell
 					class="item"
-					v-for="item in invitees"
+					v-for="(item, index) in invitees"
-					:key="item.id || item.code"
+					:key="item.id || item.code || index"
 				>
 					<t-cell
 						arrow
@@ -465,6 +451,21 @@ watch(() => route.params.id, async () => {
 		margin: 0 1rem;
 	}
 
+	:deep(.t-cell__title) {
+		flex: 0 0 auto;
+	}
+
+	:deep(.t-cell__title-text) {
+		white-space: nowrap;
+	}
+
+	:deep(.t-cell__note) {
+		flex: 1 1 auto;
+		min-width: 0;
+		white-space: normal;
+		overflow-wrap: anywhere;
+	}
+
 	.conditioning-part {
 		gap: .5rem;
 		padding: 1rem;
@@ -474,6 +475,19 @@ watch(() => route.params.id, async () => {
 
 	.invite {
 
+		.inviter-profile {
+			gap: .5rem;
+			display: flex;
+			cursor: pointer;
+			padding: .75rem;
+			align-items: center;
+
+			.profile-card {
+				flex: 1;
+				min-width: 0;
+			}
+		}
+
 		.item {
 
 			.title {

src/pages/management/CustomerEdit.vue

@@ -415,7 +415,7 @@ async function saveCustomer(): Promise<void> {
 	const customerCode = formModel.code.trim();
 	const payload: Customer = {
 		...(currentCustomer.value || {}),
-		code: customerCode || undefined,
+		code: customerCode || null,
 		name: formModel.name,
 		gender: formModel.gender || undefined,
 		age: Number(formModel.age) || undefined,
@@ -426,7 +426,7 @@ async function saveCustomer(): Promise<void> {
 		remark: formModel.note,
 		disease: formModel.disease,
 		conditioningPart: selectedAreas.value,
-		introducerCustomerId: formModel.inviterCustomerId || undefined,
+		introducerCustomerId: formModel.inviterCustomerId || null,
 		attachmentIdList: photoTempFileId.value ? [photoTempFileId.value] : undefined
 	};
 

src/pages/management/CustomerList.vue

@@ -16,8 +16,8 @@
 		<section class="items">
 			<div
 				class="item"
-				v-for="item in customerList"
+				v-for="(item, index) in customerList"
-				:key="item.id || item.code"
+				:key="item.id || item.code || index"
 				@click="goDetail(item)"
 			>
 				<t-image v-if="getCustomerPhotoURL(item)" :src="getCustomerPhotoURL(item)" :alt="item.name" fit="cover" class="avatar" />
@@ -28,7 +28,7 @@
 							<h4 class="value" v-text="item.name" />
 							<gender-icon :value="item.gender" size="1.125rem" />
 						</div>
-						<span class="meta gray" v-text="item.code" />
+						<span class="meta gray" v-text="item.code || ''" />
 					</div>
 					<div class="line">
 						<div class="gray">

src/pages/management/RegistrationEventRecordEdit.vue

@@ -45,13 +45,23 @@
 				required-mark
 			/>
 			<t-form-item label="登记时间" content-align="right">
-				<t-button
+				<div class="time-actions">
-					theme="primary"
+					<t-button
-					variant="outline"
+						theme="primary"
-					size="extra-small"
+						variant="outline"
-					:content="registeredAtText || '此刻'"
+						size="extra-small"
-					@click="openRegisteredAtPicker"
+						:content="registeredAtText || '此刻'"
-				/>
+						@click="openRegisteredAtPicker"
+					/>
+					<t-button
+						v-if="registeredAtText"
+						theme="primary"
+						variant="text"
+						size="extra-small"
+						content="此刻"
+						@click="resetRegisteredAt"
+					/>
+				</div>
 			</t-form-item>
 			<t-form-item label="登记备注">
 				<t-textarea
@@ -123,8 +133,9 @@
 	</div>
 	<t-popup v-model="registeredAtPickerVisible" placement="bottom">
 		<t-date-time-picker
+			v-if="registeredAtPickerVisible"
 			v-model="registeredAtDraftText"
-			:default-value="registeredAtDraftText"
+			:start="minimumDateTimeText"
 			:mode="['date', 'minute']"
 			format="YYYY-MM-DD HH:mm"
 			title="登记时间"
@@ -169,6 +180,7 @@ const selectedCustomerList = ref<Customer[]>([]);
 const registrationEventList = ref<RegistrationEvent[]>([]);
 const selectedRegistrationEventIdList = ref<string[]>([]);
 const recentRecordList = ref<RegistrationEventRecord[]>([]);
+const minimumDateTimeText = "1970-01-01 00:00";
 const registeredAtText = ref("");
 const registeredAtDraftText = ref("");
 const registeredAtPickerVisible = ref(false);
@@ -436,6 +448,11 @@ function confirmRegisteredAt(): void {
 	registeredAtPickerVisible.value = false;
 }
 
+function resetRegisteredAt(): void {
+	registeredAtText.value = "";
+	registeredAtDraftText.value = "";
+}
+
 async function submitRecord(): Promise<void> {
 	if (!validateForm()) {
 		return;
@@ -611,6 +628,13 @@ watch(customerCode, async (value) => {
 			padding: 0 1rem;
 			margin-top: 1rem;
 		}
+
+		.time-actions {
+			gap: .5rem;
+			display: flex;
+			align-items: center;
+			justify-content: flex-end;
+		}
 	}
 
 	.record-photo {

src/pages/management/RegistrationEventRecordList.vue

@@ -560,6 +560,22 @@ onUnmounted(() => {
 			.cell {
 				padding: .5rem;
 
+				:deep(.t-cell__title) {
+					flex: 1 1 0;
+					min-width: 0;
+				}
+
+				:deep(.t-cell__title-text) {
+					overflow: hidden;
+					white-space: nowrap;
+					text-overflow: ellipsis;
+				}
+
+				:deep(.t-cell__note) {
+					flex: 0 0 auto;
+					white-space: nowrap;
+				}
+
 				.photo {
 					width: 3.5rem;
 					height: 3.5rem;

src/types/Customer.ts

@@ -8,7 +8,7 @@ export type BodyAreaValue = {
 };
 
 export type Customer = {
-	code?: string;
+	code?: string | null;
 	name?: string;
 	gender?: CustomerGender;
 	age?: number;
@@ -19,7 +19,7 @@ export type Customer = {
 	remark?: string;
 	disease?: string;
 	conditioningPart?: BodyAreaValue;
-	introducerCustomerId?: string;
+	introducerCustomerId?: string | null;
 	creatorUserId?: string;
 	lastSignInAt?: number;
 	introducerCustomer?: Customer;