| | |
| | | <el-row :gutter="20"> |
| | | <el-col :span="8"> |
| | | <div class="pie-card"> |
| | | <div class="title">原辅料合格率</div> |
| | | <div class="title">原材料合格率</div> |
| | | <span class="data">{{ passRate }}</span> |
| | | <Echarts ref="chart" :legend="pieLegend" :series="materialPieSeries" :tooltip="pieTooltip" |
| | | style="height: 36vh;"></Echarts> |
| | |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <div class="pie-card"> |
| | | <div class="title">原辅料<span style="color: #F56C6C">本月</span>与<span style="color: #F56C6C">上月</span>合格率对比</div> |
| | | <div class="title">原材料<span style="color: #F56C6C">本月</span>与<span style="color: #F56C6C">上月</span>合格率对比</div> |
| | | <Echarts ref="chart" :barColors="barColors2" :chartStyle="chartStyle" :grid="grid" :legend="barLegend" |
| | | :series="barSeries" :tooltip="tooltip" :xAxis="xAxis1" :yAxis="yAxis1" style="height: 36vh;"></Echarts> |
| | | </div> |
| | |
| | | data: [ |
| | | { value: 0, name: '委托检验' }, |
| | | { value: 0, name: '进厂检验' }, |
| | | { value: 0, name: '季度检验' }, |
| | | { value: 0, name: '可靠性检验' }, |
| | | { value: 0, name: '抽样' }, |
| | | ] |
| | | } |
| | |
| | | this.xAxis[0].data = xAxis |
| | | }) |
| | | }, |
| | | // 获取原辅料合格率图表数据 |
| | | // 获取原材料合格率图表数据 |
| | | getRawPass() { |
| | | const params = { |
| | | dateType: this.dateType, |
| | |
| | | getOrderTypeCookie().then((res) => { |
| | | this.materialPieSeries1[0].data[0].value = res.data.customer // 委托 |
| | | this.materialPieSeries1[0].data[1].value = res.data.enter // 进厂 |
| | | this.materialPieSeries1[0].data[2].value = res.data.quarterly // 季度 |
| | | this.materialPieSeries1[0].data[2].value = res.data.quarterly // 可靠性 |
| | | this.materialPieSeries1[0].data[3].value = res.data.spotCheck // 抽样 |
| | | }) |
| | | }, |