zhuchaowe/maxkb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 优化面包屑

Browse Source
This commit is contained in:
wangdan-fit2cloud 2024-03-07 14:34:04 +08:00
parent cdadcf3cd0
commit 670e88b572
1 changed files with 54 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

101
ui/src/layout/components/breadcrumb/index.vue
View File

@ -37,55 +37,62 @@
</el-button> </el-button>
</div> </div>
<template #dropdown> <template #dropdown>
<el-dropdown-menu> <el-scrollbar>
<template v-for="(item, index) in list" :key="index"> <div style="max-height: 400px">
<div :class="item.id === id ? 'dropdown-active' : ''"> <el-dropdown-menu>
<el-dropdown-item :command="item.id"> <template v-for="(item, index) in list" :key="index">
<div class="flex align-center"> <div :class="item.id === id ? 'dropdown-active' : ''">
<AppAvatar <el-dropdown-item :command="item.id">
v-if="isApplication" <div class="flex align-center">
:name="item.name" <AppAvatar
pinyinColor v-if="isApplication"
class="mr-12" :name="item.name"
shape="square" pinyinColor
:size="24" class="mr-12"
/> shape="square"
<AppAvatar :size="24"
v-else-if="isDataset && item.type === '1'" />
class="mr-12 avatar-purple" <AppAvatar
shape="square" v-else-if="isDataset && item.type === '1'"
:size="24" class="mr-12 avatar-purple"
> shape="square"
<img src="@/assets/icon_web.svg" style="width: 58%" alt="" /> :size="24"
</AppAvatar> >
<AppAvatar v-else class="mr-12" shape="square" :size="24"> <img src="@/assets/icon_web.svg" style="width: 58%" alt="" />
<img src="@/assets/icon_document.svg" style="width: 58%" alt="" /> </AppAvatar>
</AppAvatar> <AppAvatar v-else class="mr-12" shape="square" :size="24">
<span class="ellipsis"> {{ item?.name }}</span> <img src="@/assets/icon_document.svg" style="width: 58%" alt="" />
</AppAvatar>
<span class="ellipsis"> {{ item?.name }}</span>
</div>
</el-dropdown-item>
</div> </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> </div>
</template> </div>
</el-dropdown-menu> </el-scrollbar>
<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> </template>
</el-dropdown> </el-dropdown>
</div> </div>