รวมไฟล์แก้งานงวด2

src/modules/04_registry/components/Information/OldName.vue

@@ -100,7 +100,7 @@
                 :class="getClass(edit)"
                 :readonly="!edit"
                 :borderless="!edit"
-                :rules="[(val:string) => !!val || `${'กรุณาเลือก คำนำหน้า'}`]"
+                :rules="[(val:string) => !!val || `${'กรุณาเลือก คำนำหน้าชื่อ'}`]"
                 :outlined="edit"
                 dense
                 lazy-rules
@@ -110,7 +110,7 @@
                 option-label="name"
                 :options="Ops.prefixOps"
                 option-value="id"
-                :label="`${'คำนำหน้า'}`"
+                :label="`${'คำนำหน้าชื่อ'}`"
                 use-input
                 input-debounce="0"
                 @filter="(inputValue:any,
@@ -124,7 +124,7 @@
                 :outlined="edit"
                 dense
                 lazy-rules
-                :readonly="!edit"
+                :readonly="!edit || status == 'lastName'"
                 :borderless="!edit"
                 v-model="firstName"
                 :rules="[(val) => !!val || `${'กรุณากรอกชื่อ'}`]"
@@ -139,7 +139,7 @@
                 :outlined="edit"
                 dense
                 lazy-rules
-                :readonly="!edit"
+                :readonly="!edit || status == 'firstName'"
                 :borderless="!edit"
                 v-model="lastName"
                 :rules="[(val) => !!val || `${'กรุณากรอกนามสกุล'}`]"
@@ -324,6 +324,18 @@ const props = defineProps({
     type: Function,
     default: () => console.log("not function"),
   },
+  perfixId: {
+    type: String,
+    required: true,
+  },
+  firstname: {
+    type: String,
+    required: true,
+  },
+  lastname: {
+    type: String,
+    required: true,
+  },
 });
 
 const $q = useQuasar();
@@ -362,9 +374,7 @@ const tittleHistory = ref<string>("ประวัติแก้ไขประ
 const filterHistory = ref<string>(""); //search data table history
 const modalHistory = ref<boolean>(false); //modal ประวัติการแก้ไขข้อมูล
 const checkValidate = ref<boolean>(false); //validate data ผ่านหรือไม่
-const profileId = ref<string>(
-  route.params.id ? route.params.id.toString() : ""
-);
+const profileId = ref<string>(route.params.id.toString());
 const file = ref<string | null>(null);
 const fileUpload = ref<any>([]);
 const rows = ref<RequestItemsObject[]>([]);
@@ -411,7 +421,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "prefix",
     align: "left",
-    label: "คำนำหน้า",
+    label: "คำนำหน้าชื่อ",
     sortable: true,
     field: "prefix",
     headerStyle: "font-size: 14px",
@@ -457,7 +467,7 @@ const columnsHistory = ref<QTableProps["columns"]>([
   {
     name: "prefix",
     align: "left",
-    label: "คำนำหน้า",
+    label: "คำนำหน้าชื่อ",
     sortable: true,
     field: "prefix",
     headerStyle: "font-size: 14px",
@@ -540,34 +550,32 @@ onMounted(async () => {
 });
 
 const fetchData = async () => {
-  if (profileId.value !== "") {
-    loaderPage(true);
-    await http
-      .get(config.API.profileChangeNameId(profileId.value))
-      .then((res) => {
-        let data = res.data.result;
-        rows.value = [];
-        data.map((e: ResponseObject) => {
-          rows.value.push({
-            id: e.id,
-            prefix: e.prefix,
-            prefixId: e.prefixId,
-            firstName: e.firstName,
-            lastName: e.lastName,
-            status: e.status,
-            file: e.file,
-            createdFullName: e.createdFullName,
-            createdAt: new Date(e.createdAt),
-          });
+  loaderPage(true);
+  await http
+    .get(config.API.profileChangeNameId(profileId.value))
+    .then((res) => {
+      let data = res.data.result;
+      rows.value = [];
+      data.map((e: ResponseObject) => {
+        rows.value.push({
+          id: e.id,
+          prefix: e.prefix,
+          prefixId: e.prefixId,
+          firstName: e.firstName,
+          lastName: e.lastName,
+          status: e.status,
+          file: e.file,
+          createdFullName: e.createdFullName,
+          createdAt: new Date(e.createdAt),
         });
-      })
-      .catch((e) => {
-        messageError($q, e);
-      })
-      .finally(() => {
-        loaderPage(false);
       });
-  }
+    })
+    .catch((e) => {
+      messageError($q, e);
+    })
+    .finally(() => {
+      loaderPage(false);
+    });
 };
 
 /**
@@ -669,19 +677,44 @@ const clickSave = async () => {
       if (modalEdit.value) {
         await editData();
       } else {
-        await checkSave();
+        await saveData();
       }
     }
   });
 };
 
-const checkSave = async () => {
+/**
+ * บันทึกเพิ่มข้อมูล
+ */
+const saveData = async () => {
   if (fileUpload.value.length > 0) {
-    if (profileId.value !== "") {
-      await saveData();
-    } else {
-      await saveDataEmployee();
-    }
+    const blob = fileUpload.value.slice(0, fileUpload.value[0].size);
+    const newFile = new File(blob, nameFile.value, {
+      type: fileUpload.value[0].type,
+    });
+    const formData = new FormData();
+    formData.append("", newFile);
+    if (prefixId.value != undefined)
+      formData.append("prefixId", prefixId.value);
+    if (firstName.value != undefined)
+      formData.append("firstName", firstName.value);
+    if (lastName.value != undefined)
+      formData.append("lastName", lastName.value);
+    if (status.value != undefined) formData.append("status", status.value);
+    loaderPage(true);
+    await http
+      .post(config.API.profileChangeNameId(profileId.value), formData)
+      .then((res) => {
+        success($q, "บันทึกข้อมูลสำเร็จ");
+        modal.value = false;
+      })
+      .catch((e) => {
+        messageError($q, e);
+      })
+      .finally(async () => {
+        await fetchData();
+        await props.fetchDataInformation();
+      });
   } else {
     dialogMessage(
       $q,
@@ -697,41 +730,6 @@ const checkSave = async () => {
   }
 };
 
-/**
- * บันทึกเพิ่มข้อมูล
- */
-const saveData = async () => {
-  const blob = fileUpload.value.slice(0, fileUpload.value[0].size);
-  const newFile = new File(blob, nameFile.value, {
-    type: fileUpload.value[0].type,
-  });
-  const formData = new FormData();
-  formData.append("", newFile);
-  if (prefixId.value != undefined) formData.append("prefixId", prefixId.value);
-  if (firstName.value != undefined)
-    formData.append("firstName", firstName.value);
-  if (lastName.value != undefined) formData.append("lastName", lastName.value);
-  if (status.value != undefined) formData.append("status", status.value);
-  loaderPage(true);
-  await http
-    .post(config.API.profileChangeNameId(profileId.value), formData)
-    .then((res) => {
-      success($q, "บันทึกข้อมูลสำเร็จ");
-      modal.value = false;
-    })
-    .catch((e) => {
-      messageError($q, e);
-    })
-    .finally(async () => {
-      await fetchData();
-      await props.fetchDataInformation();
-    });
-};
-
-const saveDataEmployee = async () => {
-  console.log("saveDataEmployee");
-};
-
 /**
  * บันทึกแก้ไขข้อมูล
  */
@@ -845,9 +843,9 @@ const addData = () => {
   modalEdit.value = false;
   modal.value = true;
   edit.value = true;
-  prefixId.value = "";
-  firstName.value = "";
-  lastName.value = "";
+  prefixId.value = props.perfixId;
+  firstName.value = props.firstname;
+  lastName.value = props.lastname;
   status.value = "";
   file.value = "";
 };