<!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="waveFlowHeader-form"> <div class="select-list"> <ul> <li> 流程名称:<input type="text" name="code"/> </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('waveFlowHeader')"><i class="fa fa-refresh"></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="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-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 + "config/waveFlowHeader"; var prefix1 = ctx + "config/waveFlowDetail"; var editFlag = [[${@permission.hasPermi('config:waveFlowHeader:edit')}]]; var removeFlag = [[${@permission.hasPermi('config:waveFlowHeader:remove')}]]; var datas = [[${@dict.getType('sys_normal_disable')}]]; $(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 : 'version', title : '数据版本', visible : false }, { field : 'processStamp', title : '处理标记', visible : false }, { field : 'created', title : '创建时间', visible : false }, { 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 }, { 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(''); } }] }; $.table.init(options); }); function detail(id, code) { var url = prefix1+"/list/" + id; createtable(url); } 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>