Merge branch 'nice' into develop

src/modules/02_organization/components/DialogAddPosition.vue

@@ -48,16 +48,16 @@ const props = defineProps({
 
 const isReadonly = ref<boolean>(false); // อ่านได้อย่างเดียว
 
-const dataLevel = ref<DataPosType[]>([]); // ข้อมูลประเภทตำแหน่ง
+const dataLevel = ref<DataPosType[]>([]); // ข้อมูลตำแหน่งประเภท
 const posExecutive = ref<string>(""); // ชื่อตำแหน่งทางการบริหาร
 const isSpecial = ref<boolean>(false); // เฉพาะสายงานที่กำหนด
 const shape = ref<string>("false"); // ตำแหน่งทางการบริหาร
 const isDisValidate = ref<boolean>(false);
 
-const typeOpsMain = ref<DataOption[]>([]); //ตัวเลือกประเภทตำแหน่ง
+const typeOpsMain = ref<DataOption[]>([]); //ตัวเลือกตำแหน่งประเภท
 const levelOpsMain = ref<DataOption[]>([]); //ตัวเลือกระดับตำแหน่ง
 const executiveOpsMain = ref<DataOption[]>([]); //ตัวเลือกรายการตำแหน่งทางการบริหาร
-const typeOps = ref<DataOption[]>([]); //ตัวเลือกประเภทตำแหน่ง
+const typeOps = ref<DataOption[]>([]); //ตัวเลือกตำแหน่งประเภท
 const levelOps = ref<DataOption[]>([]); //ตัวเลือกระดับตำแหน่ง
 const executiveOps = ref<DataOption[]>([]); //ตัวเลือกรายการตำแหน่งทางการบริหาร
 const shapeOp = ref<DataOption[]>([
@@ -118,7 +118,7 @@ function saveSelectEdit() {
           ? {
               posDictName: formPositionSelect.positionName,
               posDictField: formPositionSelect.positionField, //สายงาน
-              posTypeId: formPositionSelect.positionType, //*ประเภทตำแหน่ง
+              posTypeId: formPositionSelect.positionType, //*ตำแหน่งประเภท
               posLevelId: formPositionSelect.positionLevel, //*ระดับตำแหน่ง
               posExecutiveId: dataExecutive ?? "", //ตำแหน่งทางการบริหาร
               posDictExecutiveField:
@@ -129,7 +129,7 @@ function saveSelectEdit() {
           : {
               posDictName: formPositionSelect.positionName,
               posDictField: formPositionSelect.positionField, //สายงาน
-              posTypeId: formPositionSelect.positionType, //*ประเภทตำแหน่ง
+              posTypeId: formPositionSelect.positionType, //*ตำแหน่งประเภท
               posLevelId: formPositionSelect.positionLevel, //*ระดับตำแหน่ง
               posExecutive: dataExecutive ?? "", //ตำแหน่งทางการบริหาร
               posDictExecutiveField: formPositionSelect.positionExecutiveField, //ด้านทางการบริหาร
@@ -176,7 +176,7 @@ function onSubmitSelectEdit() {
           ? {
               posDictName: formPositionSelect.positionName,
               posDictField: formPositionSelect.positionField, //สายงาน
-              posTypeId: formPositionSelect.positionType, //*ประเภทตำแหน่ง
+              posTypeId: formPositionSelect.positionType, //*ตำแหน่งประเภท
               posLevelId: formPositionSelect.positionLevel, //*ระดับตำแหน่ง
               posExecutiveId: dataExecutive ?? "", //ตำแหน่งทางการบริหาร
               posDictExecutiveField: formPositionSelect.positionExecutiveField, //ด้านทางการบริหาร
@@ -186,7 +186,7 @@ function onSubmitSelectEdit() {
           : {
               posDictName: formPositionSelect.positionName,
               posDictField: formPositionSelect.positionField, //สายงาน
-              posTypeId: formPositionSelect.positionType, //*ประเภทตำแหน่ง
+              posTypeId: formPositionSelect.positionType, //*ตำแหน่งประเภท
               posLevelId: formPositionSelect.positionLevel, //*ระดับตำแหน่ง
               posExecutive: dataExecutive ?? "", //ตำแหน่งทางการบริหาร
               posDictExecutiveField: formPositionSelect.positionExecutiveField, //ด้านทางการบริหาร
@@ -241,7 +241,7 @@ async function clearFormPositionSelect() {
 }
 
 /**
- * ฟังก์เรียกข้อมูลรายการประเภทตำแหน่ง
+ * ฟังก์เรียกข้อมูลรายการตำแหน่งประเภท
  */
 async function fetchType() {
   await http
@@ -260,8 +260,8 @@ async function fetchType() {
 }
 
 /**
- * ฟังก์ชันกำหนดตัวเลือกประเภทตำแหน่งตาม id ประเภทตำแหน่ง
- * @param val id ประเภทตำแหน่ง
+ * ฟังก์ชันกำหนดตัวเลือกตำแหน่งประเภทตาม id ตำแหน่งประเภท
+ * @param val id ตำแหน่งประเภท
  */
 async function updateSelectType(val: string) {
   // หาระดับตำแหน่ง
@@ -320,7 +320,7 @@ function inputEdit(val: boolean) {
 /**
  * ดูการเปลี่ยนแปลงของ modal.value
  *
- * ถ้าเป็น true ทำการเรียกข้อมูลรายการประเภทตำแหน่ง และ ข้อมูลรายการตำแหน่งทางการบริหาร
+ * ถ้าเป็น true ทำการเรียกข้อมูลรายการตำแหน่งประเภท และ ข้อมูลรายการตำแหน่งทางการบริหาร
  * และถ้ามี props.data จะกำหนด formPositionSelect เป็นตาม props.data
  */
 watch(
@@ -418,7 +418,7 @@ watch(
               <q-select
                 ref="positionTypeRef"
                 :class="inputEdit(isReadonly)"
-                label="ประเภทตำแหน่ง"
+                label="ตำแหน่งประเภท"
                 v-model="formPositionSelect.positionType"
                 :options="typeOps"
                 emit-value
@@ -432,7 +432,7 @@ watch(
                 hide-bottom-space
                 :rules="
                   !isDisValidate
-                    ? [(val:string) => !!val || `${'กรุณาเลือกประเภทตำแหน่ง'}`]
+                    ? [(val:string) => !!val || `${'กรุณาเลือกตำแหน่งประเภท'}`]
                     : []
                 "
               />

src/modules/02_organization/components/DialogFormPosition.vue

@@ -69,7 +69,7 @@ const type = ref<string>("positionName"); //ประเภทค้นหา
 const optionFilter = ref<DataOption[]>([
   { id: "positionName", name: "ตำแหน่งในสายงาน" },
   { id: "positionField", name: "สายงาน" },
-  { id: "positionType", name: "ประเภทตำแหน่ง" },
+  { id: "positionType", name: "ตำแหน่งประเภท" },
   { id: "positionLevel", name: "ระดับตำแหน่ง" },
   { id: "positionExecutive", name: "ตำแหน่งทางการบริหาร" },
   { id: "positionExecutiveField", name: "ด้านทางการบริหาร" },
@@ -252,7 +252,7 @@ function onSubmit() {
       const positionsData = rows.value.map((e: RowDetailPositions) => ({
         posDictName: e.positionName, //ชื่อตำแหน่งในสายงาน (ชื่อตำแหน่ง)
         posDictField: e.positionField, //สายงาน
-        posTypeId: e.posTypeId, //*ประเภทตำแหน่ง
+        posTypeId: e.posTypeId, //*ตำแหน่งประเภท
         posLevelId: e.posLevelId, //*ระดับตำแหน่ง
         posExecutiveId: e.posExecutiveId ? e.posExecutiveId : "", //ตำแหน่งทางการบริหาร
         posDictExecutiveField: e.positionExecutiveField, //ด้านทางการบริหาร
@@ -261,10 +261,10 @@ function onSubmit() {
         positionIsSelected: e.positionIsSelected,
       }));
       const body = {
-        posMasterNoPrefix: formData.prefixNo, //*Prefix นำหน้าตำแหน่งเลขที่ เป็น Optional (ไม่ใช่อักษรย่อของหน่วยงาน/ส่วนราชการ)
-        posMasterNo: Number(formData.positionNo), //*ตำแหน่งเลขที่ เป็นตัวเลข
-        posMasterNoSuffix: formData.suffixNo, //Suffix หลังตำแหน่งเลขที่ เช่น ช.
-        reason: formData.reason, //Suffix หลังตำแหน่งเลขที่ เช่น ช.
+        posMasterNoPrefix: formData.prefixNo, //*Prefix นำหน้าเลขที่ตำแหน่ง เป็น Optional (ไม่ใช่อักษรย่อของหน่วยงาน/ส่วนราชการ)
+        posMasterNo: Number(formData.positionNo), //*เลขที่ตำแหน่ง เป็นตัวเลข
+        posMasterNoSuffix: formData.suffixNo, //Suffix หลังเลขที่ตำแหน่ง เช่น ช.
+        reason: formData.reason, //Suffix หลังเลขที่ตำแหน่ง เช่น ช.
         isDirector: formData.isDirector,
         // isStaff: formData.isStaff ? formData.isStaff : false,
         isStaff: false,
@@ -554,11 +554,11 @@ watch(
                         dense
                         outlined
                         for="#positionNo"
-                        label="ตำแหน่งเลขที่"
+                        label="เลขที่ตำแหน่ง"
                         lazy-rules
                         hide-bottom-space
                         :rules="[
-                          (val:string) => !!val || `${'กรุณากรอกตำแหน่งเลขที่'}`,
+                          (val:string) => !!val || `${'กรุณากรอกเลขที่ตำแหน่ง'}`,
                         ]"
                         mask="########################"
                       />
@@ -570,7 +570,7 @@ watch(
                         dense
                         outlined
                         for="#suffixNo"
-                        label="Suffix ตำแหน่งเลขที่"
+                        label="Suffix เลขที่ตำแหน่ง"
                       />
                     </div>
                   </div>

src/modules/02_organization/components/DialogHistoryPos.vue

@@ -72,7 +72,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "posMasterNoPrefix",
     align: "left",
-    label: " Prefix ตำแหน่งเลขที่",
+    label: " Prefix เลขที่ตำแหน่ง",
     sortable: true,
     field: "posMasterNoPrefix",
     headerStyle: "font-size: 14px",
@@ -83,7 +83,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "posMasterNo",
     align: "left",
-    label: "ตำแหน่งเลขที่",
+    label: "เลขที่ตำแหน่ง",
     sortable: true,
     field: "posMasterNo",
     headerStyle: "font-size: 14px",
@@ -96,7 +96,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "posMasterNoSuffix",
     align: "left",
-    label: "Suffix ตำแหน่งเลขที่",
+    label: "Suffix เลขที่ตำแหน่ง",
     sortable: true,
     field: "posMasterNoSuffix",
     headerStyle: "font-size: 14px",
@@ -118,7 +118,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "posType",
     align: "left",
-    label: "ประเภทตำแหน่ง",
+    label: "ตำแหน่งประเภท",
     sortable: true,
     field: "posType",
     format(val, row) {

src/modules/02_organization/components/DialogPositionDetail.vue

@@ -30,8 +30,8 @@ const prosp = defineProps({
 
 /** formData*/
 const formData = reactive<FormDetailPosition>({
-  positionNo: "", //*ตำแหน่งเลขที่
-  positionType: "", //*ประเภทตำแหน่ง
+  positionNo: "", //*เลขที่ตำแหน่ง
+  positionType: "", //*ตำแหน่งประเภท
   positionPathSide: "", //*ตำแหน่งในสายงาน
   positionLine: "", //*สายงาน
   positionSide: "", //*ด้าน/สาขา
@@ -49,7 +49,7 @@ function close() {
 }
 
 /**
- * callblack function ทำเมื่อเปิด popup set ตำแหน่งเลขที่ และสถานะตำแหน่ง
+ * callblack function ทำเมื่อเปิด popup set เลขที่ตำแหน่ง และสถานะตำแหน่ง
  */
 watch(
   () => modal.value,
@@ -93,7 +93,7 @@ watch(
             <div class="row q-col-gutter-sm q-mb-xs">
               <div class="col-4 text-bold">
                 <div>
-                  <p>ตำแหน่งเลขที่</p>
+                  <p>เลขที่ตำแหน่ง</p>
                 </div>
               </div>
               <div class="col-8 text-grey-8">
@@ -103,7 +103,7 @@ watch(
             <div class="row q-col-gutter-sm q-mb-xs">
               <div class="col-4 text-bold">
                 <div>
-                  <p>ประเภทตำแหน่ง</p>
+                  <p>ตำแหน่งประเภท</p>
                 </div>
               </div>
               <div class="col-8 text-grey-8">

src/modules/02_organization/components/DialogSelectPerson.vue

@@ -67,20 +67,20 @@ const props = defineProps({
 });
 
 const isReadonly = ref<boolean>(false); // อ่านได้อย่างเดียว
-const typeOpsMain = ref<DataOption[]>([]); //ข้อมูลประเภทตำแหน่ง
+const typeOpsMain = ref<DataOption[]>([]); //ข้อมูลตำแหน่งประเภท
 const levelOpsMain = ref<DataOption[]>([]); //ข้อมูลระดับตำแหน่ง
-const typeOps = ref<DataOption[]>([]); //ตัวเลือกรายการประเภทตำแหน่ง
+const typeOps = ref<DataOption[]>([]); //ตัวเลือกรายการตำแหน่งประเภท
 const levelOps = ref<DataOption[]>([]); //ตัวเลือกรายการระดับตำแหน่ง
-const dataLevel = ref<TypePos[]>([]); //ข้อมูลประเภทตำแหน่ง
+const dataLevel = ref<TypePos[]>([]); //ข้อมูลตำแหน่งประเภท
 const selected = ref<Position[]>([]); //เลือกตำแหน่ง
 const isSit = ref<boolean>(false); //นั่งทับตำแหน่ง
 
 const formData = reactive<FormPositionFilter>({
-  positionNo: "", //*ตำแหน่งเลขที่
-  positionType: "", //*ตำแหน่งเลขที่
-  positionLevel: "", //*ตำแหน่งเลขที่
-  personal: "", //*ตำแหน่งเลขที่
-  position: "", //*ตำแหน่งเลขที่
+  positionNo: "", //*เลขที่ตำแหน่ง
+  positionType: "", //*เลขที่ตำแหน่ง
+  positionLevel: "", //*เลขที่ตำแหน่ง
+  personal: "", //*เลขที่ตำแหน่ง
+  position: "", //*เลขที่ตำแหน่ง
   status: "",
 });
 
@@ -228,7 +228,7 @@ const columnsResult = ref<QTableProps["columns"]>([
 ]);
 
 /**
- * function เรียกข้อมูลประเภทตำแหน่ง
+ * function เรียกข้อมูลตำแหน่งประเภท
  */
 function fetchType() {
   showLoader();
@@ -321,7 +321,7 @@ const selectedProfile = ref<SeaechResult[]>([]);
 function searchData() {
   showLoader();
   const reqBody = {
-    posTypeId: formData.positionType, // id ประเภทตำแหน่ง
+    posTypeId: formData.positionType, // id ตำแหน่งประเภท
     posLevelId: formData.positionLevel, // id ระดับตำแหน่ง
     position: formData.position, // ตำแหน่ง
     page: page.value, //*หน้า
@@ -375,7 +375,7 @@ function clearForm() {
 }
 
 /**
- * function เคลียร์ประเภทตำแหน่งและระดับตำแหน่ง
+ * function เคลียร์ตำแหน่งประเภทและระดับตำแหน่ง
  */
 function clearPosition() {
   formData.positionType = "";
@@ -457,7 +457,7 @@ watch(
           <div class="q-px-md">
             <div class="row q-col-gutter-sm q-mb-xs">
               <div class="text-bold text-body1">
-                <p>ตำแหน่งเลขที่</p>
+                <p>เลขที่ตำแหน่ง</p>
               </div>
               <div class="text-grey-8 q-ml-sm text-body1">
                 <p>{{ formData.positionNo }}</p>
@@ -582,7 +582,7 @@ watch(
                     <q-select
                       ref="positionTypeRef"
                       :class="inputEdit(isReadonly)"
-                      label="ประเภทตำแหน่ง"
+                      label="ตำแหน่งประเภท"
                       v-model="formData.positionType"
                       :options="typeOps"
                       emit-value

src/modules/02_organization/components/DialogSuccession.vue

@@ -101,7 +101,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "posMasterNo",
     align: "left",
-    label: "ตำแหน่งเลขที่",
+    label: "เลขที่ตำแหน่ง",
     sortable: true,
     field: "posMasterNo",
     headerStyle: "font-size: 14px",

src/modules/02_organization/components/TableMain.vue

@@ -159,7 +159,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "posMasterNo",
     align: "left",
-    label: "ตำแหน่งเลขที่",
+    label: "เลขที่ตำแหน่ง",
     sortable: false,
     field: "posMasterNo",
     headerStyle: "font-size: 14px",
@@ -177,7 +177,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "posTypeName",
     align: "left",
-    label: "ประเภทตำแหน่ง",
+    label: "ตำแหน่งประเภท",
     sortable: false,
     field: "posTypeName",
     headerStyle: "font-size: 14px",