เพิ่มข้อมูลหลักบุคคล และตำแหน่ง

src/modules/01_metadataNew/components/personal/01ListPrefix.vue

@@ -0,0 +1,3 @@
+<template>
+    คำนำหน้าชื่อ
+</template>

src/modules/01_metadataNew/components/personal/02ListRank.vue

@@ -0,0 +1,3 @@
+<template>
+    ยศ
+</template>

src/modules/01_metadataNew/components/personal/03ListBloodGroup.vue

@@ -0,0 +1,3 @@
+<template>
+    กลุ่มเลือด
+</template>

src/modules/01_metadataNew/components/personal/04ListGender.vue

@@ -0,0 +1,3 @@
+<template>
+   เพศ 
+</template>

src/modules/01_metadataNew/components/personal/05ListReligion.vue

@@ -0,0 +1,3 @@
+<template>
+   ศาสนา 
+</template>

src/modules/01_metadataNew/components/personal/06ListRelationship.vue

@@ -0,0 +1,3 @@
+<template>
+   สถานภาพ 
+</template>

src/modules/01_metadataNew/router.ts

@@ -4,6 +4,10 @@ const masterInsignia = () =>
   import("@/modules/01_metadataNew/views/insignia.vue");
 const dateilInsignia = () =>
   import("@/modules/01_metadataNew/components/insignia/InsigniaDetail.vue");
+  const personalPage = () =>
+  import("@/modules/01_metadataNew/views/personal.vue");
+  const positionPage = () =>
+  import("@/modules/01_metadataNew/views/position.vue");
 
 export default [
   {
@@ -36,4 +40,24 @@ export default [
       Role: "metadata",
     },
   },
+  {
+    path: "/master-data/personal",
+    name: "masterPersonal",
+    component: personalPage,
+    meta: {
+      Auth: true,
+      Key: [7],
+      Role: "metadata",
+    },
+  },
+  {
+    path: "/master-data/position",
+    name: "masterPosition",
+    component: positionPage,
+    meta: {
+      Auth: true,
+      Key: [7],
+      Role: "metadata",
+    },
+  },
 ];

src/modules/01_metadataNew/views/personal.vue

@@ -0,0 +1,25 @@
+<script setup lang="ts">
+import ListPrefix from "@/modules/01_metadataNew/components/personal/01ListPrefix.vue";
+import ListRank from "@/modules/01_metadataNew/components/personal/02ListRank.vue";
+import ListBloodGroup from "@/modules/01_metadataNew/components/personal/03ListBloodGroup.vue";
+import ListGender from "@/modules/01_metadataNew/components/personal/04ListGender.vue";
+import ListReligion from "@/modules/01_metadataNew/components/personal/05ListReligion.vue";
+import ListRelationship from "@/modules/01_metadataNew/components/personal/06ListRelationship.vue";
+</script>
+
+<template>
+  <div class="toptitle text-dark col-12 row items-center">
+    ข้อมูลเกี่ยวกับบุคคล
+  </div>
+
+  <q-card flat bordered class="q-pa-md">
+    <ListPrefix />
+    <ListRank />
+    <ListBloodGroup />
+    <ListGender />
+    <ListReligion />
+    <ListRelationship />
+  </q-card>
+</template>
+
+<style scoped></style>

src/modules/01_metadataNew/views/position.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div class="toptitle text-dark col-12 row items-center">
+    ข้อมูลตำแหน่ง
+  </div>
+
+  <q-card flat bordered class="q-pa-md"> ตำแหน่ง </q-card>
+</template>
+
+<style scoped></style>