add CustomerInviteRelation.vue

src/pages/customer/CustomerEdit.vue

@@ -99,22 +99,29 @@
 			</t-form-item>
 			<t-form-item label="介绍人">
 				<div class="referrer">
-					<t-input
-						:value="formData.introducerCustomer?.name"
-						readonly
-						placeholder="选择介绍人"
-						borderless
-						:disabled="isCustomerBound"
-					/>
-					<div class="actions">
-						<t-button
-							theme="primary"
-							variant="outline"
-							size="extra-small"
+					<div class="selector">
+						<t-input
+							:value="formData.introducerCustomer?.name"
+							readonly
+							placeholder="选择介绍人"
+							borderless
 							:disabled="isCustomerBound"
-							@click="selectorVisible = true"
-						>选择客户</t-button>
+						/>
+						<div class="actions">
+							<t-button
+								theme="primary"
+								variant="outline"
+								size="extra-small"
+								:disabled="isCustomerBound"
+								@click="selectorVisible = true"
+							>选择客户</t-button>
+						</div>
 					</div>
+					<customer-profile-card
+						v-if="formData.introducerCustomer"
+						class="profile"
+						:customer="formData.introducerCustomer"
+					/>
 				</div>
 			</t-form-item>
 			<t-form-item label="调理部位" :arrow="!isCustomerBound" @click="openBodyAreaPicker">
@@ -739,6 +746,12 @@ function buildAttachmentList(): Attachment[] {
 		.referrer {
 			gap: .75rem;
 			display: flex;
+			flex-direction: column;
+
+			.selector {
+				gap: .75rem;
+				display: flex;
+			}
 
 			.actions {
 				gap: .5rem;