<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/message/messageList.html}">系统消息列表</a></li>
	</ul>
</div>
<div class="rightinfo">
	<form id="seachform" th:action="@{/sys/message/messageList.html}" method="post">
		<ul class="seachform">
			<li>
				<label>标题</label>
				<input name="LIKE_captions" type="text" class="scinput" th:value="${search.get('LIKE_captions')}"/>
			</li>
			<li>
				<label>&nbsp;</label>
				<input type="button" class="scbtn" value="查询" />
			</li>
			<li>
				<ul class="toolbar">
					<a th:href="@{/sys/message/messageAdd.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>
			<th>最后更新时间</th>
			<th>操作</th>
		</tr>
		</thead>
		<tbody>
		<tr th:each="item:${list}" >
			<td th:text="${item.captions}" ></td>
			<td  class="imgtd">
				<img th:if="${not #lists.isEmpty(item.coverUrl)}" th:src="${imgUrl}+''+${item.coverUrl}" style="width: 50px;height: 50px;" />
			</td>
			<td th:text="${item.summary}" ></td>
			<td>
				<textarea readonly="readonly" rows="1">[[${item.contents}]]</textarea>
			</td>
			<!--<td th:text="${item.publishDate}" ></td>-->
			<td th:switch="${item.type}" >
				<span th:case="0">全部</span>
				<span th:case="1">学生端</span>
				<span th:case="2">家长端</span>
				<span th:case="3">老师端</span>
				<span th:case="4">校长端</span>
			</td>
			<td style="width: 141px;" th:text="${#calendars.format(item.created,'yyyy-MM-dd HH:mm:ss')}" ></td>
			<td style="width: 141px;" th:text="${#calendars.format(item.lastUpdated,'yyyy-MM-dd HH:mm:ss')}" ></td>
			<td>
				<a th:href="@{/sys/message/messageAdd.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 deleteById(id){
        parent.layer.confirm("确定删除吗？",
            {icon: 4, btn: ['确定','取消']
            }, function(){
                $.ajax({
                    url: '[[${sysUrl}]]/sys/message/messageDelete',
                    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>