wenjy
/
aucma-scada-visual-board-new
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改

Browse Source
master
夜笙歌 2 years ago
parent c0f67d3774
commit 2dc6e93650
8 changed files with 50 additions and 22 deletions
Show Stats Download Patch File Download Diff File

20
productionboard/src/main/resources/static/css/foamBox/style.css
Unescape Escape View File

@ -32,6 +32,14 @@ body {
left: 59%; left: 59%;
} }
.foamingLineRunStatus {
position: absolute;
width: 40%;
height: 27%;
top: 10.5%;
left: 30.1%;
}
.inventoryStatistics { .inventoryStatistics {
border: 0px solid red; border: 0px solid red;
position: absolute; position: absolute;
@ -86,19 +94,23 @@ body {
color: white; color: white;
font-size: 12px; font-size: 12px;
} }
.temperatureOne{
.temperatureOne {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.temperatureTwo{
.temperatureTwo {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.temperatureThree{
.temperatureThree {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.temperatureFour{
.temperatureFour {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }

10
productionboard/src/main/resources/static/js/tankShell/device.js
Unescape Escape View File

@ -1,5 +1,5 @@
$(() => { $(() => {
//设备OEE统计 //设备OEE统计
OEEStatistics(null, document.getElementById("OEEStatistics")); OEEStatistics(null, document.getElementById("OEEStatistics"));
@ -17,7 +17,7 @@ $(() => {
$.getJSON('/tankShell/getInventoryStatistics', function (result) { $.getJSON('/tankShell/getInventoryStatistics', function (result) {
energyConsumption(result, document.getElementById("energyConsumption")); energyConsumption(result, document.getElementById("energyConsumption"));
}); });
//生产计划 //生产计划
$.ajax({ $.ajax({
url: '/storage/getProductionPlan', url: '/storage/getProductionPlan',
@ -32,7 +32,7 @@ $(() => {
val[3] = '2021.01.01 10:00:00' val[3] = '2021.01.01 10:00:00'
delete val[4] delete val[4]
}); });
Res.header = ['设备名称', '参数名称', '当前值', '时间', ] Res.header = ['设备名称', '参数名称', '当前值', '时间',]
dynamicTable({ dynamicTable({
el: '#productionPlan', el: '#productionPlan',
rowNum: 5, rowNum: 5,
@ -45,7 +45,7 @@ $(() => {
headerBGC: 'rgba(8,36,75,0.2)', headerBGC: 'rgba(8,36,75,0.2)',
oddRowBGC: 'rgba(8,36,75,0.2)', oddRowBGC: 'rgba(8,36,75,0.2)',
evenRowBGC: 'rgba(6,25,57,0.2)', evenRowBGC: 'rgba(6,25,57,0.2)',
colWidth: ['100%', '100%', '40%', '160%', ] colWidth: ['100%', '100%', '40%', '160%',]
}); });
}, },
error: function (e) { error: function (e) {
@ -70,7 +70,7 @@ $(() => {
const dataInformationFunction = (statusArray) => { const dataInformationFunction = (statusArray) => {
let info = `<table style="position: absolute;top: 8%;width: 100%;height:100%;"> let info = `<table style="position: absolute;top: 8%;width: 100%;height:100%;">
<tr style="width: 100%; height: 50%;"> <tr style="width: 100%; height: 50%;">
<td style="border:0px solid red;text-align:center;width: 50%;"><img src="../../img/foamBox/${statusArray[0] == 0 ? "deviceopen.png" : "deviceclose.png"}" width="20%" height="40%"/>${statusArray[0] == 0 ? `<span style="color:green;margin-left: 10px">运行正常</span>` : `<span style="color:red;margin-left: 10px">运行异常</span>`}</td> <td style="border:0px solid red;text-align:center;width: 50%;"><i ${statusArray[0] == 0 ? 'style="color:green;"' : 'style="color: red;"'} class="fa-regular ${statusArray[0] == 0 ? "fa-circle-check" : "fa-circle-xmark"}"></i>${statusArray[0] == 0 ? `<span style="color:green;margin-left: 10px">运行正常</span>` : `<span style="color:red;margin-left: 10px">运行异常</span>`}</td>
<td style="border:0px solid red;text-align:center;width: 50%;color: #E6ECBE;">389kW</td> <td style="border:0px solid red;text-align:center;width: 50%;color: #E6ECBE;">389kW</td>
</tr> </tr>
<tr style="width: 100%; height: 50%;"> <tr style="width: 100%; height: 50%;">

4
productionboard/src/main/resources/templates/foamBox/index.html
Unescape Escape View File

@ -30,7 +30,7 @@
<div class="foamingParameters" id="foamingParameters"></div> <div class="foamingParameters" id="foamingParameters"></div>
<!--设备运行状态--> <!--设备运行状态-->
<!--<div class="foamingLineRunStatus"> <div class="foamingLineRunStatus">
<table style="width: 100%;height:100%;"> <table style="width: 100%;height:100%;">
<tr style="width: 100%;"> <tr style="width: 100%;">
<td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/deviceopen.png" width="40%" height="50%"/></td> <td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/deviceopen.png" width="40%" height="50%"/></td>
@ -41,7 +41,7 @@
<td style="border:0px solid red;text-align:right;"><img src="../../img/foamBox/deviceopen.png" width="40%" height="50%"/></td> <td style="border:0px solid red;text-align:right;"><img src="../../img/foamBox/deviceopen.png" width="40%" height="50%"/></td>
</tr> </tr>
</table> </table>
</div>--> </div>
<!-- 轮播 --> <!-- 轮播 -->
<div class="swiperModule"> <div class="swiperModule">

2
productionboard/src/main/resources/templates/tankShell/device.html
Unescape Escape View File

@ -4,6 +4,8 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>箱壳成型数据监控平台</title> <title>箱壳成型数据监控平台</title>
<link rel="stylesheet" href="../../../css/tankShell/device.css"> <link rel="stylesheet" href="../../../css/tankShell/device.css">
<link rel="stylesheet" href="../../../css/common/fontawesome-all.min.css">
<script src="../../../js/common/fontawesome-all.min.js"></script>
<script src="../../../js/common/jquery.min.js"></script> <script src="../../../js/common/jquery.min.js"></script>
<script src="../../../js/common/echarts.min.js"></script> <script src="../../../js/common/echarts.min.js"></script>
<script src="../../../js/common/update-split-blocks.js"></script> <script src="../../../js/common/update-split-blocks.js"></script>

20
productionboard/target/classes/static/css/foamBox/style.css
Unescape Escape View File

@ -32,6 +32,14 @@ body {
left: 59%; left: 59%;
} }
.foamingLineRunStatus {
position: absolute;
width: 40%;
height: 27%;
top: 10.5%;
left: 30.1%;
}
.inventoryStatistics { .inventoryStatistics {
border: 0px solid red; border: 0px solid red;
position: absolute; position: absolute;
@ -86,19 +94,23 @@ body {
color: white; color: white;
font-size: 12px; font-size: 12px;
} }
.temperatureOne{
.temperatureOne {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.temperatureTwo{
.temperatureTwo {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.temperatureThree{
.temperatureThree {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.temperatureFour{
.temperatureFour {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }

10
productionboard/target/classes/static/js/tankShell/device.js
Unescape Escape View File

@ -1,5 +1,5 @@
$(() => { $(() => {
//设备OEE统计 //设备OEE统计
OEEStatistics(null, document.getElementById("OEEStatistics")); OEEStatistics(null, document.getElementById("OEEStatistics"));
@ -17,7 +17,7 @@ $(() => {
$.getJSON('/tankShell/getInventoryStatistics', function (result) { $.getJSON('/tankShell/getInventoryStatistics', function (result) {
energyConsumption(result, document.getElementById("energyConsumption")); energyConsumption(result, document.getElementById("energyConsumption"));
}); });
//生产计划 //生产计划
$.ajax({ $.ajax({
url: '/storage/getProductionPlan', url: '/storage/getProductionPlan',
@ -32,7 +32,7 @@ $(() => {
val[3] = '2021.01.01 10:00:00' val[3] = '2021.01.01 10:00:00'
delete val[4] delete val[4]
}); });
Res.header = ['设备名称', '参数名称', '当前值', '时间', ] Res.header = ['设备名称', '参数名称', '当前值', '时间',]
dynamicTable({ dynamicTable({
el: '#productionPlan', el: '#productionPlan',
rowNum: 5, rowNum: 5,
@ -45,7 +45,7 @@ $(() => {
headerBGC: 'rgba(8,36,75,0.2)', headerBGC: 'rgba(8,36,75,0.2)',
oddRowBGC: 'rgba(8,36,75,0.2)', oddRowBGC: 'rgba(8,36,75,0.2)',
evenRowBGC: 'rgba(6,25,57,0.2)', evenRowBGC: 'rgba(6,25,57,0.2)',
colWidth: ['100%', '100%', '40%', '160%', ] colWidth: ['100%', '100%', '40%', '160%',]
}); });
}, },
error: function (e) { error: function (e) {
@ -70,7 +70,7 @@ $(() => {
const dataInformationFunction = (statusArray) => { const dataInformationFunction = (statusArray) => {
let info = `<table style="position: absolute;top: 8%;width: 100%;height:100%;"> let info = `<table style="position: absolute;top: 8%;width: 100%;height:100%;">
<tr style="width: 100%; height: 50%;"> <tr style="width: 100%; height: 50%;">
<td style="border:0px solid red;text-align:center;width: 50%;"><img src="../../img/foamBox/${statusArray[0] == 0 ? "deviceopen.png" : "deviceclose.png"}" width="20%" height="40%"/>${statusArray[0] == 0 ? `<span style="color:green;margin-left: 10px">运行正常</span>` : `<span style="color:red;margin-left: 10px">运行异常</span>`}</td> <td style="border:0px solid red;text-align:center;width: 50%;"><i ${statusArray[0] == 0 ? 'style="color:green;"' : 'style="color: red;"'} class="fa-regular ${statusArray[0] == 0 ? "fa-circle-check" : "fa-circle-xmark"}"></i>${statusArray[0] == 0 ? `<span style="color:green;margin-left: 10px">运行正常</span>` : `<span style="color:red;margin-left: 10px">运行异常</span>`}</td>
<td style="border:0px solid red;text-align:center;width: 50%;color: #E6ECBE;">389kW</td> <td style="border:0px solid red;text-align:center;width: 50%;color: #E6ECBE;">389kW</td>
</tr> </tr>
<tr style="width: 100%; height: 50%;"> <tr style="width: 100%; height: 50%;">

4
productionboard/target/classes/templates/foamBox/index.html
Unescape Escape View File

@ -30,7 +30,7 @@
<div class="foamingParameters" id="foamingParameters"></div> <div class="foamingParameters" id="foamingParameters"></div>
<!--设备运行状态--> <!--设备运行状态-->
<!--<div class="foamingLineRunStatus"> <div class="foamingLineRunStatus">
<table style="width: 100%;height:100%;"> <table style="width: 100%;height:100%;">
<tr style="width: 100%;"> <tr style="width: 100%;">
<td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/deviceopen.png" width="40%" height="50%"/></td> <td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/deviceopen.png" width="40%" height="50%"/></td>
@ -41,7 +41,7 @@
<td style="border:0px solid red;text-align:right;"><img src="../../img/foamBox/deviceopen.png" width="40%" height="50%"/></td> <td style="border:0px solid red;text-align:right;"><img src="../../img/foamBox/deviceopen.png" width="40%" height="50%"/></td>
</tr> </tr>
</table> </table>
</div>--> </div>
<!-- 轮播 --> <!-- 轮播 -->
<div class="swiperModule"> <div class="swiperModule">

2
productionboard/target/classes/templates/tankShell/device.html
Unescape Escape View File

@ -4,6 +4,8 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>箱壳成型数据监控平台</title> <title>箱壳成型数据监控平台</title>
<link rel="stylesheet" href="../../../css/tankShell/device.css"> <link rel="stylesheet" href="../../../css/tankShell/device.css">
<link rel="stylesheet" href="../../../css/common/fontawesome-all.min.css">
<script src="../../../js/common/fontawesome-all.min.js"></script>
<script src="../../../js/common/jquery.min.js"></script> <script src="../../../js/common/jquery.min.js"></script>
<script src="../../../js/common/echarts.min.js"></script> <script src="../../../js/common/echarts.min.js"></script>
<script src="../../../js/common/update-split-blocks.js"></script> <script src="../../../js/common/update-split-blocks.js"></script>

Write Preview
Loading…
Cancel
Save