scanner in CustomerSelector.vue

src/pages/customer/CustomerEdit.vue

@@ -1,6 +1,6 @@
 <template>
 	<div v-can="savePermissionCode" class="customer-edit">
-		<t-form class="form" label-align="left" label-width="6rem" :disabled="isCustomerBound" v-entrance-transition>
+		<t-form class="form" label-align="left" label-width="5rem" :disabled="isCustomerBound" v-entrance-transition>
 			<t-form-item label="客户编码">
 				<t-input
 					v-model.trim="formData.code"
@@ -14,14 +14,14 @@
 							theme="primary"
 							size="extra-small"
 							:disabled="false"
-							@click="toggleScanner('code')"
+							@click="toggleScanner"
 						>
-							<span v-text="scannerVisible && scannerTarget === 'code' ? '关闭扫码' : '扫码'" />
+							<span v-text="scannerVisible ? '关闭扫码' : '扫码'" />
 						</t-button>
 					</template>
 				</t-input>
 			</t-form-item>
-			<div v-if="scannerVisible && scannerTarget === 'code'" class="code-scanner-wrapper">
+			<div v-if="scannerVisible" class="code-scanner-wrapper">
 				<code-scanner
 					visible
 					:status-text="scanStatus"
@@ -102,7 +102,7 @@
 					<t-input
 						:value="formData.introducerCustomer?.name"
 						readonly
-						placeholder="选择或扫码"
+						placeholder="选择介绍人"
 						borderless
 						:disabled="isCustomerBound"
 					/>
@@ -113,22 +113,10 @@
 							size="extra-small"
 							:disabled="isCustomerBound"
 							@click="selectorVisible = true"
-						>选择</t-button>
-						<t-button theme="primary" size="extra-small" :disabled="isCustomerBound" @click="toggleScanner('introducer')">
-							<span v-text="scannerVisible && scannerTarget === 'introducer' ? '关闭扫码' : '扫码'" />
-						</t-button>
+						>选择客户</t-button>
 					</div>
 				</div>
 			</t-form-item>
-			<div v-if="scannerVisible && scannerTarget === 'introducer'" class="code-scanner-wrapper">
-				<code-scanner
-					visible
-					:status-text="scanStatus"
-					active-text="正在识别介绍人编码"
-					@decode="handleDecodedText"
-					@status-change="handleScanStatusChange"
-				/>
-			</div>
 			<t-form-item label="调理部位" :arrow="!isCustomerBound" @click="openBodyAreaPicker">
 				<div class="picker-text" v-text="selectedAreaText" />
 			</t-form-item>
@@ -244,9 +232,7 @@ let latestDecodedText = "";
 
 // ---------- 扫码 ----------
 
-type ScanTarget = "code" | "introducer";
 const scannerVisible = ref(false);
-const scannerTarget = ref<ScanTarget>("code");
 const scanStatus = ref("点击扫码开始识别");
 const introducerCustomerId = ref("");
 const boundCodeCustomer = ref<Customer>();
@@ -259,15 +245,11 @@ const isCustomerBound = computed(() => {
 	return !!boundCustomerId && boundCustomerId !== formData.id;
 });
 
-async function toggleScanner(target: ScanTarget): Promise<void> {
-	if (isCustomerBound.value && target !== "code") {
-		return;
-	}
-	if (scannerVisible.value && scannerTarget.value === target) {
+async function toggleScanner(): Promise<void> {
+	if (scannerVisible.value) {
 		scannerVisible.value = false;
 		return;
 	}
-	scannerTarget.value = target;
 	scannerVisible.value = true;
 	latestDecodedText = "";
 }
@@ -279,17 +261,10 @@ async function handleDecodedText(rawText: string): Promise<void> {
 	}
 	latestDecodedText = normalizedText;
 	await settingStore.playScanSuccessSound();
-	if (scannerTarget.value === "code") {
-		// 选择客户扫码
-		formData.code = normalizedText;
-		scannerVisible.value = false;
-		await checkBoundCustomerCode();
-		scanStatus.value = `已识别客户编码 ${normalizedText}`;
-		return;
-	} else {
-		// 选择介绍人扫码
-		await applyIntroducer(normalizedText);
-	}
+	formData.code = normalizedText;
+	scannerVisible.value = false;
+	await checkBoundCustomerCode();
+	scanStatus.value = `已识别客户编码 ${normalizedText}`;
 }
 
 function handleScanStatusChange(value: string): void {
@@ -343,28 +318,6 @@ async function checkBoundCustomerCode(): Promise<void> {
 
 const selectorVisible = ref(false);
 
-async function applyIntroducer(code: string): Promise<void> {
-	if (!code) {
-		formData.introducerCustomerId = "";
-		introducerCustomerId.value = "";
-		scannerVisible.value = false;
-		return;
-	}
-	const matched = await CustomerAPI.findByCode(code);
-	if (!matched?.id) {
-		formData.introducerCustomerId = "";
-		formData.introducerCustomer = undefined;
-		introducerCustomerId.value = "";
-		scannerVisible.value = false;
-		Message.warning(`未匹配到 ${code} 编码介绍人，请选择或扫码已有客户`);
-		return;
-	}
-	formData.introducerCustomerId = matched.id;
-	formData.introducerCustomer = matched;
-	introducerCustomerId.value = matched.id;
-	scannerVisible.value = false;
-}
-
 async function handleIntroducerChange(id: string): Promise<void> {
 	const customer = id ? await CustomerAPI.findById(id) : undefined;
 	introducerCustomerId.value = customer?.id || "";
@@ -743,7 +696,7 @@ function buildAttachmentList(): Attachment[] {
 <style scoped lang="less">
 .customer-edit {
 	gap: 1rem;
-	padding: calc(var(--app-nav-height) + 1rem) 0 4rem 0;
+	padding: calc(var(--app-nav-height) + 1rem) 0 1rem 0;
 	display: flex;
 	flex-direction: column;
 
@@ -795,7 +748,7 @@ function buildAttachmentList(): Attachment[] {
 		}
 
 		.sex {
-			gap: 1rem;
+			gap: .5rem;
 			display: flex;
 		}