From 913f86badcc805bac79b9f2350f52eafcba86291 Mon Sep 17 00:00:00 2001 From: zhuzhuanzhuan Date: 星期二, 26 三月 2024 10:15:12 +0800 Subject: [PATCH] 1、调整单柱图x轴标题显示方式由每隔一个显示改为全显示(保证水平完整放置需旋转标题) 2、新增从分厂级看板返回公司级看板功能 3、按照新需求完成客户工段主管层进入后页面所有布局30% --- src/views/dashboard/Analysis.vue | 127 ++++++++++++++++++++--------------------- 1 files changed, 62 insertions(+), 65 deletions(-) diff --git a/src/views/dashboard/Analysis.vue b/src/views/dashboard/Analysis.vue index edb65db..5ec7335 100644 --- a/src/views/dashboard/Analysis.vue +++ b/src/views/dashboard/Analysis.vue @@ -1,90 +1,87 @@ <template> - <div class="page-container" style="width: 100%"> - <!--<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>--> - <!--<a-button type="primary" size="large" v-for="item in workshopList" :key="item.workshopId"--> - <!--@click="navigateToWorkshopSignage(item.id)">{{item.workshopName}}--> - <!--</a-button>--> - - <a-card v-for="item in workshopList" :key="item.workshopId" - @click="navigateToWorkshopSignage(item.id)" class="workshop-entrance"> - {{item.workshopName}} - </a-card> - </div> + <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 IndexChart from './IndexChart' - import IndexTask from './IndexTask' - import IndexBdc from './IndexBdc' - import api from '@/api/mdc' + 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: { - IndexChart, - IndexTask, - IndexBdc + IndexSignage, + BranchFactorySignage, + WorkshopSectionSignage }, data() { return { - indexStyle: 1, - workshopList: [] + currentSignage: '', + productionCode: '', + userType: '' } }, created() { - this.getWorkshopListByApi() + this.showModuleByUserInfo() + }, + mounted() { }, methods: { - /** - * 閫氳繃杞﹂棿Id璺宠浆鑷崇浉搴旇溅闂村ぇ灞忕湅鏉� - * @param id 杞﹂棿Id - */ - navigateToWorkshopSignage(id) { - const url = this.$router.resolve(`/workshopSignage/${id}`).href - window.open(url, '_blank') + 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 + } + }) + }, - /** - * 鑾峰彇杞﹂棿鍒楄〃 - */ - getWorkshopListByApi() { - api.getWorkshopListInHomePageApi().then(res => { - console.log('res', res) - if (res.result && res.result.length > 0) { - this.workshopList = res.result - } - }) + + backToLastSignage() { + this.currentSignage = 'IndexSignage' + }, + + switchToBranchFactory(value) { + console.log('瀛愮粍浠秜alue', value) + this.currentSignage = 'BranchFactorySignage' + this.productionCode = value } } } </script> <style lang="less" scoped> - .page-container { - width: 100%; - display: flex; - flex-wrap: wrap; - - .workshop-entrance { - font-size: 30px; - background-color: #fff; - width: 300px; - height: 140px; - display: flex; - justify-content: center; - align-items: center; - margin: 30px 38px; - cursor: pointer; - border-radius: 20px; - } + .back-nav { + width: 100px; + height: 30px; + color: #ccc; + position: absolute; + top: 25px; + left: 25px; + cursor: pointer; + z-index: 9999 } </style> \ No newline at end of file -- Gitblit v1.9.3