From 509acf8dac4d27c82f00695ef12948ec6f3c6634 Mon Sep 17 00:00:00 2001
From: chenyc <501753378@qq.com>
Date: 星期四, 06 三月 2025 12:03:37 +0800
Subject: [PATCH] gx
---
src/layout/navBars/topBar/breadcrumb.vue | 31 +++++++++++++++++++++++++++++++
1 files changed, 31 insertions(+), 0 deletions(-)
diff --git a/src/layout/navBars/topBar/breadcrumb.vue b/src/layout/navBars/topBar/breadcrumb.vue
index 5c3680d..caaef9e 100644
--- a/src/layout/navBars/topBar/breadcrumb.vue
+++ b/src/layout/navBars/topBar/breadcrumb.vue
@@ -26,12 +26,33 @@
<el-avatar shape="square" style="width: 48px; height: 35px;background-color: #ffffff;margin-right: 10px;margin-left: 10px;" fit="contain" :src="logo" />
<div class="titleHome">营养管理系统</div>
+ <div style="margin-left: 20px;">
+ <el-dropdown @command="onHandleCommandClick">
+ <span class="el-dropdown-link">
+ 统计帮助
+ <el-icon class="el-icon--right">
+ <arrow-down />
+ </el-icon>
+ </span>
+ <template #dropdown>
+ <el-dropdown-menu>
+ <el-dropdown-item command="/tongji">患者健康服务统计</el-dropdown-item>
+ <el-dropdown-item command="/zhikong/xueqingdanbai">质控-血清蛋白控制率</el-dropdown-item>
+ <!-- <el-dropdown-item>Action 3</el-dropdown-item>
+ <el-dropdown-item disabled>Action 4</el-dropdown-item>
+ <el-dropdown-item divided>Action 5</el-dropdown-item> -->
+ </el-dropdown-menu>
+ </template>
+ </el-dropdown>
+ </div>
</div>
+
</template>
<script setup lang="ts" name="layoutBreadcrumb">
+import { ArrowDown } from '@element-plus/icons-vue'
import { reactive, computed, onMounted } from 'vue';
import { onBeforeRouteUpdate, useRoute, useRouter } from 'vue-router';
import { Local } from '/@/utils/storage';
@@ -104,6 +125,10 @@
if (state.breadcrumbList.length > 0)
state.breadcrumbList[state.breadcrumbList.length - 1].meta.tagsViewName = other.setTagsViewNameI18n(<RouteToFrom>route);
};
+// 下拉菜单点击时
+const onHandleCommandClick = (path: string) => {
+ router.push(path);
+};
// 页面加载时
onMounted(() => {
initRouteSplit(route.path);
@@ -115,6 +140,12 @@
</script>
<style scoped lang="scss">
+.example-showcase .el-dropdown-link {
+ cursor: pointer;
+ color: var(--el-color-primary);
+ display: flex;
+ align-items: center;
+}
.layout-navbars-breadcrumb {
flex: 1;
height: inherit;
--
Gitblit v1.8.0