<!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#sendList_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="">接收消息</li>
					<li tag:hasPermission="viewSentMsgList" class="viewSentMsgList active">已发送消息</li>
				</ul>
				<div class="messageHeader" style="padding-top:0.2rem;">
					<div class="row" style="margin:0;">
						<div style="width:auto;float:left">
							<button id="hasBeenSendAdd" tag:hasPermission="systemMsgAdd" class="btn btn-white btn-info colorbtn">新增</button>
							<button id="batchDeleting" 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 btn-white btn-info colorbtn messageQuery">查询</button>
							</div>
							<div style="float:right;width:1.7rem;margin-right:0.05rem;">
								<input maxlength="30" class="form-control" id="sendMessageContent" placeholder="请输入消息标题／内容" />
							</div>
							<div style="float:right;width:1.4rem;margin-right:0.05rem;">
								<div class="dropdown">
								  <button class="btn" id="sendMessageTypeId" type="button" data-toggle="dropdown" style="width:100%;text-align:left;padding:0.06rem 0.08rem;font-size:0.12rem;"><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="sendMessageType"><a style="padding-left:0.08rem;" javascript:void(0)>请选择消息状态</a></li><li class="divider" style="margin:0"></li>
								  		<li value=0 class="sendMessageType"><a style="padding-left:0.08rem;" javascript:void(0)>待发送</a></li>
								  		<li value=1 class="sendMessageType"><a style="padding-left:0.08rem;" javascript:void(0)>已发送</a></li>
								  </ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="hasBeenSendList col-xs-12 businessTable" style="padding:0.05rem 0.2rem 0 0.2rem;float:none;">
					<table id="sendList" style="width: 100%;"></table>
					<div id="sendListPage"></div>
				</div>
			</div>
		</div>
		<!-- 查看已发送消息详情的弹框 -->
		<div class="modal fade businessDialog" id="myModal-viewSendmessage" 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-userList" style="background:#fff;"></td>
								</tr>
								<tr>
									<td width="15%">发送类型：</td>
									<td width="85%" class="view-sendType" style="background:#fff;"></td>
								</tr>
								<tr>
									<td width="15%">消息内容：</td>
									<td width="85%" class="enter">
										<textarea class="form-control view-content" 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 class="modal fade businessDialog" id="myModal-readingSituation" 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;padding:0 !important;">
					<div class="newTabAddUpdateBox" style="position:static;border:none;padding:0rem;">
						<p class="noReadPersonNo"></p>
						<div class="noReadPersonDetail"></div>
						<p class="readPersonNo"></p>
						<div class="readPersonDetail"></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>
	<script src="/js/sys/messageManageList/hasBeenSendList.js"></script>
</body>
</html>