<template>
|
<Component :is="currentSignage" :userType="userType" :productionCode="productionCode"
|
@switchToNextSignage="switchToNextSignage" @backToLastSignage="backToLastSignage">
|
</Component>
|
</template>
|
|
<script>
|
import signageApi from '@/api/signage'
|
import IndexSignage from './IndexSignage.vue'
|
import BranchFactorySignage from './BranchFactorySignage.vue'
|
import WorkshopSectionSignage from './WorkshopSectionSignage.vue'
|
import EquipmentSignage from './EquipmentSignage.vue'
|
|
export default {
|
name: 'Analysis',
|
components: {
|
IndexSignage,
|
BranchFactorySignage,
|
WorkshopSectionSignage,
|
EquipmentSignage
|
},
|
data() {
|
return {
|
currentSignage: '',
|
productionCode: '',
|
branchFactoryProductionCode: '',
|
workshopSectionProductionCode: '',
|
userType: ''
|
}
|
},
|
created() {
|
this.showModuleByUserInfo()
|
},
|
mounted() {
|
},
|
methods: {
|
showModuleByUserInfo() {
|
const id = JSON.parse(localStorage.getItem('pro__Login_Userinfo')).value.id
|
signageApi.getUserByIdApi(id)
|
.then(res => {
|
this.userType = res.userType
|
switch (this.userType) {
|
case 1:
|
this.currentSignage = 'EquipmentSignage'
|
break
|
case 2:
|
this.currentSignage = 'WorkshopSectionSignage'
|
break
|
case 3:
|
this.currentSignage = 'BranchFactorySignage'
|
break
|
case 4:
|
this.currentSignage = 'IndexSignage'
|
break
|
default:
|
this.currentSignage = ''
|
break
|
}
|
})
|
|
},
|
|
backToLastSignage(signageName) {
|
if (signageName === 'Index') this.productionCode = ''
|
if (signageName === 'WorkshopSection') this.productionCode = this.workshopSectionProductionCode
|
if (signageName === 'BranchFactory') this.productionCode = this.branchFactoryProductionCode
|
this.currentSignage = signageName + 'Signage'
|
},
|
|
switchToNextSignage(params) {
|
console.log('子组件params', params)
|
if (params.signageName === 'WorkshopSection') this.branchFactoryProductionCode = this.productionCode
|
if (params.signageName === 'Equipment') this.workshopSectionProductionCode = this.productionCode
|
this.$nextTick(() => {
|
this.productionCode = params.productionCode
|
this.currentSignage = params.signageName + 'Signage'
|
})
|
}
|
}
|
}
|
</script>
|
|
<style lang="less" scoped>
|
/deep/ .back-nav {
|
width: 100px;
|
height: 30px;
|
color: #fff;
|
position: absolute;
|
top: 15px;
|
left: 10px;
|
cursor: pointer;
|
z-index: 9999
|
}
|
</style>
|
