<%@ page language="java" contentType="text/html; charset=UTF-8"
|
pageEncoding="UTF-8"%>
|
<!DOCTYPE html>
|
<html>
|
<head>
|
<title>成型机监控-ZL26C</title>
|
<link rel="shortcut icon" href="${pageContext.request.contextPath}/img/favicon.ico" type="image/x-icon">
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<meta name="keywords" content="上海兰宝数据采集系统,卷接包数据采集" />
|
<meta name="author" content="leejean" />
|
<jsp:include page="../../initlib/initAll.jsp"></jsp:include>
|
<style type="text/css">
|
*{font-family: "Microsoft YaHei","微软雅黑","宋体",Arial;list-style-type :none;padding:0px;margin:0px;}
|
.outIn-tab{margin-left:30px;}
|
.outIn-tab tr{height:25px;}
|
.outIn-title{width: 140px;text-align: right;font-weight: bold;color: #257cbe;font-size: 14px;float: left;}
|
.outIn-value{color: blue;font-weight: bold;float: left;}
|
#error-tab tr{height:30px;}
|
.error-flag{width:20px;height:20px;display: block;margin-top: 7px;background:url(${pageContext.request.contextPath}/pms/isp/img/red.gif) no-repeat;background-size: 100%;}
|
.normal-flag{width:20px;height:20px;display: block; background:url(${pageContext.request.contextPath}/pms/isp/img/green.gif) no-repeat;background-size: 100%;}
|
.craft-tab tr{height:25px;}
|
.craft-tab td{width:10%;}
|
.craft-title{float: left;font-size: 14px;width:100px;text-align: right;font-weight: bold;color: #257cbe;}
|
.craft-value{float: left;font-size: 14px;width:110px;text-align: left;font-weight: bold;color: blue;}
|
.info_box{
|
width: 100%;
|
height:190px;
|
overflow: hidden;
|
padding-bottom: 10px;
|
min-width: 1315px;
|
}
|
#tt,.tt_title{min-width:1330px;}
|
h1 {
|
margin: 10px 0;
|
font-size: 16px;
|
font-weight: bold;
|
text-align: center;
|
line-height: 26px;
|
border: 1px solid #95B8E7;
|
border-bottom: 1px solid #008597;
|
background: linear-gradient(top , rgb(222, 244, 250) 8% , rgb(198, 234, 246) 94%);
|
background: -o-linear-gradient(top , rgb(222, 244, 250) 8% , rgb(198, 234, 246) 94%);
|
background: -ms-linear-gradient(top , rgb(222, 244, 250) 8% , rgb(198, 234, 246) 94%);
|
background: -moz-linear-gradient(top , rgb(222, 244, 250) 8% , rgb(198, 234, 246) 94%);
|
background: -webkit-linear-gradient(top , rgb(222, 244, 250) 8% , rgb(198, 234, 246) 94%);
|
color: #257cbe;
|
border-radius: 4px 4px 0px 0px;
|
margin-bottom: 2px;
|
}
|
.tt_title{
|
margin: 10px 0;
|
font-size: 18px;
|
font-weight: bold;
|
text-align: center;
|
line-height: 38px;
|
border: 1px solid #95B8E7;
|
border-bottom: 2px solid #008597;
|
background-color: #E0ECFF;
|
background: -webkit-linear-gradient(top,#EFF5FF 0,#E0ECFF 100%);
|
background: -moz-linear-gradient(top,#EFF5FF 0,#E0ECFF 100%);
|
background: -o-linear-gradient(top,#EFF5FF 0,#E0ECFF 100%);
|
background: linear-gradient(to bottom,#EFF5FF 0,#E0ECFF 100%);
|
background-repeat: repeat-x;
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFF5FF,endColorstr=#E0ECFF,GradientType=0);
|
border-color: #95B8E7;
|
color: #299DD3;
|
border-radius: 4px 4px 0px 0px;
|
margin-bottom: 2px;
|
}
|
.zb45{
|
float: left;
|
border: 1px solid #95B8E7;
|
margin-top: 10px;
|
font-size: 14px;
|
font-weight: bold;
|
padding-top: 8px;
|
border-radius: 4px;
|
background: radial-gradient(center , circle cover , rgb(251, 253, 253) , rgb(211, 236, 236) 95%);
|
background: -o-radial-gradient(center , circle cover , rgb(251, 253, 253) , rgb(211, 236, 236) 95%);
|
background: -ms-radial-gradient(center , circle cover , rgb(251, 253, 253) , rgb(211, 236, 236) 95%);
|
background: -moz-radial-gradient(center , circle cover , rgb(251, 253, 253) , rgb(211, 236, 236) 95%);
|
background: -webkit-radial-gradient(center , circle cover , rgb(251, 253, 253) , rgb(211, 236, 236) 95%);
|
color: #257cbe;
|
width: 44%;
|
min-width:596px;
|
height: 170px;
|
}
|
.info-div {
|
float: left;
|
border: 1px solid #95B8E7;
|
width:18%;
|
min-width: 240px;
|
margin-left: 15px;
|
height: 170px;
|
margin-top: 10px;
|
font-size: 14px;
|
font-weight: bold;
|
padding-top: 8px;
|
border-radius: 4px;
|
background: linear-gradient(top , rgb(222, 244, 250) 8% , rgb(198, 234, 246) 94%);
|
background: -o-linear-gradient(top , rgb(222, 244, 250) 8% , rgb(198, 234, 246) 94%);
|
background: -ms-linear-gradient(top , rgb(222, 244, 250) 8% , rgb(198, 234, 246) 94%);
|
background: -moz-linear-gradient(top , rgb(222, 244, 250) 8% , rgb(198, 234, 246) 94%);
|
background: -webkit-linear-gradient(top , rgb(222, 244, 250) 8% , rgb(198, 234, 246) 94%);
|
color: #257cbe;
|
}
|
.info-tab{font-size:14px;width:250px;margin-left: 20px;}
|
.info-tab tr{height:25px;}
|
.tab-val{color:blue;width:65px;}
|
.tab-tt{width:90px;font-weight:bold;}
|
.info_gy{width: 34.5%;min-width: 458px;float: left;margin-left: 15px;margin-top: 0px;}
|
.outIn-tab {padding-left: 8px;border-radius: 4px;border: 1px solid #95B8E7;height: 148px;margin: 0;}
|
|
.info_sub {
|
width: 100%;
|
height: 120px;
|
padding-bottom: 10px;
|
min-width: 1330px;
|
|
}
|
|
|
</style>
|
<script src="js/base.js" type="text/javascript"></script>
|
<script type="text/javascript">
|
function getArgsFromHref(sArgName){
|
var sHref = window.location.href;
|
//CuPlayer.com提示：测试数据
|
//实际情况是用window.location.href得到URL
|
var args = sHref.split("?");
|
var retval = "";
|
if(args[0] == sHref) /*参数为空*/
|
{
|
return retval; /*CuPlayer.com提示：无需做任何处理*/
|
}
|
var str = args[1];
|
args = str.split("&");
|
for(var i = 0; i < args.length; i++ )
|
{
|
str = args[i];
|
var arg = str.split("=");
|
if(arg.length <= 1) continue;
|
if(arg[0] == sArgName) retval = arg[1];
|
}
|
return retval;
|
}
|
var code = getArgsFromHref("code");
|
var type = getArgsFromHref("type");
|
|
function loadData(){
|
var error={"width":"20px","height":"20px","display":" block","margin-top":" 7px","background":"url(${pageContext.request.contextPath}/pms/isp/img/red.gif) no-repeat","background-size":" 100%"}
|
var normal={"width":"20px","height":"20px","display":" block","margin-top":" 7px","background":"url(${pageContext.request.contextPath}/pms/isp/img/green.gif) no-repeat","background-size":" 100%"}
|
//刷新包装机
|
//$.post("${pageContext.request.contextPath}/isp/getFormatted.do",{"code":code},function(json){
|
$.ajax({
|
url: "${pageContext.request.contextPath}/pms/isp/getEquDetailRealData.do",
|
type: "post",
|
dataType:'json',
|
data: {"equCode":code,"equType":type},
|
success: function (json) {
|
if(json.success){
|
var datas=json.msg;
|
datas=$.parseJSON(datas);
|
//基础数据
|
{
|
var common = datas.common;
|
var main = datas.main;
|
|
var online = common.online;
|
if(online == true){
|
$("#bzj-yxzt").html("网络正常");
|
}else{
|
$("#bzj-yxzt").html("网络断开");
|
}
|
|
|
//车速
|
$("#bzj-cur-speech").html(verificat.isNotNull(common.speed));
|
//产量
|
$("#bzj-clsj").html(verificat.isNotNull(common.qty/10000));
|
//运行时间
|
$("#bzj-run-time").html(verificat.isNotNull((common.runTime/60).toFixed(2)));
|
//停机时间
|
$("#bzj-stop-time").html(verificat.isNotNull((common.stopTime/60).toFixed(2)));
|
//停机次数
|
$("#bzj-stop-times").html(verificat.isNotNull(common.stopTimes)==""?0:verificat.isNotNull(common.stopTimes));
|
//剔除
|
$("#bzj-tc").html(verificat.isNotNull(common.badQty));
|
//盘纸消耗
|
$("#bzj-pzxh").html(verificat.isNotNull(common.usedPaper));
|
|
//ZL29
|
if(type === 'ZL29' && Object.keys(main).length>0){
|
for (let i = 22; i <= 34; i++) {
|
const key = i.toString();
|
const selector = '#zl29_val' + key;
|
$(selector).html(verificat.isNotNull(main[key]));
|
}
|
}
|
|
//ZL26C
|
if(type === 'ZL26C' && Object.keys(main).length>0){
|
for (let i = 14; i <= 26; i++) {
|
const key = i.toString();
|
const selector = '#zl26c_val' + key;
|
$(selector).html(verificat.isNotNull(main[key]));
|
}
|
|
for (let i = 31; i <= 34; i++) {
|
const key = i.toString();
|
const selector = '#zl26c_val' + key;
|
$(selector).html(verificat.isNotNull(main[key]));
|
}
|
}
|
|
|
}
|
}
|
}});
|
}
|
loadData();
|
window.setInterval("loadData()",6000);
|
|
$(document).ready(function() {
|
//根据设备类型显示不同数据
|
if(type === 'ZL29'){
|
$('#ZL29').show();
|
$('#ZL26C').hide();
|
}else if(type === 'ZL26C'){
|
$('#ZL29').hide();
|
$('#ZL26C').show();
|
}
|
});
|
</script>
|
|
</head>
|
<body>
|
<div class="tt_title"> 实时监控</div>
|
<div id="tt" style="width:100%;height:100%;" >
|
<div class="info_box" >
|
<div class="zb45">
|
<img src="${pageContext.request.contextPath}/pms/isp/img/filter_det.png" style="width:538px;height:169px;margin: 0 auto;display: block;"/>
|
</div>
|
<div class="info-div">
|
<table class="info-tab">
|
<tr>
|
<td class="tab-tt">运行状态：</td>
|
<td id="bzj-yxzt" colspan="2"></td>
|
</tr>
|
<tr>
|
<td class="tab-tt">车 速：</td>
|
<td id="bzj-cur-speech" class="tab-val">0</td>
|
<td class="unit">包/分</td>
|
</tr>
|
<tr>
|
<td class="tab-tt">运行时间：</td>
|
<td id="bzj-run-time" class="tab-val">0</td>
|
<td class="unit">分钟</td>
|
</tr>
|
<tr>
|
<td class="tab-tt">停机次数：</td>
|
<td id="bzj-stop-times" class="tab-val">0</td>
|
<td class="unit">次</td>
|
</tr>
|
<tr>
|
<td class="tab-tt">停机时间：</td>
|
<td id="bzj-stop-time" class="tab-val">0</td>
|
<td class="unit">分钟</td>
|
</tr>
|
</table>
|
</div>
|
<%-- <div class="info_gy">
|
<h1>工艺数据</h1>
|
<div class="outIn-tab">
|
<table style="margin-top:15px;line-height: 35px;" class="craft-tab">
|
<tr>
|
<td class="craft-title">工艺数据1：</td><td class="craft-value"><span>10</span>单位</td>
|
<td class="craft-title">工艺数据2：</td><td class="craft-value"><span>10</span>包</td>
|
<td class="craft-title">工艺数据3：</td><td class="craft-value"><span>10</span>单位</td>
|
<td class="craft-title">工艺数据4：</td><td class="craft-value"><span>10</span>单位</td>
|
<td class="craft-title">工艺数据5：</td><td class="craft-value"><span>10</span>单位</td>
|
</tr>
|
</table>
|
</div>
|
<div style="clear:both;"></div>
|
</div>
|
<div style="clear:both;"></div> --%>
|
</div>
|
|
<div class="info_sub">
|
<h1>产耗数据</h1>
|
<div style="padding: 5px 15px;">
|
<table style="width: 100%;" class="craft-tab">
|
<tr>
|
<td class="craft-title">实时产量：</td>
|
<td class="craft-value"><span id="bzj-clsj">0</span>万支</td>
|
<td class="craft-title">实时剔除：</td>
|
<td class="craft-value"><span id="bzj-tc">0</span>支</td>
|
<td class="craft-title">盘纸消耗：</td>
|
<td class="craft-value"><span id="bzj-pzxh">0</span>米</td>
|
</tr>
|
|
</table>
|
</div>
|
</div>
|
|
|
<div class="info_sub" id="ZL29">
|
<h1>诊断测量数据</h1>
|
<div style="padding: 5px 15px;">
|
<table style="width: 100%;" class="craft-tab">
|
<tr style="">
|
<td class="craft-title">封口胶水箱温度：</td>
|
<td class="craft-value"><span id="zl29_val22">0</span>℃</td>
|
<td class="craft-title">封口胶水的溶胶室温度：</td>
|
<td class="craft-value"><span id="zl29_val23">0</span>℃</td>
|
<td class="craft-title">封口胶水泵温度：</td>
|
<td class="craft-value"><span id="zl29_val24">0</span>℃</td>
|
<td class="craft-title">封口胶水软管温度：</td>
|
<td class="craft-value"><span id="zl29_val25">0</span>℃</td>
|
<td class="craft-title">封口胶水喷嘴温度：</td>
|
<td class="craft-value"><span id="zl29_val26">0</span>℃</td>
|
</tr>
|
<tr>
|
|
<td class="craft-title">纸加热器温度：</td>
|
<td class="craft-value"><span id="zl29_val27">0</span>℃</td>
|
<td class="craft-title">封口胶水量：</td>
|
<td class="craft-value"><span id="zl29_val28">0</span>克</td>
|
<td class="craft-title">内胶量：</td>
|
<td class="craft-value"><span id="zl29_val29">0</span>克</td>
|
<td class="craft-title">vO压力：</td>
|
<td class="craft-value" ><span id="zl29_val30">0</span><div style="color: transparent">.</div></td>
|
<td class="craft-title">V1/V KDF：</td>
|
<td class="craft-value"><span id="zl29_val31">0</span><div style="color: transparent">.</div></td>
|
</tr>
|
|
<tr>
|
|
|
|
|
|
<td class="craft-title">V2/V1：</td>
|
<td class="craft-value"><span id="zl29_val32">0</span><div style="color: transparent">.</div></td>
|
<td class="craft-title">V3/V2：</td>
|
<td class="craft-value"><span id="zl29_val33">0</span><div style="color: transparent">.</div></td>
|
<td class="craft-title">V4/V3：</td>
|
<td class="craft-value"><span id="zl29_val34">0</span><div style="color: transparent">.</div></td>
|
|
|
|
|
|
|
|
|
</tr>
|
|
</table>
|
</div>
|
</div>
|
|
|
<div class="info_sub" id="ZL26C">
|
<h1>设备数据</h1>
|
<div style="padding: 5px 15px;">
|
<table style="width: 100%;" class="craft-tab">
|
<tr style="">
|
<td class="craft-title">胶缸温度实际值：</td>
|
<td class="craft-value"><span id="zl26c_val14">0</span>℃</td>
|
<td class="craft-title">热熔室室温度实际值：</td>
|
<td class="craft-value"><span id="zl26c_val15">0</span>℃</td>
|
<td class="craft-title">封口胶泵温度实际值：</td>
|
<td class="craft-value"><span id="zl26c_val16">0</span>℃</td>
|
<td class="craft-title">封口胶枪温度实际值：</td>
|
<td class="craft-value"><span id="zl26c_val17">0</span>℃</td>
|
<td class="craft-title">封口胶管温度实际值：</td>
|
<td class="craft-value"><span id="zl26c_val18">0</span>℃</td>
|
</tr>
|
<tr>
|
<td class="craft-title">导纸板温度实际值：</td>
|
<td class="craft-value"><span id="zl26c_val19">0</span>℃</td>
|
<td class="craft-title">封口烙铁温度实际值：</td>
|
<td class="craft-value"><span id="zl26c_val20">0</span>℃</td>
|
<td class="craft-title">冷却条实际温度：</td>
|
<td class="craft-value"><span id="zl26c_val21">0</span>℃</td>
|
<td class="craft-title">烟枪底座实际温度：</td>
|
<td class="craft-value" ><span id="zl26c_val22">0</span>℃</td>
|
<td class="craft-title">内胶施加量：</td>
|
<td class="craft-value" ><span id="zl26c_val23">0</span>克</td>
|
</tr>
|
|
<tr>
|
|
<td class="craft-title">搭口胶施加量：</td>
|
<td class="craft-value"><span id="zl26c_val24">0</span>克</td>
|
<td class="craft-title">甘油醋施加量：</td>
|
<td class="craft-value"><span id="zl26c_val25">0</span>克</td>
|
<td class="craft-title">切卫进刀畅次：</td>
|
<td class="craft-value"><span id="zl26c_val26">0</span>次</td>
|
<td class="craft-title">V3/V0速比：</td>
|
<td class="craft-value" ><span id="zl26c_val31">0</span><div style="color: transparent">.</div></td>
|
<td class="craft-title">V3/V2速：</td>
|
<td class="craft-value" ><span id="zl26c_val32">0</span><div style="color: transparent">.</div></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="craft-title">V2/V1速比：</td>
|
<td class="craft-value"><span id="zl26c_val33">0</span><div style="color: transparent">.</div></td>
|
<td class="craft-title">V1/V0速比：</td>
|
<td class="craft-value"><span id="zl26c_val34">0</span><div style="color: transparent">.</div></td>
|
|
|
|
</tr>
|
|
|
</table>
|
</div>
|
</div>
|
|
|
|
</div>
|
|
</body>
|
</html>
|
