1.sap请求日志 前端优化

王佳豪

2021-06-25 c614a786d7449d2bc517ff20a5aff4e7ce4acee6

 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 "成功";
@@ -98,3 +99,105 @@
//   $("#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');
}