|
|
|
|
@ -241,7 +241,6 @@ export default {
|
|
|
|
|
this.$refs.chart3.setData(option2)
|
|
|
|
|
})
|
|
|
|
|
agvdata().then(e => {
|
|
|
|
|
console.log(e)
|
|
|
|
|
this.agvData = e.Data.filter(v => v.State === 2)
|
|
|
|
|
})
|
|
|
|
|
PlanAchievementRate().then(e => {
|
|
|
|
|
@ -279,57 +278,144 @@ export default {
|
|
|
|
|
createTimeStart: createTimeStart,
|
|
|
|
|
createTimeEnd: createTimeEnd,
|
|
|
|
|
chartType: 'cp'
|
|
|
|
|
}).then(e => {
|
|
|
|
|
}).then(vv => {
|
|
|
|
|
let e = vv.checkList
|
|
|
|
|
console.log(e)
|
|
|
|
|
|
|
|
|
|
let option = {
|
|
|
|
|
grid: {
|
|
|
|
|
top: '15%',
|
|
|
|
|
bottom: '10%',
|
|
|
|
|
left: '6%',
|
|
|
|
|
right: '6%'
|
|
|
|
|
},
|
|
|
|
|
tooltip: {
|
|
|
|
|
trigger: 'axis',
|
|
|
|
|
axisPointer: {
|
|
|
|
|
// Use axis to trigger tooltip
|
|
|
|
|
type: 'shadow' // 'shadow' as default; can also be 'line' or 'shadow'
|
|
|
|
|
type: 'shadow',
|
|
|
|
|
label: {
|
|
|
|
|
show: true
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
legend: {
|
|
|
|
|
right: 0,
|
|
|
|
|
textStyle: {
|
|
|
|
|
color: '#eee'
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
grid: {
|
|
|
|
|
left: '3%',
|
|
|
|
|
right: '4%',
|
|
|
|
|
bottom: '3%',
|
|
|
|
|
containLabel: true
|
|
|
|
|
},
|
|
|
|
|
xAxis: {
|
|
|
|
|
type: 'value'
|
|
|
|
|
data: e.map(v => v.machineName),
|
|
|
|
|
axisLine: {
|
|
|
|
|
show: true, //隐藏X轴轴线
|
|
|
|
|
lineStyle: {
|
|
|
|
|
color: '#fff'
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
axisTick: {
|
|
|
|
|
show: true //隐藏X轴刻度
|
|
|
|
|
},
|
|
|
|
|
axisLabel: {
|
|
|
|
|
interval:0,
|
|
|
|
|
show: true,
|
|
|
|
|
textStyle: {
|
|
|
|
|
color: '#fff' //X轴文字颜色
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
yAxis: [
|
|
|
|
|
{
|
|
|
|
|
type: 'value',
|
|
|
|
|
name: '合格数',
|
|
|
|
|
nameTextStyle: {
|
|
|
|
|
color: '#fff'
|
|
|
|
|
},
|
|
|
|
|
splitLine: {
|
|
|
|
|
show: false
|
|
|
|
|
},
|
|
|
|
|
axisTick: {
|
|
|
|
|
show: true
|
|
|
|
|
},
|
|
|
|
|
axisLine: {
|
|
|
|
|
show: true,
|
|
|
|
|
lineStyle: {
|
|
|
|
|
color: '#fff'
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
yAxis: {
|
|
|
|
|
type: 'category',
|
|
|
|
|
axisLabel: {
|
|
|
|
|
color: '#ccc'
|
|
|
|
|
show: true,
|
|
|
|
|
textStyle: {
|
|
|
|
|
color: '#fff'
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
type: 'value',
|
|
|
|
|
name: '合格率',
|
|
|
|
|
nameTextStyle: {
|
|
|
|
|
color: '#fff'
|
|
|
|
|
},
|
|
|
|
|
splitLine: {
|
|
|
|
|
show: false
|
|
|
|
|
},
|
|
|
|
|
data: e.checkList.map(v => v.machineName),
|
|
|
|
|
// data: e.checkList.map((v,k) => '产品'+k),
|
|
|
|
|
axisTick: {
|
|
|
|
|
show: true
|
|
|
|
|
},
|
|
|
|
|
axisLine: {
|
|
|
|
|
show: true,
|
|
|
|
|
lineStyle: {
|
|
|
|
|
color: '#fff'
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
axisLabel: {
|
|
|
|
|
show: true,
|
|
|
|
|
textStyle: {
|
|
|
|
|
color: '#fff'
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
series: [
|
|
|
|
|
{
|
|
|
|
|
name: '合格数量',
|
|
|
|
|
type: 'bar',
|
|
|
|
|
stack: 'total',
|
|
|
|
|
label: {
|
|
|
|
|
show: true,
|
|
|
|
|
position: 'insideRight',
|
|
|
|
|
formatter: "{c}车",
|
|
|
|
|
color: "#000"
|
|
|
|
|
position: 'top',
|
|
|
|
|
formatter: "{c}%",
|
|
|
|
|
color: "#fff"
|
|
|
|
|
},
|
|
|
|
|
emphasis: {
|
|
|
|
|
focus: 'series'
|
|
|
|
|
name: '合格率',
|
|
|
|
|
type: 'line',
|
|
|
|
|
yAxisIndex: 1,
|
|
|
|
|
smooth: true, //平滑曲线显示
|
|
|
|
|
showAllSymbol: true, //显示所有图形。
|
|
|
|
|
symbol: "emptyCircle", //标记的图形为实心圆
|
|
|
|
|
symbolSize: 5, //标记的大小
|
|
|
|
|
// itemStyle: {
|
|
|
|
|
// //折线拐点标志的样式
|
|
|
|
|
// color: "#058cff",
|
|
|
|
|
// },
|
|
|
|
|
// lineStyle: {
|
|
|
|
|
// color: "#058cff",
|
|
|
|
|
// },
|
|
|
|
|
// areaStyle: {
|
|
|
|
|
// color: "rgba(5,140,255, 0.2)",
|
|
|
|
|
// },
|
|
|
|
|
data: e.map(v => ((parseFloat(v.okQuality) / parseFloat(v.quality)) * 100).toFixed(2)),
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: {
|
|
|
|
|
show: true,
|
|
|
|
|
position: 'top',
|
|
|
|
|
formatter: "{c}",
|
|
|
|
|
color: "#fff"
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
itemStyle: {
|
|
|
|
|
color: {
|
|
|
|
|
type: 'linear',
|
|
|
|
|
x: 0,
|
|
|
|
|
y: 0,
|
|
|
|
|
x2: 1,
|
|
|
|
|
y: 1,
|
|
|
|
|
x2: 0,
|
|
|
|
|
y2: 0,
|
|
|
|
|
colorStops: [{
|
|
|
|
|
offset: 0, color: '#1e60f2' // 0% 处的颜色
|
|
|
|
|
@ -339,23 +425,102 @@ export default {
|
|
|
|
|
global: false // 缺省为 false
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
data: e.checkList.map(v => parseFloat(v.quality))
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: '不合格数量',
|
|
|
|
|
name: '合格数',
|
|
|
|
|
type: 'bar',
|
|
|
|
|
stack: 'total',
|
|
|
|
|
label: {
|
|
|
|
|
show: true,
|
|
|
|
|
position: 'right'
|
|
|
|
|
},
|
|
|
|
|
emphasis: {
|
|
|
|
|
focus: 'series'
|
|
|
|
|
},
|
|
|
|
|
data: e.checkList.map(v => 0)
|
|
|
|
|
smooth: true, //平滑曲线显示
|
|
|
|
|
showAllSymbol: true, //显示所有图形。
|
|
|
|
|
symbol: "emptyCircle", //标记的图形为实心圆
|
|
|
|
|
symbolSize: 5, //标记的大小
|
|
|
|
|
// itemStyle: {
|
|
|
|
|
// //折线拐点标志的样式
|
|
|
|
|
// color: "#058cff",
|
|
|
|
|
// },
|
|
|
|
|
// lineStyle: {
|
|
|
|
|
// color: "#058cff",
|
|
|
|
|
// },
|
|
|
|
|
// areaStyle: {
|
|
|
|
|
// color: "rgba(5,140,255, 0.2)",
|
|
|
|
|
// },
|
|
|
|
|
data: e.map(v => parseFloat(v.quality)),
|
|
|
|
|
},
|
|
|
|
|
]
|
|
|
|
|
};
|
|
|
|
|
// let option = {
|
|
|
|
|
// tooltip: {
|
|
|
|
|
// trigger: 'axis',
|
|
|
|
|
// axisPointer: {
|
|
|
|
|
// // Use axis to trigger tooltip
|
|
|
|
|
// type: 'shadow' // 'shadow' as default; can also be 'line' or 'shadow'
|
|
|
|
|
// }
|
|
|
|
|
// },
|
|
|
|
|
// legend: {
|
|
|
|
|
// textStyle: {
|
|
|
|
|
// color: '#eee'
|
|
|
|
|
// }
|
|
|
|
|
// },
|
|
|
|
|
// grid: {
|
|
|
|
|
// left: '3%',
|
|
|
|
|
// right: '4%',
|
|
|
|
|
// bottom: '3%',
|
|
|
|
|
// containLabel: true
|
|
|
|
|
// },
|
|
|
|
|
// xAxis: {
|
|
|
|
|
// type: 'value'
|
|
|
|
|
// },
|
|
|
|
|
// yAxis: {
|
|
|
|
|
// type: 'category',
|
|
|
|
|
// axisLabel: {
|
|
|
|
|
// color: '#ccc'
|
|
|
|
|
// },
|
|
|
|
|
// data: e.checkList.map(v => v.machineName),
|
|
|
|
|
// // data: e.checkList.map((v,k) => '产品'+k),
|
|
|
|
|
// },
|
|
|
|
|
// series: [
|
|
|
|
|
// {
|
|
|
|
|
// name: '合格数量',
|
|
|
|
|
// type: 'bar',
|
|
|
|
|
// stack: 'total',
|
|
|
|
|
// label: {
|
|
|
|
|
// show: true,
|
|
|
|
|
// position: 'insideRight',
|
|
|
|
|
// formatter: "{c}车",
|
|
|
|
|
// color: "#000"
|
|
|
|
|
// },
|
|
|
|
|
// emphasis: {
|
|
|
|
|
// focus: 'series'
|
|
|
|
|
// },
|
|
|
|
|
// itemStyle: {
|
|
|
|
|
// color: {
|
|
|
|
|
// type: 'linear',
|
|
|
|
|
// x: 0,
|
|
|
|
|
// y: 0,
|
|
|
|
|
// x2: 1,
|
|
|
|
|
// y2: 0,
|
|
|
|
|
// colorStops: [{
|
|
|
|
|
// offset: 0, color: '#1e60f2' // 0% 处的颜色
|
|
|
|
|
// }, {
|
|
|
|
|
// offset: 1, color: '#00b9ff' // 100% 处的颜色
|
|
|
|
|
// }],
|
|
|
|
|
// global: false // 缺省为 false
|
|
|
|
|
// }
|
|
|
|
|
// },
|
|
|
|
|
// data: e.checkList.map(v => parseFloat(v.quality))
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// name: '不合格数量',
|
|
|
|
|
// type: 'bar',
|
|
|
|
|
// stack: 'total',
|
|
|
|
|
// label: {
|
|
|
|
|
// show: true,
|
|
|
|
|
// position: 'right'
|
|
|
|
|
// },
|
|
|
|
|
// emphasis: {
|
|
|
|
|
// focus: 'series'
|
|
|
|
|
// },
|
|
|
|
|
// data: e.checkList.map(v => 0)
|
|
|
|
|
// },
|
|
|
|
|
// ]
|
|
|
|
|
// };
|
|
|
|
|
this.$refs.chart1.setData(option)
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
@ -593,6 +758,7 @@ export default {
|
|
|
|
|
left: 31.3%;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.chart3 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 37.4%;
|
|
|
|
|
|
夜笙歌
2 weeks ago