<%@ page contentType="text/html;charset=UTF-8"%>
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
<%@page import="com.northglass.Globel.mes"%>
|
<%@page import="com.northglass.SqlHelper.*"%>
|
<%@ page contentType="text/html;charset=UTF-8"%>
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
<html>
|
<head>
|
<script src="/gmms2/static/js/ng/layout.js"></script>
|
<script src="gmms2/static/jquery/jquery-3.1.0.min.js" type="text/javascript"></script>
|
<style>
|
.rect{
|
background-color: lightblue;
|
border: 1px solid blue;
|
grid-row-start: 1;
|
overflow:auto
|
}
|
|
.layout{
|
width:800px;
|
height:450px;
|
display:grid;
|
background-color: gray;
|
display:grid;
|
text-align: center;
|
margin:20px;
|
}
|
</style>
|
|
|
</head>
|
<body>
|
<div class="content-wrapper">
|
<div style="display:grid;grid-template-columns:50% 50%">
|
<div>
|
<span id="title1" ></span>
|
<div id="view1" class="layout">
|
</div>
|
</div>
|
<div>
|
<span id="title2"></span>
|
<div id="view2" class="layout">
|
</div>
|
</div>
|
<div>
|
<span id="title3"></span>
|
<div id="view3" class="layout">
|
</div>
|
</div>
|
<div>
|
<span id="title4"></span>
|
<div id="view4" class="layout">
|
</div>
|
</div>
|
<div>
|
<span id="title5"></span>
|
<div id="view5" class="layout">
|
</div>
|
</div>
|
<div>
|
<span id="title6"></span>
|
<div id="view6" class="layout">
|
</div>
|
</div>
|
</div>
|
|
|
|
|
|
|
<script>
|
<%
|
String p=request.getParameter("l");
|
if(p!=null)
|
out.print("var line="+p+";\r\n");
|
else
|
out.print("var line=null;\r\n");
|
%>
|
|
|
</script>
|
|
<script>
|
|
function _view(view,title){
|
this.lay=createLayout(document.getElementById(view));
|
this.title=document.getElementById(title);
|
this.opt=this.lay.createOption(6000,3000);
|
this.datas=null;
|
this.number=null;
|
this.getColor=function(d){
|
|
}
|
|
this.update=function(){
|
if(this.number!=null){
|
var optData=[];
|
for(var i=0;i<this.datas.length;i++){
|
var d=this.datas[i];
|
var color=null;
|
switch(d.proc){
|
case "钢化后摆片":
|
color="white";
|
|
break;
|
case "钢化后复合":
|
color="yellow";
|
break;
|
case "钢化后下片":
|
color="orange";
|
break;
|
case "钢化上片":
|
if(d.state=="正在工作" || d.state=="已优化")
|
color="gray";
|
}
|
|
|
|
var od={
|
x:d.x,
|
y:d.y,
|
width:d.width,
|
height:d.height,
|
id:d.id,
|
color:color,
|
text:"\r\n"+d.width+"x"+d.height+"\r\n"+ d.glass_id+"\r\n"+d.proc+"--"+d.state,
|
lines:line,
|
glass_id:d.glass_id,
|
proc:d.proc,
|
state:d.state,
|
luhao:this.number,
|
remove:d.state=="破损"
|
};
|
optData.push(od);
|
}
|
this.opt.items=optData;
|
this.lay.layout(this.opt);
|
|
this.title.innerText="炉号:"+this.number;
|
}
|
else{
|
this.opt.items=[];
|
this.lay.layout(this.opt);
|
this.title.innerText="炉号：无";
|
}
|
}
|
|
|
}
|
var views=new Array(6);
|
views[0]=new _view("view1","title1");
|
views[1]=new _view("view2","title2");
|
views[2]=new _view("view3","title3");
|
views[3]=new _view("view4","title4");
|
views[4]=new _view("view5","title5");
|
views[5]=new _view("view6","title6");
|
|
function update(data){
|
var ds=JSON.parse(data);
|
if(ds.result!="ok"){
|
views[0].title.innerText=ds.message;
|
return;
|
}
|
ds=ds.data;
|
var pos=0;
|
var fur=null;
|
for(var i=0;i<6;i++){
|
views[i].number=null;
|
}
|
for(var i=0;i<ds.length;i++){
|
var d=ds[i];
|
var v=views[pos];
|
if(v.number==null){
|
v.number=d.layout_number;
|
v.datas=[];
|
}
|
if(v.number==d.layout_number){
|
v.datas.push(d);
|
}
|
else{
|
pos++;
|
if(pos>=6)
|
break;
|
views[pos].number=d.layout_number;
|
views[pos].datas=[d];
|
}
|
}
|
|
for(var i=0;i<6;i++){
|
views[i].update();
|
}
|
|
|
}
|
|
function error(data){
|
|
}
|
|
|
function load(){
|
$.ajax({
|
type:"post",
|
data:{ a:"update",b:line },
|
url:"/gmms2/mesview/data/_layoutEx",
|
success:update,
|
error:error,
|
async:false
|
});
|
setTimeout(load,2000);
|
}
|
|
load();
|
|
|
|
</script>
|
</body>
|
</html>
|
