gx

chenyc

2025-03-06 509acf8dac4d27c82f00695ef12948ec6f3c6634

 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;