<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>消息管理</title>
		<link rel="stylesheet" href="/css/external/messageManage/messageManage.css" type="text/css">
		<style>
			.base-extend .businessTable .ui-jqgrid .ui-jqgrid-labels th#messageList_cb{
				text-align:center !important;
			}
		</style>
	</head>
	<body>

	<div class="base-extend">
		<ol class="breadcrumb">
		  	<li>消息管理</li>
		</ol>
		<div class="listBackBox" style="padding-top:0;">
			<div class="projectTableBox" style="margin:0;">
				<ul class="projectListTab">
					<li class="active">接收消息</li>
<!--					<li tag:hasPermission="viewSentMsgList" class="viewSentMsgList">已发送消息</li>-->
				</ul>
				<div class="messageHeader" style="padding-top:0.2rem;">
					<div class="row" style="margin:0;">
						<div style="width:auto;float:left;">
							<button id="batchDeleting" class="btn btn-white btn-info">批量删除</button>
							<button id="batchRead" class="btn btn-white btn-info">批量已读</button>
							<button id="batchUnread" class="btn btn-white btn-info">批量未读</button>
							<button id="refresh" class="btn btn-white btn-info">刷新</button>
						</div>
						<div style="float:right;">
							<div style="float:right;">
								<button id="query" class="btn messageQuery btn-white btn-info colorbtn">查询</button>
							</div>
							<div style="float:right;width:1.7rem;margin-right:0.05rem;">
								<input style="width:100%" maxlength="30" class="form-control" id="messageContent" placeholder="请输入消息标题／内容" />
							</div>
							<div style="float:right;width:1.4rem;margin-right:0.05rem;">
								<div class="dropdown">
								  <button class="btn" id="messageTypeId" type="button" data-toggle="dropdown" style="width:100%;text-align:left;font-size:0.12rem;padding:0.06rem 0.08rem;"><i style="font-style:normal">请选择消息类型</i><span class="caret" style="float:right;margin-top:0.07rem;border-width:0.05rem;"></span></button>
								  <ul class="dropdown-menu" style="min-width:1.4rem;">
								  		<li value='' class="messageType"><a javascript:void(0) style="padding-left:0.08rem;">请选择消息类型</a></li><li class="divider" style="margin:0"></li>
								  		<li th:each="msgType,msgTypes:${msgTypeList}" th:value="${msgType?.id}" class="messageType"><a style="padding-left:0.08rem;" javascript:void(0) th:text="${msgType?.name}"></a></li>
								  </ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="messageManageList col-xs-12 businessTable" style="padding:0.05rem 0.2rem 0 0.2rem;float:none;">
					<table id="messageList" style="width: 100%;"></table>
					<div id="messageListPage"></div>
				</div>
			</div>
		</div>
		<!-- 查看消息详情的弹框 -->
		<div class="modal fade businessDialog" id="myModal-viewmessage" data-backdrop="static">
			<div class="modal-dialog" style="width:8.5rem;">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true" style="font-size:0.18rem">×</span><span class="sr-only">关闭</span>
					</button>
					<span class="modal-title">查看消息</span>
				</div>
				<div class="modal-content" style="max-height:4.7rem;overflow-y:auto;overflow-x:hidden;">
					<div class="newTabAddUpdateBox" style="position:static;border:none;padding-left:0.2rem;padding-right:0.2rem;padding-bottom:0;">
						<div class="row">
							<table>
								<tr>
									<td width="15%">消息标题：</td>
									<td width="85%" class="view-title" style="background:#fff;"></td>
								</tr>
								<tr>
									<td width="15%">发件人：</td>
									<td width="85%" class="view-senderUser" style="background:#fff;"></td>
								</tr>
								<tr>
									<td width="15%">接收时间：</td>
									<td width="85%" class="view-pushTime" style="background:#fff;"></td>
								</tr>
								<tr>
									<td width="15%">消息内容：</td>
									<td width="85%" class="enter">
										<textarea class="form-control view-content" readOnly rows="5" style="padding:0.05rem 0.1rem !important"></textarea>
									</td>
								</tr>
							</table>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button class="btn btn-default btn-white btn-info" data-dismiss="modal" style='margin-bottom:0;'>关闭</button>
				</div>
			</div>
		</div>
	</div>
</body>
	<script src="/js/sys/messageManageList/messageManageList.js"></script>
</html>
