<!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="col-sm-12 select-info"> <form id="inventory-form"> <div class="select-list"> <ul> <li> 货架编号:<input type="text" name="goodsShelfNo"/> </li> <li> 容器编号:<input type="text" name="containerCode"/> </li> <li> 存货编码:<input type="text" name="materialCode"/> </li> <li> 存货代码:<input type="text" name="barCode"/> </li> <li> 物料名称:<input type="text" name="materialName"/> </li> <li> 物料规格:<input type="text" name="materialSpec"/> </li> <li> 货主:<select name="companyCode" th:with="company=${@companyService.getCode()}"> <option value="">所有</option> <option th:each="e : ${company}" th:text="${e['name']}" th:value="${e['code']}"></option></select> </li> <li> u8仓库:<select name="uWarehouseCode" id="uWarehouseCode" th:with="warehouse=${@warehouseWu.getName()}"> <option value="">所有</option> <option th:each="e : ${warehouse}" th:text="${e['uWarehouseName']}" th:value="${e['uWarehouseCode']}"></option> </select> </li> <li> 项 目 号:<input type="text" name="project"/> </li> <li> 库位编号:<input type="text" name="locationCode"/> </li> <li> 交易类型:<select name="transactionType" > <option value="">所有</option> <option value="receipt">入库</option> <option value="shipment">出库</option> <option value="clearReceipt">整理入</option> <option value="clearShipment">整理出</option> <option value="transferReceipt">移库入</option> <option value="transferShipment">移库出</option> </select> </li> <li class="time"> <label>创建时间: </label> <input type="text" class="time-input" id="startTime" placeholder="开始时间" name="params[createdBegin]"/> <span>-</span> <input type="text" class="time-input" id="endTime" placeholder="结束时间" name="params[createdEnd]"/> </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('inventory-form')"><i class="fa fa-refresh"></i> 重置</a> <!--<a class="btn btn-success btn-rounded btn-sm" onclick="$.table.exportExcel()" shiro:hasPermission="general:inventory:export"><i class="fa fa-download"></i> 导出</a>--> </li> </ul> </div> </form> </div> <!-- <div class="btn-group hidden-xs" id="toolbar" role="group"> <a class="btn btn-outline btn-success btn-rounded" onclick="$.operate.add()" shiro:hasPermission="inventory:inventoryTransaction:add"> <i class="fa fa-plus"></i> 新增 </a> <a class="btn btn-outline btn-danger btn-rounded" onclick="$.operate.batRemove()" shiro:hasPermission="inventory:inventoryTransaction:remove"> <i class="fa fa-trash-o"></i> 删除 </a> </div> --> <div class="col-sm-12 select-info"> <div class="btn-group hidden-xs" id="toolbar" role="group"> <a class="btn btn-outline btn-success btn-rounded" onclick="report()"> <i class="fa fa-plus"></i> 打印 </a> </div> <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 editFlag = [[${@permission.hasPermi('inventory:inventoryTransaction:edit')}]]; var prefix = ctx + "inventory/inventoryTransactionKS"; var prefix1=ctx+"receipt/receiptHeader"; var inventoryStatus=[[${@dict.getType('inventoryStatus')}]]; var inventoryTransactionType = [[${@dict.getType('inventoryTransactionType')}]]; var uWarehouseNames = [[${@warehouseWu.getName()}]]; var company =[[${@companyService.getCode()}]]; $(function() { $("#bootstrap-table").bootstrapTable({ url: prefix + "/list", modalName: "库存交易", method:"post", contentType: "application/x-www-form-urlencoded", search: false, showRefresh: true, //刷新 showToggle:true, //视图切换 showColumns:true, //列选择 clickToSelect: true, sortable: true, // 是否启用排序 sortStable: true, // 设置为 true 将获得稳定的排序 sortName: "id", sortOrder: "desc", showExport: true, //导出 exportDataType: "all", //导出类型basic', 'all', 'selected'.当前页、所有数据、选中数据 pagination:true, pageNumber: 1, // 初始化加载第一页,默认第一页 pageSize: 50, // 每页的记录行数(*) pageList: [10, 25, 50,100,500,3000,5000,'all'], // 可供选择的每页的行数(*) iconSize: 'outline', // 图标大小:undefined默认的按钮尺寸 xs超小按钮sm小按钮lg大按钮 toolbar: '#toolbar', // 指定工作栏 sidePagination: "server", // 启用服务端分页 queryParams: function(params) { return { // 传递参数查询参数 pageSize: params.limit, pageNum: params.offset / params.limit + 1, searchValue: params.search, sort: params.sort, order: params.order }; }, responseHandler: function(res) { if (res.code == 200) { return { rows: res.data, total: res.total }; } else { $.modal.alertWarning(res.msg); return { rows: [], total: 0 }; } }, // 启用服务端分页 columns: [{ checkbox: true }, { field : 'id', title : '标识', isible:false }, { field : 'goodsShelfNo', title : '货架编号', sortable:true }, { field : 'containerCode', title : '容器编号', sortable:true }, { field : 'created', title : '交易时间', sortable:true }, { field : 'referCode', title : '上游系统单号', }, { field : 'materialCode', title : '存货编码', sortable:true }, { field : 'barCode', title : '存货代码', sortable:true }, { field : 'materialName', title : '物料名称', sortable:true }, { field : 'materialSpec', title : '物料规格' }, { field : 'taskQty', title : '数量' }, { field : 'companyCode', title : '货主', sortable:true, formatter: function(value, row, index) { var actions = []; $.each(company, function(index, dict) { if (dict.code == value) { actions.push("<span class='badge badge-info'>" + dict.name + "</span>"); return false; } }); return actions.join(''); } }, { field : 'uWarehouseName', title : 'U8仓库', sortable:true }, { field : 'zoneCode', title : '储货库区' , sortable:true }, { field : 'taskQty', title : '预定执行数量', visible:false }, { field : 'sourceLine', title : '上游系统行号', visible:false }, { field : 'billId', title : '单据标识' , visible:false }, { field : 'billCode', title : '单据编码' , visible:false }, { field : 'billDetailId', title : '单据明细标识' , visible:false }, { field : 'batch', title : '批次' , sortable:false, visible:false }, { field : 'lot', title : '批号' , sortable:false, visible:false }, { field : 'project', title : '项目号' , visible:false }, { field : 'transactionType', title : '交易类型', formatter: function(value, row, index) { if(value=='10'){ return '入库' }else if(value=='20'){ return '出库' }else if(value=='30'){ return '整理入' }else if(value=='40'){ return '整理出' }else if(value=='110'){ return '移库入' }else if(value=='120'){ return '移库出' } } }, { field : 'manufactureDate', title : '生产日期' , visible:false }, { field : 'expirationDate', title : '失效日期' , visible:false }, { field : 'status', title : '库存状态' , align: 'center', formatter: function(value, row, index) { return $.table.selectDictLabel(inventoryStatus, value); } }, { field : 'costPrice', title : '成本', visible:false }, { field : 'listPrice', title : '标价' , visible:false }, { field : 'netPrice', title : '净价' , visible:false }, { field : 'createdBy', title : '创建用户' }, { field : 'lastUpdated', title : '最后修改时间', }, { field : 'lastUpdatedBy', title : '建立人' }, // { // field : 'userDef1', // title : '自定义字段1' // }, // { // field : 'userDef2', // title : '自定义字段2' // }, // { // field : 'userDef3', // title : '自定义字段3' // }, /*{ 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> '); return actions.join(''); } }*/ ] }); $.ajax({ url:prefix+'/list', type:"post", success:function (value) { $("#bootstrap-table").bootstrapTable('load',value.data); } }) // var options = { // url: prefix + "/list", // createUrl: prefix + "/add", // updateUrl: prefix + "/edit/{id}", // removeUrl: prefix + "/remove", // modalName: "库存交易", // search: false, // sortable: true, // 是否启用排序 // sortStable: true, // 设置为 true 将获得稳定的排序 // sortName: "id", // sortOrder: "desc", // showExport: true, //导出 // exportDataType: "selected", //导出类型basic', 'all', 'selected'.当前页、所有数据、选中数据 // columns: [{ // checkbox: true // }, // { // field : 'id', // title : '标识' // }, // { // field : 'locationId', // title : '库位id', // visible:false // }, // { // field : 'locationCode', // title : '库位编号' // }, // { // field : 'sourceCode', // title : '上游系统单号' // }, // { // field : 'sourceLine', // title : '上游系统行号' // }, // { // field : 'type', // title : '交易类型', // formatter: function(value, row, index) { // return $.table.selectDictLabel(inventoryTransactionType, value); // } // }, // { // field : 'companyId', // title : '货主id', // visible:false // }, // { // field : 'companyCode', // title : '货主编码' // }, // { // field : 'materialId', // title : '物料标识' , // visible:false // }, // { // field : 'materialCode', // title : '存货编码' // }, // { // field : 'materialName', // title : '物料名称' // }, // { // field : 'materialSpec', // title : '物料规格' // }, // { // field : 'billId', // title : '单id' // }, // { // field : 'billCode', // title : '出入库单号' // }, // /* { // field : 'billDetailId', // title : '单明细id' // },*/ // { // field : 'batch', // title : '批次' // }, // { // field : 'lot', // title : '批号' // }, // { // field : 'project', // title : '项目号' // }, // { // field : 'manufactureDate', // title : '生产日期' , // visible:false // }, // { // field : 'expirationDate', // title : '失效日期' , // visible:false // }, // { // field : 'status', // title : '库存状态' , // align: 'center', // formatter: function(value, row, index) { // return $.table.selectDictLabel(inventoryStatus, value); // } // }, // { // field : 'qty', // title : '数量' // }, // { // field : 'taskQty', // title : '执行预定数量' // }, // { // field : 'costPrice', // title : '成本' // }, // { // field : 'listPrice', // title : '标价' , // visible:false // }, // { // field : 'netPrice', // title : '净价' , // visible:false // }, // { // field : 'created', // title : '交易时间', // // sortable:true // }, // { // field : 'createdBy', // title : '创建用户' // }, // { // field : 'lastUpdated', // title : '最后修改时间' // }, // { // field : 'lastUpdatedBy', // title : '更新用户' // }, // // { // // field : 'userDef1', // // title : '自定义字段1' // // }, // // { // // field : 'userDef2', // // title : '自定义字段2' // // }, // // { // // field : 'userDef3', // // title : '自定义字段3' // // }, // /*{ // 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> '); // return actions.join(''); // } // }*/ // ] // }; // $.table.init(options); $("select[name='companyCode']").change(function (e) { let companyCode=$("select[name='companyCode'] option:selected").val(); $.ajax({ url:prefix1+'/getwarehouse', type:'post', data:{code:companyCode}, success:function (response) { if(response.code===200){ $("select[name='uWarehouseCode']").children().remove(); $("select[name='uWarehouseCode']").append(`<option value="">所有</option>`); for (let item of response.data) { let option=`<option value="${item.uWarehouseCode}">${item.uWarehouseName}</option>`; $("select[name='uWarehouseCode']").append(option); } } else {$.modal.msgError(response.msg)} } }) }) }); function report() { var rows=$("#bootstrap-table").bootstrapTable('getSelections'); if (rows.length == 0) { $.modal.alertWarning("请至少选择一条记录"); return; } var ids = ""; for(var i=0; i<rows.length; i++) { ids = ids + rows[i].id + "," } let url=prefix+'/report/' + ids; $.modal.open("打印",url); } </script> </body> </html>