<%@ page contentType="text/html;charset=UTF-8"%>
|
|
<html>
|
<head>
|
<script type="text/javascript" src="/gmms2/static/js/eChart/echarts.js"></script>
|
<script type="text/javascript" src="/gmms2/static/js/ng/ping.js"></script>
|
<script type="text/javascript" src="/gmms2/static/js/ng/tb.js"></script>
|
|
<script type="text/javascript"
|
src="/gmms2/static/jquery/jquery-3.1.0.min.js"></script>
|
<meta charset="utf-8">
|
|
<style>
|
table{
|
border-collapse:collapse;
|
|
border:1px solid black;
|
|
}
|
th{
|
text-align: center;
|
border-collapse:collapse;
|
|
border:0.5px solid black;
|
}
|
td {
|
text-align: center;
|
border-collapse:collapse;
|
|
border:0.5px solid black;
|
}
|
.panel {
|
display: grid;
|
grid-auto-rows: 30px auto;
|
border-radius: 5px;
|
border: 1px solid gray;
|
|
margin:10px;
|
}
|
|
.line{
|
background-color: black;
|
width: 200px;
|
height: 1px;
|
|
}
|
#view_div{
|
display:grid;
|
grid-template-columns: 25% 25% 25% 25%;
|
grid-template-rows: 33% 33% 33%;
|
width:100%;
|
|
height:100%;
|
}
|
|
#main_div{
|
display:grid;
|
grid-template-rows: 95% 5%;
|
width:100%;
|
height:100%;
|
width:1920px;
|
height:1080px;
|
|
}
|
|
.cell_border{
|
border:0px solid black;
|
|
}
|
|
|
#menu_div{
|
display:flex;
|
flex-direction: row;
|
width: 100%;
|
height:70%;
|
margin:auto;
|
|
|
}
|
|
</style>
|
|
</head>
|
|
<body >
|
|
<div id="main_div" >
|
<div id="view_div">
|
<div class="cell_border" Style="grid-row:0;grid-row:0" id="cell1">
|
|
</div>
|
<div class="cell_border" style="grid-row-end: 2 span;grid-column: 2 span;" id="cell2">
|
|
</div>
|
<div class="cell_border" id="cell3">
|
|
</div>
|
|
|
<div class="cell_border" id="cell4">
|
|
</div>
|
<div class="cell_border" id="cell5">
|
|
</div>
|
<div class="cell_border" id="cell6">
|
|
</div>
|
<div class="cell_border" id="cell7">
|
|
</div>
|
<div class="cell_border" id="cell8">
|
|
</div>
|
<div class="cell_border" id="cell9">
|
|
</div>
|
|
</div>
|
|
<div id="menu_div">
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
var cells=[];
|
for(var i=1;i<=9;i++){
|
if(i==2)
|
continue;
|
cells.push(document.getElementById("cell"+i));
|
}
|
initView(document.getElementById("menu_div"),cells);
|
createChanliangPanel("冷加工1线","l1",1);
|
createChanliangPanel("冷加工2线","l2",3);
|
createChanliangPanel("冷加工3线","l3",5);
|
createGanghua("/gmms/ping/gang?id=0",2);
|
createChanliangPanel("中空","zk",4);
|
createCangchuPanel(["原片仓储","冷加工半成品","钢化半成品"],"/gmms/ping/cang?id=0",8);
|
createPower("/gmms/ping/neng?id=0",6);
|
createJL("/gmms/ping/jia?id=0",7);
|
function end(d,ok){
|
try{
|
if(ok){
|
if(d!="fail"){
|
d=JSON.parse(d);
|
data.l1=d.l1;
|
data.l2=d.l2;
|
data.l3=d.l3;
|
data.allnh=d.allnh;
|
data.gh=d.gh;
|
data.kucun[0]=d.kucun[0];
|
data.kucun[1]=d.kucun[1];
|
data.kucun[2]=d.kucun[2];
|
updateData(data);
|
}
|
}
|
}
|
catch{
|
|
}
|
setTimeout(update,20000);
|
}
|
|
|
function update(){
|
$.ajax({
|
url:'ping',
|
type:'post',
|
success:function(d){
|
end(d,true);
|
},
|
error:function(d){
|
end(d,false);
|
}
|
});
|
}
|
update();
|
</script>
|
|
</body>
|
</html>
|
