Untitled

<html>
    <head>
        <title>Alipay stresstest report</title>
        <link rel="stylesheet" href="static/css/bootstrap.min.css"/>
        <link rel="stylesheet" href="static/css/bootstrap-sortable.css"/>
        <style>
            #page {
                width: 1200px;
                margin: auto;
            }

            th {
                text-align: center;
                vertical-align: middle;
            }

            td {
                text-align: right;
                vertical-align: middle;
            }

            .text {
                text-align: left;
            }
        </style>

        <script src="static/js/jquery.min.js"></script>.
        <script src="static/js/bootstrap-sortable.js"></script>
        <script>
            var reportJson = [ {
  "name" : "root",
  "count" : 1,
  "success" : 1,
  "failed" : 0,
  "minExecutionTime" : 1868,
  "maxExecutionTime" : 1868,
  "lastExecutionTIme" : 1868,
  "median" : 1868.0
}, {
  "name" : "AlipayStressCase",
  "count" : 1,
  "success" : 1,
  "failed" : 0,
  "minExecutionTime" : 1269,
  "maxExecutionTime" : 1269,
  "lastExecutionTIme" : 1269,
  "median" : 1269.0
}, {
  "name" : "AlipayMainSuiteCase",
  "count" : 1,
  "success" : 1,
  "failed" : 0,
  "minExecutionTime" : 1258,
  "maxExecutionTime" : 1258,
  "lastExecutionTIme" : 1258,
  "median" : 1258.0
}, {
  "name" : "AlipayMainSuiteCase::AlipayDepositSuiteCase",
  "count" : 1,
  "success" : 1,
  "failed" : 0,
  "minExecutionTime" : 945,
  "maxExecutionTime" : 945,
  "lastExecutionTIme" : 945,
  "median" : 945.0
}, {
  "name" : "AlipayDepositSuiteCase::AlipayInstantPaymentPreAuthCase",
  "count" : 1,
  "success" : 1,
  "failed" : 0,
  "minExecutionTime" : 608,
  "maxExecutionTime" : 608,
  "lastExecutionTIme" : 608,
  "median" : 608.0
}, {
  "name" : "AlipayDepositSuiteCase::AlipayOrderStatusCase",
  "count" : 2,
  "success" : 2,
  "failed" : 0,
  "minExecutionTime" : 107,
  "maxExecutionTime" : 124,
  "lastExecutionTIme" : 107,
  "median" : 115.5
}, {
  "name" : "AlipayDepositSuiteCase::AlipayDepositCase",
  "count" : 1,
  "success" : 1,
  "failed" : 0,
  "minExecutionTime" : 101,
  "maxExecutionTime" : 101,
  "lastExecutionTIme" : 101,
  "median" : 101.0
}, {
  "name" : "AlipayMainSuiteCase::AlipayPaymentPurchaseSuiteCase",
  "count" : 1,
  "success" : 1,
  "failed" : 0,
  "minExecutionTime" : 311,
  "maxExecutionTime" : 311,
  "lastExecutionTIme" : 311,
  "median" : 311.0
}, {
  "name" : "AlipayPaymentPurchaseSuiteCase::AlipayInstantPaymentPurchaseCase",
  "count" : 1,
  "success" : 1,
  "failed" : 0,
  "minExecutionTime" : 208,
  "maxExecutionTime" : 208,
  "lastExecutionTIme" : 208,
  "median" : 208.0
}, {
  "name" : "AlipayPaymentPurchaseSuiteCase::AlipayOrderStatusCase",
  "count" : 1,
  "success" : 1,
  "failed" : 0,
  "minExecutionTime" : 101,
  "maxExecutionTime" : 101,
  "lastExecutionTIme" : 101,
  "median" : 101.0
} ];
            var $table = $('<table class="table table-bordered my-table sortable"><thead><tr><th class="text">Case</th><th>Count</th><th>Success</th><th>Failed</th><th>Min Time</th><th>Max Time</th><th>Last Time</th><th>Median</th></tr></thead><tbody></tbody></table>'),
                    $tbody = $table.find('tbody');

            for (var i = 0; i < reportJson.length; i++) {
                var d = reportJson[i];
                $tbody.append('<tr><td class="text">' + d.name + '</td><td>' + d.count + '</td><td>' + d.success + '</td><td>' + d.failed + '</td><td>' + d.minExecutionTime + '</td><td>' + d.maxExecutionTime + '</td><td>' + d.lastExecutionTIme + '</td><td>' + d.median + '</td></tr>')
            }

            $(document).on('ready', function() {
                $('#page').append($table);
            })
        </script>
    </head>
    <body>
        <div id="page">
            <h2>Alipay stresstest report</h2>
        </div>
    </body>
</html>