receiptContainerDetail.html 3.51 KB
<!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>
                               物料编码11:<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>&nbsp;搜索</a>
                               <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset('receiptDetail-form')"><i class="fa fa-refresh"></i>&nbsp;重置</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/historyDetail"

        $(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>