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