| | |
|---|
| | | </head> |
|---|
| | | <body> |
|---|
| | | |
|---|
| | | <table id="test-table" class="table table-hover table-striped table-condensed table-bordered"></table> |
|---|
| | | <div class="table-responsive"> |
|---|
| | | <table id="test-table" class="table table-hover table-striped table-condensed table-bordered"></table> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div id="showDetail" class="modal fade" data-backdrop="static"> |
|---|
| | | <div> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | <div class="modal-content"> |
|---|
| | | <div class="modal-header" id="headerName"> |
|---|
| | | 日志明细 |
|---|
| | | </div> |
|---|
| | | <div class="container" style="text-align: center; width: 600px"> |
|---|
| | | <form class="form-horizontal" id="detailForm" method="post"> |
|---|
| | | <textarea style="width: 95%; margin-top: 8px" rows="10" id="details" readonly></textarea> |
|---|
| | | </form> |
|---|
| | | <button type="button" class="btn btn-default" onclick="closeModal()" style="margin-bottom: 8px">关闭</button> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | </body> |
|---|
| | | </html> |
|---|
| | |
|---|
| | | title: "物料编码", |
|---|
| | | align: "center", |
|---|
| | | valign: "middle", |
|---|
| | | // sortable: "true" |
|---|
| | | sortable: "true" |
|---|
| | | }, { |
|---|
| | | field: "request", |
|---|
| | | title: "请求参数", |
|---|
| | | align: "center", |
|---|
| | | valign: "middle", |
|---|
| | | sortable: "true" |
|---|
| | | width:150, |
|---|
| | | formatter: formatterRequest |
|---|
| | | }, { |
|---|
| | | field: "response", |
|---|
| | | title: "返回参数", |
|---|
| | | align: "center", |
|---|
| | | valign: "middle", |
|---|
| | | sortable: "true" |
|---|
| | | width:150, |
|---|
| | | formatter: formatterResponse |
|---|
| | | }, { |
|---|
| | | field: "create_time$", |
|---|
| | | title: "记录时间", |
|---|
| | |
|---|
| | | title: "其他信息", |
|---|
| | | align: "center", |
|---|
| | | valign: "middle", |
|---|
| | | sortable: "true" |
|---|
| | | formatter: formatterRemark |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | field: "type", |
|---|
| | | title: "请求结果", |
|---|
| | | align: "center", |
|---|
| | | valign: "middle", |
|---|
| | | sortable: "true", |
|---|
| | | formatter: function (item) { |
|---|
| | | if (item == 1) { |
|---|
| | | return "成功"; |
|---|
| | |
|---|
| | | function getViewStockUseByCon() { |
|---|
| | | // $("#test-table").bootstrapTable('refresh'); |
|---|
| | | $("#test-table").bootstrapTable('refreshOptions', {pageNumber: 1}); //分页后重新搜索时，初始化页码为1 |
|---|
| | | } |
|---|
| | | |
|---|
| | | var formatterRequest = function (value, row, index) { |
|---|
| | | if (!value) { |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | //没有内容的时候显示“-” |
|---|
| | | var temp = ""; |
|---|
| | | if (value == '') { |
|---|
| | | var temp = "-"; |
|---|
| | | } else { |
|---|
| | | temp = value; |
|---|
| | | } |
|---|
| | | //有内容时，内容大于50字符则大于的部分隐藏，点击Show More 显示内容 |
|---|
| | | var text = value; |
|---|
| | | var flag = text.length > 50 ? true : false; |
|---|
| | | if (flag) { |
|---|
| | | var type = 1; |
|---|
| | | temp = "<div style='word-wrap:break-word'>" + text.substring(0, 50) + "</div><a onclick='showhide(" + index + "," + type + ")'>...查看全部</a>" |
|---|
| | | } |
|---|
| | | return temp; |
|---|
| | | } |
|---|
| | | |
|---|
| | | var formatterResponse = function (value, row, index) { |
|---|
| | | if (!value) { |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | //没有内容的时候显示“-” |
|---|
| | | var temp = ""; |
|---|
| | | if (value == '') { |
|---|
| | | var temp = "-"; |
|---|
| | | } else { |
|---|
| | | temp = value; |
|---|
| | | } |
|---|
| | | //有内容时，内容大于50字符则大于的部分隐藏，点击Show More 显示内容 |
|---|
| | | var text = value; |
|---|
| | | var flag = text.length > 50 ? true : false; |
|---|
| | | if (flag) { |
|---|
| | | var type = 2; |
|---|
| | | temp = "<div style='word-wrap:break-word'>" + text.substring(0, 50) + "</div><a onclick='showhide(" + index + "," + type + ")'>...查看全部</a>" |
|---|
| | | } |
|---|
| | | return temp; |
|---|
| | | } |
|---|
| | | |
|---|
| | | var formatterRemark = function (value, row, index) { |
|---|
| | | if (!value) { |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | //没有内容的时候显示“-” |
|---|
| | | var temp = ""; |
|---|
| | | if (value == '') { |
|---|
| | | var temp = "-"; |
|---|
| | | } else { |
|---|
| | | temp = value; |
|---|
| | | } |
|---|
| | | //有内容时，内容大于50字符则大于的部分隐藏，点击Show More 显示内容 |
|---|
| | | var text = value; |
|---|
| | | var flag = text.length > 50 ? true : false; |
|---|
| | | if (flag) { |
|---|
| | | var type = 3; |
|---|
| | | temp = "<div style='word-wrap:break-word'>" + text.substring(0, 50) + "</div><a onclick='showhide(" + index + "," + type + ")'>...查看全部</a>" |
|---|
| | | } |
|---|
| | | return temp; |
|---|
| | | } |
|---|
| | | |
|---|
| | | function showhide(row, col) { |
|---|
| | | var data = $('#test-table').bootstrapTable('getData', true); |
|---|
| | | // 1 request, 2 response, 3 remark |
|---|
| | | var type = ""; |
|---|
| | | var modalTitle = ""; |
|---|
| | | switch (col) { |
|---|
| | | case 1: |
|---|
| | | type = "request"; |
|---|
| | | modalTitle = "请求参数"; |
|---|
| | | break; |
|---|
| | | case 2: |
|---|
| | | type = "response"; |
|---|
| | | modalTitle = "返回参数"; |
|---|
| | | break; |
|---|
| | | case 3: |
|---|
| | | type = "remark"; |
|---|
| | | modalTitle = "其他信息"; |
|---|
| | | break; |
|---|
| | | } |
|---|
| | | var displayRecord = ""; |
|---|
| | | if (data && data.length > 0) { |
|---|
| | | data.map(function (item, index) { |
|---|
| | | if (index == row) { |
|---|
| | | displayRecord = item[type]; |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | // alert(displayRecord); |
|---|
| | | // 显示模态框 |
|---|
| | | $("#showDetail").modal('show'); |
|---|
| | | $("#headerName").html(modalTitle); |
|---|
| | | $("#details").val(displayRecord); |
|---|
| | | } |
|---|
| | | |
|---|
| | | function closeModal() { |
|---|
| | | // 显示模态框 |
|---|
| | | $("#showDetail").modal('hide'); |
|---|
| | | } |
|---|
