diff --git a/src/modules/11_discipline/components/7_ListSuspend/DetailPage.vue b/src/modules/11_discipline/components/7_ListSuspend/DetailPage.vue
index fa490bba2..254c91e57 100644
--- a/src/modules/11_discipline/components/7_ListSuspend/DetailPage.vue
+++ b/src/modules/11_discipline/components/7_ListSuspend/DetailPage.vue
@@ -72,7 +72,6 @@ async function getData(){
       const dataGet = res.data.result;
       data.id = dataGet.id;
       data.personId = dataGet.personId;
-      data.personId = dataGet.personId;
       data.citizenId = dataGet.citizenId;
       data.name = `${dataGet.prefix}${dataGet.firstName} ${dataGet.lastName}`;
       data.prefix = dataGet.prefix;
@@ -93,6 +92,7 @@ async function getData(){
       data.offenseDetails = dataGet.offenseDetails;
       data.disciplinaryFaultLevel = dataGet.disciplinaryFaultLevel;
       data.disciplinaryCaseFault = dataGet.disciplinaryCaseFault;
+      getAvatar(dataGet.personId)
     })
     .catch((e) => {
       messageError($q, e);
@@ -102,6 +102,17 @@ async function getData(){
     });
 };
 
+function getAvatar(id:string){
+  if(id){
+    http
+    .get(config.API.profileAvaId(id))
+    .then((res)=>{
+      console.log(res)
+      const dataList = res.data.result
+      data.avatar = dataList.avatar
+    })
+  }
+}
 /**
  * ฟังก์ชั่น Cancle
  */
@@ -235,7 +246,7 @@ onMounted(async () => {
     <div class="row col-12 q-pa-md">
       <div class="col-12 row bg-white q-col-gutter-md">
         <div class="col-xs-3 col-sm-2 col-md-1 row">
-          <q-img :src="data.avatar" v-if="data.avatar !== ''" />
+          <q-img :src="data.avatar" v-if="data.avatar !== '' && data.avatar !== null" />
           <q-img src="@/assets/avatar_user.jpg" v-else />
         </div>
         <div class="col-xs-6 col-sm-3 row items-center">