| | |
| | | :class="[fixedHeader && 'ant-header-fixedHeader', sidebarOpened ? 'ant-header-side-opened' : 'ant-header-side-closed', ]" |
| | | :style="{ padding: '0' }"> |
| | | |
| | | <div v-if="mode === 'sidemenu'" class="header" :class="theme"> |
| | | <div class="header" :class="theme"> |
| | | <a-icon |
| | | v-if="device==='mobile'" |
| | | class="trigger" |
| | |
| | | :type="collapsed ? 'menu-unfold' : 'menu-fold'" |
| | | @click="toggle"/> |
| | | <user-menu :theme="theme"/> |
| | | </div> |
| | | <!-- 顶部导航栏模式 --> |
| | | <div v-else :class="['top-nav-header-index', theme]"> |
| | | <div class="header-index-wide"> |
| | | <div class="header-index-left" :style="topMenuStyle.headerIndexLeft"> |
| | | <logo class="top-nav-header" :show-title="device !== 'mobile'" :style="topMenuStyle.topNavHeader"/> |
| | | <div v-if="device !== 'mobile'" :style="topMenuStyle.topSmenuStyle"> |
| | | <s-menu |
| | | mode="horizontal" |
| | | :menu="menus" |
| | | :theme="theme" |
| | | @updateMenuTitle="handleUpdateMenuTitle" |
| | | ></s-menu> |
| | | </div> |
| | | <a-icon |
| | | v-else |
| | | class="trigger" |
| | | :type="collapsed ? 'menu-fold' : 'menu-unfold'" |
| | | @click="toggle"></a-icon> |
| | | </div> |
| | | <user-menu class="header-index-right" :theme="theme" :style="topMenuStyle.headerIndexRight"/> |
| | | </div> |
| | | </div> |
| | | |
| | | </a-layout-header> |
| | |
| | | components: { |
| | | UserMenu, |
| | | SMenu, |
| | | Logo, |
| | | Logo |
| | | }, |
| | | mixins: [mixin], |
| | | props: { |
| | | mode: { |
| | | type: String, |
| | | // sidemenu, topmenu |
| | | default: 'sidemenu' |
| | | }, |
| | | menus: { |
| | | type: Array, |
| | | required: true |
| | |
| | | headerIndexRight: {}, |
| | | topSmenuStyle: {} |
| | | }, |
| | | chatStatus: '', |
| | | chatStatus: '' |
| | | } |
| | | }, |
| | | watch: { |
| | |
| | | // update-begin-author:sunjianlei date:20210508 for: 修复动态功能测试菜单、带参数菜单标题错误、展开错误的问题 |
| | | handleUpdateMenuTitle(value) { |
| | | this.$emit('updateMenuTitle', value) |
| | | }, |
| | | } |
| | | // update-end-author:sunjianlei date:20210508 for: 修复动态功能测试菜单、带参数菜单标题错误、展开错误的问题 |
| | | |
| | | } |