แก้ไข 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