|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
|
|
|
|
|
<head>
|
|
|
|
|
<th:block th:include="include :: header('看板1')"/>
|
|
|
|
|
</head>
|
|
|
|
|
<body class="white-bg">
|
|
|
|
|
<link href="../../board/board.css" rel="stylesheet">
|
|
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
const showModal = () =>{
|
|
|
|
|
$("#eqModal").show()
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const hideModal = () =>{
|
|
|
|
|
$("#eqModal").hide()
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
<div>
|
|
|
|
|
<div class="topBtn" style="left: 4vw;">首页</div>
|
|
|
|
|
<div class="topBtn topBtnClick" style="left: 14.5vw;">60型脱水量</div>
|
|
|
|
|
<div class="topBtn" style="left: 25vw;">60型一体机</div>
|
|
|
|
|
<div class="topBtn" style="left: 71vw;">视频展示</div>
|
|
|
|
|
<div class="topBtn" style="left: 83vw;">文档归档</div>
|
|
|
|
|
|
|
|
|
|
<div class="bottomBtn bottomBtnClick" style="left: 22.5vw;">历史趋势</div>
|
|
|
|
|
<div class="bottomBtn" style="left: 42.5vw;">数据记录</div>
|
|
|
|
|
<div class="bottomBtn" style="left: 62.5vw;">实时监控</div>
|
|
|
|
|
|
|
|
|
|
<div class="centerImg">
|
|
|
|
|
<div>
|
|
|
|
|
<div class="centerInfo" style="top: 1%;left:15%" onclick="showModal()">
|
|
|
|
|
<div class="win">
|
|
|
|
|
<div class="title">位置1</div>
|
|
|
|
|
<div class="span1">转速: 50n/s</div>
|
|
|
|
|
<div class="span2">电流: 45A</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="icon"></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="centerInfo" style="top: 35%;left:40%" onclick="showModal()">
|
|
|
|
|
<div class="win">
|
|
|
|
|
<div class="title">位置1</div>
|
|
|
|
|
<div class="span1">转速: 50n/s</div>
|
|
|
|
|
<div class="span2">电流: 45A</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="icon"></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="centerInfo" style="top: 45%;left:71%" onclick="showModal()">
|
|
|
|
|
<div class="win">
|
|
|
|
|
<div class="title">位置1</div>
|
|
|
|
|
<div class="span1">转速: 50n/s</div>
|
|
|
|
|
<div class="span2">电流: 45A</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="icon"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="winDiv">
|
|
|
|
|
<div class="title">基本信息</div>
|
|
|
|
|
<div class="title1">设备描述:</div>
|
|
|
|
|
<div class="bg1">
|
|
|
|
|
<p>规格型号: PG -300</p>
|
|
|
|
|
<p>功能描述:利用膨化闪蒸原理，使胶料通过单螺杆的挤压输由高温高压到常温常压状态，利用胶料膨化闪蒸去除胶料内部的水分。</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="title2">技术参数:</div>
|
|
|
|
|
<div class="bg2">
|
|
|
|
|
<p>功率:800kw</p>
|
|
|
|
|
<p>电压:10000V</p>
|
|
|
|
|
<p>转速: 1480rpm</p>
|
|
|
|
|
<p>转速: 0~276rpr</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="status">
|
|
|
|
|
<div class="icon"></div>
|
|
|
|
|
<span>运行正常</span>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="eqModal" id="eqModal">
|
|
|
|
|
<div class="shade" onclick="hideModal()"></div>
|
|
|
|
|
<div class="centerModal"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<th:block th:include="include :: footer"/>
|
|
|
|
|
<script src="../../board/board.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
