51 lines
1.9 KiB
Vue
51 lines
1.9 KiB
Vue
<script setup lang="ts">
|
|
import { ref, onMounted } from "vue";
|
|
import { useQuasar } from "quasar";
|
|
import { useRouter } from "vue-router";
|
|
import http from "@/plugins/http";
|
|
import config from "@/app.config";
|
|
|
|
import Tab1 from "@/modules/12_evaluatePersonal/components/Detail/Tab1.vue"; // ชำนาญการ
|
|
import Tab2 from "@/modules/12_evaluatePersonal/components/Detail/Tab2.vue"; // ชำนาญการพิเศษ
|
|
|
|
import { useEvaluateDetailStore } from "@/modules/12_evaluatePersonal/store/EvaluateDetail";
|
|
|
|
const store = useEvaluateDetailStore();
|
|
const router = useRouter();
|
|
const $q = useQuasar();
|
|
</script>
|
|
|
|
<template>
|
|
<div class="toptitle text-dark col-12 row items-center">
|
|
รายละเอียดการประเมินของ นาวสาววารุณี แต้มคู
|
|
</div>
|
|
<q-card flat bordered class="col-12 q-mt-sm q-pt-sm q-pa-md">
|
|
<div class="col-xs-12 col-sm-12 col-md-11 row q-col-gutter-md">
|
|
<div class="col-12 row">
|
|
<q-card bordered class="col-12 row caedNone">
|
|
<q-card class="col-12 items-center">
|
|
<q-tabs
|
|
v-model="store.tabMenu"
|
|
dense
|
|
align="left"
|
|
inline-label
|
|
class="rounded-borders"
|
|
indicator-color="primary"
|
|
active-bg-color="teal-1"
|
|
active-class="text-primary"
|
|
>
|
|
<q-tab name="1" label="รายละเอียดการประเมิน" />
|
|
<q-tab name="2" label="กรรมการและการประชุม" />
|
|
</q-tabs>
|
|
<q-separator />
|
|
<q-tab-panels v-model="store.tabMenu" animated>
|
|
<q-tab-panel name="1"> <Tab1 /></q-tab-panel>
|
|
|
|
<q-tab-panel name="2"> <Tab2 /></q-tab-panel>
|
|
</q-tab-panels>
|
|
</q-card>
|
|
</q-card>
|
|
</div>
|
|
</div>
|
|
</q-card>
|
|
</template>
|