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() {
/* oa考勤图标 */
function oaechart(chart) {
option = {
color: ['#7FFF00', 'red', '#666'],
color: ['#A2E9FF', 'red', '#666'],
title: {
text: '',
left: 'center'
......@@ -2023,6 +2023,76 @@ function oaechart(chart) {
};
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) {
if (apidata) {
......
gavel/src/main/resources/templates/views/kmes/dashboard/first.html
View file @ 4a65bae7
......@@ -27,8 +27,13 @@
<div class="header">
<div class="header-left fr" id="time"></div>
<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 class="header-img"></div>
</div>
......@@ -287,21 +292,22 @@
</div>
</div>
<div class="right-cen border" style="display: none;">
<div class="title">合格率</div>
<div class="title">在制品状态</div>
<div class="right-cen-cent">
<div id="chartHgl" class="allnav"></div>
</div>
</div>
<div class="right-bottom rightTop border" style="height: 3.2rem;margin-bottom: 0.2rem;">
<div class="title">工艺流程图</div>
<div class="chat" style="height: calc(100% - 0.4rem);">
<!-- <canvas id="gylct" style="width: 100%;height: 100%"></canvas> -->
<div class="right-cen border">
<div class="title">在制品状态</div>
<div class="right-cen-cent">
<div id="chartzzp" class="allnav"></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="chat" style="height: calc(100% - 0.4rem);">
<div class="chat">
<canvas id="gylct" style="width: 100%;height: 100%"></canvas>
</div>
</div>
......@@ -342,17 +348,20 @@
var chartRjh=echarts.init(document.getElementById("chartRjh"));
var chartYjh=echarts.init(document.getElementById("chartYjh"));
var chartJdshCirle=echarts.init(document.getElementById("chartJdshCirle"));
oaechart(myChartSdcl); /*时段产量*/
var chartTzzp=echarts.init(document.getElementById("chartzzp"));
setproduceEchart(chartTzzp)/* 在制品状态 */
oaechart(myChartSdcl); /*oa*/
setDailyDataEchart(chartRpcdcsj); /*日排产达成数据*/
// setHglEchart(chartHgl);/*合格率*/
setPieDailyChart(chartRjh,80);/*日计划*/
setPieDailyChart(chartYjh,80);
setproduceEchart(chartTzzp)
$('.myscroll').myScroll({
speed: 60, //数值越大，速度越慢
rowHeight: 46 //li的高度
});
function echartzsy(){
chartTzzp.resize()
myChartSdcl.resize()
chartRpcdcsj.resize()
chartHgl.resize()
......
gavel/src/main/resources/templates/views/kmes/dashboard/fourth.html
View file @ 4a65bae7
......@@ -39,8 +39,13 @@
<div class="header">
<div class="header-left fr" id="time"></div>
<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 class="header-img"></div>
</div>
......
gavel/src/main/resources/templates/views/kmes/dashboard/second.html
View file @ 4a65bae7
......@@ -13,8 +13,13 @@
<div class="header">
<div class="header-left fr" id="time"></div>
<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 class="header-img"></div>
</div>
......
gavel/src/main/resources/templates/views/kmes/dashboard/third.html
View file @ 4a65bae7
......@@ -27,8 +27,13 @@
<div class="header">
<div class="header-left fr" id="time"></div>
<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 class="header-img"></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