<!DOCTYPE html >
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Ind search</title>
</head>
<style type="text/css">
    .table
    {
        border-collapse: collapse;
        margin: 0 auto;
        text-align: center;
    }
    .table td, table th
    {
        border: 1px solid #cad9ea;
        color: #666;
        height: 30px;
    }
    .table thead th
    {
        background-color: #CCE8EB;
        width: 100px;
    }
    .table tr:nth-child(odd)
    {
        background: #fff;
    }
    .table tr:nth-child(even)
    {
        background: #F5FAFA;
    }
    .filterTxt
    {
        font-size: 15px;
        letter-spacing:2px;
        border-bottom:1px solid #dddddd;
        padding:5px 0px 3px 0px;
        margin:4px 0px 4px 0px;
        text-align:center;height:24px;
    }
    .subBtn {
        width: 50px;
        height: 30px;
        color: white;
        background-color: cornflowerblue;
        border-radius: 3px;
        border-width: 0;
        margin: 0;
        outline: none;
        font-family: KaiTi;
        font-size: 15px;
        text-align: center;
        cursor: pointer;
    }
</style>
<body>
<div style="text-align: center">
    <h1 th:text="${indModel.title}">指标查询</h1>
    <form action="./ind" method="get">
        <input type = "text" name="filter" class="filterTxt" th:value="${indModel.filter}"/>
        <input type="submit" class="subBtn" value="提交">
    </form>
</div>
<div style="margin-top: 20px">
    <table width="60%" class="table">
        <thead>
        <tr>
            <th>编码</th>
            <th>名称</th>
            <th>字段名</th>
            <th>展示字段名</th>
            <th>计算公式</th>
        </tr>
        </thead>
        <tbody>
        <tr th:if="${indModel.indList.size()} eq 0">
            <td colspan="3">无数据</td>
        </tr>
        <tr th:each="ind : ${indModel.indList}">
            <td th:text="${ind.indCode}"></td>
            <td th:text="${ind.indName}"></td>
            <td th:text="${ind.indField}"></td>
            <td th:text="${ind.showField}"></td>
            <td th:text="${ind.calculateWay}"></td>
        </tr>
        </tbody>
    </table>
</div>
</body>
</html>