gx

chenyc

2025-04-27 706896076f193579e7fc0f9d65c1fd75cd084322

 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>