| | |
| | | <div class="logo"> |
| | | <div class="title">{{ title }}</div> |
| | | <div class="list"> |
| | | <div class="item active"> |
| | | <div>服务中心</div> |
| | | <div class="linellae"></div> |
| | | <div :class="index==currentIndex?'item active':'item'" v-for="(item,index) in topMenuList.list" :key="item.id" @click="getHeaderNav(item,index)" :index="index">{{item.label}} |
| | | <div v-if="index==currentIndex" class="linellae"></div> |
| | | </div> |
| | | <div class="item" v-for="(item,index) in topMenuList.list" :key="item.id" @click="getHeaderNav(item)" :index="index">{{item.label}}</div> |
| | | <!-- <div class="item" @click="getHeaderNav('0')">安防中心</div> |
| | | <div class="item" @click="getHeaderNav('1')">消控中心</div> |
| | | <div class="item" @click="getHeaderNav('2')">能管中心</div> |
| | | <div class="item" @click="getHeaderNav('7')">后勤中心</div> |
| | | <div class="item" @click="getHeaderNav('3')">驾驶舱</div>--> |
| | | <!-- <div class="item" @click="handleTest">测试</div> --> |
| | | </div> |
| | | <!-- <div class="title-en">Diagnosis of Intelligent Manufacturing Integrated Service Platfrom</div> --> |
| | | </div> |
| | | <div class="user"> |
| | | <el-dropdown v-if="isLogined" trigger="click"> |
| | |
| | | return { |
| | | title: process.env.VUE_APP_TITLE, |
| | | headerNavData: {}, |
| | | currentIndex: 0, |
| | | visible: { |
| | | // 修改密码 |
| | | changePwd: false |
| | |
| | | } |
| | | }, |
| | | methods: { |
| | | ...mapMutations(['setUserInfo', 'switchCollapseMenu', 'clearUserInfo']), |
| | | ...mapMutations(['setUserInfo', 'switchCollapseMenu', 'clearUserInfo', 'setTopMenuCurrent']), |
| | | // 修改密码 |
| | | changePwd () { |
| | | this.visible.changePwd = true |
| | |
| | | } |
| | | } |
| | | }, |
| | | getHeaderNav (item) { |
| | | getHeaderNav (item,index) { |
| | | this.currentIndex = index |
| | | if(item.linkType === 0){ |
| | | this.setTopMenuCurrent(item) |
| | | }else{ |
| | | if (item.url && item.url === 'goHKAF' && item.params != null) { |
| | | this.getHKAFHeaderNav(item.params) |
| | | } else if (item.url && item.url.indexOf('http') === 0) { |
| | | window.open(item.url, '_blank') |
| | | } |
| | | } |
| | | }, |
| | | getHKAFHeaderNav (type) { |
| | |
| | | |
| | | .list { |
| | | flex: 1; |
| | | margin-left: 60px; |
| | | margin-top: 10px; |
| | | display: flex; |
| | | align-items: center; |
| | | margin-left: 60px; |
| | | |
| | | .item { |
| | | margin-right: 40px; |
| | | font-size: 16px; |
| | |
| | | .active { |
| | | font-weight: 500; |
| | | } |
| | | |
| | | } |
| | | |
| | | .header { |
| | |
| | | align-items: center; |
| | | |
| | | .title { |
| | | width: 240px; |
| | | font-size: 18px; |
| | | width: 320px; |
| | | } |
| | | |
| | | // display: inline; |
| | |
| | | } |
| | | |
| | | .user { |
| | | width: 212px; |
| | | width: 152px; |
| | | box-sizing: border-box; |
| | | height: 56px; |
| | | padding-right: 25px; |