修改二期发泡线

master
夜笙歌 2 years ago
parent 3af8c99e61
commit ee16671a9a

@ -53,6 +53,12 @@ public class FoamBoxController {
case 1: case 1:
mmap.put("positionId",1); mmap.put("positionId",1);
break; break;
case 2:
mmap.put("positionId",2);
break;
case 3:
mmap.put("positionId",3);
break;
default: default:
break; break;
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 962 KiB

@ -9,7 +9,11 @@ $(() => {
//设备运行状态 //设备运行状态
$.getJSON(`/foamBox/getRunStatusJson?ids=${ids}`, function (result) { $.getJSON(`/foamBox/getRunStatusJson?ids=${ids}`, function (result) {
deviceStatus(result); if (ids === 0 || ids === 1){
deviceStatus(result);
}else{
deviceStatus2(result)
}
}); });
// deviceStatus([1,1,1,1,1,1]); // deviceStatus([1,1,1,1,1,1]);
@ -137,3 +141,14 @@ const deviceStatus = (statusArray) => {
} }
const deviceStatus2 = (statusArray) => {
let info = `
<img src="../../img/foamBox/${statusArray[0] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="position: absolute;transform: translate(-50%,-50%);top:30%;left:34%;width: 2vw;"/>
<img src="../../img/foamBox/${statusArray[1] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="position: absolute;transform: translate(-50%,-50%);top:30%;left:45%;width: 2vw;"/>
<img src="../../img/foamBox/${statusArray[4] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="position: absolute;transform: translate(-50%,-50%);top:30%;left:60%;width: 2vw;"/>
<img src="../../img/foamBox/${statusArray[5] == 1 ? "deviceopen.png" : "deviceclose.png"}" style="position: absolute;transform: translate(-50%,-50%);top:30%;left:68%;width: 2vw;"/>
`;
$(".foamingLineRunStatus table tr").append(info);
}

@ -1,12 +1,12 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"> <html lang="zh" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro" xmlns:th="http://www.thymeleaf.org">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>发泡和发泡线数据展示平台</title> <title>发泡和发泡线数据展示平台</title>
<link rel="stylesheet" href="../../../css/common/ondutyplan.css"> <link href="../../../css/common/ondutyplan.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/foamBox/style.css"> <link href="../../../css/foamBox/style.css" rel="stylesheet">
<link rel="stylesheet" href="../../../css/common/swiper-bundle.min.css"> <link href="../../../css/common/swiper-bundle.min.css" rel="stylesheet">
<script src="../../../js/common/swiper-bundle.min.js"></script> <script src="../../../js/common/swiper-bundle.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>
@ -64,6 +64,18 @@
}); });
const ids = [[${positionId}]]; const ids = [[${positionId}]];
if (ids === 2 || ids === 3) {
console.log($('body'))
$('body').css(
{
backgroundColor: 'aquamarine',
background: 'url(../../img/foamBox/foamBoxbackground2.jpg)',
backgroundPosition: 'center center',
backgroundRepeat: 'no-repeat',
backgroundAttachment: 'fixed',
backgroundSize: '100% 100%',
})
}
// 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>

Loading…
Cancel
Save