pop up บันทึกผล

src/modules/07_insignia/components/3_result/DialogForm.vue

@@ -6,6 +6,7 @@ import { useResultDataStore } from "@/modules/07_insignia/storeResult";
 import http from "@/plugins/http";
 import config from "@/app.config";
 import type { DataOption } from "@/modules/04_registry/components/profileType";
+import DialogHeader from "@/components/DialogHeader.vue";
 
 const DataStore = useResultDataStore();
 const $q = useQuasar();
@@ -261,25 +262,12 @@ const searchcardid = () => {
 <template>
   <q-dialog v-model="props.modal" persistent>
     <q-card style="min-width: 900px" class="q-pb-md">
-      <q-toolbar class="q-py-md">
-        <q-toolbar-title class="text-h6">บันทึกผล </q-toolbar-title>
-        <q-btn
-          icon="close"
-          unelevated
-          round
-          dense
-          @click="props.close"
-          style="color: #ff8080; background-color: #ffdede"
-          ><q-tooltip>ปืด</q-tooltip></q-btn
-        >
-      </q-toolbar>
+      <DialogHeader tittle="บันทึกผล" :close="props.close" />
       <q-separator />
 
       <q-form ref="myForm">
-        <div class="q-pa-md">
-          <div
-            class="row col-12 q-col-gutter-x-xs q-col-gutter-y-xs"
-          >
+        <div class="q-pa-md bg-grey-1">
+          <div class="row col-12 q-col-gutter-x-xs q-col-gutter-y-xs">
             <div class="col-4">
               <q-select
                 :rules="[