<%@ page contentType="text/html;charset=UTF-8"%>
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
<c:set var="ctx" value="${pageContext.request.contextPath}" />
|
|
<html>
|
<head>
|
<script src="tb.js"></script>
|
<script src="jq.js"></script>
|
<script src="${ctx}/static/js/ng/tb.js" type="text/javascript"></script>
|
|
<style>
|
.table>tbody>tr>td {
|
vertical-align: middle;
|
/* content:middle; */
|
text-align: center;
|
font-weight: bold;
|
font-size:16px;
|
/* border: 1px solid green; */
|
}
|
|
.table>thead>tr>th{
|
font-weight: bold;
|
font-size:20px;
|
text-align: center;
|
}
|
|
h1{
|
display : inline;
|
}
|
|
</style>
|
|
<script>
|
|
var rTime = 50000;//自动刷新间隔时间 单位：毫秒
|
</script>
|
|
<title>中空理片-手动理片</title>
|
</head>
|
<body>
|
<div class="content-wrapper">
|
<div>
|
<section class="content-header">
|
<h1>
|
中空理片-手动理片
|
|
</h1>
|
|
<ol class="breadcrumb">
|
<li>
|
|
</li>
|
<li class="active"></li>
|
</ol>
|
</section>
|
</div>
|
|
<!-- 信息 -->
|
<div>
|
<section class="content container-fluid">
|
<div class="box" style="overflow: auto;">
|
<div class="box-header"></div>
|
<!-- /.box-header -->
|
<div class="box-body no-padding" id="renWuXinXi"></div>
|
</div>
|
</section>
|
</div>
|
|
<!-- 中空流程卡详情 -->
|
<div class="modal fade" id="BJ-Info" tabindex="-1" role="dialog"
|
aria-labelledby="myModalLabel" aria-hidden="true">
|
<div class="modal-dialog">
|
<form class="form-horizontal" role="form" id="category_add"
|
method="post">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button type="button" class="close" data-dismiss="modal"
|
aria-hidden="true" data-backdrop="static">×</button>
|
<h3 class="modal-title" id="myModalLabel"
|
style="font-weight: bolder;">中空流程卡详情</h3>
|
</div>
|
|
<div class="modal-body">
|
<div class="form-group">
|
<h4>
|
<label class="col-sm-3 control-label no-padding-right"
|
style="font-weight: bolder;">料架编号： </label>
|
</h4>
|
|
<div class="col-sm-9">
|
<div class="btn-group"
|
style="width: 250px; height: 35px; font-size: 20px">
|
<select id="kj_content" class="span_tasktext">
|
|
</select>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="modal-footer">
|
<!-- <button type="button" class="btn btn-primary btn-lg"
|
data-dismiss="modal">取消</button>
|
|
<button type="button" class="btn btn-success btn-lg"
|
id="BJ_button" onclick="BJ_Submit()">确认</button> -->
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
|
<!-- 理片操作 -->
|
<div class="modal fade" id="LP-Operate" tabindex="-1" role="dialog"
|
aria-labelledby="myModalLabel" aria-hidden="true">
|
<form class="form-horizontal" role="form">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button type="button" class="close" data-dismiss="modal"
|
aria-hidden="true">×</button>
|
<h3 class="modal-title" id="QK_AlertTitle">清空信息操作提示：</h3>
|
</div>
|
<div class="modal-body" style="text-align: left;">
|
<h3 id="QK_MsgShow">
|
是否确定执行 <span id="QK_Id" style="sixe: 25px; font-weight: bold"></span>
|
号上片位置 <span style="sixe: 20px; color: red; font-weight: bold">清空信息
|
</span> 操作？
|
</h3>
|
</div>
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary btn-lg"
|
data-dismiss="modal">取消</button>
|
|
<button type="button" class="btn btn-danger btn-lg"
|
id="QK_button" onclick="QK_Submit()">确认</button>
|
</div>
|
</div>
|
</div>
|
</form>
|
</div>
|
|
<!-- 流程卡详情 -->
|
<div class="modal fade" id="lck_Info" tabindex="-1" role="dialog"
|
aria-labelledby="myModalLabel" aria-hidden="true"
|
style="overflow-y: auto; height: 99%">
|
<div class="modal-dialog" style="width: 80%; height: 100%">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button type="button" class="close" data-dismiss="modal"
|
aria-hidden="true" data-backdrop="static">×</button>
|
|
<p class="modal-title">
|
<span id="modal_title" style="font-weight: bolder;font-size:25px;color:red">详情</span>
|
|
<small id="cz_alert" style="font-weight: bolder;font-size:20px;">小片详情：</small>
|
|
|
<button type="button" class='btn btn-large btn-success' id="btn_showALl" onclick="">显示全部</button>
|
<button type="button" class='btn btn-large btn-danger' id="btn_showQue" onclick="">显示缺片</button>
|
|
</p>
|
|
|
|
</div>
|
|
<div class="modal-body">
|
<div class="no-padding" id="lck_detail"></div>
|
</div>
|
<div class="modal-footer">
|
<!-- <button type="button" class="btn btn-primary btn-lg"
|
data-dismiss="modal">取消</button>
|
|
<button type="button" class="btn btn-success btn-lg"
|
id="BJ_button" onclick="BJ_Submit()">确认</button> -->
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
<!-- 信息提示 -->
|
<div class="modal fade" id="CZ_Msg" tabindex="-1" role="dialog"
|
aria-labelledby="myModalLabel" aria-hidden="true">
|
<form class="form-horizontal" role="form">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button type="button" class="close" data-dismiss="modal"
|
aria-hidden="true">×</button>
|
<h3 class="modal-title" id="TK_AlertTitle">操作提示：</h3>
|
</div>
|
<div class="modal-body" style="text-align: left;">
|
<h3 id="MsgShow">
|
<span id="cz_Ming" style="font-weight: bold"></span>
|
<br/>
|
<br/>
|
<span
|
id="cz_Zhuangtai" style="font-weight: bold"></span>
|
</h3>
|
</div>
|
<div class="modal-footer">
|
<button type="button" class="btn btn-primary btn-lg"
|
data-dismiss="modal">确定</button>
|
</div>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
<!-- /.content-wrapper -->
|
|
|
<!-- 表内容显示 -->
|
<script>
|
var opt = {
|
table : {
|
style : "width:100%",
|
"class" : "table table-striped table-hover"
|
},
|
columns : [
|
|
{
|
name : "序号",
|
binding : 0,
|
style : "width:5%",
|
filter : {}
|
|
}, {
|
name : "中空流程卡",
|
binding : 1,
|
//style : "width:5%",
|
//editAble:true,//设置列可编辑
|
type : "element",
|
filter : {}
|
//设置列可搜索
|
}, {
|
name : "包含的流程卡",
|
binding : 2,
|
//style : "width:8%",
|
filter : {}
|
}, {
|
|
name : "总数",
|
binding : 3,
|
//style : "width:8%",
|
//type : "element",
|
filter : {}
|
}, {
|
name : "库内数",
|
binding : 4,
|
//style : "width:8%",
|
filter : {}
|
}, {
|
name : "缺片数",
|
binding : 5,
|
//style : "width:8%",
|
type : "element",
|
filter : {}
|
},{
|
name : "理片操作",
|
binding : 6,
|
style : "width:15%",
|
type : "element",
|
filter : {}
|
} ]
|
};
|
|
//创建表
|
var db = createTable(document.getElementById("renWuXinXi"), opt);
|
var a = true;
|
var t = false;
|
|
|
<%String groups = request.getParameter("group");
|
if (groups == null)
|
groups = "null";
|
out.print("var group=" + groups + ";\r\n");%>
|
//加载表格内容
|
function loadTable() {
|
$.ajax({
|
type : "post",
|
data : {
|
yemian:"中空手动理片",
|
caozuo:"获取列表",
|
leixing:"查询",
|
line : 0
|
},
|
dataType : "json",
|
url : "/gmms2/mesview/data/_zhongkong_mangage",
|
success : loadSuccess,
|
error : loadError
|
});
|
//a = true;
|
}
|
loadTable();
|
|
function loadSuccess(data) {
|
|
var d = data;
|
for (var i = 0; i < d.length; i++) {
|
|
//var a = d[i];
|
//var s;
|
d[i][0] = i+1;
|
d[i][2] = d[i][2];
|
|
d[i][5] = d[i][3]-d[i][4];
|
if(d[i][5] != 0){
|
|
d[i][5] = d[i][5]+ " <button class='btn btn-large btn-danger' onclick=\"lookDetail(\'"+d[i][1]+"\',0)\">查看缺片</button>";
|
}
|
|
var a = d[i];
|
//a.push(s);
|
|
d[i][6] ="<button class='btn btn-large btn-warning' onclick=\"sliceGlass(\'"+d[i][1]+"\',1)\">缺片放里</button>"
|
+" <button class='btn btn-large btn-warning' onclick=\"sliceGlass(\'"+d[i][1]+"\',2)\">缺片放外</button>";
|
|
d[i][1] =d[i][1]+ " <button class='btn btn-large btn-success' onclick=\"lookDetail(\'"+d[i][1]+"\',1)\">查看详情</button>";
|
|
}
|
|
db.update(d);
|
|
}
|
|
function loadError(data) {
|
$("#CZ_Msg").modal('toggle');
|
$("#cz_Ming").html("操作失败:");
|
$("#cz_Zhuangtai").html("中空列表查询失败！");
|
$("#cz_Zhuangtai").attr("style", "color:red;");
|
$("#cz_mingxi").html("请检查原因后刷新页面！"+data.responseText);
|
}
|
|
//InitLoad();
|
</script>
|
|
|
<!-- 详情显示 -->
|
<script>
|
var opts = {
|
table : {
|
style : "width:100%",
|
"class" : "table table-striped table-hover"
|
},
|
columns : [
|
|
{
|
name : "序号",
|
binding : 0,
|
style : "width:5%",
|
filter : {}
|
|
}, {
|
name : "流程卡",
|
binding : 1,
|
//editAble:true,//设置列可编辑
|
filter : {}
|
//设置列可搜索
|
}, {
|
name : "玻璃任务ID",
|
binding : 2,
|
filter : {}
|
}, {
|
|
name : "宽",
|
binding : 3,
|
filter : {}
|
}, {
|
name : "高",
|
binding : 4,
|
filter : {}
|
}
|
, {
|
name : "膜系",
|
binding : 5,
|
//style : "width:8%",
|
type : "element",
|
filter : {}
|
}
|
, {
|
name : "仓储料架号",
|
binding : 6,
|
//style : "width:8%",
|
type : "element",
|
filter : {}
|
}, {
|
name : "AB面",
|
binding : 7,
|
filter : {}
|
}, {
|
name : "下片顺序",
|
binding : 8,
|
filter : {}
|
}, {
|
name : "理片顺序",
|
binding : 9,
|
//style : "width:8%",
|
type : "element",
|
filter : {}
|
}, {
|
name : "状态",
|
binding : 10,
|
filter : {}
|
}, {
|
name : "是否在库内",
|
binding : 11,
|
//style : "width:8%",
|
type : "element",
|
filter : {}
|
}/* ,{
|
name : "理片操作",
|
binding : 12,
|
style : "width:15%",
|
type : "element",
|
filter : {}
|
} */
|
]
|
};
|
|
//创建表
|
var db2 = createTable(document.getElementById("lck_detail"), opts);
|
|
//加载表格内容
|
function loadlckTable(zklck_no) {
|
|
$.ajax({
|
type : "post",
|
data : {
|
yemian:"中空手动理片",
|
caozuo:"获取详情",
|
leixing:"查询",
|
lck:zklck_no
|
},
|
dataType : "json",
|
url : "/gmms2/mesview/data/_zhongkong_mangage",
|
success : loadSuc,
|
error : loadErr
|
});
|
}
|
|
|
//加载表格内容
|
function loadlckQueTable(zklck_no) {
|
|
$.ajax({
|
type : "post",
|
data : {
|
yemian:"中空手动理片",
|
caozuo:"获取缺片详情",
|
leixing:"查询",
|
lck:zklck_no
|
},
|
dataType : "json",
|
url : "/gmms2/mesview/data/_zhongkong_mangage",
|
success : loadSuc,
|
error : loadErr
|
});
|
}
|
|
|
function loadSuc(data) {
|
var d = data;
|
for (var i = 0; i < d.length; i++) {
|
|
//var a = d[i];
|
//var s;
|
d[i][0] = i+1;
|
|
d[i][5]=d[i][5]+"mm "+d[i][6];
|
d[i][6]=d[i][7];
|
d[i][7]=d[i][8];
|
d[i][8]=d[i][9];
|
d[i][9]=d[i][10];
|
//xuhao,liuchengka,taskid,width,height,thickness,color,id,orientation,stop_rank,stop_position,work_state,work_procedure
|
//d[i][9] = d[i][9]+" "+d[i][10];
|
|
if(d[i][11] == null || d[i][11] == 'NULL'){
|
if(d[i][12] == null){
|
d[i][10] = null;
|
}else{
|
d[i][10] = d[i][12];
|
}
|
}else{
|
d[i][10] = d[i][11]+" "+d[i][12];
|
}
|
|
if(d[i][10]==null){
|
|
d[i][11] = "<span class=\"label label-danger\">未入库</span>";
|
|
}else{
|
|
d[i][11] = "<span class=\"label label-success\">"+d[i][6]+" 号料架</span>";
|
}
|
|
|
d[i][12] = null;
|
}
|
|
db2.update(d);
|
|
}
|
|
function loadErr(data) {
|
$("#CZ_Msg").modal('toggle');
|
$("#cz_Ming").html("操作失败:");
|
$("#cz_Zhuangtai").html("查看详情操作失败！");
|
$("#cz_Zhuangtai").attr("style", "color:red;");
|
$("#cz_mingxi").html("请检查原因后刷新页面！"+data);
|
}
|
|
|
</script>
|
|
|
<!-- 页面定时刷新 暂停 恢复 -->
|
<script>
|
var interval = setInterval('loadTable()', rTime);//定时刷新
|
function refresh() {
|
interval = setInterval('loadTable()', rTime);//刷新恢复
|
}
|
|
function stopRefresh() {
|
clearInterval(interval);//停止刷新
|
}
|
|
$(function() {
|
|
$('#BJ-Info').on('show.bs.modal', function() {
|
stopRefresh();
|
//alert("停止刷新1");
|
});
|
|
$('#LP-Operate').on('show.bs.modal', function() {
|
stopRefresh();
|
//alert("停止刷新2");
|
});
|
|
$('#lck_Info').on('show.bs.modal', function() {
|
stopRefresh();
|
//alert("停止刷新3");
|
})
|
|
$('#BJ-Info').on('hide.bs.modal', function() {
|
refresh();
|
//alert("开始刷新1");
|
});
|
|
$('#LP-Operate').on('hide.bs.modal', function() {
|
refresh();
|
//alert("开始刷新2");
|
});
|
|
$('#lck_Info').on('hide.bs.modal', function() {
|
refresh();
|
//alert("开始刷新3");
|
})
|
|
|
});
|
</script>
|
|
|
<!-- 理片 -->
|
<script>
|
function sliceGlass(lck,moshi){
|
|
$("#CZ_Msg").modal('show');
|
$("#cz_Ming").html("理片执行中！请稍等！");
|
$("#cz_Zhuangtai").html("");
|
$.ajax({
|
type : "POST",
|
url : "/gmms2/mesview/data/_zhongkong_mangage",
|
dataType : 'text',
|
data : {
|
yemian:"中空手动理片",
|
caozuo:"理片",
|
leixing:"存储过程",
|
lck : lck,
|
moshi:moshi
|
},
|
success : lpSuccess,
|
error : lpError
|
});
|
}
|
|
function lpSuccess(data){
|
$("#cz_Ming").html("理片操作:");
|
$("#cz_Zhuangtai").html("操作详情："+data);
|
}
|
|
function lpError(data){
|
|
|
$("#cz_Ming").html("理片操作:");
|
$("#cz_Zhuangtai").html("操作详情："+data);
|
}
|
</script>
|
|
|
<!-- 查看详情 -->
|
<script>
|
function lookDetail(zklck,moshi){
|
if(moshi == 1){
|
|
loadlckTable(zklck);
|
}else{
|
loadlckQueTable(zklck);
|
|
}
|
|
$("#btn_showALl").attr("onclick", "showAllOrQue('"+zklck+"',1)");
|
$("#btn_showQue").attr("onclick", "showAllOrQue('"+zklck+"',0)");
|
$("#modal_title").html(zklck);
|
$("#lck_Info").modal('toggle');
|
}
|
|
|
function showAllOrQue(zklck,moshi){
|
|
if(moshi==1){
|
loadlckTable(zklck);
|
}else{
|
|
loadlckQueTable(zklck);
|
}
|
}
|
|
</script>
|
</body>
|
|
|
</html>
|
