From ec9ade3a1082eddad79cb15fbfdeb0f5b02ed0bf Mon Sep 17 00:00:00 2001
From: Atchara Bunserm <65160207@go.buu.ac.th>
Date: Mon, 3 Mar 2025 22:58:06 +0700
Subject: [PATCH] NavBar MainApp/MainMenu
---
src/components/Navbar/MainAppBar.vue | 27 +++++++++++++++++++++
src/components/Navbar/MainMenu.vue | 36 ++++++++++++++++++++++++++++
2 files changed, 63 insertions(+)
diff --git a/src/components/Navbar/MainAppBar.vue b/src/components/Navbar/MainAppBar.vue
index 7f3c1a7..a1138f1 100644
--- a/src/components/Navbar/MainAppBar.vue
+++ b/src/components/Navbar/MainAppBar.vue
@@ -21,6 +21,33 @@ watchEffect(() => {
} else if (route.name === 'stocks') {
icon.value = 'mdi-package-variant'
title.value = 'Stock Management'
+ } else if (route.name === 'dashboard') {
+ icon.value = 'mdi-bulletin-board'
+ title.value = 'แดชบอร์ด'
+ } else if (route.name === 'management') { //คำสั่งซื้อ
+ icon.value = 'mdi-cart-outline'
+ title.value = 'จัดการคำสั่งซื้อ'
+ } else if (route.name === 'transport-queue') {
+ icon.value = 'mdi-car'
+ title.value = 'คิวการขนส่ง'
+ } else if (route.name === 'manage-materials') {
+ icon.value = 'mdi-cube-outline'
+ title.value = 'จัดการวัตถุดิบ'
+ } else if (route.name === 'manage-products') {
+ icon.value = 'mdi-archive'
+ title.value = 'จัดการสินค้า'
+ } else if (route.name === 'manage-customers') {
+ icon.value = 'mdi-account-multiple'
+ title.value = 'จัดการลูกค้า'
+ } else if (route.name === 'manage-employees') {
+ icon.value = 'mdi-account-search'
+ title.value = 'จัดการพนักงาน'
+ } else if (route.name === 'manage-machines') {
+ icon.value = 'mdi-factory'
+ title.value = 'จัดการเครื่องจักร'
+ } else if (route.name === 'manage-transportation-cars') {
+ icon.value = 'mdi-truck-delivery'
+ title.value = 'จัดการรถขนส่ง'
} else if (route.name === 'buystock') {
icon.value = 'mdi-cart-plus'
title.value = 'Buy Stock'
diff --git a/src/components/Navbar/MainMenu.vue b/src/components/Navbar/MainMenu.vue
index 28863eb..3fec98d 100644
--- a/src/components/Navbar/MainMenu.vue
+++ b/src/components/Navbar/MainMenu.vue
@@ -29,8 +29,44 @@ const authStore = useAuthStore()
</v-list>
<!-- nav -->
<v-list density="compact" nav>
+ <!---->
+ <v-list-item prepend-icon="mdi-chart-areaspline" title="แดชบอร์ด" value="dashboard"
+ :to="{ path: '/dashboard' }"></v-list-item>
+ <!---->
+ <!---->
+ <v-list-item prepend-icon="mdi-cart-outline" title="จัดการคำสั่งซื้อ" value="management"
+ :to="{ path: '/management' }"></v-list-item>
+ <!---->
<v-list-item prepend-icon="mdi-text-box" title="คิวการผลิต" value="pos" :to="{ name: 'pq' }"></v-list-item>
<!---->
+ <!---->
+ <v-list-item prepend-icon="mdi-car" title="คิวการขนส่ง" value="transport-queue"
+ :to="{ path: '/transport-queue' }"></v-list-item>
+ <!---->
+ <!---->
+ <v-list-item prepend-icon="mdi-cube-outline" title="จัดการวัตถุดิบ" value="manage-materials"
+ :to="{ path: '/manage-materials' }"></v-list-item>
+ <!---->
+ <!---->
+ <v-list-item prepend-icon="mdi-archive" title="จัดการสินค้า" value="manage-products"
+ :to="{ path: '/manage-products' }"></v-list-item>
+ <!---->
+ <!---->
+ <v-list-item prepend-icon="mdi-account-multiple" title="จัดการลูกค้า" value="manage-customers"
+ :to="{ path: '/manage-customers' }"></v-list-item>
+ <!---->
+ <!---->
+ <v-list-item prepend-icon="mdi-clipboard-account" title="จัดการพนักงาน" value="manage-employees"
+ :to="{ path: '/manage-employees' }"></v-list-item>
+ <!---->
+ <!---->
+ <v-list-item prepend-icon="mdi-factory" title="จัดการเครื่องจักร" value="manage-machines"
+ :to="{ path: '/manage-machines' }"></v-list-item>
+ <!---->
+ <!---->
+ <v-list-item prepend-icon="mdi-truck-delivery" title="จัดการรถขนส่ง" value="manage-transportation-cars"
+ :to="{ path: '/manage-transportation-cars' }"></v-list-item>
+ <!---->
<v-list-item prepend-icon="mdi-account-tie" title="จัดการผู้ใช้งาน" value="user"
:to="{ path: '/user' }"></v-list-item>
<!---->
--
GitLab