<%@ 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;//自动刷新间隔时间 单位：毫秒
|
var p_url = "/gmms2/mesview/data/_public_manage";
|
var group =0;
|
var gongyi ="仓储";
|
</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="card">
|
<div class="card-header">
|
<a class="btn btn-success" data-bs-toggle="collapse" href="#collapseOne">
|
空架列表</a>
|
</div>
|
<div id="collapseOne" class="collapse show" data-bs-parent="#accordion">
|
<div class="card-body" id="cc_NullJia">
|
|
</div>
|
</div>
|
|
|
|
</div> -->
|
|
|
|
|
<div class="box" style="overflow: auto;">
|
<div class="box-header">
|
<button type="button" class="btn btn-primary"
|
data-toggle="collapse" data-target="#cc_NullJia">仓储空架</button>
|
<span style="font-size: 20px">当前仓储空架数量:</span>
|
<span id="sp_isNullNum"
|
style="font-size: 25px; font-weight: bold;"></span>
|
</div>
|
<div class="box-body no-padding collapse" id="cc_NullJia"></div>
|
</div>
|
|
<div class="box" style="overflow: auto;">
|
<div class="box-header">
|
<button type="button" class="btn btn-primary"
|
data-toggle="collapse" data-target="#cc_cpInfo">半成品仓储流程卡配对信息</button>
|
</div>
|
<!-- /.box-header -->
|
<div class="box-body no-padding collapse in" id="cc_cpInfo"></div>
|
</div>
|
</section>
|
|
<%@ include file="/WEB-INF/views/mes/view/modal_xiangqinggroupby.jsp"%>
|
|
</div>
|
</div>
|
|
<!-- /.content-wrapper -->
|
<!-- 空架显示 -->
|
<script>
|
|
</script>
|
|
<!-- 表内容显示 -->
|
<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%",
|
class : "active",
|
//filter : {}
|
}, {
|
|
name : "架子号",
|
binding : 3,
|
//style : "width:8%",
|
//type : "element",
|
class : "active",
|
//filter : {}
|
} ]
|
};
|
|
//创建表
|
var db = createTable(document.getElementById("cc_NullJia"), opt);
|
//加载表格内容
|
function loadTable() {
|
$.ajax({
|
type : "post",
|
data : {
|
caozuo : "查询",
|
leixing : "空架",
|
},
|
dataType : "json",
|
url : p_url,
|
success : loadSuccess,
|
error : loadError
|
});
|
}
|
|
function loadSuccess(data) {
|
|
var d = data;
|
var d2 = [];
|
var index_ = 0;
|
for (var i = 0; i < d.length; i++) {
|
if (i != 0 && i % 2 == 0) {
|
index_ = i / 2;
|
}
|
if (i % 2 == 0) {
|
|
d2[index_] = d[i];
|
} else {
|
d2[index_][2] = d[i][0];
|
d2[index_][3] = d[i][1];
|
}
|
}
|
$("#sp_isNullNum").text(d.length);
|
db.update(d2);
|
}
|
|
function loadError(data) {
|
$("#CZ_Msg").modal('toggle');
|
$("#cz_Ming").html("操作失败:");
|
$("#cz_Zhuangtai").html("空架信息查询失败！");
|
$("#cz_Zhuangtai").attr("style", "color:red;");
|
$("#cz_mingxi").html("请检查原因后刷新页面！" + data.responseText);
|
}
|
|
loadTable();
|
</script>
|
|
<script>
|
//中空仓储配对信息
|
var cpopt = {
|
table : {
|
style : "width:100%",
|
"class" : "table table-striped table-hover"
|
},
|
columns : [
|
|
{
|
name : "序号",
|
binding : 0,
|
// style : "width:5%",
|
filter : {}
|
|
}, {
|
name : "中空流程卡号",
|
binding : 1,
|
style : "text-align:rigth",
|
//editAble:true,//设置列可编辑
|
type : "element",
|
filter : {}
|
//设置列可搜索
|
},{
|
name : "",
|
binding : 6,
|
//style : "width:8%",
|
type : "element",
|
filter : {}
|
|
}, {
|
name : "库内数/总数",
|
binding : 2,
|
//style : "width:8%",
|
type : "element",
|
filter : {}
|
}, {
|
|
name : "到位流程卡",
|
binding : 3,
|
style : "text-align:rigth",
|
//type : "element",
|
filter : {}
|
}, {
|
|
name : "未到位流程卡",
|
binding : 4,
|
style : "text-align:rigth",
|
type : "element",
|
filter : {}
|
} ]
|
};
|
|
//创建表
|
var cpdb = createTable(document.getElementById("cc_cpInfo"), cpopt);
|
//加载表格内容
|
function cploadTable() {
|
$.ajax({
|
type : "post",
|
data : {
|
caozuo : "查询",
|
leixing : "仓储配对信息",
|
},
|
dataType : "json",
|
url : p_url,
|
success : cpSuccess,
|
error : cpError
|
});
|
}
|
|
function cpSuccess(data) {
|
|
var d = data;
|
for (var i = 0; i < d.length; i++) {
|
d[i][0] = i + 1;
|
var n1 = returnNum(d[i][3]);
|
var n2 = returnNum(d[i][5]);
|
if (n1 == n2) {
|
d[i][2] = "<span class='label label-success' style='font-size:15px'>"
|
+ n1 + "/" + n2 + "</span>";
|
} else if (n2 - n1 == 1) {
|
d[i][2] = "<span class='label label-warning' style='font-size:15px'>"
|
+ n1 + "/" + n2 + "</span>";
|
/* d[i][4] = "<span class='label label-warning' style='font-size:15px'>"
|
+ returnNoLck(d[i][3], d[i][5]) + "</span>"; */
|
d[i][4] = "<span style='font-size:15px;color:red'>" + returnNoLck(d[i][3], d[i][5]) + "</span>";
|
|
} else {
|
d[i][2] = "<span class='label label-danger' style='font-size:15px'>"
|
+ n1 + "/" + n2 + "</span>";
|
/* d[i][4] = "<span class='label label-danger' style='font-size:15px'>"
|
+ returnNoLck(d[i][3], d[i][5]) + "</span>"; */
|
|
d[i][4] = "<span style='font-size:15px;color:red'>" + returnNoLck(d[i][3], d[i][5]) + "</span>";
|
}
|
//msg +=d[i][2]+"\r\n";
|
d[i][6] = "<button class='btn btn-large btn-success' onclick='look_detail(\""+ returnLCK(d[i][3]) + "\")'>查看详情</button>";
|
|
}
|
cpdb.update(d);
|
}
|
|
function returnNum(lck) {
|
return lck.split(",").length;
|
}
|
|
function returnLCK(lck){
|
return lck.split(",")[0];
|
}
|
|
function returnNoLck(lck1, lck2) {
|
|
var inlck = lck1.split(",")
|
var alllck = lck2.split(",");
|
var nolck = "";
|
//alert(lck1,lck2);
|
for (var j = 0; j < alllck.length; j++) {
|
if (inlck.indexOf(alllck[j]) == -1) {
|
|
nolck += alllck[j] + ",";
|
|
}
|
}
|
//alert(nolck);
|
return nolck.slice(0, -1);
|
}
|
|
function cpError(data) {
|
$("#CZ_Msg").modal('toggle');
|
$("#cz_Ming").html("操作失败:");
|
$("#cz_Zhuangtai").html("空架信息查询失败！");
|
$("#cz_Zhuangtai").attr("style", "color:red;");
|
$("#cz_mingxi").html("请检查原因后刷新页面！" + data.responseText);
|
}
|
|
cploadTable();
|
</script>
|
|
</body>
|
</html>
|
