<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>
</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/otamana/otamanaList.html}">升级包配置列表</a></li>
    </ul>
</div>
<div class="rightinfo">
    <form id="seachform" th:action="@{/sys/otamana/otamanaList.html}" method="post">
        <ul class="seachform">
            <li>
                <label>&nbsp;</label>
                <input type="button" class="scbtn" value="刷新" />
            </li>
            <li>
                <ul class="toolbar">
                    <a th:href="@{/sys/otamana/otamanaAdd.html}"><li class="click"><span><img th:src="@{/static/sys/images/t01.png}" /></span>新增</li></a>
                </ul>
            </li>
        </ul>
    </form>
    <table class="tablelist">
        <thead>
        <tr>
            <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="${item.isUsing}" ></td>
            <td th:text="${item.isTest}" ></td>
            <td th:text="${item.updatePackName}" ></td>
            <td th:text="${item.currentVersion}" ></td>
            <td th:text="${item.updateVersion}" ></td>
            <td th:text="${item.content}" ></td>
            <td style="width: 141px;" th:text="${#calendars.format(item.createTime,'yyyy-MM-dd HH:mm:ss')}" ></td>
            <td>
                <a th:href="@{/sys/otamana/otamanaAdd.html(id=${item.id})}" class="tablelink" >修改</a>
                <a href="javascript:;" th:onclick="'deleteById(\''+${item.id}+'\')'"  class="tablelink" >删除</a>
            </td>
        </tr>
        </tbody>
    </table>
    <!--分页-->
    <div class="pagin">
        <div class="appinfo">共<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">
    function deleteById(id){
        parent.layer.confirm("确定删除吗？",
            {icon: 4, btn: ['确定','取消']
            }, function(){
                $.ajax({
                    url: '[[${sysUrl}]]/sys/otamana/otamanaDelete',
                    type: "post",
                    data:{
                        'id': id
                    },
                    dataType: "json",
                    success:function(data){
                        if(data.meta.success){
                            parent.layer.msg("删除成功",{icon:1});
                            setTimeout(function(){
                                location.reload();
                            },1000);
                        }else{
                            parent.layer.msg(data.meta.message,{icon:11});
                        }
                    }
                });
            });
    }
</script>
</html>