Merge branch 'develop' of github.com:Frappet/bma-ehr-frontend into develop

* 'develop' of github.com:Frappet/bma-ehr-frontend:
  แก้ไขคำผิด
  รายการลาออก
  รายการลาออก

src/modules/06_retirement/components/resign/ResignByid.vue

@@ -9,6 +9,8 @@ import { useRetirementDataStore } from "@/modules/06_retirement/store";
 import CurrencyInput from "@/components/CurruncyInput.vue";
 import http from "@/plugins/http";
 import config from "@/app.config";
+import axios from "axios";
+
 import keycloak from "@/plugins/keycloak";
 import type {
   TypeFile,
@@ -23,7 +25,6 @@ import type { DataProfile } from "@/modules/05_placement/interface/index/Main";
 /** importComponents*/
 import CardProfile from "@/components/CardProfile.vue";
 
-const avatar = ref<string>("");
 const modalPersonal = ref<boolean>(false);
 const personId = ref<string>("");
 /** Use */
@@ -38,7 +39,7 @@ const {
   showLoader,
   hideLoader,
   success,
-  dialogMessage,
+
   dialogConfirm,
   dialogRemove,
 } = mixin;
@@ -133,16 +134,21 @@ const checkboxGroup = ref<CheckBoxType[]>([]);
 const checkboxOp = ref<CheckBoxType[]>([
   { label: "ไม่เป็นหนี้สหกรณ์", value: "debt" },
 ]);
+
 /** Hook */
 onMounted(async () => {
   fetchData(id.value);
+  fetchFile();
   if (keycloak.tokenParsed !== undefined) {
     const commander = await keycloak.tokenParsed.role.includes("commander");
     const oligarch = await keycloak.tokenParsed.role.includes("oligarch");
+    const officer = await keycloak.tokenParsed.role.includes("officer");
     if (commander) {
       roleUser.value = "commander";
     } else if (oligarch) {
       roleUser.value = "oligarch";
+    } else if (officer) {
+      roleUser.value = "officer";
     } else {
       roleUser.value = "admin";
     }
@@ -154,7 +160,6 @@ const diffDate = () => {
     const time = dateLeave.value.getTime() - date.value.getTime();
     //วันที่ขอลาออกจากราชการ - วันที่ยื่นขอลาออกจากราชการ
     const day = time / (1000 * 3600 * 24);
-
     if (day < 30) {
       return true;
     }
@@ -163,9 +168,7 @@ const diffDate = () => {
   return false;
 };
 
-/**
- * นำข้อมูลมาจาก API
- */
+/** นำข้อมูลมาจาก API*/
 const fetchData = async (id: string) => {
   showLoader();
   await http
@@ -196,7 +199,6 @@ const fetchData = async (id: string) => {
       location.value = data.location ?? "";
       status.value = data.status ?? "";
       remarkHorizontal.value = data.remarkHorizontal ?? "-";
-      // getAvatar(data.profileId);
     })
     .catch((e) => {
       messageError($q, e);
@@ -206,30 +208,6 @@ const fetchData = async (id: string) => {
     });
 };
 
-// function getAvatar(id: string) {
-//   if (id) {
-//     http
-//       .get(config.API.profileAvaId(id))
-//       .then((res) => {
-//         console.log(res);
-//         const dataList = res.data.result;
-//         avatar.value = dataList.avatar;
-//       })
-//       .catch((e) => {})
-//       .finally(() => {});
-//   }
-// }
-
-// const downloadFile = (response: any, filename: string) => {
-//   const link = document.createElement("a");
-//   var fileName = filename;
-//   link.href = window.URL.createObjectURL(new Blob([response.data]));
-//   link.setAttribute("download", fileName);
-//   document.body.appendChild(link);
-//   link.click();
-//   document.body.removeChild(link);
-// };
-
 /**Pop up */
 const popUp = (action: "pass" | "passNot") => {
   reasonReign.value = "";
@@ -237,6 +215,7 @@ const popUp = (action: "pass" | "passNot") => {
   actionPass.value = action === "pass";
   openModal();
 };
+
 //เงื่อนไขpop up
 const conditionPopup = () => {
   if (myFormConfirm.value !== null) {
@@ -311,6 +290,7 @@ const rejectpopUp = async () => {
 const clickCancel = async () => {
   await fetchData(id.value);
   edit.value = false;
+  myForm.value?.resetValidation();
 };
 /**
  * กดยกเลิก
@@ -320,86 +300,60 @@ const clickCancelConditions = async () => {
   conditions.value = false;
 };
 
-const saveConditions = () => {
-  if (myForm.value !== null) {
-    myForm.value.validate().then((success) => {
-      if (success) {
-        dialogConfirm($q, () => {
-          dataSave();
-        });
-        // dialogMessage(
-        //   $q,
-        //   "ต้องการแก้ไขข้อมูลหรือไม่?",
-        //   "แก้ไขข้อมูลเพื่อลงบัญชีแนบท้าย",
-        //   "mdi-help-circle-outline",
-        //   "ตกลง",
-        //   "public",
-        //   async () => await dataSave(),
-        //   undefined
-        // );
-      }
-    });
-  }
+/** Function บันทึก รายการตรวจสอบเงื่อนไขต่าง ๆ*/
+const onSubmitConditions = () => {
+  dialogConfirm($q, () => {
+    showLoader();
+    http
+      .put(config.API.resignConditions(id.value), {
+        IsNoDebt: checkboxGroup.value[0] ? true : false,
+      })
+      .then(() => {
+        fetchData(id.value);
+        success($q, "บันทึกเงื่อนไขต่าง ๆ สำเร็จ");
+        conditions.value = false;
+      })
+      .catch((err) => {
+        messageError($q, err);
+      })
+      .finally(() => {
+        hideLoader();
+      });
+  });
 };
 
-//Save จาก Api
-const dataSave = async () => {};
-
-/**
- * Functionบันทึก
- */
-const conditionSave = () => {
-  if (myForm.value !== null) {
-    myForm.value.validate().then((success) => {
-      if (success) {
-        dialogConfirm($q, () => {
-          saveData();
-        });
-        // dialogMessage(
-        //   $q,
-        //   "ต้องการแก้ไขข้อมูลหรือไม่?",
-        //   "แก้ไขข้อมูลเพื่อลงบัญชีแนบท้าย",
-        //   "mdi-help-circle-outline",
-        //   "ตกลง",
-        //   "public",
-        //   async () => ,
-        //   undefined
-        // );
-      }
-    });
-  }
-};
-
-//Save จาก Api
-const saveData = async () => {
-  const formData = new FormData();
-  const send = date.value !== null ? new Date(date.value).toUTCString() : "";
-  const activeDate =
-    dateLeave.value !== null ? new Date(dateLeave.value).toUTCString() : "";
-  formData.append("Location", location.value);
-  formData.append("SendDate", send);
-  formData.append("ActiveDate", activeDate);
-  formData.append("Reason", reason.value);
-  formData.append("OrganizationPositionOld", organizationPositionOld.value);
-  formData.append("PositionTypeOld", positionTypeOld.value);
-  formData.append("PositionLevelOld", positionLevelOld.value);
-  formData.append("PositionNumberOld", posNo.value);
-  formData.append("AmountOld", salary.value.toString());
-  formData.append("remarkHorizontal", remarkHorizontal.value);
-  showLoader();
-  await http
-    .put(config.API.resingByid(id.value), formData)
-    .then(() => {
-      success($q, "แก้ไขข้อมูลเพื่อลงบัญชีแนบท้ายสำเร็จ");
-      edit.value = false;
-    })
-    .catch((e) => {
-      messageError($q, e);
-    })
-    .finally(async () => {
-      await fetchData(id.value);
-      hideLoader();
-    });
+/** Function บันทึก ,แก้ไขข้อมูลเพื่อลงบัญชีแนบท้าย*/
+const onSubmitAttached = () => {
+  dialogConfirm($q, () => {
+    const formData = new FormData();
+    const send = date.value !== null ? new Date(date.value).toUTCString() : "";
+    const activeDate =
+      dateLeave.value !== null ? new Date(dateLeave.value).toUTCString() : "";
+    formData.append("Location", location.value);
+    formData.append("SendDate", send);
+    formData.append("ActiveDate", activeDate);
+    formData.append("Reason", reason.value);
+    formData.append("OrganizationPositionOld", organizationPositionOld.value);
+    formData.append("PositionTypeOld", positionTypeOld.value);
+    formData.append("PositionLevelOld", positionLevelOld.value);
+    formData.append("PositionNumberOld", posNo.value);
+    formData.append("AmountOld", salary.value.toString());
+    formData.append("remarkHorizontal", remarkHorizontal.value);
+    showLoader();
+    http
+      .put(config.API.resingByid(id.value), formData)
+      .then(() => {
+        edit.value = false;
+        success($q, "บันทึกข้อมูลสำเร็จ");
+      })
+      .catch((e) => {
+        messageError($q, e);
+      })
+      .finally(async () => {
+        await fetchData(id.value);
+        await hideLoader();
+      });
+  });
 };
 
 /**
@@ -464,52 +418,117 @@ function updatemodalPersonal(modal: boolean) {
   modalPersonal.value = modal;
 }
 
+async function fetchFile() {
+  showLoader();
+  await http
+    .get(config.API.file("พ้นจากราชการ", "หลักฐานลาออก", id.value))
+    .then((res) => {
+      fileList.value = res.data;
+    })
+    .catch((e) => {
+      messageError($q, e);
+    })
+    .finally(() => {
+      hideLoader();
+    });
+}
+
 function uploadFiles() {
+  showLoader();
+  http
+    .post(config.API.file("พ้นจากราชการ", "หลักฐานลาออก", id.value), {
+      replace: true,
+      fileList: [
+        {
+          fileName: file.value.name,
+        },
+      ],
+    })
+    .then(async (res) => {
+      const foundKey: string | undefined = Object.keys(res.data).find(
+        (key) =>
+          res.data[key]?.fileName !== undefined &&
+          res.data[key]?.fileName !== ""
+      );
+      foundKey && uploadFileURL(res.data[foundKey]?.uploadUrl);
+    })
+    .catch((err) => {
+      messageError($q, err);
+    })
+    .finally(() => {
+      hideLoader();
+    });
+}
+
+async function uploadFileURL(uploadUrl: string) {
   const Data = new FormData();
   Data.append("file", file.value);
   showLoader();
-  http
-    .put(config.API.investigateRelevantUploadFile(id.value), Data)
+  await axios
+    .put(uploadUrl, file.value, {
+      headers: {
+        "Content-Type": file.value.type,
+      },
+    })
     .then(() => {
       success($q, "อัปโหลดไฟล์สำเร็จ");
+      fetchFile();
+    })
+    .catch((e) => {
+      messageError($q, e);
+    })
+    .finally(() => {
+      hideLoader();
+      file.value = null;
+    });
+}
+
+function downloadFiles(fileName: string) {
+  showLoader();
+  http
+    .get(
+      config.API.fileByFile("พ้นจากราชการ", "หลักฐานลาออก", id.value, fileName)
+    )
+    .then((res) => {
+      const data = res.data.downloadUrl;
+      window.open(data, "_blank");
     })
     .catch((e) => {
       messageError($q, e);
     })
     .finally(async () => {
       hideLoader();
-      file.value = null;
     });
 }
 
-function downloadFiles(link: string) {
-  window.open(link, "_blank");
-}
-
 /**
  * ลบไฟล์
  * @param id id file
  */
-function removeFile(id: string) {
-  dialogRemove($q, () => confirmRemove(id));
-}
-
-/**
- * ยืนยัน ลบ ไฟล์
- * @param id id file
- */
-function confirmRemove(fileId: string) {
-  showLoader();
-  http
-    .delete(config.API.investigateRelevantFileDelete(id.value, fileId))
-    .then((res) => {
-      success($q, `ลบไฟล์สำเร็จ`);
-      fetchData(id.value);
-    })
-    .catch((e) => {
-      messageError($q, e);
-    })
-    .finally(() => {});
+function removeFile(fileName: string) {
+  dialogRemove($q, () => {
+    showLoader();
+    http
+      .delete(
+        config.API.fileByFile(
+          "พ้นจากราชการ",
+          "หลักฐานลาออก",
+          id.value,
+          fileName
+        )
+      )
+      .then(() => {
+        success($q, `ลบไฟล์สำเร็จ`);
+        setTimeout(() => {
+          fetchFile();
+          hideLoader();
+        }, 1000);
+      })
+      .catch((e) => {
+        messageError($q, e);
+        hideLoader();
+      });
+  });
 }
 </script>
 <template>
@@ -596,10 +615,14 @@ function confirmRemove(fileId: string) {
       <div
         class="q-gutter-x-sm"
         v-if="
-          (roleUser === 'commander' && dataDetail.commanderReject === null) ||
+          (roleUser === 'commander' &&
+            dataDetail.commanderReject === null &&
+            dataDetail.officerReject === null) ||
           (roleUser === 'oligarch' &&
             dataDetail.oligarchReject === null &&
-            dataDetail.commanderReject !== null)
+            dataDetail.commanderReject !== null &&
+            dataDetail.officerReject === null) ||
+          (roleUser === 'officer' && dataDetail.officerReject === null)
         "
       >
         <q-btn
@@ -768,121 +791,186 @@ function confirmRemove(fileId: string) {
       <div class="q-pl-sm text-weight-bold text-dark">
         รายการตรวจสอบเงื่อนไขต่าง ๆ
       </div>
-      <q-space />
-      <div v-if="!conditions">
-        <q-btn
-          outline
-          color="primary"
-          dense
-          icon-right="mdi-file-edit-outline"
-          class="q-px-sm"
-          label="แก้ไข"
-          style="width: 80px"
-          @click="conditions = !conditions"
-        />
-      </div>
-      <div v-else class="q-gutter-x-sm">
-        <q-btn
-          outline
-          color="public"
-          dense
-          class="q-px-sm"
-          label="บันทึก"
-          style="width: 80px"
-          @click="saveConditions"
-        />
-        <q-btn
-          outline
-          color="red"
-          dense
-          class="q-px-sm"
-          label="ยกเลิก"
-          style="width: 80px"
-          @click="clickCancelConditions"
-        />
-      </div>
     </div>
 
     <div class="col-12"><q-separator /></div>
-    <div class="col-7">
-      <q-option-group
-        :options="checkboxOp"
-        type="checkbox"
-        v-model="checkboxGroup"
-        :disable="!conditions"
-      />
-    </div>
-    <div class="col-5">
-      <div class="row col-12 q-col-gutter-y-sm q-pa-sm">
-        <div class="col-12 row">
-          <q-file
-            class="col-12"
-            for="#evidenceFiles"
-            outlined
-            dense
-            v-model="file"
-            label="อัปโหลดเอกสารหลักฐานต่าง ๆ"
-            hide-bottom-space
-            :disable="!conditions"
-          >
-            <template v-slot:prepend>
-              <q-icon name="attach_file" color="primary" />
-            </template>
-            <template v-slot:after>
+    <div class="row col-12 q-pa-sm q-col-gutter-sm">
+      <div class="col-6">
+        <q-card bordered class="row col-12 text-dark q-mt-sm">
+          <div class="bg-grey-1 q-pa-sm col-12 row items-center text-primary">
+            <div class="q-pl-sm text-weight-bold text-dark">เงื่อนไขต่าง ๆ</div>
+            <q-space />
+            <div v-if="!conditions">
               <q-btn
-                v-if="file"
-                size="14px"
-                flat
-                round
+                outline
+                color="primary"
                 dense
-                color="add"
-                icon="mdi-upload"
-                @click="uploadFiles"
-                ><q-tooltip>อัปโหลดเอกสาร</q-tooltip></q-btn
+                icon-right="mdi-file-edit-outline"
+                class="q-px-sm"
+                label="แก้ไข"
+                style="width: 80px"
+                @click="conditions = !conditions"
+              />
+            </div>
+            <div v-else class="q-gutter-x-sm">
+              <q-btn
+                outline
+                color="public"
+                dense
+                class="q-px-sm"
+                label="บันทึก"
+                style="width: 80px"
+                @click="onSubmitConditions"
+              />
+              <q-btn
+                outline
+                color="red"
+                dense
+                class="q-px-sm"
+                label="ยกเลิก"
+                style="width: 80px"
+                @click="clickCancelConditions"
+              />
+            </div>
+          </div>
+          <div class="col-12"><q-separator /></div>
+          <!-- <q-checkbox v-model="teal" label="Teal" color="teal" :disable="!conditions" /> -->
+          <q-option-group
+            :options="checkboxOp"
+            type="checkbox"
+            v-model="checkboxGroup"
+            :disable="!conditions"
+          />
+        </q-card>
+      </div>
+      <div class="col-6">
+        <q-card bordered class="row col-12 text-dark q-mt-sm">
+          <div class="bg-grey-1 q-pa-sm col-12 row items-center text-primary">
+            <div class="q-pl-sm text-weight-bold text-dark">
+              เอกสารหลักฐานต่าง ๆ
+            </div>
+          </div>
+          <div class="col-12"><q-separator /></div>
+          <div class="row col-12 q-col-gutter-y-sm q-pa-sm">
+            <div class="col-12 row">
+              <q-file
+                class="col-12"
+                for="#evidenceFiles"
+                outlined
+                dense
+                v-model="file"
+                label="อัปโหลดเอกสารหลักฐานต่าง ๆ"
+                hide-bottom-space
               >
-            </template>
-          </q-file>
-        </div>
+                <template v-slot:prepend>
+                  <q-icon name="attach_file" color="primary" />
+                </template>
+                <template v-slot:after>
+                  <q-btn
+                    v-if="file"
+                    size="14px"
+                    flat
+                    round
+                    dense
+                    color="add"
+                    icon="mdi-upload"
+                    @click="uploadFiles"
+                    ><q-tooltip>อัปโหลดเอกสาร</q-tooltip></q-btn
+                  >
+                </template>
+              </q-file>
+            </div>
 
-        <div v-if="fileList.length > 0" class="col-xs-12 row">
-          <q-list class="full-width rounded-borders" bordered separator>
-            <q-item v-for="File in fileList" :key="File.id" clickable v-ripple>
-              <q-item-section>{{ File.fileName }}</q-item-section>
-              <q-item-section avatar>
-                <div class="row">
-                  <div>
-                    <q-btn
-                      dense
-                      flat
-                      round
-                      size="12px"
-                      color="blue"
-                      icon="mdi-download-outline"
-                      @click="downloadFiles(File.pathName)"
-                    >
-                      <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
-                    </q-btn>
-                  </div>
-                  <div>
-                    <q-btn
-                      dense
-                      flat
-                      round
-                      size="12px"
-                      color="red"
-                      icon="mdi-delete-outline"
-                      @click="removeFile(file.id)"
-                      ><q-tooltip>ลบไฟล์</q-tooltip></q-btn
-                    >
-                  </div>
-                </div>
-              </q-item-section>
-            </q-item>
-          </q-list>
-        </div>
+            <div v-if="fileList.length > 0" class="col-xs-12 row">
+              <q-list class="full-width rounded-borders" bordered separator>
+                <q-item
+                  v-for="File in fileList"
+                  :key="File.id"
+                  clickable
+                  v-ripple
+                >
+                  <q-item-section>{{ File.title }}</q-item-section>
+                  <q-item-section avatar>
+                    <div class="row">
+                      <div>
+                        <q-btn
+                          dense
+                          flat
+                          round
+                          size="12px"
+                          color="blue"
+                          icon="mdi-download-outline"
+                          @click="downloadFiles(File.fileName)"
+                        >
+                          <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
+                        </q-btn>
+                      </div>
+                      <div>
+                        <q-btn
+                          dense
+                          flat
+                          round
+                          size="12px"
+                          color="red"
+                          icon="mdi-delete-outline"
+                          @click="removeFile(File.fileName)"
+                          ><q-tooltip>ลบไฟล์</q-tooltip></q-btn
+                        >
+                      </div>
+                    </div>
+                  </q-item-section>
+                </q-item>
+              </q-list>
+            </div>
 
-        <div class="col-12" v-else>
-          <q-card class="q-pa-sm" bordered> ไม่มีรายการเอกสาร </q-card>
+            <div class="col-12" v-else>
+              <q-card class="q-pa-sm" bordered> ไม่มีรายการเอกสาร </q-card>
+            </div>
+          </div>
+        </q-card>
+      </div>
+    </div>
+  </q-card>
+
+  <q-card bordered class="row col-12 text-dark q-mt-sm">
+    <div class="bg-grey-1 q-pa-sm col-12 row items-center text-primary">
+      <div class="q-pl-sm text-weight-bold text-dark">
+        ผลการพิจารณาของการเจ้าหน้าที่
+      </div>
+    </div>
+    <q-separator />
+    <div class="row col-12 q-pa-md">
+      <div class="col-12 row bg-white q-col-gutter-md">
+        <div class="col-xs-6 row items-start">
+          <div class="col-12 text-top">สถานะ</div>
+          <div class="col-12 text-detail">
+            {{
+              dataDetail.officerReject !== null
+                ? statusOrder(dataDetail.officerReject)
+                : "-"
+            }}
+          </div>
+        </div>
+        <div class="col-xs-6 row items-start">
+          <div class="col-12 text-top">วันสุดท้ายที่ยับยั้ง</div>
+          <div class="col-12 text-detail">
+            {{
+              dataDetail.officerRejectDate !== null
+                ? date2Thai(dataDetail.officerRejectDate)
+                : "-"
+            }}
+          </div>
+        </div>
+        <div class="col-xs-12 row items-start">
+          <div class="col-12 text-top">ความคิดเห็นและเหตุผล</div>
+
+          <div class="col-12 text-detail">
+            {{
+              dataDetail.commanderReject
+                ? dataDetail.officerRejectReason || "-"
+                : dataDetail.officerApproveReason || "-"
+            }}
+          </div>
         </div>
       </div>
     </div>
@@ -919,24 +1007,11 @@ function confirmRemove(fileId: string) {
         </div>
         <div class="col-xs-12 row items-start">
           <div class="col-12 text-top">ความคิดเห็นและเหตุผล</div>
-          <div
-            class="col-12 text-detail"
-            v-if="dataDetail.commanderReject === false"
-          >
+          <div class="col-12 text-detail">
             {{
-              dataDetail.commanderApproveReason !== null
-                ? dataDetail.commanderApproveReason
-                : "-"
-            }}
-          </div>
-          <div
-            class="col-12 text-detail"
-            v-if="dataDetail.commanderReject === true"
-          >
-            {{
-              dataDetail.commanderRejectReason !== null
-                ? dataDetail.commanderRejectReason
-                : "-"
+              dataDetail.commanderReject
+                ? dataDetail.commanderRejectReason || "-"
+                : dataDetail.commanderApproveReason || "-"
             }}
           </div>
         </div>
@@ -975,24 +1050,11 @@ function confirmRemove(fileId: string) {
         </div>
         <div class="col-xs-12 row items-start">
           <div class="col-12 text-top">ความคิดเห็นและเหตุผล</div>
-          <div
-            class="col-12 text-detail"
-            v-if="dataDetail.oligarchReject == false"
-          >
+          <div class="col-12 text-detail">
             {{
-              dataDetail.oligarchApproveReason !== null
-                ? dataDetail.oligarchApproveReason
-                : "-"
-            }}
-          </div>
-          <div
-            class="col-12 text-detail"
-            v-else-if="dataDetail.oligarchReject == true"
-          >
-            {{
-              dataDetail.oligarchRejectReason !== null
-                ? dataDetail.oligarchRejectReason
-                : "-"
+              dataDetail.commanderReject
+                ? dataDetail.oligarchRejectReason || "-"
+                : dataDetail.oligarchApproveReason || "-"
             }}
           </div>
         </div>
@@ -1001,47 +1063,53 @@ function confirmRemove(fileId: string) {
   </q-card>
 
   <q-card bordered class="row col-12 text-dark q-mt-sm">
-    <div class="bg-grey-1 q-pa-sm col-12 row items-center text-primary">
-      <div class="q-pl-sm text-weight-bold text-dark">
-        แก้ไขข้อมูลเพื่อลงบัญชีแนบท้าย
+    <q-form
+      ref="myForm"
+      greedy
+      @submit.prevent
+      @validation-success="onSubmitAttached"
+    >
+      <div class="bg-grey-1 q-pa-sm col-12 row items-center text-primary">
+        <div class="q-pl-sm text-weight-bold text-dark">
+          แก้ไขข้อมูลเพื่อลงบัญชีแนบท้าย
+        </div>
+        <q-space />
+
+        <div class="q-gutter-sm" v-if="!edit">
+          <q-btn
+            outline
+            color="primary"
+            dense
+            icon-right="mdi-file-edit-outline"
+            class="q-px-sm"
+            label="แก้ไข"
+            style="width: 80px"
+            @click="edit = !edit"
+            v-if="!(status == 'REPORT' || status == 'DONE')"
+          />
+        </div>
+        <div class="q-gutter-sm" v-else>
+          <q-btn
+            outline
+            color="public"
+            dense
+            class="q-px-sm"
+            label="บันทึก"
+            style="width: 80px"
+            type="submit"
+          />
+          <q-btn
+            outline
+            color="red"
+            dense
+            class="q-px-sm"
+            label="ยกเลิก"
+            style="width: 80px"
+            @click="clickCancel"
+          />
+        </div>
       </div>
-      <q-space />
-      <div class="q-gutter-sm" v-if="!edit">
-        <q-btn
-          outline
-          color="primary"
-          dense
-          icon-right="mdi-file-edit-outline"
-          class="q-px-sm"
-          label="แก้ไข"
-          style="width: 80px"
-          @click="edit = !edit"
-          v-if="!(status == 'REPORT' || status == 'DONE')"
-        />
-      </div>
-      <div class="q-gutter-sm" v-else>
-        <q-btn
-          outline
-          color="public"
-          dense
-          class="q-px-sm"
-          label="บันทึก"
-          style="width: 80px"
-          @click="conditionSave"
-        />
-        <q-btn
-          outline
-          color="red"
-          dense
-          class="q-px-sm"
-          label="ยกเลิก"
-          style="width: 80px"
-          @click="clickCancel"
-        />
-      </div>
-    </div>
-    <div class="col-12"><q-separator /></div>
-    <q-form ref="myForm">
+      <div class="col-12"><q-separator /></div>
       <div class="row col-12 q-pa-md">
         <div class="col-12 row bg-white q-col-gutter-md">
           <div class="col-xs-12 row items-center">
@@ -1187,56 +1255,6 @@ function confirmRemove(fileId: string) {
               </datepicker>
             </div>
           </div>
-          <!-- <div class="col-xs-4 row">
-            <div class="col-12">
-              <datepicker
-                menu-class-name="modalfix"
-                :readonly="!edit"
-                v-model="dateLeave"
-                :locale="'th'"
-                autoApply
-                :enableTimePicker="false"
-                week-start="0"
-              >
-                <template #year="{ year }">{{ year + 543 }}</template>
-                <template #year-overlay-value="{ value }">{{
-                  parseInt(value + 543)
-                }}</template>
-                <template #trigger>
-                  <q-input
-                    :readonly="!edit"
-                    :class="getClass(edit)"
-                    :outlined="edit"
-                    dense
-                    lazy-rules
-                    :borderless="!edit"
-                    :model-value="
-                      dateLeave !== null ? date2Thai(dateLeave) : null
-                    "
-                    :rules="[
-                      (val) =>
-                        !!val || `${'กรุณาเลือก วันที่ขอลาออกจากราชการ'}`,
-                    ]"
-                    hide-bottom-space
-                    :label="`${' วันที่ขอลาออกจากราชการ'}`"
-                  >
-                    <template v-slot:prepend>
-                      <q-icon
-                        name="event"
-                        class="cursor-pointer"
-                        :style="
-                          edit
-                            ? 'color: var(--q-primary)'
-                            : 'color: var(--q-grey)'
-                        "
-                      >
-                      </q-icon>
-                    </template>
-                  </q-input>
-                </template>
-              </datepicker>
-            </div>
-          </div> -->
           <div class="col-12">
             <q-input
               :class="getClass(edit)"
@@ -1273,6 +1291,7 @@ function confirmRemove(fileId: string) {
       </div>
     </q-form>
   </q-card>
+
   <q-dialog v-model="modal" persistent>
     <q-card style="width: 800px">
       <q-form ref="myFormConfirm">

src/modules/06_retirement/interface/response/Main.ts

@@ -36,21 +36,26 @@ interface TypeFile {
 }
 
 interface rowFile {
-  fileName: string
-  pathName: string
-
+  fileName: string;
+  pathName: string;
 }
 
 interface FileList {
-  id: string
-  fileName: string
-  pathName: string
-
+  id: string;
+  fileName: string;
+  pathName: string;
+  title: string;
 }
 
 interface CheckBoxType {
-  label: string
-  value: string
-
+  label: string;
+  value: string;
 }
-export type { resMain, ResponseItems, TypeFile, rowFile,FileList,CheckBoxType };
+export type {
+  resMain,
+  ResponseItems,
+  TypeFile,
+  rowFile,
+  FileList,
+  CheckBoxType,
+};

src/modules/10_order/components/step/step01.vue

@@ -1071,9 +1071,9 @@ const getClass = (val: boolean) => {
               :rules="[
                 (val) =>
                   !!val ||
-                  `${'กรุณากรอกมติ กก. ครั้งที่ (เรื่อง รับสมัครสอบฯ)'}`,
+                  `${'กรุณากรอกมติ กก. ครั้งที่ (เรื่อง รับสมัครสอบ ฯ)'}`,
               ]"
-              :label="`${'มติ กก. ครั้งที่ (เรื่อง รับสมัครสอบฯ)'}`"
+              :label="`${'มติ กก. ครั้งที่ (เรื่อง รับสมัครสอบ ฯ)'}`"
               hide-bottom-space
             />
           </div>
@@ -1104,10 +1104,10 @@ const getClass = (val: boolean) => {
                       ? date2Thai(conclusionRegisterDate)
                       : null
                   "
-                  :label="`${'ลงวันที่ (เรื่อง รับสมัครสอบฯ)'}`"
+                  :label="`${'ลงวันที่ (เรื่อง รับสมัครสอบ ฯ)'}`"
                   :rules="[
                     (val) =>
-                      !!val || `${'กรุณาเลือกลงวันที่ (เรื่อง รับสมัครสอบฯ)'}`,
+                      !!val || `${'กรุณาเลือกลงวันที่ (เรื่อง รับสมัครสอบ ฯ)'}`,
                   ]"
                 >
                   <template v-slot:prepend>
@@ -1132,7 +1132,7 @@ const getClass = (val: boolean) => {
                 (val) =>
                   !!val || `${'กรุณากรอกมติ กก. ครั้งที่ (เรื่อง ผลการสอบฯ)'}`,
               ]"
-              :label="`${'มติ กก. ครั้งที่ (เรื่อง ผลการสอบฯ)'}`"
+              :label="`${'มติ กก. ครั้งที่ (เรื่อง ผลการสอบ ฯ)'}`"
               hide-bottom-space
             />
           </div>
@@ -1163,7 +1163,7 @@ const getClass = (val: boolean) => {
                       ? date2Thai(conclusionResultDate)
                       : null
                   "
-                  :label="`${'ลงวันที่ (เรื่อง ผลการสอบฯ)'}`"
+                  :label="`${'ลงวันที่ (เรื่อง ผลการสอบ ฯ)'}`"
                   :rules="[
                     (val) =>
                       !!val || `${'กรุณาเลือกลงวันที่ (เรื่อง ผลการสอบฯ)'}`,

src/modules/11_discipline/components/5_Report/MainPage.vue

@@ -36,7 +36,7 @@ function nextPage(type: string, title: string) {
 
         <q-item
           clickable
-          @click=" nextPage( '2', 'รายงานเรื่องร้องเรียนข้าราชการสามัญฯ ในสังกัดกรุงเทพมหานคร แยกตามหน่วยงาน' ) "
+          @click=" nextPage( '2', 'รายงานเรื่องร้องเรียนข้าราชการสามัญ ฯ ในสังกัดกรุงเทพมหานคร แยกตามหน่วยงาน' ) "
           dense
           class="hover-green"
         >
@@ -44,14 +44,14 @@ function nextPage(type: string, title: string) {
             <q-icon color="primary" name="mdi-file" size="xs" />
           </q-item-section>
           <q-item-section class="text-dark">
-            รายงานเรื่องร้องเรียนข้าราชการสามัญฯ ในสังกัดกรุงเทพมหานคร
+            รายงานเรื่องร้องเรียนข้าราชการสามัญ ฯ ในสังกัดกรุงเทพมหานคร
             แยกตามหน่วยงาน
           </q-item-section>
         </q-item>
 
         <q-item
           clickable
-          @click=" nextPage( '3', 'รายงานจำนวนข้าราชการสามัญฯ ที่กระทำความผิดทางวินัย แยกตามลักษณะความผิด' ) "
+          @click=" nextPage( '3', 'รายงานจำนวนข้าราชการสามัญ ฯ ที่กระทำความผิดทางวินัย แยกตามลักษณะความผิด' ) "
           dense
           class="hover-green"
         >
@@ -59,7 +59,7 @@ function nextPage(type: string, title: string) {
             <q-icon color="primary" name="mdi-file" size="xs" />
           </q-item-section>
           <q-item-section class="text-dark">
-            รายงานจำนวนข้าราชการสามัญฯ ที่กระทำความผิดทางวินัย
+            รายงานจำนวนข้าราชการสามัญ ฯ ที่กระทำความผิดทางวินัย
             แยกตามลักษณะความผิด
           </q-item-section>
         </q-item>
@@ -74,7 +74,7 @@ function nextPage(type: string, title: string) {
             <q-icon color="primary" name="mdi-file" size="xs" />
           </q-item-section>
           <q-item-section class="text-dark">
-            รายงานรายชื่อข้าราชการสามัญฯ
+            รายงานรายชื่อข้าราชการสามัญ ฯ
             ที่กระทำความผิดทางวินัยแยกตามลักษณะความผิด
           </q-item-section>
         </q-item>
@@ -89,13 +89,13 @@ function nextPage(type: string, title: string) {
             <q-icon color="primary" name="mdi-file" size="xs" />
           </q-item-section>
           <q-item-section class="text-dark">
-            รายงานจำนวนข้าราชการสามัญฯ ที่กระทำความผิดแยกตามระดับความผิด
+            รายงานจำนวนข้าราชการสามัญ ฯ ที่กระทำความผิดแยกตามระดับความผิด
           </q-item-section>
         </q-item>
 
         <q-item
           clickable
-          @click=" nextPage( '6', 'รายงานรายชื่อข้าราชการสามัญฯ ที่กระทำความผิดทางวินัยแยกตามลักษณะความผิด' ) "
+          @click=" nextPage( '6', 'รายงานรายชื่อข้าราชการสามัญ ฯ ที่กระทำความผิดทางวินัยแยกตามลักษณะความผิด' ) "
           dense
           class="hover-green"
         >
@@ -103,14 +103,14 @@ function nextPage(type: string, title: string) {
             <q-icon color="primary" name="mdi-file" size="xs" />
           </q-item-section>
           <q-item-section class="text-dark">
-            รายงานรายชื่อข้าราชการสามัญฯ
+            รายงานรายชื่อข้าราชการสามัญ ฯ
             ที่กระทำความผิดทางวินัยแยกตามลักษณะความผิด
           </q-item-section>
         </q-item>
 
         <q-item
           clickable
-          @click=" nextPage( '7', 'รายงานจำนวนข้าราชการสามัญฯ ที่กระทำความผิดทางวินัยแต่ยุติเรื่อง แยกลักษณะความผิด' ) "
+          @click=" nextPage( '7', 'รายงานจำนวนข้าราชการสามัญ ฯ ที่กระทำความผิดทางวินัยแต่ยุติเรื่อง แยกลักษณะความผิด' ) "
           dense
           class="hover-green"
         >
@@ -118,14 +118,14 @@ function nextPage(type: string, title: string) {
             <q-icon color="primary" name="mdi-file" size="xs" />
           </q-item-section>
           <q-item-section class="text-dark">
-            รายงานจำนวนข้าราชการสามัญฯ ที่กระทำความผิดทางวินัยแต่ยุติเรื่อง
+            รายงานจำนวนข้าราชการสามัญ ฯ ที่กระทำความผิดทางวินัยแต่ยุติเรื่อง
             แยกลักษณะความผิด
           </q-item-section>
         </q-item>
 
         <q-item
           clickable
-          @click=" nextPage( '8', 'รายงานจำนวนข้าราชการสามัญฯ ที่กระทำความผิดทางวินัยแต่ยุติเรื่อง แยกตามตำแหน่ง' ) "
+          @click=" nextPage( '8', 'รายงานจำนวนข้าราชการสามัญ ฯ ที่กระทำความผิดทางวินัยแต่ยุติเรื่อง แยกตามตำแหน่ง' ) "
           dense
           class="hover-green"
         >
@@ -133,7 +133,7 @@ function nextPage(type: string, title: string) {
             <q-icon color="primary" name="mdi-file" size="xs" />
           </q-item-section>
           <q-item-section class="text-dark">
-            รายงานจำนวนข้าราชการสามัญฯ ที่กระทำความผิดทางวินัยแต่ยุติเรื่อง
+            รายงานจำนวนข้าราชการสามัญ ฯ ที่กระทำความผิดทางวินัยแต่ยุติเรื่อง
             แยกตามตำแหน่ง
           </q-item-section>
         </q-item>

src/modules/11_discipline/store/ReportStore.ts

@@ -22,13 +22,13 @@ export const useReportDataStore = defineStore("DisciplineReport11", () => {
   ]);
   const optionReport = ref<DataOption[]>([
     { id: "1", name: "รายงานเรื่องร้องเรียนแยกรายวัน รายเดือน รายปี" },
-    { id: "2", name: "รายงานเรื่องร้องเรียนข้าราชการสามัญฯ ในสังกัดกรุงเทพมหานคร แยกตามหน่วยงาน" },
-    { id: "3", name: "รายงานจำนวนข้าราชการสามัญฯ ที่กระทำความผิดทางวินัย แยกตามลักษณะความผิด" },
-    { id: "4", name: "รายงานรายชื่อข้าราชการสามัญฯ ที่กระทำความผิดทางวินัยแยกตามลักษณะความผิด" },
-    { id: "5", name: "รายงานจำนวนข้าราชการสามัญฯ ที่กระทำความผิดแยกตามระดับความผิด" },
-    { id: "6", name: "รายงานรายชื่อข้าราชการสามัญฯ ที่กระทำความผิดทางวินัยแยกตามลักษณะความผิด" },
-    { id: "7", name: "รายงานจำนวนข้าราชการสามัญฯ ที่กระทำความผิดทางวินัยแต่ยุติเรื่อง แยกลักษณะความผิด" },
-    { id: "8", name: "รายงานจำนวนข้าราชการสามัญฯ ที่กระทำความผิดทางวินัยแต่ยุติเรื่อง แยกตามตำแหน่ง" },
+    { id: "2", name: "รายงานเรื่องร้องเรียนข้าราชการสามัญ ฯ ในสังกัดกรุงเทพมหานคร แยกตามหน่วยงาน" },
+    { id: "3", name: "รายงานจำนวนข้าราชการสามัญ ฯ ที่กระทำความผิดทางวินัย แยกตามลักษณะความผิด" },
+    { id: "4", name: "รายงานรายชื่อข้าราชการสามัญ ฯ ที่กระทำความผิดทางวินัยแยกตามลักษณะความผิด" },
+    { id: "5", name: "รายงานจำนวนข้าราชการสามัญ ฯ ที่กระทำความผิดแยกตามระดับความผิด" },
+    { id: "6", name: "รายงานรายชื่อข้าราชการสามัญ ฯ ที่กระทำความผิดทางวินัยแยกตามลักษณะความผิด" },
+    { id: "7", name: "รายงานจำนวนข้าราชการสามัญ ฯ ที่กระทำความผิดทางวินัยแต่ยุติเรื่อง แยกลักษณะความผิด" },
+    { id: "8", name: "รายงานจำนวนข้าราชการสามัญ ฯ ที่กระทำความผิดทางวินัยแต่ยุติเรื่อง แยกตามตำแหน่ง" },
   ]);
 
   /**

src/modules/13_salary/components/SalaryEmployeeLists/DialogInfoCriteria.vue

@@ -28,7 +28,7 @@ function closeDialog() {
           >
             <thead>
               <tr>
-                <th class="text-center">หลักเกณฑ์ในการพิจารณาเลื่อนขั้นฯ</th>
+                <th class="text-center">หลักเกณฑ์ในการพิจารณาเลื่อนขั้น ฯ</th>
                 <th class="text-center">หนึ่งขั้น</th>
                 <th class="text-center">ครึ่งขั้น</th>
                 <th class="text-center">ไม่ได้รับการเลื่อนขั้น</th>

src/modules/13_salary/components/SalaryEmployeeLists/TableTypePending.vue

@@ -131,7 +131,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "result",
     align: "center",
-    label: "ผลการประเมินฯ",
+    label: "ผลการประเมิน ฯ",
     sortable: false,
     field: "result",
     headerStyle: "font-size: 14px",

src/modules/13_salary/components/SalaryLists/DialogInfoCriteria.vue

@@ -28,7 +28,7 @@ function closeDialog() {
           >
             <thead>
               <tr>
-                <th class="text-center">หลักเกณฑ์ในการพิจารณาเลื่อนขั้นฯ</th>
+                <th class="text-center">หลักเกณฑ์ในการพิจารณาเลื่อนขั้น ฯ</th>
                 <th class="text-center">หนึ่งขั้น</th>
                 <th class="text-center">ครึ่งขั้น</th>
                 <th class="text-center">ไม่ได้รับการเลื่อนขั้น</th>

src/modules/13_salary/components/SalaryLists/TableTypePending.vue

@@ -119,7 +119,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "result",
     align: "center",
-    label: "ผลการประเมินฯ",
+    label: "ผลการประเมิน ฯ",
     sortable: false,
     field: "result",
     headerStyle: "font-size: 14px",

src/modules/13_salary/components/salaryEmployeeChart/TabCriteria.vue

@@ -94,7 +94,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "groupRateHigh",
     align: "left",
-    label: "อัตราค่าจ้างสูงกว่าฯ กลุ่มบัญชีค่าจ่าง",
+    label: "อัตราค่าจ้างสูงกว่า ฯ กลุ่มบัญชีค่าจ่าง",
     sortable: true,
     field: "groupRateHigh",
     headerStyle: "font-size: 14px",
@@ -103,7 +103,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "rateHighMax",
     align: "left",
-    label: "อัตราค่าจ้างสูงกว่าฯ ขั้นสูงใหม่",
+    label: "อัตราค่าจ้างสูงกว่า ฯ ขั้นสูงใหม่",
     sortable: true,
     field: "rateHighMax",
     headerStyle: "font-size: 14px",

src/modules/13_salary/store/SalaryEmployeeListsStore.ts

@@ -169,7 +169,7 @@ export const useSalaryEmployeeListSDataStore = defineStore(
       },
       {
         id: "emp2-13",
-        name: "บัญชีรายละเอียดแสดงการเลื่อนขั้นค่าจ้างและให้ลูกจ้างประจำกรุงเทพมหานครได้รับอัตราค่าจ้างสูงกว่าฯ ที่เกษียณอายุราชการ ในสิ้นปีงบประมาณ (แนบท้ายคำสั่ง)",
+        name: "บัญชีรายละเอียดแสดงการเลื่อนขั้นค่าจ้างและให้ลูกจ้างประจำกรุงเทพมหานครได้รับอัตราค่าจ้างสูงกว่า ฯ ที่เกษียณอายุราชการ ในสิ้นปีงบประมาณ (แนบท้ายคำสั่ง)",
       },
       {
         id: "emp2-14",

src/modules/15_development/components/Other.vue

@@ -447,7 +447,7 @@ onMounted(() => {
               dense
               class="inputgreen"
               v-model="formData.accept"
-              label="จํานวนงบประมาณที่ขอรับการจัดสรรฯ"
+              label="จํานวนงบประมาณที่ขอรับการจัดสรร ฯ"
               mask="###,###,###,###,###"
               reverse-fill-mask
             />
@@ -460,7 +460,7 @@ onMounted(() => {
               v-model="formData.receive"
               mask="###,###,###,###,###"
               reverse-fill-mask
-              label="จํานวนงบประมาณที่ได้รับการจัดสรรฯ"
+              label="จํานวนงบประมาณที่ได้รับการจัดสรร ฯ"
             />
           </div>
           <div class="col-3">

src/modules/15_development/components/scholarship/DetailView.vue

@@ -678,7 +678,7 @@ onMounted(() => {
             checked-icon="task_alt"
             unchecked-icon="panorama_fish_eye"
             val="INPLAN"
-            label="ในแผนฯ"
+            label="ในแผน ฯ"
             dense
           />
           <q-radio
@@ -686,7 +686,7 @@ onMounted(() => {
             checked-icon="task_alt"
             unchecked-icon="panorama_fish_eye"
             val="OUTPLAN"
-            label="นอกแผนฯ"
+            label="นอกแผน ฯ"
             dense
             class="q-pl-sm"
           />

src/modules/16_positionEmployee/views/main.vue

@@ -44,7 +44,7 @@ onMounted(async () => {
 <template>
   <div class="row items-center">
     <div class="toptitle text-dark row items-center q-py-xs">
-      อัตรากำลังลูกจ้างประจำฯ
+      อัตรากำลังลูกจ้างประจำ ฯ
     </div>
   </div>