updated retire

src/modules/06_retirement/components/ListRetirement/TableList.vue

@@ -10,6 +10,8 @@ import config from "@/app.config";
 import DialogHeader from "@/components/DialogHeader.vue";
 import DialogPopupReason from "@/components/Dialogs/PopupReason.vue";
 import PopupPersonal from "@/components/Dialogs/PopupPersonalNew.vue";
+import { format } from "path";
+import type { substitute } from "esri/intl";
 
 const modalPersonal = ref<boolean>(false);
 const personId = ref<string>("");
@@ -27,6 +29,7 @@ const {
   dialogRemove,
   date2Thai,
   dateToISO,
+  findOrgName,
 } = mixin;
 const myForm = ref<QForm | null>(null);
 
@@ -56,15 +59,15 @@ const visibleColumns = ref<string[]>([
   "order",
   "name",
   "organizationOrganization",
-  "positionEmployeePosition",
-  "positionEmployeeLevel",
-  "positionEmployeeGroup",
-  "organizationAgency",
-  "organizationGovernmentAgency",
+  "position",
+  "positionType",
+  // "organizationAgency",
+  // "organizationGovernmentAgency",
   "positionNumber",
   "govGroup",
   "govOffice",
-  "bureau",
+  "organization",
+  // "bureau",
 ]);
 
 /** Hook */
@@ -100,28 +103,26 @@ const fecthlistprofile = async (id: string) => {
         profileId: e.profileId,
         order: e.order,
         name: e.fullName,
-        organizationOrganization: e.organizationOrganization,
-        positionEmployeePosition:
-          res.data.result.type == "OFFICER"
-            ? e.positionType
-            : e.positionEmployeePosition,
-        positionEmployeeLevel:
-          res.data.result.type == "OFFICER"
-            ? e.positionExecutive != null
-              ? e.positionExecutive
-              : "-"
-            : e.positionEmployeeLevel,
-        positionNumber:
-          res.data.result.type == "OFFICER" ? e.posNo : e.posNoEmployee,
-        positionEmployeeGroup:
-          res.data.result.type == "OFFICER"
-            ? e.position
-            : e.positionEmployeeGroup,
-        organizationAgency: e.organizationAgency,
-        organizationGovernmentAgency: e.organizationGovernmentAgency,
-        bureau: e.oc,
+        organization: e.root,
+        position: e.position,
+        positionNumber: e.posNo,
+        positionType: e.positionType,
+        positionLevel: e.positionLevel,
+        // organizationAgency: e.organizationAgency,
+        // organizationGovernmentAgency: e.organizationGovernmentAgency,
+        // bureau: e.oc,
         reason: e.reason,
         remove: e.remove,
+        root: e.root,
+        rootId: e.rootId,
+        child1: e.child1,
+        child1Id: e.child1Id,
+        child2: e.child2,
+        child2Id: e.child2Id,
+        child3: e.child3,
+        child3Id: e.child3Id,
+        child4: e.child4,
+        child4Id: e.child4Id,
       }));
       if (statusReport.value == false) {
         fecthCheck(retireld.value);
@@ -152,48 +153,22 @@ const fecthlistprofile = async (id: string) => {
           style: "font-size: 14px",
         },
         {
-          name: "organizationOrganization",
+          name: "position",
           align: "left",
-          label: "สังกัด",
-          title: "สังกัด",
-          field: "organizationOrganization",
+          label: "ตำแหน่ง",
+          title: "ตำแหน่ง",
+          subtitle: employeeType.value == "OFFICER" ? "ในสายงาน" : "",
+          field: "position",
           headerStyle: "font-size: 14px",
           style: "font-size: 14px",
         },
         {
-          name: "positionEmployeeGroup",
+          name: "positionType",
           align: "left",
-          label:
-            employeeType.value == "OFFICER"
-              ? "ตำแหน่ง (ในสายงาน/ระดับ)"
-              : "กลุ่มงาน",
-          title: employeeType.value == "OFFICER" ? "ตำแหน่ง" : "กลุ่มงาน",
-          subtitle: employeeType.value == "OFFICER" ? "ในสายงาน/ระดับ" : "",
-          field: "positionEmployeeGroup",
-          headerStyle: "font-size: 14px",
-          style: "font-size: 14px",
-        },
-        {
-          name: "positionEmployeePosition",
-          align: "left",
-          label:
-            employeeType.value == "OFFICER" ? "ตำแหน่ง (ประเภท)" : "ตำแหน่ง",
-          title: employeeType.value == "OFFICER" ? "ตำแหน่ง" : "ตำแหน่ง",
-          subtitle: employeeType.value == "OFFICER" ? "ประเภท" : "",
-          field: "positionEmployeePosition",
-          headerStyle: "font-size: 14px",
-          style: "font-size: 14px",
-        },
-        {
-          name: "positionEmployeeLevel",
-          align: "left",
-          label:
-            employeeType.value == "OFFICER"
-              ? "ตำแหน่ง (ทางการบริหาร)"
-              : "ระดับชั้น",
-          title: employeeType.value == "OFFICER" ? "ตำแหน่ง" : "ระดับชั้น",
-          subtitle: employeeType.value == "OFFICER" ? "ทางการบริหาร" : "",
-          field: "positionEmployeeLevel",
+          label: "ตำแหน่ง",
+          title: "ตำแหน่ง",
+          subtitle: employeeType.value == "OFFICER" ? "ประเภท" : "กลุ่มงาน",
+          field: "positionType",
           headerStyle: "font-size: 14px",
           style: "font-size: 14px",
         },
@@ -208,34 +183,37 @@ const fecthlistprofile = async (id: string) => {
           headerStyle: "font-size: 14px",
           style: "font-size: 14px",
         },
+        // {
+        //   name: "organizationAgency",
+        //   align: "left",
+        //   label: "ส่วนราชการ (ระดับฝ่าย/กลุ่มงาน/ส่วน)",
+        //   title: "ส่วนราชการ",
+        //   subtitle: "ระดับฝ่าย/กลุ่มงาน/ส่วน",
+        //   field: "organizationAgency",
+        //   headerStyle: "font-size: 14px",
+        //   style: "font-size: 14px",
+        // },
+        // {
+        //   name: "organizationGovernmentAgency",
+        //   align: "left",
+        //   label: "ส่วนราชการ (ระดับสถาบัน/สำนักงาน/กอง)",
+        //   title: "ส่วนราชการ",
+        //   subtitle: "ระดับสถาบัน/สำนักงาน/กอง",
+        //   field: "organizationGovernmentAgency",
+        //   headerStyle: "font-size: 14px",
+        //   style: "font-size: 14px",
+        // },
         {
-          name: "organizationAgency",
+          name: "organization",
           align: "left",
-          label: "ส่วนราชการ (ระดับฝ่าย/กลุ่มงาน/ส่วน)",
-          title: "ส่วนราชการ",
-          subtitle: "ระดับฝ่าย/กลุ่มงาน/ส่วน",
-          field: "organizationAgency",
-          headerStyle: "font-size: 14px",
-          style: "font-size: 14px",
-        },
-        {
-          name: "organizationGovernmentAgency",
-          align: "left",
-          label: "ส่วนราชการ (ระดับสถาบัน/สำนักงาน/กอง)",
-          title: "ส่วนราชการ",
-          subtitle: "ระดับสถาบัน/สำนักงาน/กอง",
-          field: "organizationGovernmentAgency",
-          headerStyle: "font-size: 14px",
-          style: "font-size: 14px",
-        },
-        {
-          name: "bureau",
-          align: "left",
-          label: "หน่วยงาน",
-          title: "หน่วยงาน",
-          field: "bureau",
+          label: "สังกัด",
+          title: "สังกัด",
+          field: "organization",
           headerStyle: "font-size: 14px",
           style: "font-size: 14px",
+          format(val: any, row: any) {
+            return findOrgName(row);
+          },
         },
       ];
 
@@ -653,34 +631,39 @@ function updatemodalPersonal(modal: boolean) {
             >
               <q-td key="order" :props="props">{{ props.row.order }} </q-td>
               <q-td key="name" :props="props">{{ props.row.name }}</q-td>
-              <q-td
+              <!-- <q-td
                 class="table_ellipsis"
                 key="organizationOrganization"
                 :props="props"
                 >{{ props.row.organizationOrganization }}</q-td
-              >
-              <q-td key="positionEmployeeGroup" :props="props">{{
-                props.row.positionEmployeeGroup
-              }}</q-td>
-              <q-td key="positionEmployeePosition" :props="props">{{
-                props.row.positionEmployeePosition
-              }}</q-td>
-              <q-td key="positionEmployeeLevel" :props="props">{{
-                props.row.positionEmployeeLevel
+              > -->
+              <q-td key="position" :props="props">{{
+                props.row.position
               }}</q-td>
+              <q-td key="positionType" :props="props"
+                >{{ props.row.positionType ? props.row.positionType : "-" }}
+                {{
+                  props.row.positionLevel
+                    ? " (" + props.row.positionLevel + ")"
+                    : ""
+                }}
+              </q-td>
 
               <q-td key="positionNumber" :props="props">{{
                 props.row.positionNumber
               }}</q-td>
-              <q-td key="organizationAgency" :props="props">{{
+              <!-- <q-td key="organizationAgency" :props="props">{{
                 props.row.organizationAgency
               }}</q-td>
               <q-td key="organizationGovernmentAgency" :props="props">{{
                 props.row.organizationGovernmentAgency
+              }}</q-td> -->
+              <q-td class="table_ellipsis" key="organization" :props="props">{{
+                props.row.organization
               }}</q-td>
-              <q-td class="table_ellipsis" key="bureau" :props="props">{{
+              <!-- <q-td class="table_ellipsis" key="bureau" :props="props">{{
                 props.row.bureau
-              }}</q-td>
+              }}</q-td> -->
               <q-td auto-width></q-td>
               <q-td
                 auto-width
@@ -881,6 +864,7 @@ function updatemodalPersonal(modal: boolean) {
     :modal="modalPersonal"
     :id="personId"
     @update:modal="updatemodalPersonal"
+    v-model:is-employee="employeeType"
   />
 </template>