แก้ไข id ดูข้อมูลทะเบียนประวัติ เมนูรายชื่อผู้ถูกพักราชการ

src/modules/11_discipline/components/7_ListSuspend/DetailPage.vue

@@ -45,6 +45,7 @@ const reason = ref<string>("");
 
 const data = reactive<dataDetail>({
   id: "",
+  personId: "",
   citizenId: "",
   avataPath: "",
   name: "",
@@ -83,6 +84,7 @@ const getData = async () => {
       console.log(res.data.result);
       const dataGet = res.data.result;
       data.id = dataGet.id;
+      data.personId = dataGet.personId;
       data.citizenId = dataGet.citizenId;
       data.name = `${dataGet.prefix}${dataGet.firstName} ${dataGet.lastName}`;
       data.prefix = dataGet.prefix;
@@ -210,7 +212,7 @@ const getClass = (val: boolean) => {
         icon-right="mdi-open-in-new"
         class="q-px-sm"
         label="ดูข้อมูลทะเบียนประวัติ"
-        @click="router.push(`/registry/${data.id}`)"
+        @click="router.push(`/registry/${data.personId}`)"
       />
     </div>
     <div class="col-12"><q-separator /></div>
@@ -508,9 +510,7 @@ const getClass = (val: boolean) => {
               dense
               readonly
               v-model="data.offenseDetails"
-              :options="
-                          dataStore.offenseDetailsOps
-                        "
+              :options="dataStore.offenseDetailsOps"
               label="ผลการสืบสวน"
               emit-value
               map-options
@@ -528,15 +528,15 @@ const getClass = (val: boolean) => {
           </div>
           <div class="col-4">
             <q-input
-                :class="getClass(edit)"
-                :outlined="edit"
-                dense
-                readonly
-                :borderless="!edit"
-                v-model="data.disciplinaryFaultLevel"
-                hide-bottom-space
-                :label="`${'ระดับโทษความผิด'}`"
-              />
+              :class="getClass(edit)"
+              :outlined="edit"
+              dense
+              readonly
+              :borderless="!edit"
+              v-model="data.disciplinaryFaultLevel"
+              hide-bottom-space
+              :label="`${'ระดับโทษความผิด'}`"
+            />
           </div>
           <div class="col-12">
             <q-input

src/modules/11_discipline/interface/response/suspend.ts

@@ -1,78 +1,74 @@
-interface listData{
-        id: string
-        citizenId: string
-        prefix: string
-        firstName: string
-        lastName: string
-        organization: string
-        position: string
-        posNo: string
-        positionLevel: string
-        salary: number
-        status: string
-        descriptionSuspend: string
-        startDateSuspend: Date,
-        endDateSuspend: Date,
-        title: string
-        offenseDetails: string
-        disciplinaryFaultLevel: string
-        disciplinaryCaseFault: string
+interface listData {
+  id: string;
+  citizenId: string;
+  prefix: string;
+  firstName: string;
+  lastName: string;
+  organization: string;
+  position: string;
+  posNo: string;
+  positionLevel: string;
+  salary: number;
+  status: string;
+  descriptionSuspend: string;
+  startDateSuspend: Date;
+  endDateSuspend: Date;
+  title: string;
+  offenseDetails: string;
+  disciplinaryFaultLevel: string;
+  disciplinaryCaseFault: string;
 }
 
-interface dataType{
-        id: string
-        citizenId: string
-        name:string
-        prefix: string
-        firstName: string
-        lastName: string
-        organization: string
-        position: string
-        posNo: string
-        positionLevel: string
-        salary: number
-        status: string
-        statusEn: string
-        descriptionSuspend: string
-        dateTotal:string
-        startDateSuspend: Date,
-        endDateSuspend: Date,
-        title: string
-        offenseDetails: string
-        disciplinaryFaultLevel: string
-        disciplinaryCaseFault: string
+interface dataType {
+  id: string;
+  citizenId: string;
+  name: string;
+  prefix: string;
+  firstName: string;
+  lastName: string;
+  organization: string;
+  position: string;
+  posNo: string;
+  positionLevel: string;
+  salary: number;
+  status: string;
+  statusEn: string;
+  descriptionSuspend: string;
+  dateTotal: string;
+  startDateSuspend: Date;
+  endDateSuspend: Date;
+  title: string;
+  offenseDetails: string;
+  disciplinaryFaultLevel: string;
+  disciplinaryCaseFault: string;
 }
 
-interface dataDetail{
-    id: string
-    citizenId: string
-    avataPath:string
-    name:string
-    prefix: string
-    firstName: string
-    lastName: string
-    organization: string
-    position: string
-    posNo: string
-    positionLevel: string
-    salary: number
-    status: string
-    descriptionSuspend: string
-    startDateSuspend: Date|null
-    endDateSuspend: Date|null
-    title: string
-    offenseDetails: string
-    disciplinaryFaultLevel: string
-    disciplinaryCaseFault: string
+interface dataDetail {
+  id: string;
+  personId: string;
+  citizenId: string;
+  avataPath: string;
+  name: string;
+  prefix: string;
+  firstName: string;
+  lastName: string;
+  organization: string;
+  position: string;
+  posNo: string;
+  positionLevel: string;
+  salary: number;
+  status: string;
+  descriptionSuspend: string;
+  startDateSuspend: Date | null;
+  endDateSuspend: Date | null;
+  title: string;
+  offenseDetails: string;
+  disciplinaryFaultLevel: string;
+  disciplinaryCaseFault: string;
 }
 
 interface DataOption {
-    id:string
-    name:string
+  id: string;
+  name: string;
 }
-export type {
-    listData,
-    dataType,
-    dataDetail,
-    DataOption
-}
+export type { listData, dataType, dataDetail, DataOption };

src/modules/11_discipline/router.ts

@@ -64,9 +64,9 @@ const resultEditPage = () =>
 
 // รายชื่อผู้ถูกพักราชการ
 const listSuspendMainPage = () =>
-  import("@/modules/11_discipline/components/7_ListSuspend/DismissOrder.vue");
+  import("@/modules/11_discipline/components/7_ListSuspend/ListsPage.vue");
 const suspendEditPage = () =>
-  import("@/modules/11_discipline/components/7_ListSuspend/OutRegistry.vue");
+  import("@/modules/11_discipline/components/7_ListSuspend/DetailPage.vue");
 
 export default [
   {