From 8a16a967f82ba12443dc840c11f881c48a9137cd Mon Sep 17 00:00:00 2001 From: Net <93821485+somnetsak123@users.noreply.github.com> Date: Tue, 2 Apr 2024 14:22:29 +0700 Subject: [PATCH] =?UTF-8?q?feat:=20=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88?= =?UTF-8?q?=E0=B8=A1=20route=20=20=E0=B8=82=E0=B8=AD=E0=B8=87=20=E0=B9=80?= =?UTF-8?q?=E0=B8=A1=E0=B8=99=E0=B8=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/file-account-outline.png | Bin 0 -> 4833 bytes src/components/DrawerComponent.vue | 47 ++++++++++++++++++++--------- 2 files changed, 32 insertions(+), 15 deletions(-) create mode 100644 public/file-account-outline.png diff --git a/public/file-account-outline.png b/public/file-account-outline.png new file mode 100644 index 0000000000000000000000000000000000000000..25c536ca8c931303c627e37f6946474747d32bc2 GIT binary patch literal 4833 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 import { ref } from 'vue'; +import { useRouter } from 'vue-router'; +const router = useRouter(); const currentRoute = ref(''); const labelMenu: { label: string; icon: string; + route: string; }[] = [ - { label: 'Dashboard', icon: 'mdi-folder-arrow-left' }, - { label: 'จัดการสาขา', icon: 'mdi-folder-arrow-left' }, - { label: 'จัดการบุคลากร', icon: 'mdi-account-settings-outline' }, - { label: 'จัดการลูกค้า', icon: 'mdi-account-settings-outline' }, - { label: 'สินค้าและบริการ', icon: 'mdi-folder-arrow-left' }, - { label: 'ใบเสนอราคา', icon: 'mdi-folder-arrow-left' }, - { label: 'รายการคำขอ', icon: 'mdi-folder-arrow-left' }, - { label: 'ใบสั่งงาน', icon: 'mdi-folder-arrow-left' }, - { label: 'ใบรับสินค้า', icon: 'mdi-folder-arrow-left' }, - { label: 'รายการทางบัญชี', icon: 'mdi-account-cash-outline' }, - { label: 'รายงาน', icon: 'mdi-file-chart-outline' }, + { label: 'Dashboard', icon: 'img:/file-account-outline.png', route: '' }, + { + label: 'จัดการสาขา', + icon: 'mdi-sitemap-outline', + route: '/branch-management', + }, + { label: 'จัดการบุคลากร', icon: 'mdi-account-settings-outline', route: '' }, + { label: 'จัดการลูกค้า', icon: 'mdi-account-settings-outline', route: '' }, + { label: 'สินค้าและบริการ', icon: 'mdi-package-variant', route: '' }, + { label: 'ใบเสนอราคา', icon: 'mdi-package-variant', route: '' }, + { label: 'รายการคำขอ', icon: 'mdi-package-variant', route: '' }, + { label: 'ใบสั่งงาน', icon: 'mdi-package-variant', route: '' }, + { label: 'ใบรับสินค้า', icon: 'mdi-package-variant', route: '' }, + { label: 'รายการทางบัญชี', icon: 'mdi-account-cash-outline', route: '' }, + { label: 'รายงาน', icon: 'mdi-file-chart-outline', route: '' }, ]; const leftDrawerOpen = defineModel('leftDrawerOpen', { default: false, }); + +function navigateTo(label: string, destination: string) { + currentRoute.value = label; + router.push(`${destination}`); +}