From fc6df74d9e94fa43a344df3f4b82d4fb82c8b196 Mon Sep 17 00:00:00 2001
From: zclzone <zclzone@outlook.com>
Date: Sat, 16 Dec 2023 22:14:45 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E9=9D=A2=E5=8C=85=E5=B1=91=E8=BF=87?=
 =?UTF-8?q?=E6=BB=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/components/BreadCrumb.vue | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/layouts/components/BreadCrumb.vue b/src/layouts/components/BreadCrumb.vue
index a85ef4f..37527ea 100644
--- a/src/layouts/components/BreadCrumb.vue
+++ b/src/layouts/components/BreadCrumb.vue
@@ -12,13 +12,16 @@
       {{ route.meta.title }}
     </n-breadcrumb-item>
     <n-breadcrumb-item
-      v-for="item of breadItems"
+      v-for="(item, index) of breadItems"
       v-else
       :key="item.code"
       :clickable="!!item.path"
       @click="handleItemClick(item)"
     >
-      <n-dropdown :options="getDropOptions(item.children)" @select="handleDropSelect">
+      <n-dropdown
+        :options="index < breadItems.length - 1 ? getDropOptions(item.children) : []"
+        @select="handleDropSelect"
+      >
         <div class="flex items-center">
           <i :class="item.icon" class="mr-8" />
           {{ item.name }}
@@ -65,11 +68,13 @@ function handleItemClick(item) {
 }
 
 function getDropOptions(list = []) {
-  return list.map((child) => ({
-    label: child.name,
-    key: child.code,
-    icon: () => h('i', { class: child.icon }),
-  }))
+  return list
+    .filter((item) => item.show)
+    .map((child) => ({
+      label: child.name,
+      key: child.code,
+      icon: () => h('i', { class: child.icon }),
+    }))
 }
 
 function handleDropSelect(code) {