From e87a45a4dfb21632d2e228724f545e585a427a51 Mon Sep 17 00:00:00 2001
From: chenyc <501753378@qq.com>
Date: 星期二, 11 三月 2025 16:12:34 +0800
Subject: [PATCH] gx
---
src/layout/navBars/topBar/breadcrumb.vue | 64 +++++++++++++++++++++++++++++++-
1 files changed, 62 insertions(+), 2 deletions(-)
diff --git a/src/layout/navBars/topBar/breadcrumb.vue b/src/layout/navBars/topBar/breadcrumb.vue
index 7dfaca6..a6601ae 100644
--- a/src/layout/navBars/topBar/breadcrumb.vue
+++ b/src/layout/navBars/topBar/breadcrumb.vue
@@ -1,5 +1,5 @@
<template>
- <div v-if="isShowBreadcrumb" class="layout-navbars-breadcrumb">
+ <!-- <div v-if="isShowBreadcrumb" class="layout-navbars-breadcrumb">
<SvgIcon
class="layout-navbars-breadcrumb-icon"
:name="themeConfig.isCollapse ? 'ele-Expand' : 'ele-Fold'"
@@ -20,10 +20,45 @@
</el-breadcrumb-item>
</transition-group>
</el-breadcrumb>
+ </div> -->
+ <div class="layout-navbars-breadcrumb">
+ <el-avatar @click="fanhui" shape="square" style="width: 48px; height: 35px;background-color: #ffffff;margin-right: 10px;margin-left: 10px;" fit="contain" :src="logo" />
+
+ <div class="titleHome" @click="fanhui">营养管理系统</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 command="/zhikong/xuehongdanbai">质控-血红蛋白控制率</el-dropdown-item>
+ <el-dropdown-item command="/zhikong/xueqingtie">质控-血清铁控制率</el-dropdown-item>
+ <el-dropdown-item command="/zhikong/xueqingtiedanbai">质控-血清铁蛋白控制率</el-dropdown-item>
+ <el-dropdown-item command="/zhikong/ztjhl">质控-总铁结合力</el-dropdown-item>
+ <el-dropdown-item command="/zhikong/ztdbbhd">质控-转铁蛋白饱和度</el-dropdown-item>
+ <el-dropdown-item command="/zhikong/jia">质控-钾控制率</el-dropdown-item>
+ <el-dropdown-item command="/zhikong/gai">质控-钙控制率</el-dropdown-item>
+ <el-dropdown-item command="/zhikong/na">质控-钠控制率</el-dropdown-item>
+ <el-dropdown-item command="/zhikong/ling">质控-磷控制率</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';
@@ -31,6 +66,7 @@
import { storeToRefs } from 'pinia';
import { useThemeConfig } from '/@/stores/themeConfig';
import { useRoutesList } from '/@/stores/routesList';
+import logo from '/@/assets/imgs/logo.png'
// 定义变量内容
const stores = useRoutesList();
@@ -95,6 +131,13 @@
if (state.breadcrumbList.length > 0)
state.breadcrumbList[state.breadcrumbList.length - 1].meta.tagsViewName = other.setTagsViewNameI18n(<RouteToFrom>route);
};
+// 下拉菜单点击时
+const onHandleCommandClick = (path: string) => {
+ router.push(path);
+};
+const fanhui=()=>{
+ router.push('/');
+}
// 页面加载时
onMounted(() => {
initRouteSplit(route.path);
@@ -106,6 +149,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;
@@ -116,7 +165,7 @@
font-size: 18px;
color: var(--next-bg-topBarColor);
height: 100%;
- width: 40px;
+ width: 48px;
opacity: 0.8;
&:hover {
opacity: 1;
@@ -142,5 +191,16 @@
color: var(--el-color-primary) !important;
}
}
+ .titleHome{
+ height: 25px;
+ font-family: HYYakuHei, HYYakuHei;
+ font-weight: normal;
+ font-size: 21px;
+ color: #333333;
+ line-height: 25px;
+ letter-spacing: 1px;
+ text-align: left;
+ font-style: normal;
+ }
}
</style>
--
Gitblit v1.8.0