แก้ในสมัครสอบคัดเลือกลบรายละเอียดบัตรประชาชน

src/modules/01_exam/views/ExamDetail.vue

@@ -1,11 +1,20 @@
 <!-- page:detail page รายการสอบทั้งหมด -->
 <template>
   <q-toolbar class="q-pa-sm text-center">
+    <q-toolbar-title class="text-dark">
+      <div class="col-12">
+        {{ tittle }}
+        {{ `ครั้งที่${round}/${yearly == null ? '' : yearly + 543}` }}
+      </div>
+      <div class="col-12">{{ position }}/{{ positionLevel }}</div>
+    </q-toolbar-title>
+  </q-toolbar>
+  <!-- <q-toolbar class="q-pa-sm text-center">
     <q-toolbar-title class="text-dark">
       {{ tittle }}
       {{ `ครั้งที่${round}/${yearly == null ? '' : yearly + 543}` }}
     </q-toolbar-title>
-  </q-toolbar>
+  </q-toolbar> -->
   <q-stepper
     v-model="step"
     ref="stepper"
@@ -89,6 +98,7 @@ const step = ref<number>(1)
 const stepRaw = ref<number>(1)
 const tittle = ref<string>('')
 const position = ref<string>('')
+const positionLevel = ref<string>('')
 const route = useRoute()
 const examId = ref<string>(route.params.id.toString())
 const positionId = ref<string>(route.params.positionId.toString())
@@ -211,7 +221,9 @@ const fetchPeriodExam = async () => {
       tittle.value = data.name
       round.value = data.round
       yearly.value = data.year
-      position.value = data.posiiton == null ? '' : 'ตำแหน่ง: ' + data.posiiton.positionName
+      position.value = data.posiiton == null ? '' : 'ตำแหน่ง: ' + data.posiiton
+      positionLevel.value = data.posiitonLevel == null ? '' : 'ระดับ: ' + data.posiitonLevel
+      console.log(data)
     })
     .catch((e) => {
       messageError($q, e)