feat: เพิ่มแสดงจำนวนวันที่อบรมแสดง ขรก. / ลจ.

src/modules/15_development/components/historyEmployee/AddPage.vue

@@ -15,6 +15,8 @@ import type {
 import type { QTableProps } from "quasar";
 import type { DataTrainingTopics } from "@/modules/15_development/interface/index/Main";
 
+import FormHistory from "@/modules/15_development/components/FormHistory.vue";
+
 /** importStore*/
 
 /** use*/
@@ -28,6 +30,10 @@ const id = ref<string>(route.params.id as string);
 const dateOrder = ref<Date | null>(null);
 const order = ref<string>("");
 
+const dateHisStart = ref<Date | null>(null);
+const dateHisEnd = ref<Date | null>(null);
+const trainingDays = ref<string>('');
+
 /** ตัวแปรข้อมูลข้าราชการ */
 const formMain = reactive<FormAddHistoryEmployee>({
   id: "",
@@ -135,6 +141,10 @@ function fetchDataDetail() {
       dateOrder.value = data.dateOrder;
       order.value = data.order;
       rows.value = data.academic;
+
+      dateHisStart.value = data.dateStart;
+      dateHisEnd.value = data.dateEnd;
+      trainingDays.value = data.trainingDays;
     })
     .catch((e) => {
       messageError($q, e);
@@ -401,8 +411,12 @@ onMounted(() => {
           </div>
         </div>
       </q-card>
-
-      <div class="row q-col-gutter-sm q-mt-md">
+      <FormHistory
+        :date-his-start="dateHisStart"
+        :date-his-end="dateHisEnd"
+        :training-days="trainingDays"
+      />
+      <div class="row q-col-gutter-sm q-mt-sm">
         <div class="col-3">
           <q-input
             readonly