no message

src/modules/01_metadataNew/components/position/01ListPosition.vue

@@ -13,6 +13,7 @@ import type {
 import type { QTableProps } from "quasar";
 import DialogAddPosition from "@/modules/01_metadataNew/components/position/DialogAddPosition.vue";
 
+const editPosition = ref<boolean>(false)
 const modalAddPosition = ref<boolean>(false);
 const levelOpsMain = ref<DataOption[]>([]);
 const dataLevel = ref<any>();
@@ -173,6 +174,23 @@ function copyDetiail(data: RowDetailPositions) {
   formPositionSelect.positionArea = data.positionArea;
   modalAddPosition.value = true;
 }
+/**
+ * แก้ไขข้อมูล
+ * @param data ข้อมูลตำแหน่ง
+ */
+function editDetiail(data: RowDetailPositions) {
+  formPositionSelect.positionId = data.id;
+  formPositionSelect.posTypeId = data.posTypeId;
+  formPositionSelect.positionName = data.positionName;
+  formPositionSelect.positionField = data.positionField;
+  formPositionSelect.positionType = data.posTypeId;
+  formPositionSelect.positionLevel = data.posLevelId;
+  formPositionSelect.positionExecutive = data.posExecutiveId;
+  formPositionSelect.positionExecutiveField = data.positionExecutiveField;
+  formPositionSelect.positionArea = data.positionArea;
+  modalAddPosition.value = true;
+  editPosition.value = true
+}
 
 /**
  * ส่งค่า css ออกไปตามเงื่อนไข
@@ -376,6 +394,19 @@ onMounted(() => {
             >
               <q-tooltip>คัดลอกข้อมูล</q-tooltip>
             </q-btn>
+            <q-btn
+              color="edit"
+              flat
+              dense
+              round
+              size="12px"
+              icon="mdi-pencil"
+              clickable
+              @click.stop="editDetiail(props.row)"
+              v-close-popup
+            >
+              <q-tooltip>แก้ไขข้อมูล</q-tooltip>
+            </q-btn>
             <q-btn
               color="red"
               flat
@@ -397,5 +428,7 @@ onMounted(() => {
   <DialogAddPosition
     v-model:add-position="modalAddPosition"
     v-model:form-data="formPositionSelect"
+    v-model:edit-check="editPosition"
+    :get-data="searchInput"
   />
 </template>

src/modules/01_metadataNew/components/position/DialogAddPosition.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, reactive, watch } from "vue";
+import { ref, reactive, watch,defineProps } from "vue";
 import { useQuasar } from "quasar";
 import http from "@/plugins/http";
 import config from "@/app.config";
@@ -33,12 +33,16 @@ const formPositionSelect = reactive<FormPositionSelectDialog>({
 });
 const $q = useQuasar();
 
+const props = defineProps({
+  getData:Function
+})
 const { dialogConfirm, showLoader, success, hideLoader, messageError } =
   useCounterMixin();
 
 const isReadonly = ref<boolean>(false); // อ่านได้อย่างเดียว
 const modal = defineModel<boolean>("addPosition", { required: true });
 const formData = defineModel<any>("formData", { required: true });
+const editCheck = defineModel<boolean>("editCheck", { required: true });
 
 const positionNameRef = ref<Object | null>(null);
 const positionFieldRef = ref<Object | null>(null);
@@ -71,10 +75,54 @@ function validateFormPositionEdit() {
     }
   }
   if (hasError.every((result) => result === true)) {
-    onSubmitSelectEdit();
+    if (editCheck.value == true) {
+      saveSelectEdit();
+    } else {
+      onSubmitSelectEdit();
+    }
   }
 }
 
+/** ฟังชั่น บันทึก */
+function saveSelectEdit() {
+  console.log(formPositionSelect.positionExecutive)
+  console.log(formPositionSelect.positionArea)
+  dialogConfirm(
+    $q,
+    async () => {
+      showLoader();
+      const body = {
+        posDictName: formPositionSelect.positionName,
+        posDictField: formPositionSelect.positionField, //สายงาน
+        posTypeId: formPositionSelect.positionType, //*ประเภทตำแหน่ง
+        posLevelId: formPositionSelect.positionLevel, //*ระดับตำแหน่ง
+        posExecutiveId:
+          formPositionSelect.positionExecutive == null
+            ? ''
+            : formPositionSelect.positionExecutive, //ตำแหน่งทางการบริหาร
+        posDictExecutiveField: formPositionSelect.positionExecutiveField!==null?formPositionSelect.positionExecutiveField:'', //ด้านทางการบริหาร
+        posDictArea: formPositionSelect.positionArea !== null ? formPositionSelect.positionArea:'', //ด้าน/สาขา
+      };
+      await http
+        .put(config.API.orgPosPositionById(formPositionSelect.positionId), body)
+        .then(() => {
+          success($q, "เพิ่มข้อมูลสำเร็จ");
+          clearFormPositionSelect();
+          modal.value = false;
+          editCheck.value = false;
+          props.getData?.()
+        })
+        .catch((err) => {
+          messageError($q, err);
+        })
+        .finally(() => {
+          hideLoader();
+        });
+    },
+    "ยืนยันการเพิ่มตำแหน่ง",
+    "ต้องการยืนยันการเพิ่มตำแหน่งนี้ใช่หรือไม่?"
+  );
+}
 /** ฟังชั่น บันทึก */
 function onSubmitSelectEdit() {
   dialogConfirm(
@@ -86,7 +134,10 @@ function onSubmitSelectEdit() {
         posDictField: formPositionSelect.positionField, //สายงาน
         posTypeId: formPositionSelect.positionType, //*ประเภทตำแหน่ง
         posLevelId: formPositionSelect.positionLevel, //*ระดับตำแหน่ง
-        posExecutiveId: formPositionSelect.positionExecutive == '' ? null:formPositionSelect.positionExecutive, //ตำแหน่งทางการบริหาร
+        posExecutiveId:
+          formPositionSelect.positionExecutive == ""
+            ? null
+            : formPositionSelect.positionExecutive, //ตำแหน่งทางการบริหาร
         posDictExecutiveField: formPositionSelect.positionExecutiveField, //ด้านทางการบริหาร
         posDictArea: formPositionSelect.positionArea, //ด้าน/สาขา
       };
@@ -96,6 +147,7 @@ function onSubmitSelectEdit() {
           success($q, "เพิ่มข้อมูลสำเร็จ");
           clearFormPositionSelect();
           modal.value = false;
+          editCheck.value = false;
         })
         .catch((err) => {
           messageError($q, err);
@@ -206,6 +258,11 @@ function updateSelectType(val: string) {
   }));
   levelOps.value = levelOpsMain.value;
 }
+
+function close() {
+  modal.value = false;
+  editCheck.value = false;
+}
 </script>
 
 <template>
@@ -213,8 +270,8 @@ function updateSelectType(val: string) {
     <q-card style="min-width: 50vw">
       <form @submit.prevent="validateFormPositionEdit">
         <DialogHeader
-          :tittle="`เพิ่มข้อมูลตำแหน่ง`"
-          :close="() => (modal = false)"
+          :tittle="`${editCheck ? 'แก้ไขข้อมูลตำแหน่ง' : 'เพิ่มข้อมูลตำแหน่ง'}`"
+          :close="close"
         />
         <q-separator />