You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
92 lines
3.9 KiB
HTML
92 lines
3.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro" xmlns:th="http://www.thymeleaf.org">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>发泡和发泡线数据展示平台</title>
|
|
<link href="../../../css/common/ondutyplan.css" rel="stylesheet">
|
|
<link href="../../../css/foamBox/style.css" rel="stylesheet">
|
|
<link href="../../../css/common/swiper-bundle.min.css" rel="stylesheet">
|
|
<script src="../../../js/common/swiper-bundle.min.js"></script>
|
|
<script src="../../../js/common/jquery.min.js"></script>
|
|
<script src="../../../js/common/echarts.min.js"></script>
|
|
<script src="../../../js/common/date-time-common.js"></script>
|
|
<script src="../../../js/common/update-split-blocks.js"></script>
|
|
<script src="../../../js/common/ondutyplan.js"></script>
|
|
<script src="../../../js/common/echarts.common.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<!--库存统计-->
|
|
<div class="inventoryStatistics" id="inventoryStatistics"></div>
|
|
|
|
<!--型号产量统计-->
|
|
<div class="statisticalOutputByModel" id="statisticalOutputByModel"></div>
|
|
|
|
<!--小时产量统计-->
|
|
<div class="hourlyOutputStatistics" id="hourlyOutputStatistics"></div>
|
|
|
|
<!--发泡参数-->
|
|
<div class="foamingParameters" id="foamingParameters"></div>
|
|
|
|
<!--设备运行状态-->
|
|
<div class="foamingLineRunStatus">
|
|
<table style="width: 100%;height:100%;">
|
|
<tr style="width: 100%;">
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<!-- 轮播 -->
|
|
<div class="swiperModule">
|
|
<div class="swiper mySwiper">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide">
|
|
<div class="temperatureOne" id="temperatureOne"></div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="temperatureTwo" id="temperatureTwo"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script src="../../../js/foamBox/index.js"></script>
|
|
<script>
|
|
var swiper = new Swiper(".mySwiper", {
|
|
spaceBetween: 30,
|
|
// loop: true,
|
|
centeredSlides: true,
|
|
autoplay: {
|
|
delay: 15000,
|
|
disableOnInteraction: false,
|
|
},
|
|
});
|
|
|
|
const ids = [[${positionId}]];
|
|
const htmlId = location.href.split('?')[1].split('=')[1]
|
|
if (htmlId === '2' || htmlId === '3') {
|
|
$('body').css(
|
|
{
|
|
backgroundColor: 'aquamarine',
|
|
background: 'url(../../img/foamBox/foamBoxbackground2.jpg)',
|
|
backgroundPosition: 'center center',
|
|
backgroundRepeat: 'no-repeat',
|
|
backgroundAttachment: 'fixed',
|
|
backgroundSize: '100% 100%',
|
|
})
|
|
}
|
|
|
|
// 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: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>
|
|
// `;
|
|
// $(".foamingLineRunStatus table tr").append(info);
|
|
|
|
</script>
|
|
|
|
</html> |