add customer point card

2026-08-20 01:30:07 +08:00
parent f4fb604f53
commit 805e8ecb84
3 changed files with 90 additions and 16 deletions
@@ -58,10 +58,21 @@
 					alt-text="客户照片"
 					:loading="isPhotoUploading"
 					:preview="false"
-					@add="openPhotoPicker"
+					@add="openPhotoPicker('photo')"
 					@clear="handlePhotoClear"
 				/>
 			</t-form-item>
+			<t-form-item label="积分卡">
+				<photo-field
+					v-model="pointCardURL"
+					add-text="拍积分卡"
+					alt-text="积分卡"
+					:loading="isPointCardUploading"
+					:preview="false"
+					@add="openPhotoPicker('pointCard')"
+					@clear="handlePointCardClear"
+				/>
+			</t-form-item>
 			<t-form-item label="性别">
 				<t-radio-group class="sex" v-model="formData.gender" variant="default-filled">
 					<t-radio :block="false" borderless value="MALE">男</t-radio>
@@ -178,7 +189,7 @@ import PhotoField from "@/components/PhotoField.vue";
 import { useCurrentStoreStore } from "@/store/currentStoreStore";
 import { useSettingStore } from "@/store/settingStore";
 import type { BodyAreaValue, Customer } from "@/types/Customer";
-import { createBodyAreaValue, getCustomerPhotoURL, normalizeBodyAreaValue } from "@/utils/customer";
+import { createBodyAreaValue, getCustomerPhotoURL, getCustomerPointCardURL, normalizeBodyAreaValue } from "@/utils/customer";
 import { gaoRoleCodes, permissionCodes } from "@/utils/permission";
 import { compressUploadImage } from "@/utils/imageCompression";

@@ -276,16 +287,23 @@ async function handleIntroducerChange(id: string): Promise<void> {
 // ---------- 表单 ----------

 const photoInputRef = ref<HTMLInputElement>();
+type PhotoPickerTarget = "photo" | "pointCard";
+const photoPickerTarget = ref<PhotoPickerTarget>("photo");
 const photoTempFileId = ref("");
 const isPhotoUploading = ref(false);
 const photoURL = ref();
+const pointCardTempFileId = ref("");
+const isPointCardUploading = ref(false);
+const pointCardURL = ref("");
 const originalAttachmentList = ref<Attachment[]>([]);
 const photoChanged = ref(false);
+const pointCardChanged = ref(false);
 const selectedAreas = ref<BodyAreaValue>(createBodyAreaValue());
 const formData = reactive<Customer>({
 });

-function openPhotoPicker(): void {
+function openPhotoPicker(target: PhotoPickerTarget): void {
+	photoPickerTarget.value = target;
 	photoInputRef.value?.click();
 }

@@ -352,9 +370,12 @@ async function loadDetail() {
 		Object.assign(formData, customer);
 		formData.storeId = customer.storeId || formData.storeId;
 		photoURL.value = getCustomerPhotoURL(customer);
+		pointCardURL.value = getCustomerPointCardURL(customer);
 		originalAttachmentList.value = [...(customer.attachmentList || [])];
 		photoTempFileId.value = "";
+		pointCardTempFileId.value = "";
 		photoChanged.value = false;
+		pointCardChanged.value = false;
 		selectedAreas.value = normalizeBodyAreaValue(customer.conditioningPart);
 		introducerCustomerId.value = customer.introducerCustomerId || customer.introducerCustomer?.id || "";
 	} catch (err) {
@@ -394,15 +415,30 @@ async function handlePhotoSelected(event: Event): Promise<void> {
 	if (!file) {
 		return;
 	}
-	isPhotoUploading.value = true;
+	const isPointCard = photoPickerTarget.value === "pointCard";
+	if (isPointCard) {
+		isPointCardUploading.value = true;
+	} else {
+		isPhotoUploading.value = true;
+	}
 	try {
 		const compressedFile = await compressUploadImage(file);
 		const [tempFile] = await AttachmentAPI.upload(compressedFile);
-		photoTempFileId.value = tempFile.id;
-		photoURL.value = AttachmentAPI.getTempReadURL(tempFile.id);
-		photoChanged.value = true;
+		if (isPointCard) {
+			pointCardTempFileId.value = tempFile.id;
+			pointCardURL.value = AttachmentAPI.getTempReadURL(tempFile.id);
+			pointCardChanged.value = true;
+		} else {
+			photoTempFileId.value = tempFile.id;
+			photoURL.value = AttachmentAPI.getTempReadURL(tempFile.id);
+			photoChanged.value = true;
+		}
 	} finally {
-		isPhotoUploading.value = false;
+		if (isPointCard) {
+			isPointCardUploading.value = false;
+		} else {
+			isPhotoUploading.value = false;
+		}
 		input.value = "";
 	}
 }
@@ -412,6 +448,11 @@ function handlePhotoClear(): void {
 	photoChanged.value = true;
 }

+function handlePointCardClear(): void {
+	pointCardTempFileId.value = "";
+	pointCardChanged.value = true;
+}
+
 // ---------- 保存 ----------

 const isSubmitting = ref(false);
@@ -427,12 +468,7 @@ async function doSubmit(): Promise<void> {
 		const payload: Customer = { ...formData };
 		payload.conditioningPart = selectedAreas.value;
 		payload.introducerCustomerId = introducerCustomerId.value || "";
-		payload.attachmentList = photoChanged.value
-			? (photoTempFileId.value ? [{
-				attachType: "PHOTO",
-				tempFileId: photoTempFileId.value
-			}] : [])
-			: [...originalAttachmentList.value];
+		payload.attachmentList = buildAttachmentList();
 		delete payload.introducerCustomer;

 		if (isCreateMode.value) {
@@ -455,6 +491,22 @@ async function doSubmit(): Promise<void> {
 		isSubmitting.value = false;
 	}
 }
+
+function buildAttachmentList(): Attachment[] {
+	let attachmentList = [...originalAttachmentList.value];
+	if (photoChanged.value) {
+		attachmentList = replaceAttachment(attachmentList, "PHOTO", photoTempFileId.value);
+	}
+	if (pointCardChanged.value) {
+		attachmentList = replaceAttachment(attachmentList, "POINT_CARD", pointCardTempFileId.value);
+	}
+	return attachmentList;
+}
+
+function replaceAttachment(attachmentList: Attachment[], attachType: "PHOTO" | "POINT_CARD", tempFileId: string): Attachment[] {
+	const preservedList = attachmentList.filter(item => item.attachType !== attachType);
+	return tempFileId ? [...preservedList, { attachType, tempFileId }] : preservedList;
+}
 </script>

 <style scoped lang="less">