| | |
| | | display: flex;justify-content: flex-start; |
| | | flex-wrap: wrap;" |
| | | > |
| | | <div v-for="i in LeftBottomData01" :key="i.wkshp_code" style="margin:0 18px" class="flex_c_s"> |
| | | <div v-for="i in LeftBottomData01" :key="i.torg_code" style="margin:0 18px" class="flex_c_s"> |
| | | <div class="all_block01 flex_c_s"> |
| | | <div class="flex_c_c all_block02" style="">{{ i.wkshp_name }}</div> |
| | | <div class="flex_c_c all_block02" style="">{{ i.torg_name }}</div> |
| | | <div class="" style="display: flex;justify-content:space-between"> |
| | | <div class="all_block02 flex_c_c" style="width: 49% ">任务数</div> |
| | | <div class="all_block02 flex_c_c" style="width: 49% ">{{ i.plan_qty }}</div> |
| | |
| | | }, 1000 * 40) |
| | | |
| | | const temp2 = [ |
| | | { wkshp_code: '1', wkshp_name: '机加工' }, |
| | | { wkshp_code: '2', wkshp_name: '台钻' }, |
| | | { wkshp_code: '3', wkshp_name: '修检' }, |
| | | { wkshp_code: '4', wkshp_name: '喷漆' }, |
| | | { wkshp_code: '5', wkshp_name: '组装' } |
| | | { wkshp_code: 'CJ001', wkshp_name: '金工车间' }, |
| | | { wkshp_code: 'YBCS003', wkshp_name: '优步生产部' } |
| | | ] |
| | | |
| | | // 左下 生产订单 |
| | | const res4 = await WorkShopCompreLeftTop({ wkshopcode: temp2.map(i => i.wkshp_code).join(',') }) |
| | | for (const res4Key in res4.data.LeftTop) { |
| | | const data = { |
| | | good_qty: 0, |
| | | plan_qty: 0, |
| | | wkshp_code: '', |
| | | wkshp_name: '' |
| | | } |
| | | data.good_qty = res4.data.LeftTop[res4Key][0].good_qty |
| | | data.plan_qty = res4.data.LeftTop[res4Key][0].plan_qty |
| | | data.wkshp_code = res4.data.LeftTop[res4Key][0].wkshp_code |
| | | data.wkshp_name = temp2.find(i => i.wkshp_code === data.wkshp_code).wkshp_name |
| | | this.LeftBottomData01.push(data) |
| | | } |
| | | this.LeftBottomData01 = res4.data |
| | | |
| | | setInterval(() => { |
| | | WorkShopCompreLeftTop({ wkshopcode: temp2.map(i => i.wkshp_code).join(',') }).then(res2 => { |
| | | this.LeftBottomData01 = [] |
| | | this.LeftBottomData02 = [] |
| | | for (const res4Key in res4.data.LeftTop) { |
| | | const data = { |
| | | good_qty: 0, |
| | | plan_qty: 0, |
| | | wkshp_code: '', |
| | | wkshp_name: '' |
| | | } |
| | | |
| | | data.good_qty = res2.data.LeftTop[res4Key][0].good_qty |
| | | data.plan_qty = res2.data.LeftTop[res4Key][0].plan_qty |
| | | data.wkshp_code = res2.data.LeftTop[res4Key][0].wkshp_code |
| | | data.wkshp_name = temp2.find(i => i.wkshp_code === data.wkshp_code).wkshp_name |
| | | this.LeftBottomData01.push(data) |
| | | } |
| | | this.LeftBottomData01 = res4.data |
| | | }) |
| | | }, 1000 * 30) |
| | | |