<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/shortcuts/shortcutsList.html}">快捷语列表</a></li>
	</ul>
</div>
<div class="rightinfo">
	<form id="seachform" th:action="@{/sys/shortcuts/shortcutsList.html}" method="post">
		<ul class="seachform">
			<li>
				<label>内容</label>
				<input name="LIKE_content" type="text" class="scinput" th:value="${search.get('LIKE_content')}"/>
			</li>
			<li>
				<label>&nbsp;</label>
				<input type="button" class="scbtn" value="刷新" />
			</li>
			<li>
				<ul class="toolbar">
					<a th:href="@{/sys/shortcuts/shortcutsAdd.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>
		</tr>
		</thead>
		<tbody>
		<tr th:each="item:${list}" >
			<td th:text="${item.content}" ></td>
			<td style="text-align: center;" >
				<input type="number" th:value="${item.shortcutsOrder}" th:onBlur="'updateOrder(\''+${item.id}+'\',\''+${item.shortcutsOrder}+'\',this)'"  class="dfinput" style="width: 60px; height: 30px;"  >
			</td>
			<td style="width: 141px;" th:text="${#calendars.format(item.createdTime,'yyyy-MM-dd HH:mm:ss')}" ></td>
			<td th:text="${item.isValid}" ></td>
			<td>
				<a th:href="@{/sys/shortcuts/shortcutsAdd.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="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">
    //修改排序号
    function updateOrder(id,oldOrder,_this){
        var order = $(_this).val();
        if(order == oldOrder){
            return false;
        }
        if(order ==''|| order ==null){
            return false;
        }
        $(_this).removeAttr("onBlur");
        $.ajax({
            url : "[[${sysUrl}]]/sys/shortcuts/updateshortcutsOrder",
            type : "post",
            data : {
                id : id,
                order : order
            },
            dataType : "json",
            success : function(data) {
                if(data.meta.success){
                    parent.layer.msg('操作成功',{icon:1});
                    $(_this).attr("onBlur","updateOrder("+id+","+order+",this)");
                }else{
                    parent.layer.msg('操作失败',{icon: 9})

                }
            }
        });
    }
    function deleteById(id){
        parent.layer.confirm("确定删除吗？",
            {icon: 4, btn: ['确定','取消']
            }, function(){
                $.ajax({
                    url: '[[${sysUrl}]]/sys/shortcuts/shortcutsDelete',
                    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>