<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>私塾家</title>
    <script th:include="sys/common/metaCSS" th:remove="tag"></script>
    <script th:include="sys/common/metaJS" th:remove="tag"></script>
    <script src="sys/js/My97DatePicker/WdatePicker.js" th:src="@{/static/sys/js/My97DatePicker/WdatePicker.js}"></script>
</head>
<style>
    .tablelink{margin-right:10px;}
    .stylecss{
        color: red;
    }
    .select_width{
        width: 70px;
    }
    .date_width{
        width: 100px;
    }
</style>
<body>
<div class="place">
    <span>位置：</span>
    <ul class="placeul">
        <li><a href="#">后台系统管理</a></li>
        <li><a th:href="@{/sys/lib/usercount.html}">作业吧班级管理</a></li>
    </ul>
</div>
<div class="rightinfo">
    <form id="seachform" th:action="@{/sys/lib/usercount.html}" method="post">
        <input type="hidden" name="libId" th:value="${search.get('libId')}">
        <ul class="seachform">
            <li>
                <label>学生姓名</label>
                <input name="child_name" type="text" class="scinput" th:value="${search.get('child_name')}"/>
            </li>
            <li>
                <label>开始时间</label>
                <input type="text" id="beginDate" name="beginDate"  onclick="WdatePicker({maxDate:'#F{$dp.$D(\'endDate\')}'})" th:value="${search.beginDate }" class="scinput date_width " placeholder="开始时间">
            </li>


            <li>
                <label>结束时间</label>
                <input type="text" id="endDate" name="endDate"  onclick="WdatePicker({minDate:'#F{$dp.$D(\'beginDate\')}'})" th:value="${search.endDate }" class="scinput date_width" placeholder="结束时间">
            </li>
            <li>
                <label>&nbsp;</label>
                <input type="button" class="scbtn" value="查询" />

            </li>
            <li t >
                <label>&nbsp;</label>
                <input type="button" id="zbbutton" class="scbtnbution" value="导出" />
            </li>

            <li>
                <ul class="toolbar">
                    <a th:href="@{/sys/lib/libJoinList.html}"><li class="click"><span><img style="width: 24px;height: 24px" th:src="@{/static/sys/images/goto.png}" /></span>返回</li></a>
                </ul>
            </li>
        </ul>
    </form>
    <table class="tablelist">
        <thead>
        <tr>
            <th style="width: 40px;">序号</th>
            <th>学生名字</th>
            <th>学生头像</th>
            <th>小塾号</th>
            <th>学校</th>
            <th>年级</th>
            <th>操作类型</th>
            <th>操作时间</th>

        </tr>
        </thead>
        <tbody>
        <tr th:each="item:${list}" >
            <td th:text="${itemStat.count}" ></td>
            <td th:text="${item.get('child_name')}" ></td>
            <td  class="imgtd">
                <img th:if="${not #lists.isEmpty(item.get('img_url'))}" th:src="${imgUrl}+''+${item.get('img_url')}" style="width: 50px;height: 50px;" />
            </td>

            <td th:text="${item.get('derver')}" ></td>
            <td th:text="${item.get('school')}" ></td>
            <td th:text="${item.get('grade')}" ></td>
            <td th:text="${item.get('type_name')}" ></td>
            <td th:text="${#calendars.format(item.get('create_time'),'yyyy-MM-dd HH:mm:dd')}" ></td>

        </tr>
        </tbody>
    </table>
    <!-- 分页 -->
    <div class="pagin">
        <div class="message">共<i class="blue">[[${page.rowCnt}]]</i>条记录，当前显示第&nbsp;<i class="blue">[[${page.pageNo }]]&nbsp;</i>页</div>
        <div th:utext='${listNavigatHtml}' th:remove="tag" ></div>
    </div>
</div>
</body>
<script type="text/javascript">


        $("#zbbutton").on('click',function(){
            document.getElementById("seachform").action = "[[${sysUrl}]]/sys/lib/exportDetail";
            $("#seachform").submit();
            document.getElementById("seachform").action = "[[${sysUrl}]]/sys/lib/usercount.html";
        });





</script>
</html>