diff --git a/client/src/components/InquiryModal.vue b/client/src/components/InquiryModal.vue index e001446..57095cb 100644 --- a/client/src/components/InquiryModal.vue +++ b/client/src/components/InquiryModal.vue @@ -1,5 +1,6 @@ + diff --git a/client/src/components/admin/ImageUpload.vue b/client/src/components/admin/ImageUpload.vue index f157c85..f40c709 100644 --- a/client/src/components/admin/ImageUpload.vue +++ b/client/src/components/admin/ImageUpload.vue @@ -37,6 +37,18 @@ + +
+ +
+
Preview
@@ -132,6 +144,18 @@

+ + +
+ +
@@ -147,6 +171,16 @@
+ + + @@ -154,6 +188,7 @@ import { ref, watch, computed } from 'vue' import { useToast } from '../../composables/useToast' import { API_BASE } from '../../services/api' +import AttachmentLibraryModal from './AttachmentLibraryModal.vue' const props = withDefaults(defineProps<{ modelValue?: string | string[] @@ -177,6 +212,7 @@ const uploading = ref(false) const uploadingCount = ref(0) const error = ref('') const isDragging = ref(false) +const showLibraryModal = ref(false) const toast = useToast() @@ -365,6 +401,36 @@ const removeImage = (index?: number) => { } } } + +const openLibraryModal = () => { + if (props.disabled) return + showLibraryModal.value = true +} + +const handleLibrarySelect = (urls: string[]) => { + if (props.multiple) { + // 批量模式：添加选中的图片，考虑maxCount限制 + const currentCount = imageUrls.value.length + const remainingCount = props.maxCount ? props.maxCount - currentCount : Infinity + const urlsToAdd = urls.slice(0, remainingCount) + + if (urlsToAdd.length > 0) { + const newUrls = [...imageUrls.value, ...urlsToAdd] + imageUrls.value = newUrls + toast.showToast(`已添加 ${urlsToAdd.length} 张图片`, 'success') + } + + if (urls.length > urlsToAdd.length) { + toast.showToast(`最多只能添加 ${props.maxCount} 张图片，已添加 ${urlsToAdd.length} 张`, 'error') + } + } else { + // 单个模式：直接设置选中的第一张图片 + if (urls.length > 0) { + imageUrl.value = urls[0] + toast.showToast('图片选择成功', 'success') + } + } +}