upload เอกสารหลักฐาน

src/modules/05_placement/components/PersonalDetail/Information/Document.vue

@@ -159,6 +159,9 @@ const props = defineProps({
     type: Function,
     default: () => console.log("not function"),
   },
+  datainformation: {
+    type: Array,
+  },
 });
 const emit = defineEmits(["update:statusEdit"]);
 
@@ -167,49 +170,53 @@ const mixin = useCounterMixin();
 const route = useRoute();
 const { success, messageError, showLoader, hideLoader } = mixin;
 const profileId = ref<string>(
-  route.params.id ? route.params.id.toString() : ""
+  route.params.personalId ? route.params.personalId.toString() : ""
 );
 const edit = ref<boolean>(false);
 const uploader = ref<any>();
 const files = ref<any>([]);
 const file = ref<any>([]);
 const name = ref<string>("");
+const dataMain = ref<any>([]);
 
 onMounted(async () => {
   await getData();
-  // props.fetch()
 });
 
 const getData = async () => {
-  if (profileId.value) {
-    showLoader();
-    await http
-      .get(config.API.profilePaperId(profileId.value))
-      .then((res) => {
-        const data = res.data.result;
-        files.value = data;
-      })
-      .catch((e) => {
-        messageError($q, e);
-      })
-      .finally(() => {
-        hideLoader();
-      });
+  if (props.datainformation) {
+    dataMain.value = props.datainformation;
+    files.value = dataMain.value.docs;
   }
+  //   if (profileId.value) {
+  //     showLoader();
+  //     await http
+  //       .get(config.API.profilePaperId(profileId.value))
+  //       .then((res) => {
+  //         const data = res.data.result;
+  //         files.value = data;
+  //       })
+  //       .catch((e) => {
+  //         messageError($q, e);
+  //       })
+  //       .finally(() => {
+  //         hideLoader();
+  //       });
+  //   }
 };
 
 const deleteData = async (id: string) => {
   showLoader();
   await http
-    .delete(config.API.profilePaperId(id))
-    .then((res) => {
-      const data = res.data.result;
+    .delete(config.API.documentDelid(profileId.value, id))
+    .then(() => {
+      success($q, "ลบไฟล์เอกสารสำเร็จ");
     })
     .catch((e) => {
       messageError($q, e);
     })
     .finally(async () => {
-      await getData();
+      await props.fetch();
     });
 };
 
@@ -221,13 +228,12 @@ const uploadData = async () => {
         type: file.value[0].type,
       });
       const formData = new FormData();
-      formData.append("avatar", newFile);
-      formData.append("moss", "newFile");
+      formData.append("docs", newFile);
+      // formData.append("moss", "newFile");
       showLoader();
       await http
-        .post(config.API.profilePaperId(profileId.value), formData)
-        .then((res) => {
-          const data = res.data.result;
+        .put(config.API.documentByid(profileId.value), formData)
+        .then(() => {
           success($q, "บันทึกข้อมูลสำเร็จ");
         })
         .catch((e) => {
@@ -238,15 +244,15 @@ const uploadData = async () => {
           name.value = "";
           edit.value = false;
           emit("update:statusEdit", false);
-          await getData();
+          await props.fetch();
         });
-    } else {
-      // modalError(
-      //   $q,
-      //   "ไม่สามารถอัปโหลดไฟล์ได้",
-      //   "กรุณาเลือกไฟล์ที่ต้องการอัปโหลด"
-      // );
-      getData();
+      // } else {
+      //   // modalError(
+      //   //   $q,
+      //   //   "ไม่สามารถอัปโหลดไฟล์ได้",
+      //   //   "กรุณาเลือกไฟล์ที่ต้องการอัปโหลด"
+      //   // );
+      //   getData();
     }
   }
 };