PerfectEquation
/
GZ


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373
							<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>短信发送</title>
<link rel="stylesheet" type="text/css"
	href="../../../scripts/qui/libs/css/import_basic.css" />
<link rel="stylesheet" type="text/css" id="skin"
	prePath="../../../scripts/qui/" scrollerY="false" />
<link rel="stylesheet" type="text/css" id="customSkin" />

<script type="text/javascript"
	src="../../../scripts/qui/libs/js/jquery.js"></script>
<script type="text/javascript"
	src="../../../scripts/qui/libs/js/language/cn.js"></script>
<script type="text/javascript"
	src="../../../scripts/qui/libs/js/framework.js"></script>
<script type="text/javascript"
	src="../../../scripts/qui/libs/js/main.js"></script>
<!--框架必需end-->
<script type="text/javascript"
	src="../../../scripts/qui/libs/js/text/vticker.js"></script>
<!--表单提交start-->
<script type="text/javascript"
	src="../../../scripts/qui/libs/js/form/form.js"></script>
<!--表单提交end-->
<!--表单验证start-->
<script type="text/javascript"
	src="../../../scripts/qui/libs/js/form/validation.js"></script>
<script type="text/javascript"
	src="../../../scripts/qui/libs/js/form/validationRule.js"></script>
<!--表单提交end-->
<script type="text/javascript"
	src="../../../scripts/qui/libs/js/form/datePicker/WdatePicker.js"></script>
<!--弹窗组件start-->
<script type="text/javascript"
	src="../../../scripts/qui/libs/js/popup/messager.js"></script>
<script type="text/javascript"
	src="../../../scripts/qui/libs/js/popup/drag.js"></script>
<script type="text/javascript"
	src="../../../scripts/qui/libs/js/popup/dialog.js"></script>
<!--弹窗组件end-->
<!--动态选项卡end-->
<!-- 扩展工具js -->
<script type="text/javascript"
	src="../../../scripts/jquery/plugins/jquery.extension.util.js"></script>
<script type="text/javascript"
	src="../../../scripts/freamwork/com/sinosoft/common/utils/Request.js"></script>
<script type="text/javascript"
	src="../../../scripts/freamwork/com/sinosoft/common/common.js"></script>
<script type="text/javascript"
	src="../../../scripts/freamwork/com/sinosoft/common/DateUtil.js"></script>
<script type="text/javascript"
	src="../../../scripts/commom/common/common.js"></script>
<!--基本选项卡start-->
<script type="text/javascript" src="../../../scripts/qui/libs/js/nav/basicTab.js"></script>
<!--基本选项卡end-->
<!--数据表格start-->
<script src="../../../scripts/qui/libs/js/table/quiGrid.js" type="text/javascript"></script>
<!--数据表格end-->
<script type="text/javascript"  src="../../../scripts/setiframeheight.js" ></script> 

 <script type="text/javascript" src="../../../scripts/freamwork/com/sinosoft/system/newsms/sendMsg.js"></script>
<style type="text/css">
*{
	box-sizing:border-box;
}
body{
	min-height:860px;
}
.boxf {
	width:80%;
	min-width:1100px;
	margin:10px auto 0;
	border:1px solid #ccc;
	background:#fff; 
}

.title_msg {
	width: 100%;
	height: 45px;
	line-height: 45px;
	font-family: "微软雅黑";
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #3e62a0;
	border-bottom: 1px solid #cdcaca;
}
.pic{
	width: 26px;
	height: 26px;
	position: absolute;
	top: 7px;
	left: 15px;
}
#top{
	position:relative;
	height:45px;
}
#left{
	width:100%;
}
#basicInfo{
	padding:10px 15px;
	border-bottom:1px solid #cdcdcd;
}
#msgReceiver{
	position:relative;
	padding:10px 260px 10px 10px;
}
#msgEditor{
	height:150px;
}
#msgRecorder{
	width:100%;
	padding:10px 15px;
	border-top:1px solid #ccc;
}
#msgPreview{
	width:250px;
	height:100%;
	position:absolute;
	right:0px;
	top:0px;
	padding:165px 29px 110px 30px;
	background:url(/nwyj/images/iphone.png) no-repeat center;
	background-size:95%;
	border-left:1px solid #D8E3EF;
}
#msgPreview .innerWrap{
	width:100;
	height:95%;
	background: #fafafa;
	overflow:hidden;
}
#msgPreview .innerWrap .msgScroll{
	height:100%;
	width:220px;
	overflow-y:scroll;
	overflow-x:hidden;
	background: #fafafa;
}
#msgPreview .msgViewTitle{
	line-height:30px;
	font-size: 13px;
	text-align: center;
	border-bottom: 1px solid #d1d1d1;
}
.msgViewContent{
	position:relative;
	right:-20px;
	width:80%;
	min-height:34px;
	margin: 20px 0 0 0;
	padding:5px;
	display:inline-block;
	border-radius:5px;
	line-height:24px;
	background:#cdcccc;
	color:#363535;
	word-break: break-all;
	word-wrap:break-word;
}
.msgViewContent:after{
	position:absolute;
	top:10px;
	right:-15px;
	border:8px solid rgba(0,0,0,0);
	border-left:8px solid #cdcccc;
	content: "";
}
#basicTable{
	width:100%;
	margin:0 auto;
	border:0px;
	border-top:1px solid #D8E3EF;
}
.tableStyle{
	border-top: 1px solid #D8E3EF;
}
.tdTitle{
	width:10%;
	text-align:center;
	background:#f8f8f8;
	font-weight: bold;
}
.tdTitle +td{
	width:40%;
}
#basicTable tr td{
	padding:0 0 0 10px;
}
#info1,#info2{
	width:820px;
	height:45px;
	margin-left:5px;
}
#info1 tr td,#info2 tr td{
	 border:0px; 
}
.peoples{
	width:820px; 
	height:263px;
	overflow-y:auto;
	background: white;
	border:1px solid #ccc;
	display: inline-block;
}
.msgContent{
	height:100%;
}
.msgContent tr td:first-child{
width:100%;
}
.msgContent textarea{
	width:100%;
	height:110px;
}
.searchResult{
	display: none; 
	overflow:auto;
	position: absolute;
	top:0;
	left:0;   
    width: 160px;
    background: #ccc; 
}
._lis{
	cursor: pointer;
}
._lis:hover{
	background: #6767de;
	color:#fff;
}
.fenye_btn{
	cursor: pointer;
}
.fenye_btn:hover{
	background: #6767de;
	color:#fff;
}
.peoples ul li{
	list-style-type: none;	
	float:left;
}
.l-panel-btn{
	line-height:20px;
}
.l-grid-header{
	background:#f8f8f8;
}
.l-panel-topbar{
	background:#f8f8f8;
}
</style>
</head>

<body>
<div class="boxf" panelWidth="100%" panelHeight="100%">
	<div id ="top">
		<div class="title_msg" id="send">短信发送</div>
		<div class="pic" onclick="goback();" id="go">
			<img alt="返回" src="../../../images/temp/back.png" id="back">
		</div>
	</div>
	<form id="sendForm" method="post" formModle="line">
		<div id ="left">
			<div class="basicInfo" id ="basicInfo">
				<table id="basicTable" class="tableStyle" formModle="line" >
					<tr>
						<td class="tdTitle">模块名称：</td>
						<td><div id="module" class="validate[required]" name="module" type="text" readonly="readonly">系统管理/其他管理/新短信管理</div></td>
						<td class="tdTitle">发送方式：</td>
						<td><div id="sendType" class="validate[required]"  name="sendType" type="text" readonly="readonly">人工手动发送</div></td>
						<!-- <td class="tdTitle">子模块名称：</td>
						<td><div id="submodule" class="validate[required]" name="submodule" type="text" readonly="readonly"></div></td> -->
					</tr>
					<!-- <tr>
						<td class="tdTitle">任务性质：</td>
						<td><div id="taskNature" class="validate[required]" name="taskNature" type="text" readonly="readonly">突发事件任务短信</div></td>
						<td class="tdTitle">突发事件：</td>
						<td><div id="eventName"  class="validate[required]" name="eventName" type="text" readonly="readonly">防风防汛</div></td>
					</tr> -->
					<!-- <tr>
						<td class="tdTitle">发送方式：</td>
						<td><div id="sendType" class="validate[required]"  name="sendType" type="text" readonly="readonly">人工手动发送</div></td>
						<td class="tdTitle">发送时间：</td>
						<td><div id="sendTime" name="sendTime" type="text" readonly="readonly"></div></td>
					</tr> -->
				</table>
			</div>
			<div class="msgReceiver" id ="msgReceiver">
				<div>
					<table id="info1" class="tableStyle" formModle="line">
						<tr>
							<td align="right" width="15%"><span class="star">*</span>任务名称：</td>
							<td align="left">
								<input  id="taskName" class="validate[required]"  name="taskName" type="text" watermark="自定义短信"
								maxlength="40" size="40" style="width:90%;height:70%;margin-left:5px">
							</td>
						</tr>
						
					</table>
					<table id="info2" class="tableStyle" formModle="line" style="margin-top:10px">
						<tr>
							<td align="right" width="15%">
								接收人员(<span id="selectNum"></span>)：
							</td> 
							<td width="600px" height="40px" line-height="40px" align="left">
								<input
									class="validate[required,custom[chinese],length[0,20]] queryInput"
									id="name" name="name" type="text" watermark="请输入姓名或者4A账号查询"
									style="width:90%;height:70%;margin-left:5px;margin-top:5px"/>
									<a class="img" href="javascript:void(0)" title="选择人员"><img src="/nwyj/scripts/qui/libs/icons/home.png" style="margin:5px 0px 0px 8px" onclick = "addPeople()" ></a>	
							</td>
						</tr>
					</table>
				</div>
				<div class="basicTab" style="margin-top:5px">
					<div name="列表" >
						<div class="padding_right5">
							<div id="maingrid"></div>
						</div>
					</div>
					<div name="人名" >
						<div  id= "people" class="peoples">
							<ul></ul>
						</div>
					</div>
				</div>
				<div class="msgEditor" id ="msgEditor">
					<table class="msgContent">
						<tr>
							<td><textarea  style="resize:none;" id="msg" class="validate[required]" maxNum="2000" watermark="请在此输入短信内容" ></textarea></td>
							<td><input id="sendMsg" type="button" value="发送"/></td>
						</tr>
					</table>
				</div>
				<div class="msgPreview" id ="msgPreview">
					<div class="innerWrap">
							<div class="msgScroll">
								<div class="msgViewContent" id="msgViewContent"></div>
							</div>
						</div>
					
				</div>
			</div>
		</div>
		<div class="msgRecorder" id ="msgRecorder">
			<table id="basicTable" class="tableStyle" formModle="line" width="98%">
					<tr>
						<td class="tdTitle">姓名：</td>
						<td width="40%"><div id="recorder_name" name="recorder_name" type="text" readonly="readonly" ></div></td>
						<td class="tdTitle">手机号码：</td>
						<td width="40%"><div id="recorder_phone" name="recorder_phone" type="text" readonly="readonly"></div></td>
					</tr>
					<tr>
						<td class="tdTitle">所属单位：</td>
						<td width="40%"><div id="recorder_corp" name="corp_name" type="text" readonly="readonly"></div></td>
						<td class="tdTitle">所属部门：</td>
						<td width="40%"><div id="recorder_dept" name="dept_name" type="text" readonly="readonly"></div></td>
					</tr>
			</table>
		</div>
	</form>	
</div>
<div id='search' class='searchResult'   >
		<ul id="getSearchPeople">
		</ul>
	</div>
</body>
</html>