<!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>