fix introducer save fail

src/pages/customer/CustomerEdit.vue

@@ -98,32 +98,39 @@
 				<t-input v-model.trim="formData.telephone" type="tel" placeholder="手机号" borderless :disabled="isCustomerBound" />
 			</t-form-item>
 			<t-form-item label="介绍人">
-				<div class="referrer">
-					<div class="selector">
-						<t-input
-							:value="formData.introducerCustomer?.name"
-							readonly
-							placeholder="选择介绍人"
-							borderless
-							:disabled="isCustomerBound"
-						/>
+				<div class="selector">
+					<t-input
+						:value="formData.introducerCustomer?.name"
+						readonly
+						placeholder="选择介绍人"
+						borderless
+						:disabled="isCustomerBound"
+					/>
 						<div class="actions">
 							<t-button
-								theme="primary"
-								variant="outline"
+								v-if="introducerCustomerId"
+								variant="text"
+								theme="danger"
 								size="extra-small"
 								:disabled="isCustomerBound"
-								@click="selectorVisible = true"
-							>选择客户</t-button>
-						</div>
+								@click="clearIntroducer"
+							>清除</t-button>
+							<t-button
+								theme="primary"
+							variant="outline"
+							size="extra-small"
+							:disabled="isCustomerBound"
+							@click="selectorVisible = true"
+						>选择客户</t-button>
 					</div>
-					<customer-profile-card
-						v-if="formData.introducerCustomer"
-						class="profile"
-						:customer="formData.introducerCustomer"
-					/>
 				</div>
 			</t-form-item>
+			<t-form-item v-if="formData.introducerCustomer" label-width="0">
+				<customer-profile-card
+					class="introducer-profile"
+					:customer="formData.introducerCustomer"
+				/>
+			</t-form-item>
 			<t-form-item label="调理部位" :arrow="!isCustomerBound" @click="openBodyAreaPicker">
 				<div class="picker-text" v-text="selectedAreaText" />
 			</t-form-item>
@@ -332,6 +339,15 @@ async function handleIntroducerChange(id: string): Promise<void> {
 	formData.introducerCustomer = customer;
 }
 
+function clearIntroducer(): void {
+	if (isCustomerBound.value) {
+		return;
+	}
+	introducerCustomerId.value = "";
+	formData.introducerCustomerId = "";
+	formData.introducerCustomer = undefined;
+}
+
 // ---------- 表单 ----------
 
 const formData = reactive<Customer>({
@@ -743,15 +759,9 @@ function buildAttachmentList(): Attachment[] {
 			text-overflow: ellipsis;
 		}
 
-		.referrer {
+		.selector {
 			gap: .75rem;
 			display: flex;
-			flex-direction: column;
-
-			.selector {
-				gap: .75rem;
-				display: flex;
-			}
 
 			.actions {
 				gap: .5rem;
@@ -760,6 +770,10 @@ function buildAttachmentList(): Attachment[] {
 			}
 		}
 
+		.introducer-profile {
+			flex: 1;
+		}
+
 		.sex {
 			gap: .5rem;
 			display: flex;