update

src/modules/04_registryPerson/components/detail/Salary/Main.vue

@@ -0,0 +1,44 @@
+<script setup lang="ts">
+import { ref } from "vue";
+
+/** importComponents*/
+import PositionSalary from "@/modules/04_registryPerson/components/detail/Salary/01_PositionSalary.vue";
+import NotReceiveSalary from "@/modules/04_registryPerson/components/detail/Salary/02_NotReceiveSalary.vue";
+
+const tab = ref<string>("1");
+</script>
+<template>
+  <div class="row items-center q-my-md">
+    <div class="text-dark row items-center q-px-md">
+      <q-icon name="mdi-account" class="q-mr-md" size="22px" />
+      <div class="text-subtitle1 text-weight-bold">ข้อมูลเงินเดือน/ค่าจ้าง</div>
+    </div>
+  </div>
+
+  <q-separator />
+  <q-tabs
+    v-model="tab"
+    active-color="blue-8"
+    align="left"
+    bordered
+    narrow-indicator
+    indicator-color="transparent"
+    dense
+    class="text-grey q-pl-sm"
+  >
+    <q-tab name="1" label="ตำแหน่ง/เงินเดือน" />
+    <q-tab name="2" label="บันทึกวันที่ไม่ได้รับเงินเดือนฯ" />
+  </q-tabs>
+  <q-separator />
+
+  <q-tab-panels v-model="tab" animated>
+    <q-tab-panel name="1">
+      <PositionSalary />
+    </q-tab-panel>
+    <q-tab-panel name="2">
+      <NotReceiveSalary />
+    </q-tab-panel>
+  </q-tab-panels>
+</template>
+
+<style scoped></style>