2024-03-08 16:46:36 +07:00
|
|
|
<script setup lang="ts">
|
|
|
|
|
import { ref } from "vue";
|
|
|
|
|
|
|
|
|
|
/** importComponents*/
|
|
|
|
|
import OtherInformation from "@/modules/04_registryNew/components/detail/Other/01_OtherInformation.vue";
|
|
|
|
|
import Documentipline from "@/modules/04_registryNew/components/detail/Other/02_Document.vue";
|
|
|
|
|
|
|
|
|
|
const tab = ref<string>("1");
|
|
|
|
|
</script>
|
|
|
|
|
<template>
|
2024-03-12 15:51:47 +07:00
|
|
|
<div class="row items-center q-mb-md">
|
|
|
|
|
<div class="text-dark row items-center text-weight-bold">
|
|
|
|
|
<q-icon name="mdi-bookmark" class="q-mr-md" size="sm" />
|
|
|
|
|
<h3 class="resigtry-tab-title">เอกสารหลักฐานและอื่นๆ</h3>
|
2024-03-08 16:46:36 +07:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<q-separator />
|
|
|
|
|
<q-tabs
|
|
|
|
|
v-model="tab"
|
|
|
|
|
class="text-grey"
|
|
|
|
|
active-color="blue"
|
|
|
|
|
indicator-color="white"
|
2024-03-11 11:25:42 +07:00
|
|
|
align="left"
|
2024-03-08 16:46:36 +07:00
|
|
|
narrow-indicator
|
|
|
|
|
bordered
|
|
|
|
|
>
|
|
|
|
|
<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">
|
|
|
|
|
<OtherInformation />
|
|
|
|
|
</q-tab-panel>
|
|
|
|
|
<q-tab-panel name="2">
|
|
|
|
|
<Documentipline />
|
|
|
|
|
</q-tab-panel>
|
|
|
|
|
</q-tab-panels>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<style scoped></style>
|