From 593b3453dbf8bb34546ad1b8c6f4b568d1d4ab39 Mon Sep 17 00:00:00 2001
From: peng <peng.com>
Date: 星期四, 16 十月 2025 13:47:41 +0800
Subject: [PATCH] 修改模板
---
seller/src/views/order/order/editTemplateModal.vue | 51 +++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 49 insertions(+), 2 deletions(-)
diff --git a/seller/src/views/order/order/editTemplateModal.vue b/seller/src/views/order/order/editTemplateModal.vue
index 31b172d..18e0d4a 100644
--- a/seller/src/views/order/order/editTemplateModal.vue
+++ b/seller/src/views/order/order/editTemplateModal.vue
@@ -136,6 +136,7 @@
},
formValues: {},
selectedImageId: null,
+ selectedImageUrl: null, // 娣诲姞閫変腑鍥剧墖URL鐨勫瓨鍌�
currentUploadFieldId: null // 褰撳墠姝ｅ湪涓婁紶鐨勫瓧娈礗D
};
},
@@ -152,6 +153,10 @@
},
visible(val) {
this.$emit("input", val);
+ // 褰撳脊绐楀叧闂椂锛岄噸缃�変腑鐨勫浘鐗嘦RL
+ if (!val) {
+ this.selectedImageUrl = null;
+ }
}
},
methods: {
@@ -187,10 +192,11 @@
// 鍒濆鍖栭�変腑鐨勫浘鐗嘔D
this.selectedImageId = null;
+ // 澶勭悊妯℃澘鑷畾涔夋爣棰樺瓧娈电殑鍥炴樉
if (res.data.templateConstomizeTitles) {
res.data.templateConstomizeTitles.forEach(item => {
// 鍥炴樉宸叉湁鐨勫��
- if (item.value) {
+ if (item.value !== undefined && item.value !== null) {
this.$set(this.formValues, item.id, item.value);
} else {
// 鍒濆鍖栬〃鍗曞�硷紙濡傛灉娌℃湁榛樿鍊硷級
@@ -199,14 +205,24 @@
});
}
- // 濡傛灉鏈夋ā鏉垮浘鐗囷紝璁剧疆榛樿閫変腑鐨勫浘鐗�
+ // 澶勭悊妯℃澘鍥剧墖鐨勫洖鏄�
if (res.data.templateImgs && res.data.templateImgs.length > 0) {
// 濡傛灉宸叉湁閫変腑鐨勫浘鐗嘔D锛屽垯浣跨敤璇D锛屽惁鍒欓粯璁ら�変腑绗竴寮�
if (res.data.chooseImageId) {
this.selectedImageId = res.data.chooseImageId;
+ // 鏌ユ壘閫変腑鍥剧墖鐨刄RL骞朵繚瀛�
+ const selectedImage = res.data.templateImgs.find(img => img.id === res.data.chooseImageId);
+ if (selectedImage) {
+ this.selectedImageUrl = selectedImage.imgUrl || '';
+ }
} else {
this.selectedImageId = res.data.templateImgs[0].id;
+ this.selectedImageUrl = res.data.templateImgs[0].imgUrl || '';
}
+ } else {
+ // 濡傛灉娌℃湁妯℃澘鍥剧墖锛屾竻绌洪�変腑鐘舵��
+ this.selectedImageId = null;
+ this.selectedImageUrl = null;
}
console.log("澶勭悊鍚庣殑鏁版嵁:", {
@@ -239,6 +255,21 @@
return fileKey;
}
+ // 濡傛灉鏈塭ndpoint閰嶇疆锛屼娇鐢╡ndpoint鎷兼帴URL
+ if (this.$root.endpoint) {
+ // 纭繚fileKey涓嶄互/寮�澶达紝endpoint涓嶄互/缁撳熬
+ const cleanEndpoint = this.$root.endpoint.replace(/\/$/, '');
+ const cleanFileKey = fileKey.replace(/^\//, '');
+ return `${cleanEndpoint}/${cleanFileKey}`;
+ }
+
+ // 濡傛灉鏄浉瀵硅矾寰勬垨鍏朵粬鏍煎紡锛屽皾璇曢�氳繃getFilePreviewUrl鑾峰彇瀹屾暣URL
+ try {
+ return getFilePreviewUrl(fileKey);
+ } catch (error) {
+ console.warn('getFilePreviewUrl failed for fileKey:', fileKey, error);
+ }
+
// 鍚﹀垯杩斿洖fileKey锛岃缁勪欢鑷繁澶勭悊
return fileKey;
},
@@ -246,6 +277,18 @@
// 閫夋嫨鍥剧墖
selectImage(imageId) {
this.selectedImageId = imageId;
+
+ // 鏌ユ壘閫変腑鍥剧墖鐨刄RL骞朵繚瀛�
+ if (this.templateData && this.templateData.templateImgs) {
+ const selectedImage = this.templateData.templateImgs.find(img => img.id === imageId);
+ if (selectedImage) {
+ this.selectedImageUrl = selectedImage.imgUrl || '';
+ } else {
+ this.selectedImageUrl = '';
+ }
+ } else {
+ this.selectedImageUrl = '';
+ }
},
// 涓婁紶鍥剧墖
@@ -301,6 +344,9 @@
this.$set(this.formValues, fieldId, fileKey);
this.$Message.success("鍥剧墖涓婁紶鎴愬姛");
+
+ // 寮哄埗鏇存柊瑙嗗浘浠ョ‘淇濆浘鐗囬瑙堟纭樉绀�
+ this.$forceUpdate();
} else {
this.$Message.error(res.msg || "鍥剧墖涓婁紶澶辫触");
}
@@ -327,6 +373,7 @@
sn: this.orderSn,
templateName: this.form.templateName,
chooseImageId: this.selectedImageId,
+ chooseImage: this.selectedImageUrl, // 娣诲姞閫変腑鍥剧墖URL
templateForm: []
};
--
Gitblit v1.8.0