add - 箱壳可视化看板
parent
e141ad3597
commit
377043a8c4
Binary file not shown.
Binary file not shown.
@ -0,0 +1,21 @@
|
||||
package com.productionboard.controller;
|
||||
|
||||
import org.springframework.stereotype.Controller;
|
||||
import org.springframework.web.bind.annotation.GetMapping;
|
||||
import org.springframework.web.bind.annotation.RequestMapping;
|
||||
|
||||
/**
|
||||
* 箱壳自动成型线设备看板
|
||||
* @author WenJY
|
||||
* @date 2022年06月06日 10:41
|
||||
*/
|
||||
@Controller
|
||||
@RequestMapping("/tankShellDevice")
|
||||
public class TankShellDeviceController {
|
||||
private String prefix = "tankShell/device";
|
||||
|
||||
@GetMapping()
|
||||
public String index() {
|
||||
return prefix;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,62 @@
|
||||
body {
|
||||
background-color: aquamarine;
|
||||
background: url(../../img/tankShell/tankShellDeviceBackground.jpg);
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.dataInformation{
|
||||
border: 1px solid red;
|
||||
position: absolute;
|
||||
width: 24%;
|
||||
height: 22%;
|
||||
top: 14%;
|
||||
left: 3.3%;
|
||||
}
|
||||
|
||||
.theEnergyConsumptionContrast{
|
||||
border: 1px solid red;
|
||||
position: absolute;
|
||||
width: 24.1%;
|
||||
height: 21%;
|
||||
top: 44%;
|
||||
left: 3.3%;
|
||||
}
|
||||
|
||||
.lossStatistics{
|
||||
border: 1px solid yellowgreen;
|
||||
position: absolute;
|
||||
width: 24%;
|
||||
height: 21%;
|
||||
top: 44%;
|
||||
right: 3.3%;
|
||||
}
|
||||
|
||||
.deviceInfoTable{
|
||||
border: 1px solid #6ACBFE;
|
||||
position: absolute;
|
||||
width: 33%;
|
||||
height: 21%;
|
||||
bottom: 5%;
|
||||
left: 3.3%;
|
||||
}
|
||||
|
||||
.oeeStatistics{
|
||||
border: 1px solid cornflowerblue;
|
||||
position: absolute;
|
||||
width: 33%;
|
||||
height: 21%;
|
||||
bottom: 5%;
|
||||
left: 38%;
|
||||
}
|
||||
|
||||
.faultRank{
|
||||
border: 1px solid bisque;
|
||||
position: absolute;
|
||||
width: 24%;
|
||||
height: 21%;
|
||||
bottom: 5%;
|
||||
right: 3.3%;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 2.5 MiB |
@ -0,0 +1,20 @@
|
||||
$(() => {
|
||||
const statusArray = [0, 0, 0, 0, 0];
|
||||
dataInformationFunction(statusArray);
|
||||
})
|
||||
|
||||
const dataInformationFunction = (statusArray) => {
|
||||
let info = `<table style="position: absolute;top: 8%;width: 100%;height:100%;">
|
||||
<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%;color: #E6ECBE;">389kW</td>
|
||||
</tr>
|
||||
<tr style="width: 100%; height: 50%;">
|
||||
|
||||
<td style="border:0px solid red;text-align:center;width: 50%;color: white;">4563kW·h</td>
|
||||
<td style="border:0px solid red;text-align:center;width: 50%;color: #D18DA2;">2</td>
|
||||
</tr>
|
||||
</table>`;
|
||||
|
||||
$("#dataInformation").append(info);
|
||||
}
|
||||
@ -0,0 +1,27 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>箱壳成型数据监控平台</title>
|
||||
<link rel="stylesheet" href="../../../css/tankShell/device.css">
|
||||
<script src="../../../js/common/jquery.min.js"></script>
|
||||
<script src="../../../js/common/echarts.min.js"></script>
|
||||
<script src="../../../js/common/update-split-blocks.js"></script>
|
||||
<script src="../../../js/common/echarts.common.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!--数据信息-->
|
||||
<div class="dataInformation" id="dataInformation"></div>
|
||||
<!--设备能耗产量对比-->
|
||||
<div class="theEnergyConsumptionContrast" id="theEnergyConsumptionContrast"></div>
|
||||
<!--loss统计-->
|
||||
<div class="lossStatistics" id="lossStatistics"></div>
|
||||
<!--设备信息列表-->
|
||||
<div class="deviceInfoTable" id="deviceInfoTable"></div>
|
||||
<!--oee统计-->
|
||||
<div class="oeeStatistics" id="oeeStatistics"></div>
|
||||
<!--故障率统计-->
|
||||
<div class="faultRank" id="faultRank"></div>
|
||||
</body>
|
||||
<script src="../../../js/tankShell/device.js"></script>
|
||||
</html>
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -1,3 +0,0 @@
|
||||
artifactId=productionboard
|
||||
groupId=com.scada
|
||||
version=0.0.1-SNAPSHOT
|
||||
@ -1,16 +0,0 @@
|
||||
com\productionboard\common\CodeGenerator.class
|
||||
com\productionboard\common\CodeGenerator$1.class
|
||||
com\productionboard\entity\BasicScadaDeviceinfo.class
|
||||
com\productionboard\controller\FoamBoxController.class
|
||||
com\productionboard\service\impl\BasicScadaDeviceinfoServiceImpl.class
|
||||
com\productionboard\controller\StorageController.class
|
||||
com\productionboard\common\CodeGenerator$2.class
|
||||
com\productionboard\mapper\BasicScadaDeviceinfoMapper.class
|
||||
com\productionboard\config\MybatisPlusConfig.class
|
||||
com\productionboard\controller\AluminumLinerkController.class
|
||||
com\productionboard\controller\PreassembleController.class
|
||||
com\productionboard\service\BasicScadaDeviceinfoService.class
|
||||
com\productionboard\ProductionBoardApplication.class
|
||||
com\productionboard\controller\TankShellController.class
|
||||
com\productionboard\controller\AluminumTtankController.class
|
||||
com\productionboard\controller\AdsorptionTankController.class
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading…
Reference in New Issue