|  |  | 
 |  |  |             <div>服务中心</div> | 
 |  |  |             <div class="linellae"></div> | 
 |  |  |           </div> | 
 |  |  |           <div class="item">安防中心</div> | 
 |  |  |           <div class="item">消防中心</div> | 
 |  |  |           <div class="item">能管中心</div> | 
 |  |  |           <div class="item">驾驶舱</div> | 
 |  |  |           <div class="item" @click="getHeaderNav('')">安防中心</div> | 
 |  |  |           <div class="item" @click="getHeaderNav('')">消防中心</div> | 
 |  |  |           <div class="item" @click="getHeaderNav('')">能管中心</div> | 
 |  |  |           <div class="item" @click="getHeaderNav('')">驾驶舱</div> | 
 |  |  |         </div> | 
 |  |  |         <!-- <div class="title-en">Diagnosis of Intelligent Manufacturing Integrated Service Platfrom</div> --> | 
 |  |  |       </div> | 
 |  |  | 
 |  |  | import { mapState, mapMutations } from 'vuex' | 
 |  |  | import GlobalAlertWindow from './GlobalAlertWindow' | 
 |  |  | import { logout, updatePwd } from '@/api/system/common' | 
 |  |  | import { getAppHeaderNav } from '@/api' | 
 |  |  | export default { | 
 |  |  |   name: 'CommonHeader', | 
 |  |  |   components: { GlobalAlertWindow }, | 
 |  |  | 
 |  |  |   data() { | 
 |  |  |     return { | 
 |  |  |       title: process.env.VUE_APP_TITLE, | 
 |  |  |       headerNavData: {}, | 
 |  |  |       visible: { | 
 |  |  |         // 修改密码 | 
 |  |  |         changePwd: false | 
 |  |  | 
 |  |  |         this.$refs.changePwdDataForm.resetFields() | 
 |  |  |       }) | 
 |  |  |     }, | 
 |  |  |     getHeaderNav(){ | 
 |  |  |       getAppHeaderNav({ | 
 |  |  |         type: '' | 
 |  |  |       }).then(res => { | 
 |  |  |         this.headerNavData = res | 
 |  |  |       }) | 
 |  |  |     }, | 
 |  |  |     // 确定修改密码 | 
 |  |  |     confirmChangePwd() { | 
 |  |  |       if (this.isWorking.changePwd) { |