| | |
| | | <!-- 左侧菜单 --> |
| | | <div class="header-left"> |
| | | <div class="menu-left__item" v-for="(item, index) in menuLeftList" :key="item.id" @click="changeActive(index)"> |
| | | <span :class="item.checked ? 'my-active' : ''">{{ item.label }}</span> |
| | | <span :class="item.checked ? 'my-active' : ''" @click="menuChange(item)">{{ item.label }}</span> |
| | | </div> |
| | | </div> |
| | | <!-- 右侧菜单 --> |
| | | <div class="header-right"> |
| | | <!-- 搜索框 --> |
| | | <div class="menu-right__item search"> |
| | | <el-input suffix-icon="el-icon-search" v-model="keyword" placeholder="请输入搜索内容"></el-input> |
| | | </div> |
| | | <div class="menu-right__item search"></div> |
| | | <!-- 登录用户 --> |
| | | <div class="menu-right__item user" @mousemove="flag.user = true" @mouseleave="flag.user = false"> |
| | | <el-avatar :size="20" :src="user.user.icon" v-if="user.user.icon"></el-avatar> |
| | |
| | | }) |
| | | }) |
| | | .catch(err => this.$message.error(`${err}`)) |
| | | }, |
| | | menuChange(data) { |
| | | if (data.id === '1f') { |
| | | window.open('http://cockpit.patstech.net:28081/cockpit/dist/board.html#/share-board/zfu0LsJ9', '_blank'); |
| | | } |
| | | } |
| | | } |
| | | }; |
| | |
| | | |
| | | .el-header { |
| | | background-color: #071a38; |
| | | color: #333; |
| | | text-align: center; |
| | | line-height: 60px; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | padding: 0 20px; |
| | | // width: 100%; |
| | | color: #4b9bb7; |
| | | |
| | | .header-left { |