Update EditPage.vue

src/modules/12_evaluatePersonal/components/Meeting/EditPage.vue

@@ -1,19 +1,27 @@
 <script setup lang="ts">
 import { ref, onMounted, reactive } from "vue";
 import Form from "@/modules/12_evaluatePersonal/components/Meeting/Form.vue";
-import type { FormData } from "@/modules/11_discipline/interface/request/director";
+import type { FormData } from "@/modules/12_evaluatePersonal/interface/index/meeting";
 import { useCounterMixin } from "@/stores/mixin";
 import { useQuasar } from "quasar";
 import { useRoute } from "vue-router";
 import router from "@/router";
 import http from "@/plugins/http";
 import config from "@/app.config";
+import type { formData } from "@/modules/09_leave/interface/request/workTime";
 
 const route = useRoute();
 const personalId = ref<string>(route.params.id.toString());
 const $q = useQuasar();
 const mixin = useCounterMixin();
-const { messageError, showLoader, hideLoader, dialogConfirm, success } = mixin;
+const {
+  messageError,
+  showLoader,
+  hideLoader,
+  dialogConfirm,
+  success,
+  date2Thai,
+} = mixin;
 
 /**เมื่อเริ่มโหลดหน้า
  * เรียกใช้งาน fetchData เพื่อดึงข้อมูล
@@ -26,38 +34,40 @@ onMounted(() => {
  * get ข้อมูลเก่ากรณีแก้ไขข้อมูล
  */
 const data = reactive<FormData>({
-  personalId: "",
-  prefix: "",
-  firstname: "",
-  lastname: "",
-  position: "",
-  phone: "",
-  email: "",
+  rounded: "",
+  dateMeeting: "",
+  dateMeetingStart: null,
+  dateMeetingEnd: new Date(),
+  consider: "",
+  period: "",
+  title: "",
+  file: [],
 });
 
 /**
  * ดึงค่าจาก api
  */
 const fetchData = async () => {
-  // showLoader();
-  // await http
-  //   .get(config.API.directorbyId(personalId.value))
-  //   .then((res) => {
-  //     const dataApi = res.data.result;
-  //     personalId.value = dataApi.id;
-  //     data.prefix = dataApi.prefix;
-  //     data.firstname = dataApi.firstName;
-  //     data.lastname = dataApi.lastName;
-  //     data.position = dataApi.position;
-  //     data.phone = dataApi.phone;
-  //     data.email = dataApi.email;
-  //   })
-  //   .catch((e) => {
-  //     messageError($q, e);
-  //   })
-  //   .finally(() => {
-  //     hideLoader();
-  //   });
+  showLoader();
+  await http
+    .get(config.API.meetingById(personalId.value))
+    .then((res) => {
+      const dataApi = res.data.result;
+      personalId.value = dataApi.id;
+      data.title = dataApi.Tittle;
+      data.rounded = dataApi.Round;
+      data.consider = dataApi.Result;
+      data.period = dataApi.Duration;
+      data.dateMeetingStart = dataApi.Date;
+      data.file = dataApi.file;
+      console.log(data.dateMeetingStart);
+    })
+    .catch((e) => {
+      messageError($q, e);
+    })
+    .finally(() => {
+      hideLoader();
+    });
 };
 
 /**
@@ -71,13 +81,12 @@ function onSubmit(formData: FormData) {
 function putData(formData: FormData) {
   showLoader();
   http
-    .put(config.API.directorbyId(personalId.value), {
-      prefix: formData.prefix,
-      firstName: formData.firstname,
-      lastName: formData.lastname,
-      position: formData.position,
-      email: formData.email,
-      phone: formData.phone,
+    .put(config.API.meetingById(personalId.value), {
+      Round: formData.rounded ?? "",
+      Tittle: formData.title,
+      Date: formData.dateMeetingStart,
+      Result: formData.consider,
+      Duration: formData.period,
     })
     .then((res) => {
       success($q, "บันทึกข้อมูลสำเร็จ");