feat: เพิ่ม ปุ่ม แก้ไข ลบ

src/components/FormDialog.vue

@@ -19,8 +19,15 @@ defineProps<{
   employee?: boolean;
   noAddress?: boolean;
   disabledRule?: boolean;
+  edit?: boolean;
+
+  isEdit?: boolean;
+
+  editData?: (...args: unknown[]) => void;
+  deleteData?: (...args: unknown[]) => void;
   submit?: (...args: unknown[]) => void;
   close?: (...args: unknown[]) => void;
+  undo?: (...args: unknown[]) => void;
 }>();
 
 const modal = defineModel('modal', { default: false });
@@ -44,6 +51,45 @@ const tabsList = defineModel<{ name: string; label: string }[]>('tabsList');
         <!-- header -->
         <div class="form-header q-py-sm q-px-lg">
           <div class="row items-center">
+            <div v-if="isEdit && edit" class="row">
+              <q-btn
+                round
+                flat
+                id="closeDialog"
+                icon="mdi-arrow-left"
+                padding="xs"
+                class="q-mr-md"
+                :class="{ dark: $q.dark.isActive }"
+                style="color: var(--brand-1)"
+                @click="undo"
+              />
+              <div style="width: 31.98px"></div>
+            </div>
+            <div v-if="!isEdit && edit">
+              <q-btn
+                round
+                flat
+                id="editDialog"
+                icon="mdi-pencil-outline"
+                padding="xs"
+                class="q-mr-md"
+                :class="{ dark: $q.dark.isActive }"
+                style="color: var(--brand-1)"
+                @click="editData"
+              />
+              <q-btn
+                v-if="edit"
+                round
+                flat
+                id="deleteDialog"
+                icon="mdi-trash-can-outline"
+                padding="xs"
+                :class="{ dark: $q.dark.isActive }"
+                style="color: hsl(var(--negative-bg))"
+                @click="deleteData"
+              />
+            </div>
+
             <div style="width: 31.98px"></div>
             <div class="col text-subtitle1 text-weight-bold text-center">
               {{ title }}