From 670e88b572e885b09122e699797822a158e24026 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Thu, 7 Mar 2024 14:34:04 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E9=9D=A2=E5=8C=85?=
 =?UTF-8?q?=E5=B1=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/layout/components/breadcrumb/index.vue | 101 ++++++++++--------
 1 file changed, 54 insertions(+), 47 deletions(-)

diff --git a/ui/src/layout/components/breadcrumb/index.vue b/ui/src/layout/components/breadcrumb/index.vue
index 53276f5c..d3b7419a 100644
--- a/ui/src/layout/components/breadcrumb/index.vue
+++ b/ui/src/layout/components/breadcrumb/index.vue
@@ -37,55 +37,62 @@
         </el-button>
       </div>
       <template #dropdown>
-        <el-dropdown-menu>
-          <template v-for="(item, index) in list" :key="index">
-            <div :class="item.id === id ? 'dropdown-active' : ''">
-              <el-dropdown-item :command="item.id">
-                <div class="flex align-center">
-                  <AppAvatar
-                    v-if="isApplication"
-                    :name="item.name"
-                    pinyinColor
-                    class="mr-12"
-                    shape="square"
-                    :size="24"
-                  />
-                  <AppAvatar
-                    v-else-if="isDataset && item.type === '1'"
-                    class="mr-12 avatar-purple"
-                    shape="square"
-                    :size="24"
-                  >
-                    <img src="@/assets/icon_web.svg" style="width: 58%" alt="" />
-                  </AppAvatar>
-                  <AppAvatar v-else class="mr-12" shape="square" :size="24">
-                    <img src="@/assets/icon_document.svg" style="width: 58%" alt="" />
-                  </AppAvatar>
-                  <span class="ellipsis"> {{ item?.name }}</span>
+        <el-scrollbar>
+          <div style="max-height: 400px">
+            <el-dropdown-menu>
+              <template v-for="(item, index) in list" :key="index">
+                <div :class="item.id === id ? 'dropdown-active' : ''">
+                  <el-dropdown-item :command="item.id">
+                    <div class="flex align-center">
+                      <AppAvatar
+                        v-if="isApplication"
+                        :name="item.name"
+                        pinyinColor
+                        class="mr-12"
+                        shape="square"
+                        :size="24"
+                      />
+                      <AppAvatar
+                        v-else-if="isDataset && item.type === '1'"
+                        class="mr-12 avatar-purple"
+                        shape="square"
+                        :size="24"
+                      >
+                        <img src="@/assets/icon_web.svg" style="width: 58%" alt="" />
+                      </AppAvatar>
+                      <AppAvatar v-else class="mr-12" shape="square" :size="24">
+                        <img src="@/assets/icon_document.svg" style="width: 58%" alt="" />
+                      </AppAvatar>
+                      <span class="ellipsis"> {{ item?.name }}</span>
+                    </div>
+                  </el-dropdown-item>
                 </div>
-              </el-dropdown-item>
+              </template>
+            </el-dropdown-menu>
+            <div class="breadcrumb__footer border-t" style="padding: 8px 11px; min-width: 200px">
+              <template v-if="isApplication">
+                <div
+                  class="w-full text-left cursor"
+                  @click="router.push({ path: '/application/create' })"
+                >
+                  <el-button link>
+                    <el-icon class="mr-4"><Plus /></el-icon> 创建应用
+                  </el-button>
+                </div>
+              </template>
+              <template v-else-if="isDataset">
+                <div
+                  class="w-full text-left cursor"
+                  @click="router.push({ path: '/dataset/create' })"
+                >
+                  <el-button link>
+                    <el-icon class="mr-4"><Plus /></el-icon> 创建知识库
+                  </el-button>
+                </div>
+              </template>
             </div>
-          </template>
-        </el-dropdown-menu>
-        <div class="breadcrumb__footer border-t" style="padding: 8px 11px; min-width: 200px">
-          <template v-if="isApplication">
-            <div
-              class="w-full text-left cursor"
-              @click="router.push({ path: '/application/create' })"
-            >
-              <el-button link>
-                <el-icon class="mr-4"><Plus /></el-icon> 创建应用
-              </el-button>
-            </div>
-          </template>
-          <template v-else-if="isDataset">
-            <div class="w-full text-left cursor" @click="router.push({ path: '/dataset/create' })">
-              <el-button link>
-                <el-icon class="mr-4"><Plus /></el-icon> 创建知识库
-              </el-button>
-            </div>
-          </template>
-        </div>
+          </div>
+        </el-scrollbar>
       </template>
     </el-dropdown>
   </div>