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 a321560a29
commit 7541532af9
4 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File

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

@ -34,10 +34,10 @@ body {
.foamingLineRunStatus { .foamingLineRunStatus {
position: absolute; position: absolute;
width: 41%; width: 40%;
height: 27%; height: 27%;
top: 10%; top: 12%;
left: 33%; left: 30%;
} }
.inventoryStatistics { .inventoryStatistics {

BIN
productionboard/src/main/resources/static/img/foamBox/foamBoxbackground.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 MiB

After

Width:  |  Height:  |  Size: 2.6 MiB

4
productionboard/src/main/resources/static/js/common/date-time-common.js
Unescape Escape View File

@ -1,8 +1,8 @@
document.write('<div style="position:absolute;width:4.2%;height:2%;top: 2%;left: 84.14%;border: 0 solid red;color:#71D7FF;font-size:0.08rem;">\n' + document.write('<div style="position:absolute;width:4.2%;height:2%;top: 2.1%;left: 84.14%;border: 0 solid red;color:#71D7FF;font-size:0.08rem;">\n' +
' <span id="timeinfo"></span>\n' + ' <span id="timeinfo"></span>\n' +
'</div>\n' + '</div>\n' +
'\n' + '\n' +
'<div style="position:absolute;width:6%;height:2%;top: 2%;left: 92%;border: 0 solid red;color:#71D7FF;font-size:0.08rem;">\n' + '<div style="position:absolute;width:6%;height:2%;top: 2.1%;left: 92%;border: 0 solid red;color:#71D7FF;font-size:0.08rem;">\n' +
' <span id="dateinfo"></span>\n' + ' <span id="dateinfo"></span>\n' +
'</div>\n') '</div>\n')

20
productionboard/src/main/resources/static/js/foamBox/index.js
Unescape Escape View File

@ -6,9 +6,10 @@ $(() => {
}); });
//设备运行状态 //设备运行状态
$.getJSON(`/foamBox/getRunStatusJson?ids=${ids}`, function (result) { // $.getJSON(`/foamBox/getRunStatusJson?ids=${ids}`, function (result) {
deviceStatus(result); // deviceStatus(result);
}); // });
deviceStatus([1,1,1,1,1,1]);
//库存统计 //库存统计
@ -120,13 +121,12 @@ $(() => {
const deviceStatus = (statusArray) => { const deviceStatus = (statusArray) => {
let info = `<table style="width: 100%;height:100%;"> let info = `<table style="width: 100%;height:100%;">
<tr style="width: 100%;"> <tr style="width: 100%;">
<td style="width:15%;border:0px solid red;text-align:left;"><img src="../../img/foamBox/${statusArray[0] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="width: 2vw;"/></td> <td style="position:absolute;top:-7%;left:8%;height:50%;width:10%;border:0px solid red;text-align:left;"><img src="../../img/foamBox/${statusArray[0] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="width: 2vw;"/></td>
<td style="width:15%;border:0px solid red;text-align:left;"><img src="../../img/foamBox/${statusArray[1] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="width: 2vw;"/></td> <td style="position:absolute;top:-7%;left:23%;height:50%;width:10%;border:0px solid red;text-align:left;"><img src="../../img/foamBox/${statusArray[1] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="width: 2vw;"/></td>
<td style="width:15.3%;border:0px solid red;text-align:left;"><img src="../../img/foamBox/${statusArray[2] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="width: 2vw;"/></td> <td style="position:absolute;top:-7%;left:38%;height:50%;width:10%;border:0px solid red;text-align:left;"><img src="../../img/foamBox/${statusArray[2] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="width: 2vw;"/></td>
<td style="width:13%;border:0px solid red;text-align:left;"><img src="../../img/foamBox/${statusArray[3] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="width: 2vw;"/></td> <td style="position:absolute;top:-7%;left:52%;height:50%;width:10%;border:0px solid red;text-align:left;"><img src="../../img/foamBox/${statusArray[3] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="width: 2vw;"/></td>
<td style="width:9.7%;border:0px solid red;text-align:center;"></td> <td style="position:absolute;top:-7%;left:75%;height:50%;width:10%;border:0px solid red;text-align:left;"><img src="../../img/foamBox/${statusArray[4] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="width: 2vw;"/></td>
<td style="width:18%;border:0px solid red;text-align:left;"><img src="../../img/foamBox/${statusArray[4] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="width: 2vw;"/></td> <td style="position:absolute;top:-7%;left:93%;height:50%;width:10%;border:0px solid red;text-align:left;"><img src="../../img/foamBox/${statusArray[5] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="width: 2vw;"/></td>
<td style="width:14%;border:0px solid red;text-align:left;"><img src="../../img/foamBox/${statusArray[5] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="width: 2vw;"/></td>
</tr> </tr>
</table>`; </table>`;

Write Preview
Loading…
Cancel
Save