diff --git a/src/views/report/qualityDefectsStatisticalAnalysisReport/index.vue b/src/views/report/qualityDefectsStatisticalAnalysisReport/index.vue index 61c3733..32f3c91 100644 --- a/src/views/report/qualityDefectsStatisticalAnalysisReport/index.vue +++ b/src/views/report/qualityDefectsStatisticalAnalysisReport/index.vue @@ -135,6 +135,9 @@ +
+ +
@@ -150,10 +153,16 @@ import { import { findProductLineList } from '@//api/base/productLine' import { parseTime } from '@//utils/ruoyi' import { getCustomData } from '@//api/base/customData' +import Chart from "@/components/board/Chart"; +import * as echarts from "echarts"; +const vw = (document.documentElement.clientWidth || document.body.clientWidth) / 100 export default { name: 'ReportInfo', dicts: ['is_flag'], + components: { + Chart + }, data() { return { // 遮罩层 @@ -305,6 +314,76 @@ export default { this.form.STATION_NAME = row.STATION_NAME this.open = true this.title = '缺陷明细' + this.$refs.chart1.setData({ + tooltip: { + trigger: 'axis', + axisPointer: { + type: 'shadow' + } + }, + grid: { + left: "0", + right: "4%", + bottom: "0", + top: 20, + containLabel: true, + }, + xAxis: [ + { + type: 'category', + data:response.data.map(val=>val.QUALITY_DEFECT_NAME), + axisTick: { + alignWithLabel: true + } + } + ], + yAxis: [ + { + type: 'value' + } + ], + series: [ + { + name: '缺陷数量', + type: "bar", + barWidth: '30%', + barMaxWidth: 50, + label: { + normal: { + show: true, + position: "top", + formatter:(e)=>{ + if(e.data === 0){ + return '' + }else{} + return e.data + }, + textStyle: { + color: "#a8aab0", + fontStyle: "normal", + fontFamily: "微软雅黑", + fontSize: 0.75 * vw, + }, + }, + }, + itemStyle: { + normal: { + color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ + { + offset: 0, + color: "#4adfff", + }, + { + offset: 1, + color: "#3d7aff", + }, + ]), + }, + }, + data: response.data.map(val=>val.SEQ), + } + ] + }) }) }, @@ -332,3 +411,10 @@ export default { } } +