ทะเบียนประวัติ ==> ข้อมูลตำแหน่ง

src/components/Dialogs/PopupPersonalNew.vue

@@ -14,6 +14,8 @@ import type { Avatar } from "@/components/information/interface/response/avatar"
 /** importStore*/
 import { useCounterMixin } from "@/stores/mixin";
 
+import CardPosition from "@/modules/21_report/components/CardPosition.vue";
+
 /** use*/
 const route = useRoute();
 const mixin = useCounterMixin();
@@ -24,6 +26,7 @@ const { showLoader, hideLoader, messageError, date2Thai } = mixin;
 
 const isEmployee = defineModel("isEmployee", { type: String });
 const empType = ref<string>("officer");
+const checkRoute = ref<boolean>(route.name == "reportRegistry");
 /** props*/
 const props = defineProps({
   id: {
@@ -172,7 +175,9 @@ async function fetchProfileGov(id: string) {
 }
 
 function redirecToRegistry() {
-  router.push(`/registry-${props.type == 'employee' ? 'employee':'officer'}/${props.id}`);
+  router.push(
+    `/registry-${props.type == "employee" ? "employee" : "officer"}/${props.id}`
+  );
   modal.value = false;
 }
 
@@ -422,7 +427,11 @@ async function fetchProfile(id: string, avatarName: string) {
                         :model-value="
                           goverment.positionType ? goverment.positionType : '-'
                         "
-                        :label="props.type == 'employee' ? 'กลุ่มงาน':'ประเภทตำแหน่ง'"
+                        :label="
+                          props.type == 'employee'
+                            ? 'กลุ่มงาน'
+                            : 'ประเภทตำแหน่ง'
+                        "
                       />
                     </div>
                     <div class="col-xs-6 col-md-6">
@@ -434,7 +443,11 @@ async function fetchProfile(id: string, avatarName: string) {
                             ? goverment.positionLevel
                             : '-'
                         "
-                        :label="props.type == 'employee' ? 'ระดับชั้นงาน':'ระดับตำแหน่ง'"
+                        :label="
+                          props.type == 'employee'
+                            ? 'ระดับชั้นงาน'
+                            : 'ระดับตำแหน่ง'
+                        "
                       />
                     </div>
                     <div
@@ -470,6 +483,14 @@ async function fetchProfile(id: string, avatarName: string) {
                   </div>
                 </div>
               </q-card>
+
+              <q-card
+                bordered
+                style="border: 1px solid #d6dee1"
+                v-if="checkRoute"
+              >
+                <CardPosition :id="props.id" :type="props.type" />
+              </q-card>
             </div>
           </q-scroll-area>
         </div>