diff --git a/src/modules/07_insignia/components/3_result/DialogForm.vue b/src/modules/07_insignia/components/3_result/DialogForm.vue
index e88727359..6a18795e0 100644
--- a/src/modules/07_insignia/components/3_result/DialogForm.vue
+++ b/src/modules/07_insignia/components/3_result/DialogForm.vue
@@ -1,4 +1,4 @@
-div
+
 <script setup lang="ts">
 import { ref } from "vue";
 import { useCounterMixin } from "@/stores/mixin";
@@ -15,14 +15,14 @@ const announced = ref<string>("");
 const firstname = ref<string>("");
 const lastname = ref<string>("");
 const position = ref<string>("");
-const invoice = ref<string>("");
+const invoice = ref<string|null>(null);
 const payment = ref<string>("");
-const addressPayment = ref<string>("");
+const addressPayment = ref<string|null>(null);
 const affiliationRequest = ref<string>("");
 const affiliationReceived = ref<string>("");
-const receivedate = ref<Date>();
-const announceDate = ref<Date>();
-const invoiceDate = ref<Date>();
+const receivedate = ref<Date|null>();
+const announceDate = ref<Date|null>();
+const invoiceDate = ref<Date|null>(null);
 const mixin = useCounterMixin();
 
 const { date2Thai } = mixin;
@@ -71,7 +71,9 @@ const positionOp = [
   { label: "ตำแหน่ง3", value: "xxx3" },
 ];
 const clearDateExam = () => {
-  receivedate.value = undefined;
+  receivedate.value = null;
+  announceDate.value = null;
+  invoiceDate.value = null;
 };
 const props = defineProps({
   modal: Boolean,
@@ -109,6 +111,91 @@ const close = async () => {
         <div
           class="row col-12 items-center q-col-gutter-x-xs q-col-gutter-y-xs"
         >
+          <div class="col-12 text-weight-bold text-grey">รายละเอียดข้อมูล</div>
+        <div class="col-xs-12 col-sm-4">
+            <q-input
+              hide-bottom-space
+              outlined
+              class="inputgreen"
+              v-model="cardid"
+              dense
+              lazy-rules
+              :rules="[
+              (val:string) => !!val || `${'กรุณากรอก เลขบัตรประจำตัวประชาชน'}`,
+              (val:string) =>
+                val.length >= 13 ||
+                `${'กรุณากรอกเลขบัตรประจำตัวประชาชนให้ครบ'}`,
+            ]"
+              label="เลขบัตรประจำตัวประชาชน"
+              maxlength="13"
+              mask="#############"
+            />
+            <!-- :rules="[(val:any) =>val.length != 13 ||`${'กรุณากรอกเลขบัตรประจำตัวประชาชนให้ครบ'}`,]" -->
+          </div>
+          <div class="col-xs-12 col-sm-4">
+            <q-select
+              :rules="[(val) => !!val || 'กรุณาเลือกคำนำหน้าชื่อ']"
+              hide-bottom-space
+              :options="prefixOp"
+              class="col-xs-12 col-sm-6 inputgreen"
+              dense
+              borderless
+              
+              option-label="label"
+              option-value="value"
+              outlined
+              v-model="prefixId"
+              :label="`คำนำหน้าชื่อ`"
+            />
+          </div>
+          <div class="col-xs-6 col-sm-3 col-md-4">
+            <q-input
+              hide-bottom-space
+              outlined
+              dense
+              lazy-rules
+              class="inputgreen"
+              borderless
+              v-model="fullName"
+              :rules="[(val:string) => !!val || `${'กรุณากรอก ชื่อ'}`]"
+              :label="`${'ชื่อ-นามสกุล'}`"
+            />
+          </div>
+          <div class="col-xs-12 col-sm-12">
+            <q-select
+              :rules="[(val) => !!val || 'กรุณาเลือกคำนำหน้าชื่อ']"
+              hide-bottom-space
+              :options="positionOp"
+              class="col-xs-12 col-sm-6 inputgreen"
+              dense
+              borderless
+              option-label="label"
+              option-value="value"
+              outlined
+              v-model="position"
+              :label="`ตำเเหน่ง`"
+            />
+          </div>
+
+          <div class="col-6"></div>
+
+          
+          <!-- <div class="col-xs-6 col-sm-3 col-md-5">
+            <q-input
+              hide-bottom-space
+              outlined
+              dense
+              lazy-rules
+              borderless
+              v-model="lastname"
+              :rules="[(val:string) => !!val || `${'กรุณากรอก นามสกุล'}`]"
+              :label="`${'นามสกุล'}`"
+            />
+          </div> -->
+          <div class="col-12 q-my-xs"><q-separator size="2px" /></div>
+          <div class="col-12 text-weight-bold text-grey">
+            รายละเอียดตำเเหน่ง
+          </div>
           <div class="col-xs-12 col-sm-6">
             <q-input
               :rules="[(val) => !!val || 'กรุณากรอกชื่อ']"
@@ -131,86 +218,7 @@ const close = async () => {
               label="ชั้นตราเครื่องราชอิสริยาภรณ์"
             />
           </div>
-          <div class="col-xs-12 col-sm-6">
-            <q-input
-              hide-bottom-space
-              outlined
-              v-model="cardid"
-              dense
-              lazy-rules
-              :rules="[
-              (val:string) => !!val || `${'กรุณากรอก เลขบัตรประจำตัวประชาชน'}`,
-              (val:string) =>
-                val.length >= 13 ||
-                `${'กรุณากรอกเลขบัตรประจำตัวประชาชนให้ครบ'}`,
-            ]"
-              label="เลขบัตรประจำตัวประชาชน"
-              maxlength="13"
-              mask="#############"
-            />
-            <!-- :rules="[(val:any) =>val.length != 13 ||`${'กรุณากรอกเลขบัตรประจำตัวประชาชนให้ครบ'}`,]" -->
-          </div>
-          <div class="col-6"></div>
-          <div class="col-12 q-my-xs"><q-separator size="2px" /></div>
-          <div class="col-12 text-weight-bold text-grey">ชื่อ-สกุล</div>
-          <div class="col-xs-12 col-sm-3">
-            <q-select
-              :rules="[(val) => !!val || 'กรุณาเลือกคำนำหน้าชื่อ']"
-              hide-bottom-space
-              :options="prefixOp"
-              class="col-xs-12 col-sm-6"
-              dense
-              borderless
-              option-label="label"
-              option-value="value"
-              outlined
-              v-model="prefixId"
-              :label="`คำนำหน้าชื่อ`"
-            />
-          </div>
-          <div class="col-xs-6 col-sm-3 col-md-9">
-            <q-input
-              hide-bottom-space
-              outlined
-              dense
-              lazy-rules
-              borderless
-              v-model="fullName"
-              :rules="[(val:string) => !!val || `${'กรุณากรอก ชื่อ'}`]"
-              :label="`${'ชื่อ-นามสกุล'}`"
-            />
-          </div>
-          <!-- <div class="col-xs-6 col-sm-3 col-md-5">
-            <q-input
-              hide-bottom-space
-              outlined
-              dense
-              lazy-rules
-              borderless
-              v-model="lastname"
-              :rules="[(val:string) => !!val || `${'กรุณากรอก นามสกุล'}`]"
-              :label="`${'นามสกุล'}`"
-            />
-          </div> -->
-          <div class="col-12 q-my-xs"><q-separator size="2px" /></div>
-          <div class="col-12 text-weight-bold text-grey">
-            รายละเอียดตำเเหน่ง
-          </div>
-          <div class="col-xs-12 col-sm-6">
-            <q-select
-              :rules="[(val) => !!val || 'กรุณาเลือกคำนำหน้าชื่อ']"
-              hide-bottom-space
-              :options="positionOp"
-              class="col-xs-12 col-sm-6"
-              dense
-              borderless
-              option-label="label"
-              option-value="value"
-              outlined
-              v-model="position"
-              :label="`ตำเเหน่ง`"
-            />
-          </div>
+         
           <div class="col-xs-12 col-sm-6">
             <datepicker
               menu-class-name="modalfix"
@@ -385,8 +393,6 @@ const close = async () => {
           <div class="col-12 text-weight-bold text-grey">ผลการจ่ายใบกำกับ</div>
           <div class="col-xs-12 col-sm-4">
             <q-input
-              :rules="[(val) => !!val || 'หมายเลขใบกํากับ']"
-              hide-bottom-space
               dense
               borderless
               outlined
@@ -415,7 +421,6 @@ const close = async () => {
                   dense
                   borderless
                   outlined
-                  :rules="[(val) => !!val || 'กรุณาเลือกวันที่']"
                   hide-bottom-space
                   :model-value="
                     invoiceDate != null ? date2Thai(invoiceDate) : undefined
@@ -434,7 +439,7 @@ const close = async () => {
           </div>
           <div class="col-xs-12 col-sm-4">
             <q-select
-              :rules="[(val) => !!val || 'กรุณาเลือกคำนำหน้าชื่อ']"
+              
               hide-bottom-space
               :options="paymentOp"
               class="col-xs-12 col-sm-6"