| | |
| | | </div> |
| | | <div |
| | | class="lineContent horn" |
| | | style="height: 450px;display: flex;flex-direction: column;justify-content: space-between" |
| | | style="height: 880px;display: flex;flex-direction: column;justify-content: space-between" |
| | | > |
| | | <el-table |
| | | ref="tableDataLeftCenterRef" |
| | |
| | | style="width: 100%;" |
| | | :header-cell-style="headerCellStyle" |
| | | :cell-style="cellStyle" |
| | | height="500" |
| | | height="930" |
| | | > |
| | | |
| | | <el-table-column |
| | |
| | | <el-table-column |
| | | prop="partname" |
| | | label="产品名称" |
| | | width="160" |
| | | width="400" |
| | | /> |
| | | <el-table-column |
| | | prop="partspec" |
| | |
| | | label="不良数量" |
| | | width="120" |
| | | /> |
| | | <el-table-column |
| | | prop="laborbad_qty" |
| | | label="工废数量" |
| | | width="120" |
| | | /> |
| | | <el-table-column |
| | | prop="materielbad_qty" |
| | | label="料废数量" |
| | | width="120" |
| | | /> |
| | | <!-- <el-table-column--> |
| | | <!-- prop="laborbad_qty"--> |
| | | <!-- label="工废数量"--> |
| | | <!-- width="120"--> |
| | | <!-- />--> |
| | | <!-- <el-table-column--> |
| | | <!-- prop="materielbad_qty"--> |
| | | <!-- label="料废数量"--> |
| | | <!-- width="120"--> |
| | | <!-- />--> |
| | | <el-table-column |
| | | prop="seq" |
| | | label="工序顺序" |
| | |
| | | |
| | | </div> |
| | | <!-- 下边--> |
| | | <div style="display: flex;justify-content: space-between;margin-top: 15px;"> |
| | | <div style="width: 1000px;"> |
| | | <div class="smallTitle"> |
| | | <svg-icon icon-class="blcs" class="svg_class" /> |
| | | 质量不良(近一周) |
| | | </div> |
| | | <div class="lineContent horn" style="height: 380px;display: flex;justify-content: space-between"> |
| | | <div id="cjzl03" class="flex_c_c" style="width: 100%;height:100%" /> |
| | | <!-- <div style="display: flex;justify-content: space-between;margin-top: 15px;">--> |
| | | <!-- <div style="width: 1000px;">--> |
| | | <!-- <div class="smallTitle">--> |
| | | <!-- <svg-icon icon-class="blcs" class="svg_class" />--> |
| | | <!-- 质量不良(近一周)--> |
| | | <!-- </div>--> |
| | | <!-- <div class="lineContent horn" style="height: 380px;display: flex;justify-content: space-between">--> |
| | | <!-- <div id="cjzl03" class="flex_c_c" style="width: 100%;height:100%" />--> |
| | | |
| | | </div> |
| | | </div> |
| | | <div style="width: 850px;"> |
| | | <div class="smallTitle"> |
| | | <svg-icon icon-class="ckkc" class="svg_class" /> |
| | | 不良统计(近一月) |
| | | </div> |
| | | <div class="lineContent horn" style="height: 380px;display: flex;justify-content: space-between"> |
| | | <div id="cjzl04" class="flex_c_c" style="width: 100%;height:100%" /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- </div>--> |
| | | <!-- </div>--> |
| | | <!-- <div style="width: 850px;">--> |
| | | <!-- <div class="smallTitle">--> |
| | | <!-- <svg-icon icon-class="ckkc" class="svg_class" />--> |
| | | <!-- 不良统计(近一月)--> |
| | | <!-- </div>--> |
| | | <!-- <div class="lineContent horn" style="height: 380px;display: flex;justify-content: space-between">--> |
| | | <!-- <div id="cjzl04" class="flex_c_c" style="width: 100%;height:100%" />--> |
| | | <!-- </div>--> |
| | | <!-- </div>--> |
| | | <!-- </div>--> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | WorkShopProduceTopData({ wkshopcode: this.wkshopcode.join(',') }).then(res => { |
| | | this.tableDataCenterTop = res.data |
| | | |
| | | if (this.tableDataCenterTop.length > 11) { |
| | | if (this.tableDataCenterTop.length > 22) { |
| | | clearInterval(timer) |
| | | this.getWorkShopProduceTopData() |
| | | } |
| | | }) |
| | | } |
| | | }, this.tableDataCenterTop.length <= 11 ? 1000 * 15 : 200) |
| | | }, this.tableDataCenterTop.length <= 22 ? 1000 * 15 : 200) |
| | | }) |
| | | }, |
| | | |
| | |
| | | this.wkshopcode = [code] |
| | | } |
| | | |
| | | this.wkshopcode.forEach(i => { |
| | | const aa = this.wkshopArr.find(j => j.torg_code === i).torg_name |
| | | this.legendData.push(aa) |
| | | }) |
| | | // this.wkshopcode.forEach(i => { |
| | | // const aa = this.wkshopArr.find(j => j.torg_code === i).torg_name |
| | | // this.legendData.push(aa) |
| | | // }) |
| | | // |
| | | // const res4 = await WorkShopProduceBottomLeftData({ wkshopcode: this.wkshopcode.join(',') }) |
| | | // this.cjzl03_xData = res4.data[this.wkshopcode[0]].map(i => i.click_date) |
| | | // for (const res4Key in res4.data) { |
| | | // if (this.wkshopcode.includes(res4Key)) { |
| | | // const bb = res4.data[res4Key].map(i => i.count) |
| | | // this.cjzl03_yData.push(bb) |
| | | // } |
| | | // } |
| | | // loadEcharts('cjzl03', cjzl03_2(this.cjzl03_xData, this.legendData, this.cjzl03_yData, true)) |
| | | // setInterval(() => { |
| | | // WorkShopProduceBottomLeftData({ wkshopcode: this.wkshopcode.join(',') }).then(res4 => { |
| | | // this.cjzl03_yData = [] |
| | | // |
| | | // this.cjzl03_xData = res4.data[this.wkshopcode[0]].map(i => i.click_date) |
| | | // for (const res4Key in res4.data) { |
| | | // if (this.wkshopcode.includes(res4Key)) { |
| | | // const bb = res4.data[res4Key].map(i => i.count) |
| | | // this.cjzl03_yData.push(bb) |
| | | // } |
| | | // } |
| | | // loadEcharts('cjzl03', cjzl03_2(this.cjzl03_xData, this.legendData, this.cjzl03_yData, true)) |
| | | // }) |
| | | // }, 1000 * 50) |
| | | // |
| | | // const res5 = await WorkShopProduceBottomRightData({ wkshopcode: this.wkshopcode.join(',') }) |
| | | // this.RightBottom = res5.data |
| | | // if (this.RightBottom.length > 0) { |
| | | // loadEcharts('cjzl04', cjzl04(this.RightBottom.map(i => i.name), this.RightBottom.map(i => i.cont))) |
| | | // } |
| | | // |
| | | // setInterval(() => { |
| | | // WorkShopProduceBottomRightData({ wkshopcode: this.wkshopcode.join(',') }).then(res5 => { |
| | | // this.RightBottom = res5.data |
| | | // if (this.RightBottom.length > 0) { |
| | | // loadEcharts('cjzl04', cjzl04(this.RightBottom.map(i => i.name), this.RightBottom.map(i => i.cont))) |
| | | // } |
| | | // }) |
| | | // }, 1000 * 60) |
| | | |
| | | const res4 = await WorkShopProduceBottomLeftData({ wkshopcode: this.wkshopcode.join(',') }) |
| | | this.cjzl03_xData = res4.data[this.wkshopcode[0]].map(i => i.click_date) |
| | | for (const res4Key in res4.data) { |
| | | if (this.wkshopcode.includes(res4Key)) { |
| | | const bb = res4.data[res4Key].map(i => i.count) |
| | | this.cjzl03_yData.push(bb) |
| | | } |
| | | } |
| | | loadEcharts('cjzl03', cjzl03_2(this.cjzl03_xData, this.legendData, this.cjzl03_yData, true)) |
| | | setInterval(() => { |
| | | WorkShopProduceBottomLeftData({ wkshopcode: this.wkshopcode.join(',') }).then(res4 => { |
| | | this.cjzl03_yData = [] |
| | | |
| | | this.cjzl03_xData = res4.data[this.wkshopcode[0]].map(i => i.click_date) |
| | | for (const res4Key in res4.data) { |
| | | if (this.wkshopcode.includes(res4Key)) { |
| | | const bb = res4.data[res4Key].map(i => i.count) |
| | | this.cjzl03_yData.push(bb) |
| | | } |
| | | } |
| | | loadEcharts('cjzl03', cjzl03_2(this.cjzl03_xData, this.legendData, this.cjzl03_yData, true)) |
| | | }) |
| | | }, 1000 * 50) |
| | | |
| | | const res5 = await WorkShopProduceBottomRightData({ wkshopcode: this.wkshopcode.join(',') }) |
| | | this.RightBottom = res5.data |
| | | if (this.RightBottom.length > 0) { |
| | | loadEcharts('cjzl04', cjzl04(this.RightBottom.map(i => i.name), this.RightBottom.map(i => i.cont))) |
| | | } |
| | | |
| | | setInterval(() => { |
| | | WorkShopProduceBottomRightData({ wkshopcode: this.wkshopcode.join(',') }).then(res5 => { |
| | | this.RightBottom = res5.data |
| | | if (this.RightBottom.length > 0) { |
| | | loadEcharts('cjzl04', cjzl04(this.RightBottom.map(i => i.name), this.RightBottom.map(i => i.cont))) |
| | | } |
| | | }) |
| | | }, 1000 * 60) |
| | | |
| | | this.getWorkShopProduceTopData() |
| | | await this.getWorkShopProduceTopData() |
| | | }, |
| | | |
| | | // 获取当前时间 |