<!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"> <ul id="myTab" class="nav nav-tabs"> <li class="active"><a href="#tabHeader" data-toggle="tab">主表</a></li> <li><a href="#tabDetail" data-toggle="tab">明细</a></li> </ul> <div id="myTabContent" class="tab-content"> <div class="tab-pane fade in active" id="tabHeader"> <div class="col-sm-12 select-info"> <form id="receiptHeader-form"> <div class="select-list"> <ul> <li> 入库单号:<input type="text" name="code"/> </li> <li> 上游单号:<input type="text" name="referCode"/> </li> <li> <!--入库类型:<input type="text" name="sourceCode"/>--> 入库类型:<select name="type" th:with="type=${@receiptTypeService.getType()}"> <option value="">所有</option> <option th:each="e : ${type}" th:text="${e['name']}" th:value="${e['code']}"></option></select> </li> <li> <!--头 状 态:<input type="text" name="firstStatus"/>--> 头 状 态:<select name="firstStatus" th:with="firstStatus=${@dict.getType('receiptHeaderStatus')}"> <option value="">所有</option> <option th:each="e : ${firstStatus}" th:text="${e['dictLabel']}" th:value="${e['dictValue']}"></option></select> </li> <li> <!--尾 状 态:<input type="text" name="lastStatus"/>--> 尾 状 态:<select name="lastStatus" th:with="lastStatus=${@dict.getType('receiptHeaderStatus')}"> <option value="">所有</option> <option th:each="e : ${lastStatus}" th:text="${e['dictLabel']}" th:value="${e['dictValue']}"></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('receiptHeader-form')"><i class="fa fa-refresh"></i> 重置</a> <!--<a class="btn btn-success btn-rounded btn-sm" onclick="$.table.exportExcel()" shiro:hasPermission="receipt:receiptHeader:export"><i class="fa fa-download"></i> 导出</a>--> </li> </ul> </div> </form> </div> <table id="bootstrap-table" data-mobile-responsive="true" class="table table-bordered table-hover"></table> </div> <div class="tab-pane fade" id="tabDetail"> <table id="bootstrap-table1" data-mobile-responsive="true" class="table table-bordered table-hover"></table> </div> </div> </div> </div> </div> <div th:include="include :: footer"></div> <script th:inline="javascript"> var prefix = ctx + "receipt/receiptHeaderHistory"; var prefix1 = ctx + "receipt/receiptDetailHistory"; var editFlag = [[${@permission.hasPermi('receipt:receiptHeader:edit')}]]; var removeFlag = [[${@permission.hasPermi('receipt:receiptHeader:remove')}]]; var receiptTypes = [[${@receiptTypeService.getType()}]]; var receiptHeaderStatus = [[${@dict.getType('receiptHeaderStatus')}]]; var printFlag = [[${@permission.hasPermi('receipt:receiptHeader:report')}]]; var addFlag= [[${@permission.hasPermi('receipt:receiptHeader:add')}]]; $(function() { var options = { url: prefix + "/list", createUrl: prefix + "/add", updateUrl: prefix + "/edit/{id}", removeUrl: prefix + "/remove", modalName: "入库历史", search: false, sortName: "id", sortOrder: "desc", columns: [{ checkbox: true }, { field : 'id', title : '入库单id' }, { field : 'code', title : '入库单号' }, { field : 'companyCode', title : '货主编码', }, { field : 'referCode', title : '上游单号' }, { field : 'warehouseCode', title : '仓库编码', visible:false }, { field : 'receiptType', title : '入库类型', align: 'center', formatter: function(value, row, index) { var actions = []; $.each(receiptTypes, function(index, dict) { if (dict.code == value) { actions.push("<span class='badge badge-info'>" + dict.name + "</span>"); return false; } }); return actions.join(''); } }, { field : 'closedAt', title : '关闭时间', visible : false }, { field : 'closedBy', title : '强制关闭用户', visible :false }, { field : 'totalQty', title : '总数量' }, { field : 'totalLines', title : '总行数' }, { field : 'remark', title : '备注', visible : false }, { field : 'uploadStatus', title : '上传状态', visible:false }, { field : 'receiptNote', title : '入库单备注', visible:false }, { field : 'locked', title : '锁定', visible:false }, { field : 'lockedBy', title : '锁定用户', visible:false }, { field : 'firstStatus', title : '头状态', align: 'center', formatter: function(value, row, index) { return $.table.selectDictLabel(receiptHeaderStatus, value); } }, { field : 'lastStatus', title : '尾状态', align: 'center', formatter: function(value, row, index) { return $.table.selectDictLabel(receiptHeaderStatus, value); } }, { field : 'created', title : '创建时间', sortable:true, }, { field : 'createdBy', title : '创建用户', }, { field : 'lastUpdated', title : '最后修改时间', sortable:true, visible:false }, { field : 'lastUpdatedBy', title : '更新用户', visible:false }, { field : 'userDef1', title : '自定义字段1', visible: false }, { field : 'userDef2', title : '自定义字段2', visible: false }, { field : 'userDef3', title : '自定义字段3' , visible: false }] }; $.table.init(options); }); $("#bootstrap-table1").bootstrapTable({ // url: detailPrefix + "/list", createUrl: prefix1 + "/add", updateUrl: prefix1 + "/edit/{id}", removeUrl: prefix1 + "/remove", // search: true, //搜索 sortable: true, //排序 showRefresh: true, //刷新 showToggle:true, //视图切换 clickToSelect: true, showColumns:true, //列选择 // detailView:true, showExport: true, //导出 exportDataType: "all", //导出类型basic', 'all', 'selected'.当前页、所有数据、选中数据 modalName: "入库明细", sortName: "lastUpdated", sortOrder: "desc", iconSize: "outline", toolbar: "#toolbar1", contentType: "application/x-www-form-urlencoded", pagination: true, // 是否显示分页(*) pageNumber: 1, // 初始化加载第一页,默认第一页 pageSize: 50, // 每页的记录行数(*) pageList: [10, 25, 50, 100], // 可供选择的每页的行数(*) onRefresh: function(){ loadDetail(); }, columns: [{ checkbox: true }, { field : 'id', title : 'id' }, { field : 'receiptCode', title : '入库单编码' }, { field : 'materialCode', title : '物料编码' }, { field : 'materialName', title : '物料名称' }, { field : 'materialSpec', title : '物料规格' }, { field : 'materialUnit', title : '物料单位' }, { field : 'supplierCode', title : '供应商编码', visible:false }, { field : 'batch', title : '批次' }, { field : 'lot', title : '批号' , }, { field : 'projectNo', title : '项目号' , }, { field : 'qcCheck', title : '是否质检', align : "center", formatter: function(value, row, index) { var actions = []; if (value == 0) { actions.push("<span class='badge badge-info'>是</span>"); } else { actions.push("<span class='badge badge-info'>否</span>"); } return actions.join(''); }, visible:false }, { field : 'projectNo', title : '项目号', visible:false }, { field : 'manufactureDate', title : '生产日期', visible:false }, { field : 'expirationDate', title : '失效日期' , visible:false }, { field : 'agingDate', title : '入库日期' , visible:false }, { field : 'totalQty', title : '总数量' }, { field : 'openQty', title : '已收数量' }, { field : 'referCode', title : 'ERP单号', visible : false }, { field : 'referId', title : 'ERP内部号', visible : false }, { field : 'referLineNum', title : 'ERP行号', visible : false }, { field : 'locatingRule', title : '定位规则', visible:false }, { field : 'inventorySts', title : '库存状态', visible : false }, { field : 'itemListPrice', title : '标价', visible:false }, { field : 'itemNetPrice', title : '净价', visible:false }, { field : 'price', title : '单价' , visible:false }, { field : 'statusFlowCode', title : '流程编码', visible:false }, { field : 'isVirtualBom', title : '是否虚拟套件', align : "center", formatter: function(value, row, index) { return $.table.selectDictLabel(isVirtualBoms, value); }, visible:false }, { field : 'created', title : '创建时间' }, { field : 'createdBy', title : '创建用户', visible:false }, { field : 'lastUpdated', title : '最后修改时间', visible:false }, { field : 'lastUpdatedBy', title : '更新用户' , visible:false }, { field : 'userDef1', title : '自定义字段1' , visible:false }, { field : 'userDef2', title : '自定义字段2' , visible:false }, { field : 'userDef3', title : '自定义字段3' , visible:false }] }); /* 入库单列表-详细 */ function detail(id, code) { receiptId = id; receiptCode=code; $("#myTab li").removeClass("active"); $("#tabHeader").removeClass("in active"); $("#myTab li:eq(1)").addClass("active"); $("#tabDetail").addClass("in active"); // $("#tabBase").addClass("in active"); loadDetail(); } function loadDetail() { $.ajax({ url:ctx + 'receipt/receiptDetailHistory/list', type:"post", data:{ receiptId:receiptId, }, success:function (value) { $("#bootstrap-table1").bootstrapTable('load',value.data); } }); } function createtable(url) { $("#tabDetail").children().remove(); $("#myTab li").removeClass("active"); var height = $(document).height()-100 + 'px'; var str = '<iframe class="huaheng_iframe" name="iframe" width="100%" height="' + height + '" src="' + url + '" frameborder="0" data-id="' + url + '" seamless></iframe>'; $("#tabDetail").append(str); $(".tab-pane").removeClass("in active"); $("#myTab li:eq(1)").addClass("active"); $("#tabDetail").addClass("in active"); } </script> </body> </html>