refactor: add isEdit

src/components/upload-file/UploadFileGroup.vue

@@ -1,12 +1,13 @@
 <script setup lang="ts">
 import { QTableProps } from 'quasar';
-import { ref, toRaw } from 'vue';
+import { ref, toRaw, onMounted } from 'vue';
 import { dialog } from 'stores/utils';
 import { useI18n } from 'vue-i18n';
 import TableComponents from 'src/components/TableComponents.vue';
 import ShowAttachent from 'src/components/ShowAttachent.vue';
 import DialogForm from 'components/DialogForm.vue';
 
+const isEdit = ref(false);
 const { t } = useI18n();
 const obj = defineModel<
   {
@@ -30,6 +31,7 @@ const props = defineProps<{
   ocr?: (group: any, file: File) => void | Promise<void>;
   getFileList?: (group: any) => Promise<typeof obj.value>;
   deleteItem?: (obj: any) => void | Promise<boolean>;
+  download?: (obj: any) => void;
   save?: (
     group: any,
     meta: any,
@@ -138,6 +140,7 @@ defineEmits<{
               v-close-popup
               @click="
                 () => {
+                  isEdit = true;
                   selectedMenu = menu?.[i];
                   currentIndex = obj.length;
 
@@ -190,6 +193,11 @@ defineEmits<{
           <div class="full-height full-width q-pa-md">
             <TableComponents
               buttomDownload
+              @download="
+                (index) => {
+                  download?.(obj[index]);
+                }
+              "
               @delete="
                 async (index) => {
                   await triggerDelete(obj[index]);
@@ -197,6 +205,14 @@ defineEmits<{
               "
               @view="
                 (index) => {
+                  isEdit = false;
+                  currentIndex = index;
+                  modalDialog = true;
+                }
+              "
+              @edit="
+                (index) => {
+                  isEdit = true;
                   currentIndex = index;
                   modalDialog = true;
                 }
@@ -211,6 +227,7 @@ defineEmits<{
                   })
                   .map((v, index) => {
                     return {
+                      id: v._meta?.id,
                       branchNo: index + 1,
                       attachmentName: v.file?.name || v.name,
                       uploadDate: '',
@@ -225,6 +242,9 @@ defineEmits<{
     </div>
   </div>
   <DialogForm
+    edit
+    hideDelete
+    :is-edit="isEdit"
     style="position: absolute"
     height="100vh"
     weight="90%"
@@ -232,6 +252,16 @@ defineEmits<{
     title="ดูตัวอย่าง"
     hideCloseEvent
     v-if="obj.length > 0"
+    :undo="
+      () => {
+        isEdit = false;
+      }
+    "
+    :edit-data="
+      () => {
+        isEdit = !isEdit;
+      }
+    "
     :close="
       () => {
         if (!autoSave || !obj[currentIndex]?._meta?.hasOwnProperty('id')) {
@@ -244,7 +274,6 @@ defineEmits<{
       async () => {
         modalDialog = false;
         if (autoSave === true) {
-          console.log(autoSave);
           const statusSave = await save?.(
             obj[currentIndex].group,
             obj[currentIndex]._meta,
@@ -275,6 +304,7 @@ defineEmits<{
             name="form"
             :mode="obj[currentIndex].group"
             :meta="obj[currentIndex]._meta"
+            :isEdit="isEdit"
           />
         </div>
       </template>