<!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>
<body class="gray-bg">
<div class="container-div">
<div class="row">
<div class="btn-group hidden-xs" id="toolbar" role="group">
<!--<a class="btn btn-outline btn-success btn-rounded" onclick="$.operate.add()" shiro:hasPermission="receipt:receiptContainer:add">-->
<!--<i class="fa fa-plus"></i> 新增-->
<!--</a>-->
</div>
<div class="col-sm-12 select-info">
<form id="receiptDetail-form">
<div class="select-list">
<input type="hidden" id="receiptCode" name="receiptCode" th:value="${receiptCode}"/>
<ul>
<li>
物料编码：<input type="text" name="materialCode"/>
</li>
<li>
容器编码：<input type="text" name="receiptContainerCode"/>
</li>
<li>
<a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i> 搜索</a>
<a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset('receiptDetail-form')"><i class="fa fa-refresh"></i> 重置</a>
</li>
</ul>
</div>
</form>
<table id="bootstrap-table" 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 prefix = ctx + "receipt/receiptDetail"
$(function() {
var options = {
url: prefix + "/receiptContainerDetails",
createUrl: prefix + "/add",
updateUrl: prefix + "/edit/{id}",
removeUrl: prefix + "/remove",
queryParams: queryParams,
modalName: "入库组盘明细",
sortName: "id",
sortOrder: "desc",
search: false,
columns: [{
checkbox: true
},
{
field : 'id',
title : '入库组盘明细id',
visible: false,
},
{
field : 'receiptDetailId',
title : '入库单明细id'
},
{
field : 'receiptCode',
title : '入库单号',
visible: false,
},
{
field : 'materialCode',
title : '存货编码'
},
{
field : 'materialName',
title : '物料名称'
},
{
field : 'materialSpec',
title : '物料规格'
},
{
field : 'containerCode',
title : '托盘号'
},
{
field : 'locationCode',
title : '库位号'
},
{
field : 'qty',
title : '组盘数量'
}
]
};
$.table.init(options);
});
function queryParams(params) {
return {
receiptCode: $("#receiptCode").val(),
};
}
</script>
</body>
</html>