117 lines
2.4 KiB
Vue
117 lines
2.4 KiB
Vue
<script setup lang="ts">
|
|
import MenuItem from 'components/00_home/MenuItem.vue';
|
|
import useUtilsStore from 'stores/utils';
|
|
import { onMounted } from 'vue';
|
|
|
|
const utilsStore = useUtilsStore();
|
|
const menu = [
|
|
{
|
|
value: 'branch-management',
|
|
icon: 'mdi-chart-donut',
|
|
color: 'green',
|
|
title: 'mainBranchTitle',
|
|
caption: 'mainBranchCaption',
|
|
},
|
|
{
|
|
value: 'personnel-management',
|
|
icon: 'fa6-solid:building-user',
|
|
color: 'cyan',
|
|
title: 'mainPersonnelTitle',
|
|
caption: 'mainPersonnelCaption',
|
|
},
|
|
{
|
|
value: 'customer-management',
|
|
icon: 'isax-frame5',
|
|
color: 'cyan',
|
|
title: 'mainCustomerTitle',
|
|
caption: 'mainCustomerCaption',
|
|
isax: true,
|
|
},
|
|
{
|
|
value: 'product-service',
|
|
icon: 'heroicons-truck-solid',
|
|
color: 'orange',
|
|
title: 'mainProductTitle',
|
|
caption: 'mainProductCaption',
|
|
},
|
|
{
|
|
value: '',
|
|
icon: 'mdi-file-document',
|
|
color: 'violet',
|
|
title: 'mainQuotationTitle',
|
|
caption: 'mainQuotationCaption',
|
|
disabled: true,
|
|
},
|
|
{
|
|
value: '',
|
|
icon: 'isax-device-message5',
|
|
color: 'purple',
|
|
title: 'mainRequestTitle',
|
|
caption: 'mainRequestCaption',
|
|
isax: true,
|
|
disabled: true,
|
|
},
|
|
{
|
|
value: '',
|
|
icon: 'isax-receipt-2-15',
|
|
color: 'red',
|
|
title: 'mainOrderTitle',
|
|
caption: 'mainOrderCaption',
|
|
isax: true,
|
|
disabled: true,
|
|
},
|
|
{
|
|
value: '',
|
|
icon: 'material-symbols:box',
|
|
color: 'camo',
|
|
title: 'mainReceiptTitle',
|
|
caption: 'mainReceiptCaption',
|
|
disabled: true,
|
|
},
|
|
{
|
|
value: '',
|
|
icon: 'isax-dollar-circle4',
|
|
color: 'lime',
|
|
title: 'mainFinanceTitle',
|
|
caption: 'mainFinanceCaption',
|
|
isax: true,
|
|
disabled: true,
|
|
},
|
|
{
|
|
value: '',
|
|
icon: 'isax-element-35',
|
|
color: 'cyan',
|
|
title: 'mainDashboardTitle',
|
|
caption: 'mainDashboardCaption',
|
|
isax: true,
|
|
disabled: true,
|
|
},
|
|
{
|
|
value: '',
|
|
icon: 'mdi-file-document',
|
|
color: 'indigo',
|
|
title: 'mainReportTitle',
|
|
caption: 'mainReportCaption',
|
|
disabled: true,
|
|
},
|
|
] satisfies InstanceType<typeof MenuItem>['$props']['list'];
|
|
|
|
onMounted(() => {
|
|
utilsStore.currentTitle.title = '';
|
|
utilsStore.currentTitle.path = [{ text: '' }];
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<div class="q-pb-lg">
|
|
<MenuItem :list="menu" />
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.person {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
gap: var(--size-6);
|
|
}
|
|
</style>
|