From c614a786d7449d2bc517ff20a5aff4e7ce4acee6 Mon Sep 17 00:00:00 2001
From: 王佳豪 <g675230687@126.com>
Date: 星期五, 25 六月 2021 16:06:35 +0800
Subject: [PATCH] 1.sap请求日志 前端优化
---
src/main/webapp/jsFiles/sapRequestLog.js | 113 ++++++++++++++++++++++++++++++++++++-
src/main/webapp/WEB-INF/pages/sapRequestLog.jsp | 21 ++++++
2 files changed, 128 insertions(+), 6 deletions(-)
diff --git a/src/main/webapp/WEB-INF/pages/sapRequestLog.jsp b/src/main/webapp/WEB-INF/pages/sapRequestLog.jsp
index fba346c..c5c4434 100644
--- a/src/main/webapp/WEB-INF/pages/sapRequestLog.jsp
+++ b/src/main/webapp/WEB-INF/pages/sapRequestLog.jsp
@@ -14,7 +14,26 @@
</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>
\ No newline at end of file
diff --git a/src/main/webapp/jsFiles/sapRequestLog.js b/src/main/webapp/jsFiles/sapRequestLog.js
index 6d5453b..656f31c 100644
--- a/src/main/webapp/jsFiles/sapRequestLog.js
+++ b/src/main/webapp/jsFiles/sapRequestLog.js
@@ -23,19 +23,21 @@
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: "璁板綍鏃堕棿",
@@ -48,14 +50,13 @@
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 "鎴愬姛";
@@ -97,4 +98,106 @@
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瀛楃鍒欏ぇ浜庣殑閮ㄥ垎闅愯棌锛岀偣鍑籗how 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瀛楃鍒欏ぇ浜庣殑閮ㄥ垎闅愯棌锛岀偣鍑籗how 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瀛楃鍒欏ぇ浜庣殑閮ㄥ垎闅愯棌锛岀偣鍑籗how 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');
}
\ No newline at end of file
--
Gitblit v1.9.1