| | |
| | | </div> |
| | | <div class="workshop-bg"> |
| | | <div class="navigate-container" style="top:0;left: 5%;"> |
| | | <div @click="navigateTo(item)" v-for="item in productionLineList" :key="item.id" |
| | | <div @click="navigateToSubWorkshopSignage(item)" v-for="item in productionLineList" :key="item.id" |
| | | class="navigate-item"> |
| | | <template v-if="item.productionOrder<5"> |
| | | <div :style="{backgroundColor:productionLineBackgroundColorList[item.productionOrder%4]}" |
| | |
| | | </div> |
| | | </div> |
| | | <div class="navigate-container" style="bottom:0;right: 5%;"> |
| | | <div @click="navigateTo(item)" v-for="item in productionLineList" :key="item.id" |
| | | <div @click="navigateToSubWorkshopSignage(item)" v-for="item in productionLineList" :key="item.id" |
| | | class="navigate-item"> |
| | | <template v-if="item.productionOrder>=5"> |
| | | <div :style="{backgroundColor:productionLineBackgroundColorList[item.productionOrder%4]}" |
| | |
| | | </div> |
| | | </div> |
| | | <div class="switch-container"> |
| | | <div @click="activeIndex=index" class="switch-item" v-for="(item,index) in switchList" :key="index" |
| | | <div class="switch-item" v-for="(item,index) in switchList" :key="index" @click="navigateToOthers(item,index)" |
| | | :style="{backgroundColor:activeIndex===index?'#848284':'#6B6D6B',color:activeIndex==index?'#27A2DB':'#000'}"> |
| | | {{item.label}} |
| | | </div> |
| | |
| | | switchList: [ |
| | | { |
| | | label: 'MES', |
| | | index: 0 |
| | | index: 0, |
| | | isNavigateToWeb: true, |
| | | webUrl: 'http://172.16.52.71:8081', |
| | | batPath: '' |
| | | }, |
| | | { |
| | | label: '刀具管理', |
| | | index: 1 |
| | | index: 1, |
| | | isNavigateToWeb: true, |
| | | webUrl: 'http://172.16.52.99/tms', |
| | | batPath: '' |
| | | }, |
| | | { |
| | | label: '故障', |
| | | index: 2 |
| | | label: '设备诊断', |
| | | index: 2, |
| | | isNavigateToWeb: false, |
| | | webUrl: '', |
| | | batPath: 'yituoSBZD://' |
| | | }, |
| | | { |
| | | label: '3D', |
| | | index: 3 |
| | | label: '三维监控', |
| | | index: 3, |
| | | isNavigateToWeb: false, |
| | | webUrl: '', |
| | | batPath: 'yituoVR://' |
| | | }, |
| | | { |
| | | label: '安防', |
| | | index: 4 |
| | | index: 4, |
| | | isNavigateToWeb: false, |
| | | webUrl: '', |
| | | batPath: 'yituoAF://' |
| | | } |
| | | ], |
| | | rightColChart1: '', |
| | |
| | | return s |
| | | }, |
| | | |
| | | navigateTo(record) { |
| | | navigateToSubWorkshopSignage(record) { |
| | | const url = this.$router.resolve({ |
| | | path: '/SubControlWorkshopSignage', |
| | | query: { |
| | |
| | | window.open(url, '_blank') |
| | | }, |
| | | |
| | | navigateToOthers(record, index) { |
| | | this.activeIndex = index |
| | | if (record.isNavigateToWeb && record.webUrl) { |
| | | window.open(record.webUrl, '_blank') |
| | | } else { |
| | | window.location.href = record.batPath |
| | | } |
| | | }, |
| | | |
| | | /** |
| | | * 窗口尺寸变化时触发 |
| | | * 调整图表尺寸以适应分辨率 |