| | |
|---|
| | | <!-- 左侧菜单 --> |
|---|
| | | <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> |
|---|
| | | <!-- 右侧菜单 --> |
|---|
| | |
|---|
| | | }) |
|---|
| | | }) |
|---|
| | | .catch(err => this.$message.error(`${err}`)) |
|---|
| | | }, |
|---|
| | | menuChange(data) { |
|---|
| | | if (data.id === '1f') { |
|---|
| | | window.open('http://121.37.167.200:28081/cockpit-pub/pc-board?boardId=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 { |
|---|
