From e7b132d1ae7f5d36018dc032a3af86706ff968c6 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 19 Mar 2025 11:40:03 +0700
Subject: [PATCH 1/5] fix

---
 .../components/DialogAddPosition.vue          | 26 +++++++-------
 .../components/DialogFormPosition.vue         | 18 +++++-----
 .../components/DialogHistoryPos.vue           |  8 ++---
 .../components/DialogPositionDetail.vue       | 10 +++---
 .../components/DialogSelectPerson.vue         | 26 +++++++-------
 .../components/DialogSuccession.vue           |  2 +-
 .../02_organization/components/TableMain.vue  |  4 +--
 .../interface/response/organizational.ts      | 34 +++++++++----------
 src/modules/17_acting/views/main.vue          |  2 +-
 src/modules/19_condition/view/Main.vue        |  2 +-
 10 files changed, 66 insertions(+), 66 deletions(-)

diff --git a/src/modules/02_organization/components/DialogAddPosition.vue b/src/modules/02_organization/components/DialogAddPosition.vue
index 4d49b690b..60af47d2b 100644
--- a/src/modules/02_organization/components/DialogAddPosition.vue
+++ b/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 || `${'กรุณาเลือกตำแหน่งประเภท'}`]
                     : []
                 "
               />
diff --git a/src/modules/02_organization/components/DialogFormPosition.vue b/src/modules/02_organization/components/DialogFormPosition.vue
index 3f410caf7..5786aed69 100644
--- a/src/modules/02_organization/components/DialogFormPosition.vue
+++ b/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>
diff --git a/src/modules/02_organization/components/DialogHistoryPos.vue b/src/modules/02_organization/components/DialogHistoryPos.vue
index b0fb0fc32..f6b5164fe 100644
--- a/src/modules/02_organization/components/DialogHistoryPos.vue
+++ b/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) {
diff --git a/src/modules/02_organization/components/DialogPositionDetail.vue b/src/modules/02_organization/components/DialogPositionDetail.vue
index 38c3e3ad5..cba05d340 100644
--- a/src/modules/02_organization/components/DialogPositionDetail.vue
+++ b/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">
diff --git a/src/modules/02_organization/components/DialogSelectPerson.vue b/src/modules/02_organization/components/DialogSelectPerson.vue
index a7ddaf8d1..8c08e7def 100644
--- a/src/modules/02_organization/components/DialogSelectPerson.vue
+++ b/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
diff --git a/src/modules/02_organization/components/DialogSuccession.vue b/src/modules/02_organization/components/DialogSuccession.vue
index f536113b5..3b410777d 100644
--- a/src/modules/02_organization/components/DialogSuccession.vue
+++ b/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",
diff --git a/src/modules/02_organization/components/TableMain.vue b/src/modules/02_organization/components/TableMain.vue
index c930ad715..e45caf7bb 100644
--- a/src/modules/02_organization/components/TableMain.vue
+++ b/src/modules/02_organization/components/TableMain.vue
@@ -156,7 +156,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "posMasterNo",
     align: "left",
-    label: "ตำแหน่งเลขที่",
+    label: "เลขที่ตำแหน่ง",
     sortable: false,
     field: "posMasterNo",
     headerStyle: "font-size: 14px",
@@ -174,7 +174,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "posTypeName",
     align: "left",
-    label: "ประเภทตำแหน่ง",
+    label: "ตำแหน่งประเภท",
     sortable: false,
     field: "posTypeName",
     headerStyle: "font-size: 14px",
diff --git a/src/modules/02_organization/interface/response/organizational.ts b/src/modules/02_organization/interface/response/organizational.ts
index a8fbe6d01..dbcfe9d8e 100644
--- a/src/modules/02_organization/interface/response/organizational.ts
+++ b/src/modules/02_organization/interface/response/organizational.ts
@@ -81,8 +81,8 @@ interface Position {
   id: string; // id ตำแหน่ง
   positionName: string; // ชื่อตำแหน่งในสายงาน (ชื่อตำแหน่ง)
   positionField: string; // สายงาน
-  posTypeId: string; // ประเภทตำแหน่ง
-  posTypeName: string; // ประเภทตำแหน่ง
+  posTypeId: string; // ตำแหน่งประเภท
+  posTypeName: string; // ตำแหน่งประเภท
   posLevelId: string; // ระดับตำแหน่ง
   posLevelName: string; // ระดับตำแหน่ง
   posExecutiveId: string; // ตำแหน่งทางการบริหาร
@@ -95,13 +95,13 @@ interface Position {
 interface PosMaster {
   id: string; // id อัตรากำลัง posmaster
   orgShortname: string; // อักษรย่อตำแหน่ง
-  posMasterNoPrefix: string; // Prefix นำหน้าตำแหน่งเลขที่ เป็น Optional (ไม่ใช่อักษรย่อของหน่วยงาน/ส่วนราชการ)
-  posMasterNo: number | string; // ตำแหน่งเลขที่ เป็นตัวเลข
-  posMasterNoSuffix: string | null; // Suffix หลังตำแหน่งเลขที่ เช่น ช.
+  posMasterNoPrefix: string; // Prefix นำหน้าเลขที่ตำแหน่ง เป็น Optional (ไม่ใช่อักษรย่อของหน่วยงาน/ส่วนราชการ)
+  posMasterNo: number | string; // เลขที่ตำแหน่ง เป็นตัวเลข
+  posMasterNoSuffix: string | null; // Suffix หลังเลขที่ตำแหน่ง เช่น ช.
   positionName: string; // ชื่อตำแหน่งในสายงาน (ชื่อตำแหน่ง)
   positionField: string; // สายงาน
-  posTypeId: string; // ประเภทตำแหน่ง
-  posTypeName: string; // ประเภทตำแหน่ง
+  posTypeId: string; // ตำแหน่งประเภท
+  posTypeName: string; // ตำแหน่งประเภท
   posLevelId: string; // ระดับตำแหน่ง
   posLevelName: string; // ระดับตำแหน่ง
   posExecutiveId: string; // ตำแหน่งทางการบริหาร
@@ -124,8 +124,8 @@ interface Position2 {
   id: string; // id ตำแหน่ง
   positionName: string; // ชื่อตำแหน่งในสายงาน (ชื่อตำแหน่ง)
   positionField: string; // สายงาน
-  posTypeId: string; // ประเภทตำแหน่ง
-  posTypeName: string; // ประเภทตำแหน่ง
+  posTypeId: string; // ตำแหน่งประเภท
+  posTypeName: string; // ตำแหน่งประเภท
   posLevelId: string; // ระดับตำแหน่ง
   posLevelName: string; // ระดับตำแหน่ง
   posExecutiveId: string; // ตำแหน่งทางการบริหาร
@@ -138,13 +138,13 @@ interface Position2 {
 interface PosMaster2 {
   id: string; // id อัตรากำลัง posmaster
   orgShortname: string; // อักษรย่อตำแหน่ง
-  posMasterNoPrefix: string; // Prefix นำหน้าตำแหน่งเลขที่ เป็น Optional (ไม่ใช่อักษรย่อของหน่วยงาน/ส่วนราชการ)
-  posMasterNo: number | string; // ตำแหน่งเลขที่ เป็นตัวเลข
-  posMasterNoSuffix: string | null; // Suffix หลังตำแหน่งเลขที่ เช่น ช.
+  posMasterNoPrefix: string; // Prefix นำหน้าเลขที่ตำแหน่ง เป็น Optional (ไม่ใช่อักษรย่อของหน่วยงาน/ส่วนราชการ)
+  posMasterNo: number | string; // เลขที่ตำแหน่ง เป็นตัวเลข
+  posMasterNoSuffix: string | null; // Suffix หลังเลขที่ตำแหน่ง เช่น ช.
   positionName: string; // ชื่อตำแหน่งในสายงาน (ชื่อตำแหน่ง)
   positionField: string; // สายงาน
-  posTypeId: string; // ประเภทตำแหน่ง
-  posTypeName: string; // ประเภทตำแหน่ง
+  posTypeId: string; // ตำแหน่งประเภท
+  posTypeName: string; // ตำแหน่งประเภท
   posLevelId: string; // ระดับตำแหน่ง
   posLevelName: string; // ระดับตำแหน่ง
   posExecutiveId: string; // ตำแหน่งทางการบริหาร
@@ -165,9 +165,9 @@ interface HistoryPos {
   id: string; //id node
   orgShotName: string; //ชื่อย่อส่วนราชการ
   lastUpdatedAt: Date; //วันที่แก้ไข
-  posMasterNoPrefix: string; //Prefix นำหน้าตำแหน่งเลขที่ เป็น Optional (ไม่ใช่อักษรย่อของหน่วยงาน/ส่วนราชการ)
-  posMasterNo: number; //ตำแหน่งเลขที่ เป็นตัวเลข
-  posMasterNoSuffix: string; //Suffix หลังตำแหน่งเลขที่ เช่น ช.
+  posMasterNoPrefix: string; //Prefix นำหน้าเลขที่ตำแหน่ง เป็น Optional (ไม่ใช่อักษรย่อของหน่วยงาน/ส่วนราชการ)
+  posMasterNo: number; //เลขที่ตำแหน่ง เป็นตัวเลข
+  posMasterNoSuffix: string; //Suffix หลังเลขที่ตำแหน่ง เช่น ช.
 }
 
 interface SelectPerson {
diff --git a/src/modules/17_acting/views/main.vue b/src/modules/17_acting/views/main.vue
index 1fca0f075..a04bac858 100644
--- a/src/modules/17_acting/views/main.vue
+++ b/src/modules/17_acting/views/main.vue
@@ -118,7 +118,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "posNo",
     align: "left",
-    label: "ตำแหน่งเลขที่",
+    label: "เลขที่ตำแหน่ง",
     sortable: false,
     field: "posNo",
     headerStyle: "font-size: 14px",
diff --git a/src/modules/19_condition/view/Main.vue b/src/modules/19_condition/view/Main.vue
index 2e78af69c..097a510f5 100644
--- a/src/modules/19_condition/view/Main.vue
+++ b/src/modules/19_condition/view/Main.vue
@@ -83,7 +83,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "profilePostype",
     align: "left",
-    label: "ประเภทตำแหน่ง",
+    label: "ตำแหน่งประเภท",
     sortable: false,
     field: "profilePostype",
     headerStyle: "font-size: 14px",

From 98acdd66bf8cde11fd58039a0d0b28237e886e2d Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Wed, 19 Mar 2025 12:10:31 +0700
Subject: [PATCH 2/5] =?UTF-8?q?add=20=E0=B9=81=E0=B8=81=E0=B9=89=E0=B9=84?=
 =?UTF-8?q?=E0=B8=82=E0=B8=97=E0=B8=B0=E0=B9=80=E0=B8=9A=E0=B8=B5=E0=B8=A2?=
 =?UTF-8?q?=E0=B8=99=E0=B8=9B=E0=B8=A3=E0=B8=B0=E0=B8=A7=E0=B8=B1=E0=B8=95?=
 =?UTF-8?q?=E0=B8=B4=20=E0=B8=95=E0=B8=B3=E0=B9=81=E0=B8=AB=E0=B8=99?=
 =?UTF-8?q?=E0=B9=88=E0=B8=87/=E0=B9=80=E0=B8=87=E0=B8=B4=E0=B8=99?=
 =?UTF-8?q?=E0=B9=80=E0=B8=94=E0=B8=B7=E0=B8=AD=E0=B8=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/04_registryPerson/router.ts       | 15 +++++++
 .../04_registryPerson/views/edit/list.vue     | 44 +++++++++++++++++++
 2 files changed, 59 insertions(+)
 create mode 100644 src/modules/04_registryPerson/views/edit/list.vue

diff --git a/src/modules/04_registryPerson/router.ts b/src/modules/04_registryPerson/router.ts
index 1e4dddb10..75e391894 100644
--- a/src/modules/04_registryPerson/router.ts
+++ b/src/modules/04_registryPerson/router.ts
@@ -17,6 +17,10 @@ const Page01_Detail = () =>
     "@/modules/04_registryPerson/components/requestEdit/Page01_Detail.vue"
   );
 
+// edit
+const EditListPage = () =>
+  import("@/modules/04_registryPerson/views/edit/list.vue");
+
 export default [
   {
     path: "/registry-officer",
@@ -120,4 +124,15 @@ export default [
       Role: "STAFF",
     },
   },
+  // edit registry
+  {
+    path: "/registry/edit/list",
+    name: "registryEdit",
+    component: EditListPage,
+    meta: {
+      Auth: true,
+      Key: "SYS_REGISTRY_EDIT",
+      Role: "STAFF",
+    },
+  },
 ];
diff --git a/src/modules/04_registryPerson/views/edit/list.vue b/src/modules/04_registryPerson/views/edit/list.vue
new file mode 100644
index 000000000..e0b2d52a9
--- /dev/null
+++ b/src/modules/04_registryPerson/views/edit/list.vue
@@ -0,0 +1,44 @@
+<script setup lang="ts">
+import { ref, reactive, onMounted, watch, defineAsyncComponent } from "vue";
+import { useQuasar } from "quasar";
+
+import http from "@/plugins/http";
+import config from "@/app.config";
+import { useRegistryNewDataStore } from "@/modules/04_registryPerson/store";
+import { useCounterMixin } from "@/stores/mixin";
+import { useRoute, useRouter } from "vue-router";
+
+/** importType*/
+import type {
+  DataNodeData,
+  QueryParams,
+} from "@/modules/04_registryPerson/interface/request/Main";
+import type {
+  DataPerson,
+  DataType,
+} from "@/modules/04_registryPerson/interface/response/Main";
+
+const $q = useQuasar();
+const store = useRegistryNewDataStore();
+const { showLoader, hideLoader, messageError } = useCounterMixin();
+const route = useRoute();
+const router = useRouter();
+
+const empType = ref<string>("officer"); // officer / employee / perm
+const dataPersonMain = ref<DataPerson[]>([]); //ข้อมูลรายการที่ค้นหาข้อมูลทะเบียนประวัติ
+
+const isLoad = ref<boolean>(false); //โหลดข้อมูลโครงสร้าง
+
+/** hook เมื่อมีการเรียกใช้ Components*/
+onMounted(async () => {});
+</script>
+
+<template>
+  <div class="row items-center q-gutter-sm q-mb-xs">
+    <div class="toptitle text-dark row items-center q-py-xs">
+      แก้ไขทะเบียนประวัติ ตำแหน่ง/เงินเดือน
+    </div>
+  </div>
+</template>
+
+<style scoped></style>

From ced0326a49973d41960eb360698b1ff491e6b4d8 Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Wed, 19 Mar 2025 12:34:49 +0700
Subject: [PATCH 3/5] updated

---
 src/modules/04_registryPerson/router.ts       | 12 +++++
 .../04_registryPerson/views/edit/salary.vue   | 44 +++++++++++++++++++
 2 files changed, 56 insertions(+)
 create mode 100644 src/modules/04_registryPerson/views/edit/salary.vue

diff --git a/src/modules/04_registryPerson/router.ts b/src/modules/04_registryPerson/router.ts
index 75e391894..a509ac585 100644
--- a/src/modules/04_registryPerson/router.ts
+++ b/src/modules/04_registryPerson/router.ts
@@ -20,6 +20,8 @@ const Page01_Detail = () =>
 // edit
 const EditListPage = () =>
   import("@/modules/04_registryPerson/views/edit/list.vue");
+const EditListSalaryPage = () =>
+  import("@/modules/04_registryPerson/views/edit/salary.vue");
 
 export default [
   {
@@ -135,4 +137,14 @@ export default [
       Role: "STAFF",
     },
   },
+  {
+    path: "/registry/edit/salary/:id",
+    name: "registryEditSalary",
+    component: EditListSalaryPage,
+    meta: {
+      Auth: true,
+      Key: "SYS_REGISTRY_EDIT",
+      Role: "STAFF",
+    },
+  },
 ];
diff --git a/src/modules/04_registryPerson/views/edit/salary.vue b/src/modules/04_registryPerson/views/edit/salary.vue
new file mode 100644
index 000000000..a5207b19d
--- /dev/null
+++ b/src/modules/04_registryPerson/views/edit/salary.vue
@@ -0,0 +1,44 @@
+<script setup lang="ts">
+import { ref, reactive, onMounted, watch, defineAsyncComponent } from "vue";
+import { useQuasar } from "quasar";
+
+import http from "@/plugins/http";
+import config from "@/app.config";
+import { useRegistryNewDataStore } from "@/modules/04_registryPerson/store";
+import { useCounterMixin } from "@/stores/mixin";
+import { useRoute, useRouter } from "vue-router";
+
+/** importType*/
+import type {
+  DataNodeData,
+  QueryParams,
+} from "@/modules/04_registryPerson/interface/request/Main";
+import type {
+  DataPerson,
+  DataType,
+} from "@/modules/04_registryPerson/interface/response/Main";
+
+const $q = useQuasar();
+const store = useRegistryNewDataStore();
+const { showLoader, hideLoader, messageError } = useCounterMixin();
+const route = useRoute();
+const router = useRouter();
+
+const empType = ref<string>("officer"); // officer / employee / perm
+const dataPersonMain = ref<DataPerson[]>([]); //ข้อมูลรายการที่ค้นหาข้อมูลทะเบียนประวัติ
+
+const isLoad = ref<boolean>(false); //โหลดข้อมูลโครงสร้าง
+
+/** hook เมื่อมีการเรียกใช้ Components*/
+onMounted(async () => {});
+</script>
+
+<template>
+  <div class="row items-center q-gutter-sm q-mb-xs">
+    <div class="toptitle text-dark row items-center q-py-xs">
+      รายการประวัติตำแหน่ง/เงินเดือน
+    </div>
+  </div>
+</template>
+
+<style scoped></style>

From 603ba96ff1e4385febffbd1ed021cf7852fc0881 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 19 Mar 2025 15:21:31 +0700
Subject: [PATCH 4/5] fix position

---
 .../GovernmentInformation/07_Position.vue     | 30 +++++++++++++++----
 1 file changed, 25 insertions(+), 5 deletions(-)

diff --git a/src/modules/04_registryPerson/components/detail/GovernmentInformation/07_Position.vue b/src/modules/04_registryPerson/components/detail/GovernmentInformation/07_Position.vue
index d6befdc8e..5c29f55ca 100644
--- a/src/modules/04_registryPerson/components/detail/GovernmentInformation/07_Position.vue
+++ b/src/modules/04_registryPerson/components/detail/GovernmentInformation/07_Position.vue
@@ -298,12 +298,23 @@ const modalCommand = ref<boolean>(false);
 const command = ref<string>("");
 const commandId = ref<string>("");
 
-const columns = ref<QTableColumn[]>(
-  baseColumns.value.filter(
+const columns = computed<QTableColumn[]>(() => {
+  if (empType.value === "-employee") {
+    if (baseColumns.value) {
+      return baseColumns.value.filter(
+        (column) =>
+          column.name !== "positionExecutive" &&
+          column.name !== "lastUpdateFullName" &&
+          column.name !== "lastUpdatedAt"
+      );
+    }
+  }
+  return baseColumns.value.filter(
     (e: QTableColumn) =>
       e.name !== "lastUpdateFullName" && e.name !== "lastUpdatedAt"
-  )
-);
+  );
+});
+
 const visibleColumns = ref<String[]>(
   baseVisibleColumns.value.filter(
     (e: string) => e !== "lastUpdateFullName" && e !== "lastUpdatedAt"
@@ -339,7 +350,16 @@ const formData = reactive<FormPostition>({
   remark: "", //หมายเหตุ
 });
 
-const columnsHistory = ref<QTableColumn[]>(baseColumns.value);
+const columnsHistory = computed<QTableColumn[]>(() => {
+  if (empType.value === "-employee") {
+    if (baseColumns.value) {
+      return baseColumns.value.filter(
+        (column) => column.name !== "positionExecutive"
+      );
+    }
+  }
+  return baseColumns.value;
+});
 const visibleColumnsHistory = ref<string[]>(baseVisibleColumns.value);
 
 const modalDialogSalary = ref<boolean>(false); //แสดง popup ตำแหน่งเงินเดือน

From 66b90d37efefb4d1716a48c041ab998964b1ad26 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 19 Mar 2025 17:30:14 +0700
Subject: [PATCH 5/5] fix position salary

---
 .../GovernmentInformation/07_Position.vue     |  83 ++++++-----
 .../detail/Salary/01_PositionSalary.vue       | 137 +++++++++---------
 2 files changed, 108 insertions(+), 112 deletions(-)

diff --git a/src/modules/04_registryPerson/components/detail/GovernmentInformation/07_Position.vue b/src/modules/04_registryPerson/components/detail/GovernmentInformation/07_Position.vue
index 5c29f55ca..7c1839ffd 100644
--- a/src/modules/04_registryPerson/components/detail/GovernmentInformation/07_Position.vue
+++ b/src/modules/04_registryPerson/components/detail/GovernmentInformation/07_Position.vue
@@ -71,10 +71,24 @@ const baseColumns = ref<QTableColumn[]>([
         .toString()
         .localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
+  {
+    name: "commandDateSign",
+    align: "left",
+    label: "วันที่ลงนาม",
+    sortable: true,
+    field: "commandDateSign",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    format: (v) => date2Thai(v),
+    sort: (a: string, b: string) =>
+      a
+        .toString()
+        .localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
   {
     name: "posNo",
     align: "left",
-    label: empType.value === "" ? "เลขที่ตำแหน่ง" : "ตำแหน่งเลขที่",
+    label: empType.value === "-employee" ? "ตำแหน่งเลขที่" : "เลขที่ตำแหน่ง",
     sortable: true,
     field: "posNo",
     headerStyle: "font-size: 14px",
@@ -107,7 +121,7 @@ const baseColumns = ref<QTableColumn[]>([
   {
     name: "positionType",
     align: "left",
-    label: empType.value === "-employee" ? "กลุ่มงาน" : "ประเภทตำแหน่ง",
+    label: empType.value === "-employee" ? "กลุ่มงาน" : "ตำแหน่งประเภท",
     sortable: true,
     field: "positionType",
     headerStyle: "font-size: 14px",
@@ -148,28 +162,6 @@ const baseColumns = ref<QTableColumn[]>([
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
-  {
-    name: "amount",
-    align: "left",
-    label: empType.value === "-employee" ? "ค่าจ้าง" : "เงินเดือน",
-    sortable: true,
-    field: "amount",
-    headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
-    format(v, row) {
-      return row.amount
-        ? `${row.amount.toLocaleString()}${
-            row.amountSpecial !== 0 && row.amountSpecial
-              ? ` (${row.amountSpecial.toLocaleString()})`
-              : ""
-          }`
-        : "-";
-    },
-    sort: (a: string, b: string) =>
-      a
-        .toString()
-        .localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
-  },
   {
     name: "commandNo",
     align: "left",
@@ -194,26 +186,9 @@ const baseColumns = ref<QTableColumn[]>([
     field: "commandCode",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
-    format(val, row) {
-      return store.convertCommandCodeName(val);
-    },
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
-  {
-    name: "commandDateSign",
-    align: "left",
-    label: "วันที่ลงนาม",
-    sortable: true,
-    field: "commandDateSign",
-    headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
-    format: (v) => date2Thai(v),
-    sort: (a: string, b: string) =>
-      a
-        .toString()
-        .localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
-  },
   {
     name: "organization",
     align: "left",
@@ -234,6 +209,28 @@ const baseColumns = ref<QTableColumn[]>([
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
+  {
+    name: "amount",
+    align: "left",
+    label: empType.value === "-employee" ? "ค่าจ้าง" : "เงินเดือน",
+    sortable: true,
+    field: "amount",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    format(v, row) {
+      return row.amount
+        ? `${row.amount.toLocaleString()}${
+            row.amountSpecial !== 0 && row.amountSpecial
+              ? ` (${row.amountSpecial.toLocaleString()})`
+              : ""
+          }`
+        : "-";
+    },
+    sort: (a: string, b: string) =>
+      a
+        .toString()
+        .localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
   {
     name: "remark",
     align: "left",
@@ -243,7 +240,9 @@ const baseColumns = ref<QTableColumn[]>([
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
     sort: (a: string, b: string) =>
-      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+      a
+        .toString()
+        .localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
   {
     name: "lastUpdateFullName",
diff --git a/src/modules/04_registryPerson/components/detail/Salary/01_PositionSalary.vue b/src/modules/04_registryPerson/components/detail/Salary/01_PositionSalary.vue
index c8cd9b208..ee942abfc 100644
--- a/src/modules/04_registryPerson/components/detail/Salary/01_PositionSalary.vue
+++ b/src/modules/04_registryPerson/components/detail/Salary/01_PositionSalary.vue
@@ -76,10 +76,24 @@ const baseColumns = ref<QTableColumn[]>([
         .toString()
         .localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
+  {
+    name: "commandDateSign",
+    align: "left",
+    label: "วันที่ลงนาม",
+    sortable: true,
+    field: "commandDateSign",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    format: (v) => date2Thai(v),
+    sort: (a: string, b: string) =>
+      a
+        .toString()
+        .localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
   {
     name: "posNo",
     align: "left",
-    label: empType.value === "" ? "เลขที่ตำแหน่ง" : "ตำแหน่งเลขที่",
+    label: empType.value === "-employee" ? "ตำแหน่งเลขที่" : "เลขที่ตำแหน่ง",
     sortable: true,
     field: "posNo",
     headerStyle: "font-size: 14px",
@@ -112,7 +126,7 @@ const baseColumns = ref<QTableColumn[]>([
   {
     name: "positionType",
     align: "left",
-    label: empType.value === "-employee" ? "กลุ่มงาน" : "ประเภทตำแหน่ง",
+    label: empType.value === "-employee" ? "กลุ่มงาน" : "ตำแหน่งประเภท",
     sortable: true,
     field: "positionType",
     headerStyle: "font-size: 14px",
@@ -153,56 +167,6 @@ const baseColumns = ref<QTableColumn[]>([
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
-  {
-    name: "amount",
-    align: "left",
-    label: empType.value === "-employee" ? "ค่าจ้าง" : "เงินเดือน",
-    sortable: true,
-    field: "amount",
-    headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
-    format(v, row) {
-      return row.amount
-        ? `${row.amount.toLocaleString()}${
-            row.amountSpecial !== 0 && row.amountSpecial
-              ? ` (${row.amountSpecial.toLocaleString()})`
-              : ""
-          }`
-        : "-";
-    },
-    sort: (a: string, b: string) =>
-      a
-        .toString()
-        .localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
-  },
-  {
-    name: "positionSalaryAmount",
-    align: "left",
-    label: "เงินประจำตำแหน่ง",
-    sortable: true,
-    field: "positionSalaryAmount",
-    headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
-    format: (v) => Number(v).toLocaleString(),
-    sort: (a: string, b: string) =>
-      a
-        .toString()
-        .localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
-  },
-  {
-    name: "mouthSalaryAmount",
-    align: "left",
-    label: "เงินค่าตอบแทนรายเดือน",
-    sortable: true,
-    field: "mouthSalaryAmount",
-    headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
-    format: (v) => Number(v).toLocaleString(),
-    sort: (a: string, b: string) =>
-      a
-        .toString()
-        .localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
-  },
   {
     name: "commandNo",
     align: "left",
@@ -227,27 +191,9 @@ const baseColumns = ref<QTableColumn[]>([
     field: "commandCode",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
-    format(val, row) {
-      return store.convertCommandCodeName(val);
-    },
-
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
-  {
-    name: "commandDateSign",
-    align: "left",
-    label: "วันที่ลงนาม",
-    sortable: true,
-    field: "commandDateSign",
-    headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
-    format: (v) => date2Thai(v),
-    sort: (a: string, b: string) =>
-      a
-        .toString()
-        .localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
-  },
   {
     name: "organization",
     align: "left",
@@ -268,6 +214,57 @@ const baseColumns = ref<QTableColumn[]>([
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
+  {
+    name: "amount",
+    align: "left",
+    label: empType.value === "-employee" ? "ค่าจ้าง" : "เงินเดือน",
+    sortable: true,
+    field: "amount",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    format(v, row) {
+      return row.amount
+        ? `${row.amount.toLocaleString()}${
+            row.amountSpecial !== 0 && row.amountSpecial
+              ? ` (${row.amountSpecial.toLocaleString()})`
+              : ""
+          }`
+        : "-";
+    },
+    sort: (a: string, b: string) =>
+      a
+        .toString()
+        .localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
+  {
+    name: "mouthSalaryAmount",
+    align: "left",
+    label: "เงินค่าตอบแทนรายเดือน",
+    sortable: true,
+    field: "mouthSalaryAmount",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    format: (v) => Number(v).toLocaleString(),
+    sort: (a: string, b: string) =>
+      a
+        .toString()
+        .localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
+  {
+    name: "positionSalaryAmount",
+    align: "left",
+    label: "เงินประจำตำแหน่ง",
+    sortable: true,
+    field: "positionSalaryAmount",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    format: (v) => Number(v).toLocaleString(),
+    sort: (a: string, b: string) =>
+      a
+        .toString()
+        .localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
+
   {
     name: "remark",
     align: "left",