ปรับระบบวินัยให้ใช้ข้อมูลทะเบียนประวัติใหม่

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

@@ -12,7 +12,10 @@ import { useDisciplineSuspendStore } from "@/modules/11_discipline/store/Suspend
 /**Import type */
 import type { QForm } from "quasar";
 import type { dataDetail } from "@/modules/11_discipline/interface/response/suspend";
-import PopupPersonal from "@/components/Dialogs/PopupPersonal.vue";
+import type { DataProfile } from "@/modules/05_placement/interface/index/Main";
+
+import PopupPersonal from "@/components/Dialogs/PopupPersonalNew.vue";
+import CardProfile from "@/components/CardProfile.vue";
 
 const modalPersonal = ref<boolean>(false);
 const personId = ref<string>("");
@@ -38,6 +41,7 @@ const {
 const myForm = ref<QForm | null>(null);
 const roleAdmin = ref<boolean>(false);
 const edit = ref<boolean>(false);
+const dataProfile = ref<DataProfile>();
 
 const data = reactive<dataDetail>({
   id: "",
@@ -70,6 +74,8 @@ async function getData() {
     .get(config.API.suspendById(dataId))
     .then((res) => {
       const dataGet = res.data.result;
+      dataProfile.value = dataGet as DataProfile;
+
       data.id = dataGet.id;
       data.personId = dataGet.personId;
       data.citizenId = dataGet.citizenId;
@@ -231,7 +237,8 @@ onMounted(async () => {
     />
     รายละเอียดการของ {{ data.name }}
   </div>
-  <q-card bordered class="row col-12 text-dark">
+
+  <!-- <q-card bordered class="row col-12 text-dark">
     <div class="bg-grey-1 q-pa-sm col-12 row items-center text-primary">
       <div class="q-pl-sm text-weight-bold text-subtitle2">
         {{ data.name }}
@@ -283,7 +290,9 @@ onMounted(async () => {
         </div>
       </div>
     </div>
-  </q-card>
+  </q-card> -->
+
+  <CardProfile :data="dataProfile as DataProfile" />
 
   <q-card bordered class="row col-12 text-dark q-mt-sm">
     <div class="bg-grey-1 q-pa-sm col-12 row items-center text-primary">