felicity-lims/webapp/views/worksheet/_id/WorkSheetDetail.vue
2024-11-20 18:16:49 +02:00

37 lines
No EOL
1.1 KiB
Vue

<script setup lang="ts">
import { computed, defineAsyncComponent } from 'vue';
import { useWorksheetStore } from '@/stores/worksheet'
const FelTabs = defineAsyncComponent(
() => import("@/components/ui/tabs/FelTabs.vue")
)
let worksheetStore = useWorksheetStore();
const targetUid = computed(() => worksheetStore.workSheet?.uid || '');
const showAssignTab = computed(() => worksheetStore.workSheet?.state !== 'pending');
const tabs = [
{
id: "detail",
label: "detail",
component: defineAsyncComponent(() => import("./WorkSheetResults.vue")),
},
{
id: "assign-samples",
label: "assign-samples",
component: defineAsyncComponent(() => import("./WorkSheetAssign.vue")),
hidden: showAssignTab.value
},
{
id: "logs",
label: "logs",
component: defineAsyncComponent(() => import("@/components/audit/FelAuditLog.vue")),
props: {targetType: "worksheet", targetUid: targetUid?.value}
},
]
</script>
<template>
<section class="col-span-12" >
<FelTabs :tabs="tabs" initial-tab="default" />
</section>
</template>