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 f3f104e066
commit 7b6cb34643
4 changed files with 50 additions and 40 deletions
Show Stats Download Patch File Download Diff File

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

@ -1,23 +1,28 @@
$(() => { $(() => {
//班组计划统计 //班组计划统计
onDutyPlan(1234, 1202, 33); // onDutyPlan(1234, 1202, 33);
$.getJSON('/foamBox/getTeamStatisticsJson', function (result) {
onDutyPlan( result.planAmount, result.actualAmount, result.differenceAmount,)
});
//设备运行状态 //设备运行状态
let statusArray = [0, 0, 0, 0, 1, 0]; let statusArray = [0, 0, 0, 0, 1, 0];
deviceStatus(statusArray); deviceStatus(statusArray);
//库存统计 //库存统计
$.getJSON('/foamBox/getInventoryStatistics', function (result) { $.getJSON('/foamBox/getMaterialStoreJson', function (result) {
threeDimensionalCylindrical(result, document.getElementById("inventoryStatistics")); threeDimensionalCylindrical(result, document.getElementById("inventoryStatistics"));
}); });
//按型号统计产量 //按型号统计产量
$.getJSON('/foamBox/getStatisticalOutputByModel', function (result) { $.getJSON('/foamBox/getMaterialProdutionJson', function (result) {
horizontalBarChart(result, document.getElementById("statisticalOutputByModel")); horizontalBarChart(result, document.getElementById("statisticalOutputByModel"));
}); });
//小时产量 //小时产量
brokenLineAreaDiagram(null, document.getElementById("hourlyOutputStatistics")); $.getJSON('/foamBox/getHourProdutionJson', function (result) {
brokenLineAreaDiagram(result, document.getElementById("hourlyOutputStatistics"));
});
//发泡参数 //发泡参数
multipleBrokenLineAreaDiagram(null, document.getElementById("foamingParameters")); multipleBrokenLineAreaDiagram(null, document.getElementById("foamingParameters"));
@ -125,15 +130,15 @@ $(() => {
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="border:0px solid red;text-align:center;"><img src="../../img/foamBox/${statusArray[0] == 0 ? "deviceopen.png" : "deviceclose.png"}" width="40%" height="50%"/></td> <td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/${statusArray[0] == 0 ? "deviceopen.png" : "deviceclose.png"}" style="width: 30px;height: 30px;"/></td>
<td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/${statusArray[1] == 0 ? "deviceopen.png" : "deviceclose.png"}" width="40%" height="50%"/></td> <td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/${statusArray[1] == 0 ? "deviceopen.png" : "deviceclose.png"}" style="width: 30px;height: 30px;"/></td>
<td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/${statusArray[2] == 0 ? "deviceopen.png" : "deviceclose.png"}" width="40%" height="50%"/></td> <td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/${statusArray[2] == 0 ? "deviceopen.png" : "deviceclose.png"}" style="width: 30px;height: 30px;"/></td>
<td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/${statusArray[3] == 0 ? "deviceopen.png" : "deviceclose.png"}" width="40%" height="50%"/></td> <td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/${statusArray[3] == 0 ? "deviceopen.png" : "deviceclose.png"}" style="width: 30px;height: 30px;"/></td>
<td style="border:0px solid red;text-align:right;padding-right: 12px;"><img src="../../img/foamBox/${statusArray[4] == 0 ? "deviceopen.png" : "deviceclose.png"}" width="40%" height="50%"/></td> <td style="border:0px solid red;text-align:right;padding-right: 12px;"><img src="../../img/foamBox/${statusArray[4] == 0 ? "deviceopen.png" : "deviceclose.png"}" style="width: 30px;height: 30px;"/></td>
<td style="border:0px solid red;text-align:right;"><img src="../../img/foamBox/${statusArray[5] == 0 ? "deviceopen.png" : "deviceclose.png"}" width="40%" height="50%"/></td> <td style="border:0px solid red;text-align:right;"><img src="../../img/foamBox/${statusArray[5] == 0 ? "deviceopen.png" : "deviceclose.png"}" style="width: 30px;height: 30px;"/></td>
</tr> </tr>
</table>`; </table>`;
$("#deviceRunStatus").append(info); $(".foamingLineRunStatus table tr").append(info);
} }

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

@ -68,15 +68,15 @@
}, },
}); });
let info = ` // let info = `
<td style="border:0px solid red;text-align:center;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td> // <td style="border:0px solid red;text-align:center;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td>
<td style="border:0px solid red;text-align:center;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td> // <td style="border:0px solid red;text-align:center;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td>
<td style="border:0px solid red;text-align:center;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td> // <td style="border:0px solid red;text-align:center;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td>
<td style="border:0px solid red;text-align:center;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td> // <td style="border:0px solid red;text-align:center;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td>
<td style="border:0px solid red;text-align:right;padding-right: 12px;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td> // <td style="border:0px solid red;text-align:right;padding-right: 12px;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td>
<td style="border:0px solid red;text-align:right;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td> // <td style="border:0px solid red;text-align:right;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td>
`; // `;
$(".foamingLineRunStatus table tr").append(info); // $(".foamingLineRunStatus table tr").append(info);
</script> </script>
</html> </html>

27
productionboard/target/classes/static/js/foamBox/index.js
Unescape Escape View File

@ -1,23 +1,28 @@
$(() => { $(() => {
//班组计划统计 //班组计划统计
onDutyPlan(1234, 1202, 33); // onDutyPlan(1234, 1202, 33);
$.getJSON('/foamBox/getTeamStatisticsJson', function (result) {
onDutyPlan( result.planAmount, result.actualAmount, result.differenceAmount,)
});
//设备运行状态 //设备运行状态
let statusArray = [0, 0, 0, 0, 1, 0]; let statusArray = [0, 0, 0, 0, 1, 0];
deviceStatus(statusArray); deviceStatus(statusArray);
//库存统计 //库存统计
$.getJSON('/foamBox/getInventoryStatistics', function (result) { $.getJSON('/foamBox/getMaterialStoreJson', function (result) {
threeDimensionalCylindrical(result, document.getElementById("inventoryStatistics")); threeDimensionalCylindrical(result, document.getElementById("inventoryStatistics"));
}); });
//按型号统计产量 //按型号统计产量
$.getJSON('/foamBox/getStatisticalOutputByModel', function (result) { $.getJSON('/foamBox/getMaterialProdutionJson', function (result) {
horizontalBarChart(result, document.getElementById("statisticalOutputByModel")); horizontalBarChart(result, document.getElementById("statisticalOutputByModel"));
}); });
//小时产量 //小时产量
brokenLineAreaDiagram(null, document.getElementById("hourlyOutputStatistics")); $.getJSON('/foamBox/getHourProdutionJson', function (result) {
brokenLineAreaDiagram(result, document.getElementById("hourlyOutputStatistics"));
});
//发泡参数 //发泡参数
multipleBrokenLineAreaDiagram(null, document.getElementById("foamingParameters")); multipleBrokenLineAreaDiagram(null, document.getElementById("foamingParameters"));
@ -125,15 +130,15 @@ $(() => {
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="border:0px solid red;text-align:center;"><img src="../../img/foamBox/${statusArray[0] == 0 ? "deviceopen.png" : "deviceclose.png"}" width="40%" height="50%"/></td> <td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/${statusArray[0] == 0 ? "deviceopen.png" : "deviceclose.png"}" style="width: 30px;height: 30px;"/></td>
<td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/${statusArray[1] == 0 ? "deviceopen.png" : "deviceclose.png"}" width="40%" height="50%"/></td> <td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/${statusArray[1] == 0 ? "deviceopen.png" : "deviceclose.png"}" style="width: 30px;height: 30px;"/></td>
<td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/${statusArray[2] == 0 ? "deviceopen.png" : "deviceclose.png"}" width="40%" height="50%"/></td> <td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/${statusArray[2] == 0 ? "deviceopen.png" : "deviceclose.png"}" style="width: 30px;height: 30px;"/></td>
<td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/${statusArray[3] == 0 ? "deviceopen.png" : "deviceclose.png"}" width="40%" height="50%"/></td> <td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/${statusArray[3] == 0 ? "deviceopen.png" : "deviceclose.png"}" style="width: 30px;height: 30px;"/></td>
<td style="border:0px solid red;text-align:right;padding-right: 12px;"><img src="../../img/foamBox/${statusArray[4] == 0 ? "deviceopen.png" : "deviceclose.png"}" width="40%" height="50%"/></td> <td style="border:0px solid red;text-align:right;padding-right: 12px;"><img src="../../img/foamBox/${statusArray[4] == 0 ? "deviceopen.png" : "deviceclose.png"}" style="width: 30px;height: 30px;"/></td>
<td style="border:0px solid red;text-align:right;"><img src="../../img/foamBox/${statusArray[5] == 0 ? "deviceopen.png" : "deviceclose.png"}" width="40%" height="50%"/></td> <td style="border:0px solid red;text-align:right;"><img src="../../img/foamBox/${statusArray[5] == 0 ? "deviceopen.png" : "deviceclose.png"}" style="width: 30px;height: 30px;"/></td>
</tr> </tr>
</table>`; </table>`;
$("#deviceRunStatus").append(info); $(".foamingLineRunStatus table tr").append(info);
} }

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

@ -68,15 +68,15 @@
}, },
}); });
let info = ` // let info = `
<td style="border:0px solid red;text-align:center;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td> // <td style="border:0px solid red;text-align:center;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td>
<td style="border:0px solid red;text-align:center;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td> // <td style="border:0px solid red;text-align:center;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td>
<td style="border:0px solid red;text-align:center;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td> // <td style="border:0px solid red;text-align:center;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td>
<td style="border:0px solid red;text-align:center;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td> // <td style="border:0px solid red;text-align:center;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td>
<td style="border:0px solid red;text-align:right;padding-right: 12px;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td> // <td style="border:0px solid red;text-align:right;padding-right: 12px;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td>
<td style="border:0px solid red;text-align:right;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td> // <td style="border:0px solid red;text-align:right;"><img src="${true ? '../../img/foamBox/deviceopen.png' :'../../img/foamBox/deviceopen.png'}" style="width: 30px;height: 30px;"/></td>
`; // `;
$(".foamingLineRunStatus table tr").append(info); // $(".foamingLineRunStatus table tr").append(info);
</script> </script>
</html> </html>
Write Preview
Loading…
Cancel
Save