diff --git a/src/modules/13_salary/components/SalaryChart/DialogFormMain.vue b/src/modules/13_salary/components/SalaryChart/DialogFormMain.vue
index f2855fac0..54d8b1bea 100644
--- a/src/modules/13_salary/components/SalaryChart/DialogFormMain.vue
+++ b/src/modules/13_salary/components/SalaryChart/DialogFormMain.vue
@@ -251,306 +251,285 @@ function checkEndDate() {
   }
 }
 
-watch(
-  () => formData.date,
-  () => {
-    if (formData.date) {
-      dateRef.value.resetValidation();
-    }
-  }
-);
+// watch(
+//   () => formData.date,
+//   () => {
+//     if (formData.date) {
+//       dateRef.value.resetValidation();
+//     }
+//   }
+// );
 
-watch(
-  () => formData.startDate,
-  () => {
-    if (formData.startDate) {
-      startDateRef.value.resetValidation();
-    }
-  }
-);
+// watch(
+//   () => formData.startDate,
+//   () => {
+//     if (formData.startDate) {
+//       startDateRef.value.resetValidation();
+//     }
+//   }
+// );
 
-watch(
-  () => formData.endDate,
-  () => {
-    if (formData.endDate) {
-      endDateRef.value.resetValidation();
-    }
-  }
-);
-
-/**
- * function เรียกไฟล์ PDF
- * @param url  link PDF
- * @param type  ประเภทไฟล์
- * @param fileName  ชือไฟล์
- */
-async function downloadFile(url: string, type: string, fileName: string) {
-  await axios
-    .get(url, {
-      method: "GET",
-      responseType: "blob",
-      headers: {
-        "Content-Type": "application/json",
-        Accept: type, // ถ้ามีการระบุเมื่ออัปโหลด
-      },
-    })
-    .then(async (res) => {
-      const a = document.createElement("a");
-      a.href = window.URL.createObjectURL(res.data);
-      a.download = fileName;
-      a.click();
-    })
-    .catch((err) => {
-      messageError($q, err);
-    })
-    .finally(() => {
-      hideLoader();
-    });
-}
+// watch(
+//   () => formData.endDate,
+//   () => {
+//     if (formData.endDate) {
+//       endDateRef.value.resetValidation();
+//     }
+//   }
+// );
 </script>
 
 <template>
   <q-dialog v-model="modal" persistent>
     <q-card class="col-12" style="width: 80%">
-      <Header :tittle="title" :close="closeDialog" />
-      <q-separator />
+      <form @submit.prevent.stop="onClickSubmit">
+        <Header :tittle="title" :close="closeDialog" />
+        <q-separator />
 
-      <q-card-section class="scroll" style="max-height: 70vh">
-        <div class="row col-12 q-col-gutter-sm">
-          <div class="col-md-12">
-            <div class="row col-12 q-col-gutter-sm">
-              <div class="col-xs-12 col-md-3">
-                <q-select
-                  ref="salaryTypeRef"
-                  dense
-                  hide-bottom-space
-                  outlined
-                  option-label="name"
-                  option-value="id"
-                  emit-value
-                  map-options
-                  v-model="formData.salaryType"
-                  :options="salaryTypeOption"
-                  label="ประเภทผังบัญชีเงินเดือน"
-                  :rules="[
-                    (val) => !!val || 'กรุณาเลือกประเภทผังบัญชีเงินเดือน',
-                  ]"
-                  lazy-rules
-                />
-              </div>
+        <q-card-section class="scroll" style="max-height: 70vh">
+          <div class="row col-12 q-col-gutter-sm">
+            <div class="col-md-12">
+              <div class="row col-12 q-col-gutter-sm">
+                <div class="col-xs-12 col-md-3">
+                  <q-select
+                    ref="salaryTypeRef"
+                    dense
+                    hide-bottom-space
+                    outlined
+                    option-label="name"
+                    option-value="id"
+                    emit-value
+                    map-options
+                    v-model="formData.salaryType"
+                    :options="salaryTypeOption"
+                    label="ประเภทผังบัญชีเงินเดือน"
+                    :rules="[
+                      (val) => !!val || 'กรุณาเลือกประเภทผังบัญชีเงินเดือน',
+                    ]"
+                    lazy-rules
+                  />
+                </div>
 
-              <div class="col-xs-12 col-md-3">
-                <q-select
-                  ref="posTypeRef"
-                  dense
-                  hide-bottom-space
-                  outlined
-                  option-label="name"
-                  option-value="id"
-                  emit-value
-                  map-options
-                  v-model="formData.posTypeId"
-                  :options="salaryPosTypeOption"
-                  label="ประเภทตำแหน่ง/กลุ่ม"
-                  :rules="[(val) => !!val || 'กรุณาเลือกประเภทตำแหน่ง/กลุ่ม']"
-                  lazy-rules
-                  @update:model-value="fetchPosLevel"
-                />
-              </div>
+                <div class="col-xs-12 col-md-3">
+                  <q-select
+                    ref="posTypeRef"
+                    dense
+                    hide-bottom-space
+                    outlined
+                    option-label="name"
+                    option-value="id"
+                    emit-value
+                    map-options
+                    v-model="formData.posTypeId"
+                    :options="salaryPosTypeOption"
+                    label="ประเภทตำแหน่ง/กลุ่ม"
+                    :rules="[(val) => !!val || 'กรุณาเลือกประเภทตำแหน่ง/กลุ่ม']"
+                    lazy-rules
+                    @update:model-value="fetchPosLevel"
+                  />
+                </div>
 
-              <div class="col-xs-12 col-md-3">
-                <q-select
-                  ref="posLevelRef"
-                  dense
-                  hide-bottom-space
-                  outlined
-                  option-label="name"
-                  option-value="id"
-                  emit-value
-                  map-options
-                  v-model="formData.posLevelId"
-                  :options="salaryPosLevelOption"
-                  label="ระดับ"
-                  :rules="[(val) => !!val || 'กรุณาเลือกระดับ']"
-                  lazy-rules
-                  :disable="formData.posTypeId === ''"
-                />
-              </div>
+                <div class="col-xs-12 col-md-3">
+                  <q-select
+                    ref="posLevelRef"
+                    dense
+                    hide-bottom-space
+                    outlined
+                    option-label="name"
+                    option-value="id"
+                    emit-value
+                    map-options
+                    v-model="formData.posLevelId"
+                    :options="salaryPosLevelOption"
+                    label="ระดับ"
+                    :rules="[(val) => !!val || 'กรุณาเลือกระดับ']"
+                    lazy-rules
+                    :disable="formData.posTypeId === ''"
+                  />
+                </div>
 
-              <div class="col-xs-12 col-md-1">
-                <q-checkbox size="md" v-model="formData.isSpecial" label="ฉ" />
-              </div>
+                <div class="col-xs-12 col-md-1">
+                  <q-checkbox
+                    size="md"
+                    v-model="formData.isSpecial"
+                    label="ฉ"
+                  />
+                </div>
 
-              <div
-                class="col-xs-12 col-md-2"
-                style="display: flex; justify-content: flex-start"
-              >
-                <q-toggle
-                  color="primary"
-                  label="สถานะการใช้งาน"
-                  v-model="formData.isActive"
-                />
-              </div>
-
-              <div class="col-xs-12 col-md-4">
-                <datepicker
-                  menu-class-name="modalfix"
-                  v-model="formData.date"
-                  :locale="'th'"
-                  autoApply
-                  borderless
-                  :enableTimePicker="false"
-                  week-start="0"
+                <div
+                  class="col-xs-12 col-md-2"
+                  style="display: flex; justify-content: flex-start"
                 >
-                  <template #year="{ year }">
-                    {{ year + 543 }}
-                  </template>
-                  <template #year-overlay-value="{ value }">
-                    {{ parseInt(value + 543) }}
-                  </template>
-                  <template #trigger>
-                    <q-input
-                      ref="dateRef"
-                      outlined
-                      dense
-                      hide-bottom-space
-                      :model-value="
-                        formData.date != null ? date2Thai(formData.date) : null
-                      "
-                      label="ให้ไว้ ณ วันที่"
-                      :rules="[
-                        (val) =>
-                          !!val || `${'กรุณาเลือกวันที่ ให้ไว ณ วันที่'}`,
-                      ]"
-                      lazy-rules
-                    >
-                      <template v-slot:prepend>
-                        <q-icon
-                          name="event"
-                          class="cursor-pointer"
-                          style="color: var(--q-primary)"
-                        >
-                        </q-icon>
-                      </template>
-                    </q-input>
-                  </template>
-                </datepicker>
-              </div>
+                  <q-toggle
+                    color="primary"
+                    label="สถานะการใช้งาน"
+                    v-model="formData.isActive"
+                  />
+                </div>
 
-              <div class="col-xs-12 col-md-4">
-                <datepicker
-                  menu-class-name="modalfix"
-                  v-model="formData.startDate"
-                  :locale="'th'"
-                  autoApply
-                  borderless
-                  :enableTimePicker="false"
-                  week-start="0"
-                  @update:model-value="checkEndDate"
-                >
-                  <template #year="{ year }">
-                    {{ year + 543 }}
-                  </template>
-                  <template #year-overlay-value="{ value }">
-                    {{ parseInt(value + 543) }}
-                  </template>
-                  <template #trigger>
-                    <q-input
-                      ref="startDateRef"
-                      outlined
-                      dense
-                      hide-bottom-space
-                      :model-value="
-                        formData.startDate != null
-                          ? date2Thai(formData.startDate)
-                          : null
-                      "
-                      label="วันที่มีผลบังคับใช้"
-                      :rules="[
-                        (val) => !!val || `${'กรุณาเลือกวันที่มีผลบังคับใช้'}`,
-                      ]"
-                      lazy-rules
-                    >
-                      <template v-slot:prepend>
-                        <q-icon
-                          name="event"
-                          class="cursor-pointer"
-                          style="color: var(--q-primary)"
-                        >
-                        </q-icon>
-                      </template>
-                    </q-input>
-                  </template>
-                </datepicker>
-              </div>
+                <div class="col-xs-12 col-md-4">
+                  <datepicker
+                    menu-class-name="modalfix"
+                    v-model="formData.date"
+                    :locale="'th'"
+                    autoApply
+                    borderless
+                    :enableTimePicker="false"
+                    week-start="0"
+                  >
+                    <template #year="{ year }">
+                      {{ year + 543 }}
+                    </template>
+                    <template #year-overlay-value="{ value }">
+                      {{ parseInt(value + 543) }}
+                    </template>
+                    <template #trigger>
+                      <q-input
+                        ref="dateRef"
+                        outlined
+                        dense
+                        hide-bottom-space
+                        :model-value="
+                          formData.date != null
+                            ? date2Thai(formData.date)
+                            : null
+                        "
+                        label="ให้ไว้ ณ วันที่"
+                        :rules="[
+                          (val) =>
+                            !!val || `${'กรุณาเลือกวันที่ ให้ไว ณ วันที่'}`,
+                        ]"
+                        lazy-rules
+                      >
+                        <template v-slot:prepend>
+                          <q-icon
+                            name="event"
+                            class="cursor-pointer"
+                            style="color: var(--q-primary)"
+                          >
+                          </q-icon>
+                        </template>
+                      </q-input>
+                    </template>
+                  </datepicker>
+                </div>
 
-              <div class="col-xs-12 col-md-4">
-                <datepicker
-                  menu-class-name="modalfix"
-                  v-model="formData.endDate"
-                  :locale="'th'"
-                  autoApply
-                  borderless
-                  :enableTimePicker="false"
-                  week-start="0"
-                  :min-date="formData.startDate"
-                >
-                  <template #year="{ year }">
-                    {{ year + 543 }}
-                  </template>
-                  <template #year-overlay-value="{ value }">
-                    {{ parseInt(value + 543) }}
-                  </template>
-                  <template #trigger>
-                    <q-input
-                      ref="endDateRef"
-                      outlined
-                      dense
-                      hide-bottom-space
-                      :model-value="
-                        formData.endDate != null
-                          ? date2Thai(formData.endDate)
-                          : null
-                      "
-                      label="วันที่สิ้นสุดบังคับใช้"
-                      :rules="[
-                        (val) =>
-                          !!val || `${'กรุณาเลือกวันที่สิ้นสุดบังคับใช้'}`,
-                      ]"
-                      lazy-rules
-                    >
-                      <template v-slot:prepend>
-                        <q-icon
-                          name="event"
-                          class="cursor-pointer"
-                          style="color: var(--q-primary)"
-                        >
-                        </q-icon>
-                      </template>
-                    </q-input>
-                  </template>
-                </datepicker>
-              </div>
+                <div class="col-xs-12 col-md-4">
+                  <datepicker
+                    menu-class-name="modalfix"
+                    v-model="formData.startDate"
+                    :locale="'th'"
+                    autoApply
+                    borderless
+                    :enableTimePicker="false"
+                    week-start="0"
+                    @update:model-value="checkEndDate"
+                  >
+                    <template #year="{ year }">
+                      {{ year + 543 }}
+                    </template>
+                    <template #year-overlay-value="{ value }">
+                      {{ parseInt(value + 543) }}
+                    </template>
+                    <template #trigger>
+                      <q-input
+                        ref="startDateRef"
+                        outlined
+                        dense
+                        hide-bottom-space
+                        :model-value="
+                          formData.startDate != null
+                            ? date2Thai(formData.startDate)
+                            : null
+                        "
+                        label="วันที่มีผลบังคับใช้"
+                        :rules="[
+                          (val) =>
+                            !!val || `${'กรุณาเลือกวันที่มีผลบังคับใช้'}`,
+                        ]"
+                        lazy-rules
+                      >
+                        <template v-slot:prepend>
+                          <q-icon
+                            name="event"
+                            class="cursor-pointer"
+                            style="color: var(--q-primary)"
+                          >
+                          </q-icon>
+                        </template>
+                      </q-input>
+                    </template>
+                  </datepicker>
+                </div>
 
-              <div class="col-12">
-                <q-input
-                  v-model="formData.details"
-                  outlined
-                  dense
-                  type="textarea"
-                  label="คำอธิบาย"
-                />
+                <div class="col-xs-12 col-md-4">
+                  <datepicker
+                    menu-class-name="modalfix"
+                    v-model="formData.endDate"
+                    :locale="'th'"
+                    autoApply
+                    borderless
+                    :enableTimePicker="false"
+                    week-start="0"
+                    :min-date="formData.startDate"
+                  >
+                    <template #year="{ year }">
+                      {{ year + 543 }}
+                    </template>
+                    <template #year-overlay-value="{ value }">
+                      {{ parseInt(value + 543) }}
+                    </template>
+                    <template #trigger>
+                      <q-input
+                        ref="endDateRef"
+                        outlined
+                        dense
+                        hide-bottom-space
+                        :model-value="
+                          formData.endDate != null
+                            ? date2Thai(formData.endDate)
+                            : null
+                        "
+                        label="วันที่สิ้นสุดบังคับใช้"
+                        :rules="[
+                          (val) =>
+                            !!val || `${'กรุณาเลือกวันที่สิ้นสุดบังคับใช้'}`,
+                        ]"
+                        lazy-rules
+                      >
+                        <template v-slot:prepend>
+                          <q-icon
+                            name="event"
+                            class="cursor-pointer"
+                            style="color: var(--q-primary)"
+                          >
+                          </q-icon>
+                        </template>
+                      </q-input>
+                    </template>
+                  </datepicker>
+                </div>
+
+                <div class="col-12">
+                  <q-input
+                    v-model="formData.details"
+                    outlined
+                    dense
+                    type="textarea"
+                    label="คำอธิบาย"
+                  />
+                </div>
               </div>
             </div>
           </div>
+        </q-card-section>
+        <q-separator />
+        <div class="text-right q-ma-sm">
+          <q-btn label="บันทึก" type="submit" color="secondary">
+            <q-tooltip>บันทึกข้อมูล</q-tooltip>
+          </q-btn>
         </div>
-      </q-card-section>
-      <q-separator />
-      <div class="text-right q-ma-sm">
-        <q-btn label="บันทึก" color="secondary" @click="onClickSubmit">
-          <q-tooltip>บันทึกข้อมูล</q-tooltip>
-        </q-btn>
-      </div>
+      </form>
     </q-card>
   </q-dialog>
 </template>