From 5ed0718573b80c22dd4c996c266746eea8653da0 Mon Sep 17 00:00:00 2001
From: Net <thanaphon@frappet.com>
Date: Thu, 29 Aug 2024 13:45:28 +0700
Subject: [PATCH] refactor: file add type name

---
 src/components/upload-file/UploadFile.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/upload-file/UploadFile.vue b/src/components/upload-file/UploadFile.vue
index 8e7ca4f0..f1ff93a7 100644
--- a/src/components/upload-file/UploadFile.vue
+++ b/src/components/upload-file/UploadFile.vue
@@ -8,6 +8,7 @@ import { VuePDF, usePDF } from '@tato30/vue-pdf';
 const currentFileSelected = ref<string>('');
 const file = defineModel<
   {
+    name?: string;
     group?: string;
     url?: string;
     file?: File;
@@ -53,6 +54,7 @@ const inputFile = (() => {
 function change(e: Event) {
   const _element = e.target as HTMLInputElement | null;
   const _file = _element?.files?.[0];
+  currentIndex.value = file.value.length;
 
   if (_file) {
     currentIndex.value = file.length + 1;
@@ -69,10 +71,18 @@ function change(e: Event) {
       file.value[currentIndex.value].group =
         props.dropdownList?.[currentIndexDropdownList.value].value;
     } else {
+      const newName =
+        props.dropdownList?.[currentIndexDropdownList.value].value +
+        '-' +
+        _file.name;
+
       file.value.push({
+        name: newName,
         group: props.dropdownList?.[currentIndexDropdownList.value].value,
         file: _file,
       });
+
+      currentFileSelected.value = newName;
     }
 
     statusOcr.value = true;
@@ -87,7 +97,7 @@ function change(e: Event) {
 
 watch(currentFileSelected, () => {
   file.value.findIndex((v, i) => {
-    if (v.url?.includes(currentFileSelected.value)) {
+    if (v.name?.includes(currentFileSelected.value)) {
       currentIndex.value = i;
 
       const tempValue =