<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>私塾家</title>
    <link th:href="@{/static/kmt/css/bootstrap.min.css}" rel="stylesheet">
    <link rel="stylesheet" type="text/css" th:href="@{/static/kmt/css/common.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/static/kmt/css/header.css}"/>
    <script th:include="sys/common/metaCSS" th:remove="tag"></script>
    <script th:include="sys/common/metaJS" th:remove="tag"></script>
    <script src="sys/js/jquery.validate.min.js" th:src="@{/static/sys/js/jquery.validate.min.js}"></script>
    <script src="sys/js/jquery-validation/messages_zh.js"
            th:src="@{/static/sys/js/jquery-validation/messages_zh.js}"></script>
    <script src="sys/js/My97DatePicker/WdatePicker.js"
            th:src="@{/static/sys/js/My97DatePicker/WdatePicker.js}"></script>
    <script src="js/echarts.min.js" th:src="@{/static/js/echarts.min.js}"></script>

    <style>
        .clearfix:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        .clearfix {
            display: inline-table;
        }

        * html .clearfix {
            height: 1%;
        }

        .clearfix {
            display: block;
        }

        .fl {
            display: inline;
            float: left
        }

        clearfix > control-label-error {
            display: inline;
            float: left;
            marign-left: 10px
        }

        label.control-label-error {
            color: Red;
        }

        .lispan {
            line-height: 34px;
        }

        .select1 {
            width: 100%;
            height: 32px;
            line-height: 32px;
            border-top: solid 1px #a7b5bc;
            border-left: solid 1px #a7b5bc;
            border-right: solid 1px #ced9df;
            border-bottom: solid 1px #ced9df;
            opacity: 1;
            margin-bottom: 10px;
        }

        textarea {
            width: 382px;
        }

        .detail {
            border: 0;
            height: 34px;
        }
    </style>
</head>

<body>
<div class="place">
    <span>位置：</span>
    <ul class="placeul">
        <li><a href="#">用户管理中心</a></li>
        <li><a th:href="@{/sys/usercenter/parentList.html}">家长列表</a></li>
        <li>家长档案</li>
    </ul>
</div>
<div class="formbody">
    <div class="formtitle"><span>孩子列表</span></div>
    <li>
        <table class="tableList">
            <thead>
            <tr>
                <th>名字</th>
                <th>头像</th>
                <th>二维码</th>
                <th>性别</th>
                <th>联系电话</th>
                <th>学校</th>
                <th>年级</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr th:each="item:${childList}">
                <td th:text="${item.childName}"></td>
                <td class="imgtd">
                    <img th:if="${not #lists.isEmpty(item.imgUrl)}" th:src="${imgUrl}+''+${item.imgUrl}" style="width: 50px;height: 50px;" />
                </td>
                <td  class="imgtd">
                    <img th:if="${not #lists.isEmpty(item.qrcodeUrl)}" th:src="${imgUrl}+''+${item.qrcodeUrl}" style="width: 50px;height: 50px;" />
                </td>
                <td th:text="${item.sex == 1 ? '男' : '女'}"></td>
                <td th:text="${item.phone}"></td>
                <td th:text="${item.school}"></td>
                <td th:text="${item.grade}"></td>
                <td>
                    <a th:href="@{/sys/usercenter/studentDetail.html(id=${item.id})}" class="tablelink" >详情</a>
                </td>
            </tr>
            </tbody>
        </table>
    </li>
</div>
</body>
<script type="text/javascript" th:inline="javascript">
</script>
</html>