<template>
|
<Component :is="currentSignage" :productionCode="productionCode" @switchToBranchFactory="switchToBranchFactory">
|
<template #back_nav>
|
<div class="back-nav" @click="backToLastSignage" v-if="userType===4">
|
<dv-decoration-7>上一级</dv-decoration-7>
|
</div>
|
</template>
|
</Component>
|
</template>
|
|
<script>
|
import signageApi from '@/api/signage'
|
import IndexSignage from './IndexSignage.vue'
|
import BranchFactorySignage from './BranchFactorySignage.vue'
|
import WorkshopSectionSignage from './WorkshopSectionSignage.vue'
|
|
export default {
|
name: 'Analysis',
|
components: {
|
IndexSignage,
|
BranchFactorySignage,
|
WorkshopSectionSignage
|
},
|
data() {
|
return {
|
currentSignage: '',
|
productionCode: '',
|
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 = ''
|
break
|
case 2:
|
this.currentSignage = 'WorkshopSectionSignage'
|
break
|
case 3:
|
this.currentSignage = 'BranchFactorySignage'
|
break
|
case 4:
|
this.currentSignage = 'IndexSignage'
|
break
|
default:
|
this.currentSignage = ''
|
break
|
}
|
})
|
|
},
|
|
backToLastSignage() {
|
this.currentSignage = 'IndexSignage'
|
},
|
|
switchToBranchFactory(value) {
|
console.log('子组件value', value)
|
this.currentSignage = 'BranchFactorySignage'
|
this.productionCode = value
|
}
|
}
|
}
|
</script>
|
|
<style lang="less" scoped>
|
.back-nav {
|
width: 100px;
|
height: 30px;
|
color: #ccc;
|
position: absolute;
|
top: 25px;
|
left: 25px;
|
cursor: pointer;
|
z-index: 9999
|
}
|
</style>
|
