| | |
| | | <template> |
| | | <Component :is="currentSignage" :productionCode="productionCode" @switchToBranchFactory="switchToBranchFactory"> |
| | | <template #back_nav> |
| | | <dv-decoration-11 class="back-nav" v-if="userType===4"> |
| | | <div @click="backToLastSignage">返回上一级</div> |
| | | </dv-decoration-11> |
| | | </template> |
| | | </Component> |
| | | <!--<Component :is="currentSignage" :userType="userType" :productionCode="productionCode"--> |
| | | <!--:workshopSectionProductionCode="workshopSectionProductionCode"--> |
| | | <!--@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 |
| | | BranchFactorySignage, |
| | | WorkshopSectionSignage, |
| | | EquipmentSignage |
| | | }, |
| | | data() { |
| | | return { |
| | | currentSignage: '', |
| | | productionCode: '', |
| | | branchFactoryProductionCode: '', |
| | | workshopSectionProductionCode: '', |
| | | userType: '' |
| | | } |
| | | }, |
| | |
| | | signageApi.getUserByIdApi(id) |
| | | .then(res => { |
| | | this.userType = res.userType |
| | | console.log('触发判断', this.userType) |
| | | switch (this.userType) { |
| | | case 1: |
| | | this.currentSignage = '' |
| | | this.currentSignage = 'EquipmentSignage' |
| | | break |
| | | case 2: |
| | | this.currentSignage = 'BranchFactorySignage' |
| | | this.currentSignage = 'WorkshopSectionSignage' |
| | | break |
| | | case 3: |
| | | this.currentSignage = 'BranchFactorySignage' |
| | |
| | | |
| | | }, |
| | | |
| | | backToLastSignage() { |
| | | this.currentSignage = 'IndexSignage' |
| | | 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' |
| | | }, |
| | | |
| | | switchToBranchFactory(value) { |
| | | console.log('子组件value', value) |
| | | this.currentSignage = 'BranchFactorySignage' |
| | | this.productionCode = value |
| | | 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> |