You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
HospitalSystem/WebContent/client/announcementList.jsp

203 lines
6.4 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link
href="${pageContext.request.contextPath }/mutualResource/assets/css/bootstrap.min.css"
rel="stylesheet" />
<link rel="stylesheet"
href="${pageContext.request.contextPath }/mutualResource/css/style.css" />
<link
href="${pageContext.request.contextPath }/mutualResource/assets/css/codemirror.css"
rel="stylesheet">
<link rel="stylesheet"
href="${pageContext.request.contextPath }/mutualResource/assets/css/ace.min.css" />
<link rel="stylesheet"
href="${pageContext.request.contextPath }/mutualResource/assets/css/font-awesome.min.css" />
<!--[if IE 7]>
<link rel="stylesheet" href="${pageContext.request.contextPath }/mutualResource/assets/css/font-awesome-ie7.min.css" />
<![endif]-->
<!--[if lte IE 8]>
<link rel="stylesheet" href="${pageContext.request.contextPath }/mutualResource/assets/css/ace-ie.min.css" />
<![endif]-->
<script
src="${pageContext.request.contextPath }/mutualResource/assets/js/jquery.min.js"></script>
<!-- <![endif]-->
<!--[if IE]>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<![endif]-->
<!--[if !IE]> -->
<script type="text/javascript">
window.jQuery || document.write("<script src='${pageContext.request.contextPath }/mutualResource/assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
</script>
<!-- <![endif]-->
<!--[if IE]>
<script type="text/javascript">
window.jQuery || document.write("<script src='${pageContext.request.contextPath }/mutualResource/assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
</script>
<![endif]-->
<script type="text/javascript">
if("ontouchend" in document) document.write("<script src='${pageContext.request.contextPath }/mutualResource/assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
</script>
<script
src="${pageContext.request.contextPath }/mutualResource/assets/js/bootstrap.min.js"></script>
<script
src="${pageContext.request.contextPath }/mutualResource/assets/js/typeahead-bs2.min.js"></script>
<!-- page specific plugin scripts -->
<script
src="${pageContext.request.contextPath }/mutualResource/assets/js/jquery.dataTables.min.js"></script>
<script
src="${pageContext.request.contextPath }/mutualResource/assets/js/jquery.dataTables.bootstrap.js"></script>
<script type="text/javascript"
src="${pageContext.request.contextPath }/mutualResource/js/H-ui.js"></script>
<script type="text/javascript"
src="${pageContext.request.contextPath }/mutualResource/js/H-ui.admin.js"></script>
<script
src="${pageContext.request.contextPath }/mutualResource/assets/layer/layer.js"
type="text/javascript"></script>
<script
src="${pageContext.request.contextPath }/mutualResource/assets/laydate/laydate.js"
type="text/javascript"></script>
</head>
<body>
<div class="page-content clearfix">
<div id="Member_Ratings">
<div class="d_Confirm_Order_style">
<div class="search_style">
<div class="title_names">搜索公告</div>
<ul class="search_content clearfix">
<form
action="${pageContext.request.contextPath }/admin/AnnouncmentServlet?m=listAnnouncment"
method="post">
<li><label class="l_f">创建者</label><input name="creater"
type="text" class="text_add" placeholder="创建者"
value="${search.creater }" /></li>
<li><label class="l_f">标题</label><input name="title"
type="text" class="text_add" placeholder="公告标题"
value="${search.title }" /></li>
<li><label class="l_f">内容</label><input name="name"
type="text" class="text_add" placeholder="公告内容"
value="${search.context }" /></li>
<li><label class="l_f">创建时间:从</label><input
style="width: 120px;" id="startTime" name="startTime"
type="text" class="inline laydate-icon" placeholder="从何时创建"
value="${search.startTime }" /></li>
<li><label class="l_f">到</label><input style="width: 120px;"
id="endTime" name="endTime" type="text"
class="inline laydate-icon" placeholder="到何时"
value="${search.endTime }" />止</li>
<li><button type="submit" class="btn_search">
<i class="icon-search"></i>查询
</button></li>
</form>
</ul>
</div>
<div class="table_menu_list">
<table class="table table-striped table-bordered table-hover"
id="sample-table">
<thead>
<tr>
<th width=>创建者</th>
<th width=>标题</th>
<th>内容</th>
<th width=>创建时间</th>
</tr>
</thead>
<tbody>
<c:forEach items="${announcementList }" var="announcement">
<c:if test="${announcement.isActive eq 1 }">
<tr>
<td>${announcement.admin.name }</td>
<td>${announcement.title }</td>
<td class="text-l">${announcement.context }</td>
<td>
<fmt:formatDate value="${announcement.createTime }" pattern="yyyy-MM-dd HH:mm:ss" />
</td>
</tr>
</c:if>
</c:forEach>
</tbody>
</table>
</div>
</div>
</div>
</div>
</body>
</html>
<script>
jQuery(function($) {
var oTable1 = $('#sample-table').dataTable( {
"bSort" : true, //是否启动各个字段的排序功能
"bStateSave": true,//状态保存
"bPaginate" : true,
"bInfo" : true, //是否显示页脚信息DataTables插件左下角显示记录数
"searching": true//搜索输入框显示
} );
$('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
function tooltip_placement(context, source) {
var $source = $(source);
var $parent = $source.closest('table')
var off1 = $parent.offset();
var w1 = $parent.width();
var off2 = $source.offset();
var w2 = $source.width();
if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
return 'left';
}
});
laydate({
elem: '#startTime',
event: 'focus'
});
laydate({
elem: '#endTime',
event: 'focus'
});
</script>