diff --git a/src/main/resources/templates/config/waveMaster/waveMaster.html b/src/main/resources/templates/config/waveMaster/waveMaster.html index 270959f..38719d3 100644 --- a/src/main/resources/templates/config/waveMaster/waveMaster.html +++ b/src/main/resources/templates/config/waveMaster/waveMaster.html @@ -6,61 +6,138 @@ <div class="container-div"> <div class="row"> <div class="col-sm-12 select-info"> - <form id="waveMaster-form"> - <div class="select-list"> - <ul> - <li> - 编码:<input type="text" name="code"/> - </li> - <li> - 出库单条件:<input type="text" name="shipmentFilterCode"/> - </li> - <li> - 波次流程:<input type="text" name="waveFlowCode"/> - </li> - <li class="time"> - <label>创建时间: </label> - <input type="text" class="time-input" id="startTime" placeholder="开始时间" name="createdBegin"/> - <span>-</span> - <input type="text" class="time-input" id="endTime" placeholder="结束时间" name="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('waveMaster-form')"><i class="fa fa-refresh"></i> 重置</a> - <!--<a class="btn btn-success btn-rounded btn-sm" onclick="$.table.exportExcel()" shiro:hasPermission="system:role:export"><i class="fa fa-download"></i> 导出</a>--> - </li> - </ul> + <div class="col-sm-12 select-info"> + <ul id="myTab" class="nav nav-tabs"> + <li class="active"><a href="#tabMaster" data-toggle="tab">波次主表</a></li> + <li><a href="#tabHeader" data-toggle="tab" onclick="header()">主表</a></li> + <li><a href="#tabDetail" data-toggle="tab" onclick="detail()">明细</a></li> + </ul> + <div id="myTabContent" class="tab-content"> + <div class="tab-pane fade in active" id="tabMaster"> + <div class="col-sm-12 select-info"> + <form id="waveMaster-form"> + <div class="select-list"> + <ul> + <li> + 编码:<input type="text" name="code"/> + </li> + <li> + 出库单条件:<input type="text" name="shipmentFilterCode"/> + </li> + <li> + 波次流程:<input type="text" name="waveFlowCode"/> + </li> + <li class="time"> + <label>创建时间: </label> + <input type="text" class="time-input" id="startTime" placeholder="开始时间" name="createdBegin"/> + <span>-</span> + <input type="text" class="time-input" id="endTime" placeholder="结束时间" name="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('waveMaster-form')"><i class="fa fa-refresh"></i> 重置</a> + <!--<a class="btn btn-success btn-rounded btn-sm" onclick="$.table.exportExcel()" shiro:hasPermission="system:role:export"><i class="fa fa-download"></i> 导出</a>--> + </li> + </ul> + </div> + </form> + </div> + + <div class="col-sm-12 select-info"> + <table id="bootstrap-table" data-mobile-responsive="true" class="table table-bordered table-hover"></table> + </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="config:waveMaster:add"> + <i class="fa fa-plus"></i> 新增 + </a> + <a class="btn btn-outline btn-danger btn-rounded" onclick="$.operate.batRemove()" shiro:hasPermission="config:waveMaster:remove"> + <i class="fa fa-trash-o"></i> 删除 + </a> + </div> + </div> + + <div class="tab-pane fade" id="tabHeader"> + <div class="col-sm-12 select-info"> + <form id="waveFlowHeader-form"> + <div class="select-list"> + <ul> + <li> + 编码:<input type="text" name="code"/> + </li> + <li> + 出库单条件:<input type="text" name="shipmentFilterCode"/> + </li> + <li> + 波次流程:<input type="text" name="waveFlowCode"/> + </li> + <li class="time"> + <label>创建时间: </label> + <input type="text" class="time-input" id="waveFlowHeaderStartTime" placeholder="开始时间" name="createdBegin"/> + <span>-</span> + <input type="text" class="time-input" id="waveFlowHeaderEndTime" placeholder="结束时间" name="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('waveMaster-form')"><i class="fa fa-refresh"></i> 重置</a> + <!--<a class="btn btn-success btn-rounded btn-sm" onclick="$.table.exportExcel()" shiro:hasPermission="system:role:export"><i class="fa fa-download"></i> 导出</a>--> + </li> + </ul> + </div> + </form> + </div> + <div class="btn-group hidden-xs" id="toolbar1" role="group"> + <a class="btn btn-outline btn-success btn-rounded" onclick="$.operate.add()" + shiro:hasPermission="config:waveFlowHeader:add"> + <i class="fa fa-plus"></i> 新增 + </a> + <a class="btn btn-outline btn-danger btn-rounded" onclick="$.operate.batRemove()" + shiro:hasPermission="config:waveFlowHeader:remove"> + <i class="fa fa-trash-o"></i> 删除 + </a> + </div> + + <table id="bootstrap-table1" data-mobile-responsive="true" class="table table-bordered table-hover"></table> + + </div> + + <div class="tab-pane fade" id="tabDetail"> + <table id="bootstrap-table2" data-mobile-responsive="true" + class="table table-bordered table-hover"></table> + </div> </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="config:waveMaster:add"> - <i class="fa fa-plus"></i> 新增 - </a> - <a class="btn btn-outline btn-danger btn-rounded" onclick="$.operate.batRemove()" shiro:hasPermission="config:waveMaster:remove"> - <i class="fa fa-trash-o"></i> 删除 - </a> - </div> - <div class="col-sm-12 select-info"> - <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('config:waveMaster:edit')}]]; var removeFlag = [[${@permission.hasPermi('config:waveMaster:remove')}]]; var prefix = ctx + "config/waveMaster"; var datas = [[${@dict.getType('sys_normal_disable')}]]; + var code = ""; + var headerId = ""; + var prefix1 = ctx + "config/waveFlowHeader"; + var prefix2 = ctx + "config/waveFlowDetail"; + var editFlag1 = [[${@permission.hasPermi('config:waveFlowHeader:edit')}]]; + var removeFlag1 = [[${@permission.hasPermi('config:waveFlowHeader:remove')}]]; + $(function() { - var options = { + $("#bootstrap-table").bootstrapTable({ url: prefix + "/list", createUrl: prefix + "/add", updateUrl: prefix + "/edit/{id}", removeUrl: prefix + "/remove", modalName: "波次主表", search: false, + showRefresh: true, + showColumns: true, + showExport: true, + smartDisplay:true, + iconSize: 'outline', + method: "post", + toolbar: "#toolbar", columns: [{ checkbox: true }, @@ -188,10 +265,253 @@ actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="#" onclick="$.operate.remove(\'' + row.id + '\')" ><i class="fa fa-trash-o"></i>删除</a>'); return actions.join(''); } - }] - }; - $.table.init(options); + }], + onDblClickRow: function (row) { + headerReg(row.waveFlowCode) + } + }); + }); + + $("#bootstrap-table1").bootstrapTable({ + url: prefix1 + "/list", + createUrl: prefix1 + "/add", + updateUrl: prefix1 + "/edit/{id}", + removeUrl: prefix1 + "/remove", + modalName: "波次流主表", + search: false, + sortName: "id", + sortOrder: "desc", + toolbar: "#toolbar1", + onRefresh: function(){ + loadHeader(); + }, + columns: [{ + checkbox: true + }, + { + field : 'id', + title : 'id' + }, + { + field : 'code', + title : '流程名称' + }, + { + field : 'version', + title : '数据版本', + visible : false + }, + { + field : 'processStamp', + title : '处理标记', + visible : false + }, + { + field : 'created', + title : '创建时间' + }, + { + field : 'createdBy', + title : '创建用户' + }, + { + field : 'lastUpdated', + title : '更新时间' + }, + { + field : 'lastUpdatedBy', + title : '更新用户' + }, + { + field : 'userDef1', + title : '自定义字段1', + visible:false + }, + { + field : 'userDef2', + title : '自定义字段2' , + visible:false + }, + { + field : 'userDef3', + title : '自定义字段3' , + visible:false + }, + { + title: '操作', + align: 'center', + formatter: function(value, row, index) { + var actions = []; + actions.push('<a class="btn btn-success btn-xs ' + editFlag1 + '" href="#" onclick="$.operate.edit(\'' + row.id + '\')"><i class="fa fa-edit"></i>编辑</a> '); + actions.push('<a class="btn btn-danger btn-xs ' + removeFlag1 + '" href="#" onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-trash-o"></i>删除</a>'); + return actions.join(''); + } + }], + onDblClickRow: function (row) { + detailReg(row.id) + } }); + + $("#bootstrap-table2").bootstrapTable({ + url: prefix + "/list", + createUrl: prefix + "/add", + updateUrl: prefix + "/edit/{id}", + removeUrl: prefix + "/remove", + modalName: "波次流明细", + queryParams:function(params) { + return { + // 传递参数查询参数 + pageSize: params.limit, + pageNum: params.offset / params.limit + 1, + searchValue: params.search, + orderByColumn: params.sort, + isAsc: params.order + }; + }, + onRefresh: function(){ + loadDeatil(); + }, + search: false, + sortName: "id", + sortOrder: "desc", + columns: [{ + checkbox: true + }, + { + field : 'id', + title : 'id' + }, + { + field : 'headerId', + title : '头表id', + visible: false + }, + { + field : 'waveFlowCode', + title : '波次流程' + }, + { + field : 'sequence', + title : '序号' + }, + { + field : 'waveStepCode', + title : '波次步骤' + }, + { + field : 'waveStepName', + title : '描述' + }, + { + field : 'value1', + title : '参数1', + visible : false + }, + { + field : 'value2', + title : '参数2', + visible : false + }, + { + field : 'value3', + title : '参数3', + visible : false + }, + { + field : 'created', + title : '创建时间' + }, + { + field : 'createdBy', + title : '创建用户' + }, + { + field : 'lastUpdated', + title : '更新时间' + }, + { + field : 'lastUpdatedBy', + title : '更新用户' + }, + { + field : 'userDef1', + title : '自定义字段1' , + visible:false + }, + { + field : 'userDef2', + title : '自定义字段2' , + visible:false + }, + { + field : 'userDef3', + title : '自定义字段3' , + visible:false + }, + { + 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> '); + actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="#" onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-trash-o"></i>删除</a>'); + return actions.join(''); + } + }] + }) + + function header() { + $("#myTab li").removeClass("active"); + $("#tabMaster").removeClass("in active"); + $("#myTab li:eq(1)").addClass("active"); + $("#tabHeader").addClass("in active"); + loadHeader(); + } + + function detail() { + $("#myTab li").removeClass("active"); + $("#tabMaster").removeClass("in active"); + $("#tabHeader").removeClass("in active"); + $("#myTab li:eq(2)").addClass("active"); + $("#tabDetail").addClass("in active"); + loadDeatil(); + } + + function loadHeader(){ + $.ajax({ + url:prefix1+'/list', + type:"post", + data:{ + code: code, + }, + success:function (value) { + $("#bootstrap-table1").bootstrapTable('load',value.data); + } + }); + } + + function loadDeatil() { + $.ajax({ + url:prefix2+'/list', + type:"post", + data:{ + headerId: headerId, + }, + success:function (value) { + $("#bootstrap-table2").bootstrapTable('load',value.data); + } + }); + } + + function headerReg(waveFlowCode) { + code = waveFlowCode; + header(); + } + + function detailReg(rowId){ + headerId = rowId; + detail(); + } </script> </body> </html> \ No newline at end of file