| | |
| | | </div> |
| | | |
| | | <div class="kb_headTime kb_header_text" style="top: 35px;left: 800px"> |
| | | <span>装配车间数字化看板</span> |
| | | <span>注塑车间数字化看板</span> |
| | | </div> |
| | | |
| | | <div class="kb_headTime" style="top: 35px;right: 25px"> |
| | |
| | | '<span style="color:#09d8f2;">任务数量</span>', |
| | | '<span style="color:#09d8f2;">合格数量</span>', |
| | | '<span style="color:#09d8f2;">不良数量</span>', |
| | | '<span style="color:#09d8f2;">工废数量</span>', |
| | | '<span style="color:#09d8f2;">料废数量</span>', |
| | | |
| | | '<span style="color:#09d8f2;">工序顺序</span>', |
| | | '<span style="color:#09d8f2;">工序编码</span>', |
| | | '<span style="color:#09d8f2;">工序名称</span>', |
| | | '<span style="color:#09d8f2;">完成进度(%)</span>' |
| | | ], |
| | | // '<span style="color:#09d8f2;">工废数量</span>', |
| | | // '<span style="color:#09d8f2;">料废数量</span>', |
| | | data: [ |
| | | // ['<span style="color:#37a2da;">行1列1</span>', '行1列2', '行1列3'], |
| | | // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12], |
| | |
| | | // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12] |
| | | |
| | | ], |
| | | // index: true, |
| | | columnWidth: [150, 150, 150, 150, 150, 150, 150, 150, 150, 150, 150, 150, 150], |
| | | align: ['center', 'center', 'center', 'center', 'center', 'center', 'center', 'center', 'center', 'center', 'center', 'center', 'center'] |
| | | // index: true, , 130, 130 |
| | | 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' |
| | | } |
| | | |
| | |
| | | setInterval(() => { |
| | | this.getWorkShopProduceTopData() |
| | | }, 10 * 1000) |
| | | |
| | | this.getWorkShopProduceBottomLeftData() |
| | | setInterval(() => { |
| | | this.getWorkShopProduceBottomLeftData() |
| | | }, 20 * 1000) |
| | | this.getWorkShopProduceBottomRightData() |
| | | setInterval(() => { |
| | | this.getWorkShopProduceBottomRightData() |
| | | }, 30 * 1000) |
| | | }, |
| | | methods: { |
| | | getWorkShopProduceTopData() { |
| | | WorkShopProduceTopData().then(res => { |
| | | WorkShopProduceTopData({ wkshopcode: '1501' }).then(res => { |
| | | const flag = this.compareArrays(this.configTableTop.data, res.data) |
| | | if (!flag) { |
| | | this.configTableTop.data = res.data.map(i => |
| | |
| | | i.plan_qty, |
| | | i.good_qty, |
| | | `<span style="color: red;">${i.ng_qty}</span>`, |
| | | `<span style="color: red;">${i.laborbad_qty}</span>`, |
| | | `<span style="color: red;">${i.materielbad_qty}</span>`, |
| | | i.seq, |
| | | i.step_code, |
| | | i.step_name, |
| | | parseFloat(i.schedule.toFixed(2)) |
| | | ] |
| | | ) |
| | | // `<span style="color: red;">${i.laborbad_qty}</span>`, |
| | | // `<span style="color: red;">${i.materielbad_qty}</span>`, |
| | | this.$refs['scrollBoardTop'].updateRows(this.configTableTop.data) |
| | | } |
| | | }) |
| | | }, |
| | | async getWorkShopProduceBottomLeftData() { |
| | | const res4 = await WorkShopProduceBottomLeftData() |
| | | this.cjzl03_xData = res4.data.map(i => i.click_date) |
| | | this.cjzl03_yData = res4.data.map(i => i.count) |
| | | const res4 = await WorkShopProduceBottomLeftData({ wkshopcode: '1501' }) |
| | | this.cjzl03_xData = res4.data['1501'].map(i => i.click_date) |
| | | this.cjzl03_yData = res4.data['1501'].map(i => i.count) |
| | | |
| | | loadEcharts('cjzl03', cjzl03_2(this.cjzl03_xData, this.cjzl03_yData)) |
| | | }, |
| | | |
| | | async getWorkShopProduceBottomRightData() { |
| | | const res5 = await WorkShopProduceBottomRightData() |
| | | const res5 = await WorkShopProduceBottomRightData({ wkshopcode: '1501' }) |
| | | this.RightBottom = res5.data |
| | | if (this.RightBottom.length > 0) { |
| | | loadEcharts('cjzl04', cjzl04(this.RightBottom.map(i => i.name), this.RightBottom.map(i => i.cont))) |