| | |
| | | <span>浙江优步体育用品股份有限公司</span> |
| | | </div> |
| | | |
| | | <div class="kb_headTime kb_header_text" style="top: 35px;left: 828px"> |
| | | <span>车间数字化看板</span> |
| | | <!-- <div class="kb_headTime kb_header_text" style="top: 35px;left: 828px">--> |
| | | <div class="kb_headTime kb_header_text" style="top: 35px;left: 800px"> |
| | | <!-- <span>车间数字化看板</span>--> |
| | | <span>{{ title }}数字化看板</span> |
| | | </div> |
| | | |
| | | <div class="kb_headTime" style="top: 35px;right: 25px"> |
| | |
| | | WorkShopProduceBottomRightData, |
| | | WorkShopProduceTopData |
| | | } from '@/api/kanbanManager' |
| | | import { PrentOrganizationNoCompany } from '@/api/GeneralBasicData' |
| | | |
| | | export default { |
| | | name: 'Cjsc', |
| | |
| | | columnWidth: [200, 140, 350, 350, 130, 130, 130, 130, 130, 130, 130], |
| | | align: ['center', 'center', 'center', 'center', 'center', 'center', 'center', 'center', 'center', 'center', 'center'] |
| | | // carousel: 'page' |
| | | } |
| | | }, |
| | | wkshopcode: '', |
| | | title: '' |
| | | |
| | | } |
| | | }, |
| | |
| | | }, 1000 * 60 * 120) |
| | | }, |
| | | async mounted() { |
| | | const res = await PrentOrganizationNoCompany() |
| | | |
| | | if (window.location.hash.indexOf('?') !== -1) { |
| | | const code = window.location.hash.split('?')[1].split('=')[1] |
| | | this.title = res.data.find(i => i.torg_code === code).torg_name |
| | | this.wkshopcode = code |
| | | } |
| | | |
| | | await this.getWorkShopProduceTopData() |
| | | setInterval(() => { |
| | | this.getWorkShopProduceTopData() |
| | |
| | | }, |
| | | methods: { |
| | | async getWorkShopProduceTopData() { |
| | | WorkShopProduceTopData({ wkshopcode: '1' }).then(res => { |
| | | WorkShopProduceTopData({ wkshopcode: this.wkshopcode }).then(res => { |
| | | const flag = this.compareArrays(this.configTableTop.data, res.data) |
| | | if (!flag) { |
| | | this.configTableTop.data = res.data.map(i => |
| | |
| | | // { code: '04', name: '喷漆' }, |
| | | // { code: '05', name: '组装成品' } |
| | | |
| | | { code: '1', name: '生产部' } |
| | | { code: this.wkshopcode, name: '生产部' } |
| | | ] |
| | | |
| | | const res4 = await WorkShopProduceBottomLeftData({ wkshopcode: temp.map(i => i.code).join(',') }) |
| | | // this.cjzl03_xData = res4.data['101,001'].map(i => i.click_date) |
| | | // this.cjzl03_yData = res4.data['101,001'].map(i => i.count) |
| | | |
| | | const a = res4.data['1'].map(i => i.click_date) // echarts横坐标 |
| | | const a = res4.data[this.wkshopcode].map(i => i.click_date) // echarts横坐标 |
| | | const b = temp.map(i => i.name)// legendData值 |
| | | const c = [ |
| | | // res4.data['01'].map(i => i.count), |
| | |
| | | // res4.data['03'].map(i => i.count), |
| | | // res4.data['04'].map(i => i.count), |
| | | // res4.data['05'].map(i => i.count) |
| | | res4.data['1'].map(i => i.count) |
| | | res4.data[this.wkshopcode].map(i => i.count) |
| | | ]// 纵坐标值 |
| | | |
| | | loadEcharts('cjzl03', cjzl03(a, b, c)) |
| | |
| | | // { code: '04', name: '喷漆' }, |
| | | // { code: '05', name: '组装成品' } |
| | | |
| | | { code: '1', name: '生产部' } |
| | | { code: this.wkshopcode, name: '生产部' } |
| | | ] |
| | | const res5 = await WorkShopProduceBottomRightData({ wkshopcode: temp.map(i => i.code).join(',') }) |
| | | this.RightBottom = res5.data |