zhangchao/Visualize-electronic-fences
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat 顶部图标修改

Browse Source
This commit is contained in:
Ironsp
2026-07-17 15:18:36 +08:00
parent 98a30948ec
commit 43bfa65108
1 changed files with 24 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
src/layout/components/Navbar.vue
View File

@@ -13,71 +13,32 @@
</template>
<div class="right-menu flex align-center">
<div v-if="appStore.device !== 'mobile'">
<!-- <el-select
v-if="userId === 1 && tenantEnabled"
v-model="companyName"
class="min-w-244px mr-2"
clearable
filterable
reserve-keyword
:placeholder="proxy.$t('navbar.selectTenant')"
@change="dynamicTenantEvent"
@clear="dynamicClearEvent"
>
<el-option v-for="item in tenantList" :key="item.tenantId" :label="item.companyName" :value="item.tenantId"> </el-option>
<template #prefix><svg-icon icon-class="company" class="el-input__icon input-icon" /></template>
</el-select> -->
<search-menu ref="searchMenuRef" />
<!-- <el-tooltip content="搜索" effect="dark" placement="bottom">
<div class="right-menu-item hover-effect" @click="openSearchMenu">
<svg-icon class-name="search-icon" icon-class="search" />
</div>
</el-tooltip> -->
<!-- 消息 -->
<el-tooltip content="警报" effect="dark" placement="bottom">
<div style="display: flex; align-items: center" class="mr-[30px]">
<el-popover
placement="bottom"
transition="el-zoom-in-top"
:width="400"
:persistent="false"
trigger="click"
v-model:visible="popoverVisible"
>
<template #reference>
<el-badge :value="infoData" :max="9999">
<div class="right-menu-item hover-effect" @click="goToWarningList">
<el-icon><BellFilled /></el-icon>
</div>
</el-badge>
</template>
<template #default>
<notice :warningList="warningList"></notice>
</template>
</el-popover>
</div>
</el-tooltip>
<!-- <el-tooltip content="Github" effect="dark" placement="bottom">
<ruo-yi-git id="ruoyi-git" class="right-menu-item hover-effect" />
</el-tooltip>
<el-tooltip :content="proxy.$t('navbar.document')" effect="dark" placement="bottom">
<ruo-yi-doc id="ruoyi-doc" class="right-menu-item hover-effect" />
</el-tooltip>
<el-tooltip :content="proxy.$t('navbar.full')" effect="dark" placement="bottom">
<screenfull id="screenfull" class="right-menu-item hover-effect" />
</el-tooltip>
<el-tooltip :content="proxy.$t('navbar.language')" effect="dark" placement="bottom">
<lang-select id="lang-select" class="right-menu-item hover-effect" />
</el-tooltip>
<el-tooltip :content="proxy.$t('navbar.layoutSize')" effect="dark" placement="bottom">
<size-select id="size-select" class="right-menu-item hover-effect" />
</el-tooltip> -->
</div>
<!-- 消息 - 移到 v-if 外面，手机端也能显示 -->
<el-tooltip content="警报" effect="dark" placement="bottom">
<div style="display: flex; align-items: center" class="mr-[30px]">
<el-popover
placement="bottom"
transition="el-zoom-in-top"
:width="400"
:persistent="false"
trigger="click"
v-model:visible="popoverVisible"
>
<template #reference>
<el-badge :value="infoData" :max="9999">
<div class="right-menu-item hover-effect" @click="goToWarningList">
<el-icon><BellFilled /></el-icon>
</div>
</el-badge>
</template>
<template #default>
<notice :warningList="warningList"></notice>
</template>
</el-popover>
</div>
</el-tooltip>
<div class="avatar-container">
<el-dropdown class="right-menu-item hover-effect" trigger="click" @command="handleCommand">
<div class="avatar-wrapper">