From ed6d311335c0e61b2f7cf51639e05f5a30b367c1 Mon Sep 17 00:00:00 2001
From: Vladimir <weborsha@gmail.com>
Date: Sun, 5 Jul 2026 18:36:12 +0300
Subject: [PATCH] Fix upload documents

---
 src/components/deal/addEdit/DocAddModal.vue | 24 +++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/components/deal/addEdit/DocAddModal.vue b/src/components/deal/addEdit/DocAddModal.vue
index 407693d..11d65e1 100644
--- a/src/components/deal/addEdit/DocAddModal.vue
+++ b/src/components/deal/addEdit/DocAddModal.vue
@@ -27,7 +27,7 @@
             accept=".pdf,.doc,.docx,.jpg,.png"
             @select="onFileSelect"
             @uploader="saveDealDoc"
-            @clear="selectedFile = null"
+            @clear="selectedFile = null; thumbnailPreview = null"
         >
           <template #header="{ chooseCallback, uploadCallback, clearCallback, files }">
             <div class="flex flex-wrap gap-2">
@@ -42,7 +42,10 @@
           <template #content="{ files }">
             <div v-if="files && files.length > 0" class="flex items-center justify-between gap-2 p-2">
               <div class="flex items-center gap-2">
-                <img :src="defaultDocIcon" alt="" width="32" height="32">
+                <div v-if="thumbnailPreview" class="w-10 h-14 rounded overflow-hidden border flex-shrink-0">
+                  <img :src="thumbnailPreview" alt="Превью" class="w-full h-full object-cover" />
+                </div>
+                <img v-else :src="defaultDocIcon" alt="" width="32" height="32">
                 <span class="text-sm">{{ files[0].name }}</span>
               </div>
               <Button @click="onUploadClick" size="small" outlined severity="success">
@@ -106,6 +109,7 @@ const toast = useToast();
 // Реактивные переменные для названия и файла
 const documentName = ref('');
 const selectedFile = ref(null);
+const thumbnailPreview = ref(null);
 const fileUploadRef = ref(null);
 
 const onUploadClick = () => {
@@ -114,9 +118,21 @@ const onUploadClick = () => {
   }
 };
 
-// Событие выбора файла
-const onFileSelect = (event) => {
+// Событие выбора файла — сразу генерируем preview
+const onFileSelect = async (event) => {
   selectedFile.value = event.files[0];
+  thumbnailPreview.value = null;
+
+  if (selectedFile.value) {
+    try {
+      const result = await generateThumbnail(selectedFile.value);
+      if (result) {
+        thumbnailPreview.value = URL.createObjectURL(result.blob);
+      }
+    } catch (e) {
+      console.error('[DocAddModal] Preview generation error:', e);
+    }
+  }
 };