|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<title>发泡和发泡线数据展示平台</title>
|
|
|
|
|
<link rel="stylesheet" href="../../../css/common/ondutyplan.css">
|
|
|
|
|
<link rel="stylesheet" href="../../../css/foamBox/style.css">
|
|
|
|
|
<link rel="stylesheet" href="../../../css/common/swiper-bundle.min.css">
|
|
|
|
|
<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%;">
|
|
|
|
|
<td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/deviceopen.png" width="40%" height="50%"/></td>
|
|
|
|
|
<td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/deviceopen.png" width="40%" height="50%"/></td>
|
|
|
|
|
<td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/deviceopen.png" width="40%" height="50%"/></td>
|
|
|
|
|
<td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/deviceopen.png" width="40%" height="50%"/></td>
|
|
|
|
|
<td style="border:0px solid red;text-align:right;padding-right: 12px;"><img src="../../img/foamBox/deviceopen.png" width="40%" height="50%"/></td>
|
|
|
|
|
<td style="border:0px solid red;text-align:right;"><img src="../../img/foamBox/deviceopen.png" width="40%" height="50%"/></td>
|
|
|
|
|
</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 class="swiper-slide">
|
|
|
|
|
<div class="temperatureThree" id="temperatureThree"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="swiper-slide">
|
|
|
|
|
<div class="temperatureFour" id="temperatureFour"></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,
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
</html>
|
