Skip to content

K
kwell-mes
Commit 4a65bae7 authored by 李苏's avatar 李苏 💬
Browse files
Options

大屏

parent e4f3aaae
Show whitespace changes
Inline Side-by-side
Showing with 115 additions and 21 deletions
gavel/src/main/resources/static/js/dashboard/echarts.js
View file @ 4a65bae7
...@@ -1963,7 +1963,7 @@ $(function() { ...@@ -1963,7 +1963,7 @@ $(function() {
/* oa考勤图标 */ /* oa考勤图标 */
function oaechart(chart) { function oaechart(chart) {
option = { option = {
color: ['#7FFF00', 'red', '#666'], color: ['#A2E9FF', 'red', '#666'],
title: { title: {
text: '', text: '',
left: 'center' left: 'center'
...@@ -2023,6 +2023,76 @@ function oaechart(chart) { ...@@ -2023,6 +2023,76 @@ function oaechart(chart) {
}; };
chart.setOption(option, true); chart.setOption(option, true);
} }
/*在制品状态图表*/
function setproduceEchart(chart) {
option = {
barWidth: 30,
color: ["#A2E9FF", "#409eff"],
tooltip: {
trigger: 'item'
},
legend: {
top: '5%',
left: 'center',
show: false
},
grid: {
top: "10%",
left: "5%",
bottom: "0%",
right: "5%",
containLabel: true,
},
xAxis: {
type: 'category',
data: ['装配', '测试', '老化', '检验'],
axisTick: {
show: true,
lineStyle: {
color: "white"
}
},
axisLine: {
show: true,
lineStyle: {
color: "white"
}
},
axisLabel: {
show: true,
color: 'white'
}
},
yAxis: {
type: 'value',
axisLine: {
show: true,
lineStyle: {
color: "white"
}
},
axisLabel: {
show: true,
color: 'white'
}
},
series: [
{
data: [120, 200, 150, 80],
type: 'bar',
label: {
show: true,
position: 'top'
}
}
]
}
chart.setOption(option, true);
}
/*时段产量图表*/ /*时段产量图表*/
function setTimeProductionEchart(chart, apidata) { function setTimeProductionEchart(chart, apidata) {
if (apidata) { if (apidata) {
......
gavel/src/main/resources/templates/views/kmes/dashboard/first.html
View file @ 4a65bae7
...@@ -27,8 +27,13 @@ ...@@ -27,8 +27,13 @@
<div class="header"> <div class="header">
<div class="header-left fr" id="time"></div> <div class="header-left fr" id="time"></div>
<div class="header-center fr"> <div class="header-center fr">
<div class="header-title"> <div class="header-title" style="display: flex;align-content:center;flex-wrap: wrap;">
车间作业及质量看板 <div style="width: 100%;height: 50%;">
数字化柔性自动生产车间看板
</div>
<div style="width: 100%;font-size: .2rem;height: .3rem;line-height: .3rem;margin-top: -0.2rem;">
安全生产天数:0
</div>
</div> </div>
<div class="header-img"></div> <div class="header-img"></div>
</div> </div>
...@@ -287,21 +292,22 @@ ...@@ -287,21 +292,22 @@
</div> </div>
</div> </div>
<div class="right-cen border" style="display: none;"> <div class="right-cen border" style="display: none;">
<div class="title">合格率</div> <div class="title">在制品状态</div>
<div class="right-cen-cent"> <div class="right-cen-cent">
<div id="chartHgl" class="allnav"></div> <div id="chartHgl" class="allnav"></div>
</div> </div>
</div> </div>
<div class="right-bottom rightTop border" style="height: 3.2rem;margin-bottom: 0.2rem;"> <div class="right-cen border">
<div class="title">工艺流程图</div> <div class="title">在制品状态</div>
<div class="chat" style="height: calc(100% - 0.4rem);"> <div class="right-cen-cent">
<!-- <canvas id="gylct" style="width: 100%;height: 100%"></canvas> --> <div id="chartzzp" class="allnav"></div>
</div> </div>
</div> </div>
<div class="right-bottom rightTop border" style="height: 3.2rem;margin-top: 0.4rem;"> <div class="right-bottom rightTop border">
<div class="title">工艺流程图</div> <div class="title">工艺流程图</div>
<div class="chat" style="height: calc(100% - 0.4rem);"> <div class="chat">
<canvas id="gylct" style="width: 100%;height: 100%"></canvas> <canvas id="gylct" style="width: 100%;height: 100%"></canvas>
</div> </div>
</div> </div>
...@@ -342,17 +348,20 @@ ...@@ -342,17 +348,20 @@
var chartRjh=echarts.init(document.getElementById("chartRjh")); var chartRjh=echarts.init(document.getElementById("chartRjh"));
var chartYjh=echarts.init(document.getElementById("chartYjh")); var chartYjh=echarts.init(document.getElementById("chartYjh"));
var chartJdshCirle=echarts.init(document.getElementById("chartJdshCirle")); var chartJdshCirle=echarts.init(document.getElementById("chartJdshCirle"));
var chartTzzp=echarts.init(document.getElementById("chartzzp"));
oaechart(myChartSdcl); /*时段产量*/ setproduceEchart(chartTzzp)/* 在制品状态 */
oaechart(myChartSdcl); /*oa*/
setDailyDataEchart(chartRpcdcsj); /*日排产达成数据*/ setDailyDataEchart(chartRpcdcsj); /*日排产达成数据*/
// setHglEchart(chartHgl);/*合格率*/ // setHglEchart(chartHgl);/*合格率*/
setPieDailyChart(chartRjh,80);/*日计划*/ setPieDailyChart(chartRjh,80);/*日计划*/
setPieDailyChart(chartYjh,80); setPieDailyChart(chartYjh,80);
setproduceEchart(chartTzzp)
$('.myscroll').myScroll({ $('.myscroll').myScroll({
speed: 60, //数值越大，速度越慢 speed: 60, //数值越大，速度越慢
rowHeight: 46 //li的高度 rowHeight: 46 //li的高度
}); });
function echartzsy(){ function echartzsy(){
chartTzzp.resize()
myChartSdcl.resize() myChartSdcl.resize()
chartRpcdcsj.resize() chartRpcdcsj.resize()
chartHgl.resize() chartHgl.resize()
......
gavel/src/main/resources/templates/views/kmes/dashboard/fourth.html
View file @ 4a65bae7
...@@ -39,8 +39,13 @@ ...@@ -39,8 +39,13 @@
<div class="header"> <div class="header">
<div class="header-left fr" id="time"></div> <div class="header-left fr" id="time"></div>
<div class="header-center fr"> <div class="header-center fr">
<div class="header-title"> <div class="header-title" style="display: flex;align-content:center;flex-wrap: wrap;">
车间作业及质量看板 <div style="width: 100%;height: 50%;">
数字化柔性自动生产车间看板
</div>
<div style="width: 100%;font-size: .2rem;height: .3rem;line-height: .3rem;margin-top: -0.2rem;">
安全生产天数:0
</div>
</div> </div>
<div class="header-img"></div> <div class="header-img"></div>
</div> </div>
......
gavel/src/main/resources/templates/views/kmes/dashboard/second.html
View file @ 4a65bae7
...@@ -13,8 +13,13 @@ ...@@ -13,8 +13,13 @@
<div class="header"> <div class="header">
<div class="header-left fr" id="time"></div> <div class="header-left fr" id="time"></div>
<div class="header-center fr"> <div class="header-center fr">
<div class="header-title"> <div class="header-title" style="display: flex;align-content:center;flex-wrap: wrap;">
车间作业及质量看板 <div style="width: 100%;height: 50%;">
数字化柔性自动生产车间看板
</div>
<div style="width: 100%;font-size: .2rem;height: .3rem;line-height: .3rem;margin-top: -0.2rem;">
安全生产天数:0
</div>
</div> </div>
<div class="header-img"></div> <div class="header-img"></div>
</div> </div>
......
gavel/src/main/resources/templates/views/kmes/dashboard/third.html
View file @ 4a65bae7
...@@ -27,8 +27,13 @@ ...@@ -27,8 +27,13 @@
<div class="header"> <div class="header">
<div class="header-left fr" id="time"></div> <div class="header-left fr" id="time"></div>
<div class="header-center fr"> <div class="header-center fr">
<div class="header-title"> <div class="header-title" style="display: flex;align-content:center;flex-wrap: wrap;">
车间作业及质量看板 <div style="width: 100%;height: 50%;">
数字化柔性自动生产车间看板
</div>
<div style="width: 100%;font-size: .2rem;height: .3rem;line-height: .3rem;margin-top: -0.2rem;">
安全生产天数:0
</div>
</div> </div>
<div class="header-img"></div> <div class="header-img"></div>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment