<!DOCTYPE html>
<!--{% autoescape None %}-->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>接口测试平台</title>
    <link rel="stylesheet" href="/static/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/font-awesome-4.7.0/css/font-awesome.min.css">
    <style type="text/css">
     @import url("/static/css/style.css");

        .wrap{
         display:-webkit-box;
        word-wrap: break-word;
        /*white-space: nowrap; */
        text-overflow: ellipsis;
        overflow:hidden ;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
            /*overflow: hidden;text-overflow:ellipsis;white-space: nowrap;*/

        }
        /*body{overflow:hidden;}*/



</style>
    <script type="text/javascript" src="/static/js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="/static/js/bootstrap.min.js"></script>
</head>
<body style="background-image: url(/static/img/background.jpg)">
<!--<div style="margin-top: 20px;font-size: 20px ; margin-left: 900px">-->
        <!--<form style="font-size: 20px;color:whitesmoke" action="/table"  method="get">-->
                 <!--<div style="margin-left: 100px"  >-->
                    <!--<button type="submit"  class="btn btn-primary">点击刷新</button>-->
                 <!--</div>-->
        <!--</form>-->

<!--</div>-->
<!--<div class="checkbox">-->
        <!--<label class="checkbox-inline">-->
            <!--<input type="checkbox" id="inlineCheckbox1" name="option1" > 显示失败及未完成用例-->
        <!--</label>-->
    <!--<button id="foo"></button>-->
  <!--</div>-->
<div style="margin-top: 20px;font-size: 20px ; margin-left: 700px">
            <!--<span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span>-->
            <a href="/static/report/{{report_name}}" download="{{report_name}}">点击下载测试报告{{report_name}}</a>
</div>
<center>
<div style="margin-top: 20px">
<table id="rounded-corner" summary="2007 Major IT Companies' Profit">

  <thead>
      <th scope="col" class="rounded-company">caseID</th>
      <th scope="col" class="rounded-q1">测试参数</th>
      <th scope="col" class="rounded-q2">测试响应</th>
      <th scope="col" class="rounded-q3">开发参数</th>
      <th scope="col" class="rounded-q4">开发响应</th>
      <th scope="col" class="rounded-q5">对比结果</th>
    </tr>
  </thead>
  <tbody>
    {% for i in user_list %}
        <tr>
            <td>
                <div class="wrap" style="width: 20px"  title="{{i[0]}}">{{i[0]}}</div>
            </td>
            <td>
                <div class="wrap" style="width: 150px" title="{{i[1]}}">{{i[1]}}</div>
            </td>
            <td>
                <div class="wrap" style="width: 150px" title="{{i[2]}}">{{i[2]}}</div>
            </td>
            <td>
                <div class="wrap" style="width: 150px" title="{{i[3]}}">{{i[3]}}</div>
            </td>
            <td>
                <div class="wrap" style="width: 150px" title="{{i[4]}}">{{i[4]}}</div>
            </td>
            <td>
                <div class="wrap" title="{{i[5]}}">{{i[5]}}</div>
            </td>
        </tr>

       {% end %}

  </tbody>
</table>
</div>

<div style="color: whitesmoke; margin-top: 10px">
    <nav aria-label="Page navigation">
            <ul class="pagination">
                {% for page in page_list %}
                    {% raw page %}
                {% end %}
            </ul>
    </nav>

</div>
</center>
</body>
</html>

<!--<script type="text/javascript">-->
    <!--$("#foo").click(function()-->
    <!--{-->
        <!--var word = $("#word").val(); //获取文本框的输入-->

        <!--//把word发给后台php程序-->
        <!--//返回的数据放在data中，返回状态放在status-->
        <!--$.post("/test",{message:word}, function(data,status){-->
            <!--if(status == "success")-->
            <!--{-->
                <!--$("#result").html(data);-->
            <!--}-->
            <!--else-->
            <!--{-->
                <!--alert("Ajax 失败");-->
            <!--}-->
        <!--});-->
    <!--});-->

<!--</script>-->
