From 28189102d735bfc2c41720d1ef292bd9024b49f2 Mon Sep 17 00:00:00 2001 From: zhuzhuanzhuan Date: 星期四, 18 四月 2024 11:21:01 +0800 Subject: [PATCH] 1、首页 (1)设备级看板单击设备效率统计仪表盘图标跳转至统计分析页面并根据唯一编号筛选页面对应数据 (2)设备级看板点击设备班次按钮跳转至工作日历页面并根据设备编号筛选页面对应数据 (3)增加所有层级看板图表数据加载动画 (4)公司级以及分厂级看板利用率胶囊以及上月OEE车间单柱图表轴线刻度最大值采用动态设置方式而非固定100% (5)工段级看板上月OEE单柱图表轴线刻度最大值采用动态设置方式而非固定100% (6)工段级看板单击前7天利用率图表跳转至统计分析页面并根据唯一编号筛选页面对应数据 (7)工段级看板单击上月OEE图表跳转至设备综合效率分析页面并根据唯一编号筛选页面对应数据 2、调整全局导航栏页签间距,以便能在不超出导航栏的情况下同时放置更多页面页签 --- src/views/dashboard/Analysis.vue | 100 ++++++++++++++++++++++++++++++++++++++----------- 1 files changed, 77 insertions(+), 23 deletions(-) diff --git a/src/views/dashboard/Analysis.vue b/src/views/dashboard/Analysis.vue index 577f741..6dd7c52 100644 --- a/src/views/dashboard/Analysis.vue +++ b/src/views/dashboard/Analysis.vue @@ -1,41 +1,95 @@ <template> - <div> - <index-chart v-if="indexStyle==1"></index-chart> - <!--<index-bdc v-if="indexStyle==2"></index-bdc>--> - <!--<index-task v-if="indexStyle==3"></index-task>--> - <!--<div style="width: 100%;text-align: right;margin-top: 20px">--> - <!--璇烽�夋嫨棣栭〉鏍峰紡锛�--> - <!--<!–<a-radio-group v-model="indexStyle">–>--> - <!--<!–<a-radio :value="1">缁熻鍥捐〃</a-radio>–>--> - <!--<!–<a-radio :value="2">缁熻鍥捐〃2</a-radio>–>--> - <!--<!–<a-radio :value="3">浠诲姟琛ㄦ牸</a-radio>–>--> - <!--<!–</a-radio-group>–>--> - <!--</div>--> - </div> + <Component :is="currentSignage" :userType="userType" :productionCode="productionCode" + :workshopSectionProductionCode="workshopSectionProductionCode" + @switchToNextSignage="switchToNextSignage" @backToLastSignage="backToLastSignage"> + </Component> </template> <script> - import IndexChart from './IndexChart' - import IndexTask from "./IndexTask" - import IndexBdc from './IndexBdc' + 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", + name: 'Analysis', components: { - IndexChart, - IndexTask, - IndexBdc + IndexSignage, + BranchFactorySignage, + WorkshopSectionSignage, + EquipmentSignage }, data() { return { - indexStyle:1 + 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('瀛愮粍浠秔arams', 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> \ No newline at end of file +</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> \ No newline at end of file -- Gitblit v1.9.3