<!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: 49%;
/*margin-right: 4px;*/
}
.table-striped-right{
/*right: -10px;*/
width: 49%;
float: right;
}
</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>
</div>
</form>
</div>
<div class="col-sm-12 select-info table-striped table-striped-left">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
</div>
<div class="col-sm-12 select-info table-striped table-striped-right">
<table id="bootstrap-table1" data-mobile-responsive="true"></table>
</div>
</div>
</div>
<div th:include="include :: footer"></div>
<script th:inline="javascript">
var editFlag = [[${@permission.hasPermi('receipt:receiving')}]];
var removeFlag = [[${@permission.hasPermi('receipt:receiving')}]];
var prefix = ctx + "receipt/receiving";
$(function() {
// var options = {
// url: prefix + "/list",
// createUrl: prefix + "/add",
// updateUrl: prefix + "/edit/{id}",
// removeUrl: prefix + "/remove",
// modalName: "入库组盘头",
// columns: [{
// checkbox: true
// },
// {
// field: 'id',
// title: 'id号'
// },
// {
// field: 'receiptContainerCode',
// title: '容器编号'
// },
// {
// field: 'locationCode',
// title: '库位编号'
// },
// {
// field: 'warehouseId',
// title: '仓库Id'
// },
// {
// field: 'warehouseCode',
// title: '仓库编码'
// },
// {
// field: 'taskType',
// title: '预处理任务类型'
// },
// {
// field: 'status',
// title: '容器任务状态'
// },
// {
// field: 'created',
// title: '创建时间'
// },
// {
// field: 'createdBy',
// title: ''
// },
// {
// title: '操作',
// align: 'center',
// formatter: function (value, row, index) {
// var actions = [];
// actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="#" onclick="$.operate.edit(\'' + row.id + '\')"><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('');
// }
// }]
// };
// $.table.init(options);
// })
var itable = TableInit();
var itable1= TableInit1();
itable.Init();
itable1.Init();
var list_select=function(code) {
// console.log(code);
$.ajax({
url: prefix + "/add",
type: 'post',
datatype: 'json',
data: {
code: code
},
success: function (value) {
console.log(value);
$("#bootstrap-table1").bootstrapTable('removeAll');
$("#bootstrap-table").bootstrapTable('removeAll');
for (var i=0;i<value.data.length;i++){
if(value.data[i].sysQty > value.data[i].qty){
$("#bootstrap-table").bootstrapTable('insertRow',{index:0,row:{id:value.data[i].id,
name:value.data[i].name,
receiptId:value.data[i].receiptId,
receiptCode:value.data[i].receiptCode,
materialCode:value.data[i].materialCode,
sysQty:value.data[i].sysQty,
qty:value.data[i].qty,
inventoryStatus:value.data[i].inventoryStatus,
unit:value.data[i].unit}});
}
else{
$("#bootstrap-table1").bootstrapTable('insertRow',{index:0,row:{id:value.data[i].id,
name:value.data[i].name,
receiptId:value.data[i].receiptId,
receiptCode:value.data[i].receiptCode,
materialCode:value.data[i].materialCode,
sysQty:value.data[i].sysQty,
qty:value.data[i].qty,
inventoryStatus:value.data[i].inventoryStatus,
unit:value.data[i].unit}});
}
}
}
})
};
$("#list-btn").click(function () {
list_select($("#code").val());
})
});
var TableInit = function () {
var myTableInit = new Object();
myTableInit.Init = function () {
$("#bootstrap-table").bootstrapTable({
// url: "/list",
// createUrl: prefix + "/add",
updateUrl: prefix + "/edit/{id}",
removeUrl: prefix + "/remove",
// search: true, //搜索
// showRefresh: true,//刷新
// showToggle:true, //视图切换
clickToSelect: true,
// showColumns:true, //列选择
// detailView:true,
// showExport: true, //导出
// exportDataType: "all", //导出类型basic', 'all', 'selected'.当前页、所有数据、选中数据
modalName: "入库组盘头",
columns: [
{
field : 'id',
title : 'id号'
},
{
field:"name",
title:"名称"
},
{
field : 'receiptId',
title : '收货单明细id'
},
{
field : 'receiptCode',
title : '收货单编码'
},
{
field : 'materialCode',
title : '物料编码'
},
{
field : 'sysQty',
title : '单据数量'
},
{
field : 'qty',
title : '已收货数量'
},
{
field : 'inventoryStatus',
title : '质量状态'
},
{
field : 'unit',
title : '单位'
},
{
title: '操作',
align: 'center',
formatter: function(value, row, index) {
var actions = [];
actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="#" onclick="$.operate.edit(\'' + row.id + '\')"><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('');
}
}]
});
};
return myTableInit;
};
var TableInit1=function () {
var myTableInit1 = new Object();
myTableInit1.Init =function () {
$("#bootstrap-table1").bootstrapTable({
// url: prefix + "/list",
// createUrl: prefix + "/add",
updateUrl: prefix + "/edit/{id}",
removeUrl: prefix + "/remove",
// search: true, //搜索
showRefresh: true, //刷新
showToggle:true, //视图切换
clickToSelect: true,
showColumns:true, //列选择
// detailView:true,
showExport: true, //导出
exportDataType: "all", //导出类型basic', 'all', 'selected'.当前页、所有数据、选中数据
modalName: "入库组盘头",
columns: [{
checkbox: true
},
{
field : 'id',
title : 'id号'
},
{
field:"name",
title:"名称"
},
{
field : 'receiptId',
title : '收货单明细id'
},
{
field : 'receiptCode',
title : '收货单编码'
},
{
field : 'materialCode',
title : '物料编码'
},
{
field : 'sysQty',
title : '单据数量'
},
{
field : 'qty',
title : '已收货数量'
},
{
field : 'inventoryStatus',
title : '质量状态'
},
{
field : 'unit',
title : '单位'
},
{
title: '操作',
align: 'center',
formatter: function(value, row, index) {
var actions = [];
actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="#" onclick="$.operate.edit(\'' + row.id + '\')"><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('');
}
}]
})
};
return myTableInit1;
}
</script>
</body>
</html>