<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<style>
.table-striped-left{
width: 41%;
/*margin-right: 4px;*/
}
.table-striped-right{
/*right: -10px;*/
width: 58%;
float: right;
}
.info_text{
float: right;
}
.info_text li{
font-size: 16px;
}
.info_text li span{
font-size: 20px;
font-weight: bold;
color: rgb(28,132,198);
}
</style>
<body class="gray-bg">
<div class="container-div">
<div class="row">
<div class="col-sm-12 select-info">
<form id="dept-form">
<div class="select-list">
<ul>
<li>
收货单号：<input type="text" id="code" name="deptName"/>
</li>
<li>
<a class="btn btn-primary btn-rounded btn-sm" id="list-btn"><i class="fa fa-search"></i> 搜索</a>
</li>
</ul>
<ul class="info_text">
<li>物料总数：<span id="material_length"></span></li>
<li>总单据数量：<span id="qty_length"></span></li>
<li>已收货数量：<span id="qtyCompleted_length"></span></li>
</ul>
</div>
</form>
</div>
<div class="col-sm-12 select-info table-striped-left" style="padding-top: 20px;">
<table id="bootstrap-table" data-mobile-responsive="true" class="table table-bordered table-hover"></table>
</div>
<div class="col-sm-12 select-info table-striped-right">
<table id="bootstrap-table1" data-mobile-responsive="true" class="table table-bordered table-hover"></table>
</div>
</div>
</div>
<div th:include="include :: footer"></div>
<script th:inline="javascript">
var addFlag = [[${@permission.hasPermi('receipt:receiving:add')}]];
var removeFlag = [[${@permission.hasPermi('receipt:receiving:remove')}]];
var prefix = ctx + "receipt/receiving";
var Types = [[${@dict.getType('taskType')}]];
var Status=[[${@dict.getType('receiptContainerHeaderStatus')}]];
function list_select(code) {
$.ajax({
url: prefix + "/scanBill",
type: 'post',
datatype: 'json',
data: {
code: code
},
error:function (response) {
console.log(response);
},
success: function (value) {
var qty_show=0;
var qtyCompleted_show=0;
$("#bootstrap-table").bootstrapTable('removeAll');
if(value.data){
console.log(value);
for (var i = 0; i < value.data.length; i++) {
if (value.data[i].totalQty > value.data[i].openQty) {
$("#bootstrap-table").bootstrapTable('insertRow', {
index: 0, row: {
projectNo:value.data[i].projectNo,
id: value.data[i].id,
materialName: value.data[i].materialName,
receiptId: value.data[i].receiptId,
receiptCode: value.data[i].receiptCode,
materialCode: value.data[i].materialCode,
totalQty: value.data[i].totalQty,
openQty: value.data[i].openQty,
inventorySts: value.data[i].inventorySts,
materialUnit: value.data[i].materialUnit
}
});
}
qty_show=value.data[i].totalQty + qty_show;
qtyCompleted_show=value.data[i].openQty + qtyCompleted_show;
}
$("#material_length").text(value.data.length);
$("#qty_length").text(qty_show);
$("#qtyCompleted_length").text(qtyCompleted_show);
}
else {
console.log("收货单不存在！")
}
}
})
}
function list_receiptInfo(code) {
$.ajax({
url: prefix + "/getReceiptInfoByBill",
type: 'post',
datatype: 'json',
data: {
code: code
},
error:function (response) {
console.log(response);
},
success: function (value) {
$("#bootstrap-table1").bootstrapTable('removeAll');
if(value.data){
for (var i = 0; i < value.data.length; i++) {
$("#bootstrap-table1").bootstrapTable('insertRow', {
index: 0, row: {
project:value.data[i].project,
id: value.data[i].id,
headerId:value.data[i].headerId,
receiptDetailId:value.data[i].receiptDetailId,
containerCode: value.data[i].containerCode,
locationCode: value.data[i].locationCode,
taskType: value.data[i].taskType,
materialCode: value.data[i].materialCode,
materialName: value.data[i].materialName,
materialSpec: value.data[i].materialSpec,
qty: value.data[i].qty,
status: value.data[i].status,
created: value.data[i].created,
createdBy: value.data[i].createdBy
}
});
}
}
else {
console.log("没有查找到入库容器！")
}
}
})
}
$("#list-btn").click(initTable);
$("body").bind("keypress",function(e){
// 兼容FF和IE和Opera
var theEvent = e || window.event;
var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
if (code == 13) {
e.preventDefault();
//回车执行查询
initTable();
// list_select($("#code").val());
}
});
function initTable(){
var receiptCode=$("#code").val();
list_select(receiptCode);
list_receiptInfo(receiptCode);
}
$("#bootstrap-table").bootstrapTable({
// url: prefix + "/list",
createUrl: prefix + "/add",
updateUrl: prefix + "/edit/{id}",
removeUrl: prefix + "/remove",
contentType: "application/x-www-form-urlencoded",
// search: true, //搜索
// showRefresh: true,//刷新
// showToggle:true, //视图切换
clickToSelect: true,
// showColumns:true, //列选择
// detailView:true,
// showExport: true, //导出
// exportDataType: "all", //导出类型basic', 'all', 'selected'.当前页、所有数据、选中数据
modalName: "收货",
columns: [
{
field:'work',
title: '操作',
align: 'center',
events: "operateEvents",
formatter: function(value, row, index) {
var actions = [];
actions.push('<a id="qty" class="btn btn-success btn-xs ' + addFlag + '" href="#" onclick="" ><i class="fa fa-edit"></i>收货</a>');
// actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="#" onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-remove"></i>删除</a>');
return actions.join('');
}
},
// {
// field : 'id',
// title : 'id号'
// },
// {
// field : 'receiptCode',
// title : '收货单编码'
// },
{
field : 'id',
title : '明细id'
},
{
field : 'materialCode',
title : '存货编码'
},
{
field:"materialName",
title:"名称"
},
{
field : 'totalQty',
title : '单据数量'
},
{
field : 'openQty',
title : '已入数量'
},
{
field : 'inventorySts',
title : '库存状态'
},
{
field : 'projectNo',
title : '项目号'
},
{
field : 'materialUnit',
title : '单位'
},
]
});
$("#bootstrap-table1").bootstrapTable({
// url: prefix + "/list",
// createUrl: prefix + "/add",
// updateUrl: prefix + "/edit/{id}",
removeUrl: ctx + "receipt/receiptContainerDetail/remove",
// search: true, //搜索
showRefresh: true, //刷新
showToggle:true, //视图切换
clickToSelect: true,
showColumns:true, //列选择
// detailView:true,
showExport: true, //导出
exportDataType: "all", //导出类型basic', 'all', 'selected'.当前页、所有数据、选中数据
modalName: "入库组盘",
iconSize: "outline",
toolbar: "#toolbar",
contentType: "application/x-www-form-urlencoded",
onRefresh: function(){
list_receiptInfo($("#code").val());
},
columns: [
// {
// checkbox: true
// },
{
field : 'id',
title : '组盘明细id',
visible:false
},
{
field : 'headerId',
title : '组盘头id'
},
{
field : 'containerCode',
title : '容器编号'
},
{
field : 'locationCode',
title : '库位编号'
},
{
field : 'materialCode',
title : '存货编码'
},
{
field:"materialName",
title:"物料名称"
},
{
field:"materialSpec",
title:"物料规格"
},
{
field : 'qty',
title : '数量'
},
{
field : 'taskType',
title : '任务类型',
align: 'center',
formatter: function(value, row, index) {
return $.table.selectDictLabel(Types, value);
}
},
{
field : 'project',
title : '项目号'
},
{
field : 'status',
title : '组盘状态',
align: 'center',
formatter: function(value, row, index) {
return $.table.selectDictLabel(Status, value);
}
},
{
field : 'receiptDetailId',
title : '入库单明细id'
},
{
field : 'created',
title : '创建时间'
},
{
field : 'createdBy',
title : '创建人'
},
{
title: '操作',
align: 'center',
events:'operateEvents',
formatter: function(value, row, index) {
var actions = [];
if (row.status == 0) {
actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="#" onclick="remove(\'' + row.id + '\')"><i class="fa fa-remove"></i>取消</a>');
}
return actions.join('');
}
}]
});
window.operateEvents = {
'click #qty': function (e, value, row, index) {
var url = prefix + '/add?';
jQuery.each(row, function(key, val) {
url = url + key + "=" + encodeURI(val) + "&";
});
var modalName="入库组盘";
$.modal.open("添加"+modalName,url);
}
};
function receiving_refresh() {
var receiving_code = localStorage.getItem("receiving_code");
$("#code").val(receiving_code);
if (receiving_code) {
initTable();
}
localStorage.removeItem("receiving_code");
}
receiving_refresh();
function remove(id) {
$.modal.confirm("确定删除该组盘？", function() {
var url = ctx + "receipt/receiptContainerDetail/remove";
var data = { "id": id };
$.operate.submitAndCallback(url, "post", "json", data, initTable);
});
}
</script>
</body>
</html>