|
|
@ -1,7 +1,7 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div class="overview-page"> |
|
|
<div class="overview-page"> |
|
|
<div class="overview-header"> |
|
|
<div class="overview-header"> |
|
|
<div class="left-logo"><div class="logo-box">LOGO</div></div> |
|
|
|
|
|
|
|
|
<div class="header-left"><img class="site-navbar__brand-logo" src="~@/assets/img/lc.png" alt="龙闯电梯"></div> |
|
|
<div class="header-center"> |
|
|
<div class="header-center"> |
|
|
<div class="header-title">龙闯电梯 MES - 工厂综合运营大屏</div> |
|
|
<div class="header-title">龙闯电梯 MES - 工厂综合运营大屏</div> |
|
|
</div> |
|
|
</div> |
|
|
@ -16,7 +16,7 @@ |
|
|
<div class="kpi-value">{{ kpi.monthWhole }}</div> |
|
|
<div class="kpi-value">{{ kpi.monthWhole }}</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="kpi-card"> |
|
|
<div class="kpi-card"> |
|
|
<div class="kpi-label">本月改造排产</div> |
|
|
|
|
|
|
|
|
<div class="kpi-label">本月VL2.5升级排产</div> |
|
|
<div class="kpi-value">{{ kpi.monthRenovation }}</div> |
|
|
<div class="kpi-value">{{ kpi.monthRenovation }}</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="kpi-card"> |
|
|
<div class="kpi-card"> |
|
|
@ -225,7 +225,7 @@ export default { |
|
|
grid: { left: 30, right: 20, top: 40, bottom: 20, containLabel: true }, |
|
|
grid: { left: 30, right: 20, top: 40, bottom: 20, containLabel: true }, |
|
|
tooltip: { trigger: 'axis' }, |
|
|
tooltip: { trigger: 'axis' }, |
|
|
legend: { textStyle: { color: '#cbe7ff' }, data: ['排产量', '完工量'] }, |
|
|
legend: { textStyle: { color: '#cbe7ff' }, data: ['排产量', '完工量'] }, |
|
|
xAxis: { type: 'category', axisLabel: { color: '#cbe7ff' }, data: ['整梯', '改造', '线缆/COP'] }, |
|
|
|
|
|
|
|
|
xAxis: { type: 'category', axisLabel: { color: '#cbe7ff' }, data: ['整梯', 'VL2.5升级', '线缆/COP'] }, |
|
|
yAxis: { type: 'value', axisLabel: { color: '#cbe7ff' }, splitLine: { lineStyle: { color: 'rgba(160,200,240,0.15)' } } }, |
|
|
yAxis: { type: 'value', axisLabel: { color: '#cbe7ff' }, splitLine: { lineStyle: { color: 'rgba(160,200,240,0.15)' } } }, |
|
|
series: [ |
|
|
series: [ |
|
|
{ name: '排产量', type: 'bar', barWidth: 24, data: [scheduledWhole, scheduledRenovation, scheduledTask], itemStyle: { color: '#4fa8ff' } }, |
|
|
{ name: '排产量', type: 'bar', barWidth: 24, data: [scheduledWhole, scheduledRenovation, scheduledTask], itemStyle: { color: '#4fa8ff' } }, |
|
|
@ -251,7 +251,7 @@ export default { |
|
|
label: { color: '#d4ebff' }, |
|
|
label: { color: '#d4ebff' }, |
|
|
data: [ |
|
|
data: [ |
|
|
{ value: wholeCount, name: '整梯订单' }, |
|
|
{ value: wholeCount, name: '整梯订单' }, |
|
|
{ value: renovationCount, name: '改造订单' }, |
|
|
|
|
|
|
|
|
{ value: renovationCount, name: 'VL2.5升级订单' }, |
|
|
{ value: taskCount, name: '线缆/COP任务' } |
|
|
{ value: taskCount, name: '线缆/COP任务' } |
|
|
] |
|
|
] |
|
|
}] |
|
|
}] |
|
|
@ -274,12 +274,12 @@ export default { |
|
|
color: ['#6cc7ff', '#74e0b3'], |
|
|
color: ['#6cc7ff', '#74e0b3'], |
|
|
grid: { left: 35, right: 20, top: 34, bottom: 20, containLabel: true }, |
|
|
grid: { left: 35, right: 20, top: 34, bottom: 20, containLabel: true }, |
|
|
tooltip: { trigger: 'axis' }, |
|
|
tooltip: { trigger: 'axis' }, |
|
|
legend: { textStyle: { color: '#cbe7ff' }, data: ['整梯完工', '改造完工'] }, |
|
|
|
|
|
|
|
|
legend: { textStyle: { color: '#cbe7ff' }, data: ['整梯完工', 'VL2.5升级完工'] }, |
|
|
xAxis: { type: 'category', axisLabel: { color: '#cbe7ff' }, data: xAxis }, |
|
|
xAxis: { type: 'category', axisLabel: { color: '#cbe7ff' }, data: xAxis }, |
|
|
yAxis: { type: 'value', axisLabel: { color: '#cbe7ff' }, splitLine: { lineStyle: { color: 'rgba(160,200,240,0.15)' } } }, |
|
|
yAxis: { type: 'value', axisLabel: { color: '#cbe7ff' }, splitLine: { lineStyle: { color: 'rgba(160,200,240,0.15)' } } }, |
|
|
series: [ |
|
|
series: [ |
|
|
{ name: '整梯完工', type: 'line', smooth: true, symbol: 'circle', symbolSize: 7, data: wholeSeries, itemStyle: { color: '#6cc7ff' }, lineStyle: { color: '#6cc7ff' }, areaStyle: { color: 'rgba(108,199,255,0.18)' } }, |
|
|
{ name: '整梯完工', type: 'line', smooth: true, symbol: 'circle', symbolSize: 7, data: wholeSeries, itemStyle: { color: '#6cc7ff' }, lineStyle: { color: '#6cc7ff' }, areaStyle: { color: 'rgba(108,199,255,0.18)' } }, |
|
|
{ name: '改造完工', type: 'line', smooth: true, symbol: 'circle', symbolSize: 7, data: renovationSeries, itemStyle: { color: '#74e0b3' }, lineStyle: { color: '#74e0b3' }, areaStyle: { color: 'rgba(116,224,179,0.18)' } } |
|
|
|
|
|
|
|
|
{ name: 'VL2.5升级完工', type: 'line', smooth: true, symbol: 'circle', symbolSize: 7, data: renovationSeries, itemStyle: { color: '#74e0b3' }, lineStyle: { color: '#74e0b3' }, areaStyle: { color: 'rgba(116,224,179,0.18)' } } |
|
|
] |
|
|
] |
|
|
}, true) |
|
|
}, true) |
|
|
}, |
|
|
}, |
|
|
|