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/admin/messageBoard.jsp

287 lines
8.9 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 }/board/MessageBoardServlet?m=listMessageBoard"
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="context"
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="100">留言创建者</th>
<th>内容</th>
<th width="180">创建时间</th>
<th width="70">状态</th>
<th width="100">操作</th>
</tr>
</thead>
<tbody>
<c:forEach items="${messageBoardList }" var="messageBoard">
<tr>
<td>${messageBoard.client.name }</td>
<td class="text-l">${messageBoard.context }</td>
<td>
<fmt:formatDate value="${messageBoard.createTime }" pattern="yyyy-MM-dd HH:mm:ss" />
</td>
<c:if test="${messageBoard.isActive eq 1}">
<td class="td-status"><span
class="label label-success radius">显示</span></td>
<td class="td-manage">
<a onClick="member_stop(this,${messageBoard.boardId })"
href="javascript:;" title="隐藏" class="btn btn-xs btn"><i
class="icon-ok bigger-120"></i></a>
</td>
</c:if>
<c:if test="${messageBoard.isActive eq 0}">
<td class="td-status"><span
class="label label-defaunt radius">隐藏</span></td>
<td><a style="text-decoration: none"
onClick="member_start(this,${messageBoard.boardId })"
href="javascript:;" title="显示" class="btn btn-xs btn-success"><i
class="icon-ok bigger-120"></i></a>
</td>
</c:if>
</tr>
</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';
}
/**
*检查表单元素合法性
*/
$("#announcementForm :input").each(function(){
var thisElement = $(this);
//当改变的时候,触发检查函数
$(this).change(function(){
isAbleCheckOne(thisElement);
});
})
});
/*留言隐藏*/
function member_stop(obj,id){
layer.confirm('确认要隐藏吗?',function(index){
//ajax
$.ajax({
type : "GET",
url : "${pageContext.request.contextPath}/board/MessageBoardServlet?m=updateActive&action=0&id="+id,
dataType : "json",
success : function(data) {
if (data['isSuccess'] == true) {
$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" class="btn btn-xs btn-success" onClick="member_start(this,' + id +')" href="javascript:;" title="显示"><i class="icon-ok bigger-120"></i></a>');
$(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">隐藏</span>');
$(obj).remove();
layer.msg('已隐藏!',{icon: 5,time:1000});
}else{
layer.msg('隐藏失败! '+data['msg'],{icon: 0,time:1000});
}
}
});
});
}
/*公告显示*/
function member_start(obj,id){
layer.confirm('确认要显示吗?',function(index){
//ajax
$.ajax({
type : "GET",
url : "${pageContext.request.contextPath}/board/MessageBoardServlet?m=updateActive&action=1&id="+id,
dataType : "json",
success : function(data) {
if (data['isSuccess'] == true) {
$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" class="btn btn-xs btn" onClick="member_stop(this,' + id +')" href="javascript:;" title="隐藏"><i class="icon-ok bigger-120"></i></a>');
$(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">显示</span>');
$(obj).remove();
layer.msg('已显示!',{icon: 6,time:1000});
}else{
layer.msg('显示失败! '+data['msg'],{icon: 0,time:1000});
}
}
});
});
}
laydate({
elem: '#startTime',
event: 'focus'
});
laydate({
elem: '#endTime',
event: 'focus'
});
</script>