|
|
|
@ -43,6 +43,9 @@
|
|
|
|
|
<div class="scrollTable" style="font-weight: bold;">
|
|
|
|
|
在生产
|
|
|
|
|
</div>
|
|
|
|
|
<div class="scrollTable" style="font-weight: bold;">
|
|
|
|
|
标准能耗
|
|
|
|
|
</div>
|
|
|
|
|
<div class="scrollTable" style="font-weight: bold;">
|
|
|
|
|
单车耗能
|
|
|
|
|
</div>
|
|
|
|
@ -75,6 +78,10 @@
|
|
|
|
|
class="scrollTable" style="color:#49b2fc">
|
|
|
|
|
{{ item.Intheoven }}
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
class="scrollTable" style="color:#49b2fc">
|
|
|
|
|
40KWh
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
class="scrollTable" style="color:#49b2fc">
|
|
|
|
|
{{ (parseFloat(item.expend / item.yield) || 0).toFixed(2) }}KWh
|
|
|
|
@ -132,7 +139,7 @@ export default {
|
|
|
|
|
this.getData()
|
|
|
|
|
setInterval(() => {
|
|
|
|
|
this.getData()
|
|
|
|
|
}, 5 * 1000)
|
|
|
|
|
}, 60 * 1000)
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
getData() {
|
|
|
|
@ -455,31 +462,31 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
yAxis: [
|
|
|
|
|
{
|
|
|
|
|
type: 'value',
|
|
|
|
|
name: '合格数',
|
|
|
|
|
nameTextStyle: {
|
|
|
|
|
color: '#fff'
|
|
|
|
|
},
|
|
|
|
|
splitLine: {
|
|
|
|
|
show: false
|
|
|
|
|
},
|
|
|
|
|
axisTick: {
|
|
|
|
|
show: true
|
|
|
|
|
},
|
|
|
|
|
axisLine: {
|
|
|
|
|
show: true,
|
|
|
|
|
lineStyle: {
|
|
|
|
|
color: '#fff'
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
axisLabel: {
|
|
|
|
|
show: true,
|
|
|
|
|
textStyle: {
|
|
|
|
|
color: '#fff'
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// {
|
|
|
|
|
// type: 'value',
|
|
|
|
|
// name: '合格数',
|
|
|
|
|
// nameTextStyle: {
|
|
|
|
|
// color: '#fff'
|
|
|
|
|
// },
|
|
|
|
|
// splitLine: {
|
|
|
|
|
// show: false
|
|
|
|
|
// },
|
|
|
|
|
// axisTick: {
|
|
|
|
|
// show: true
|
|
|
|
|
// },
|
|
|
|
|
// axisLine: {
|
|
|
|
|
// show: true,
|
|
|
|
|
// lineStyle: {
|
|
|
|
|
// color: '#fff'
|
|
|
|
|
// }
|
|
|
|
|
// },
|
|
|
|
|
// axisLabel: {
|
|
|
|
|
// show: true,
|
|
|
|
|
// textStyle: {
|
|
|
|
|
// color: '#fff'
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// },
|
|
|
|
|
{
|
|
|
|
|
type: 'value',
|
|
|
|
|
name: '合格率',
|
|
|
|
@ -516,7 +523,7 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
name: '合格率',
|
|
|
|
|
type: 'line',
|
|
|
|
|
yAxisIndex: 1,
|
|
|
|
|
yAxisIndex: 0,
|
|
|
|
|
smooth: true, //平滑曲线显示
|
|
|
|
|
showAllSymbol: true, //显示所有图形。
|
|
|
|
|
symbol: "emptyCircle", //标记的图形为实心圆
|
|
|
|
@ -533,47 +540,47 @@ export default {
|
|
|
|
|
// },
|
|
|
|
|
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: 1,
|
|
|
|
|
x2: 0,
|
|
|
|
|
y2: 0,
|
|
|
|
|
colorStops: [{
|
|
|
|
|
offset: 0, color: '#1e60f2' // 0% 处的颜色
|
|
|
|
|
}, {
|
|
|
|
|
offset: 1, color: '#00b9ff' // 100% 处的颜色
|
|
|
|
|
}],
|
|
|
|
|
global: false // 缺省为 false
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
name: '合格数',
|
|
|
|
|
type: 'bar',
|
|
|
|
|
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)),
|
|
|
|
|
},
|
|
|
|
|
// {
|
|
|
|
|
// label: {
|
|
|
|
|
// show: true,
|
|
|
|
|
// position: 'top',
|
|
|
|
|
// formatter: "{c}",
|
|
|
|
|
// color: "#fff"
|
|
|
|
|
// },
|
|
|
|
|
//
|
|
|
|
|
// itemStyle: {
|
|
|
|
|
// color: {
|
|
|
|
|
// type: 'linear',
|
|
|
|
|
// x: 0,
|
|
|
|
|
// y: 1,
|
|
|
|
|
// x2: 0,
|
|
|
|
|
// y2: 0,
|
|
|
|
|
// colorStops: [{
|
|
|
|
|
// offset: 0, color: '#1e60f2' // 0% 处的颜色
|
|
|
|
|
// }, {
|
|
|
|
|
// offset: 1, color: '#00b9ff' // 100% 处的颜色
|
|
|
|
|
// }],
|
|
|
|
|
// global: false // 缺省为 false
|
|
|
|
|
// }
|
|
|
|
|
// },
|
|
|
|
|
// name: '合格数',
|
|
|
|
|
// type: 'bar',
|
|
|
|
|
// 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 = {
|
|
|
|
@ -861,7 +868,7 @@ export default {
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
text-align: center;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 20%;
|
|
|
|
|
width: 16.6%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table1 {
|
|
|
|
|