PerfectEquation
/
GZ


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301
							<!DOCTYPE html>
<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/msg_manageNew.js"></script>
<style type="text/css">
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	list-style: none;
	font-size:14px;
}
body,html{background: #f1f1f1;height: 100%;min-height:700px}
.layout_left{
	width: 300px;
	min-height: 708px;
	float: left;
	padding: 5px 10px;
	background: #fff;
	border-right: 1px solid #dfdfdf;
}
.layout_right{
	width: 100%;
	height: 600px;
	padding-left: 310px;
}
.layout_left .title_show{
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-bottom: 1px solid #eee;
	color: #3598db;
	font-size:16px ;
}
.user_info{
	padding: 10px 5px;
}
.user_info div{
	margin-bottom: 10px;
	overflow: hidden;
	line-height: 25px;
}
.user_info div span:first-child{
	width: 70px;
	float: left;
	text-align: right;
	color: #aaa;
}
.user_info div span:last-child{
	width: 100%;
	display: block;
	padding-left: 75px;
	color: #555;
}
.user_phone,.msg_condition{
	padding: 5px 10px 10px;
	margin-bottom: 30px;
	border: 1px solid #b4bdff;
	box-shadow: 0px 0px 4px 1px #ccc;
	min-height:100px;
}
.user_phone div,.msg_condition div{
	position: relative;
	display: block;
	line-height: 40px;
	padding-left: 15px;
	border-bottom:1px solid #eee;
	color: #3598DB;
	font-size: 15px;
}
.user_phone div:before,.msg_condition div:before{
	position: absolute;
	top: 10px;
	left: 0px;
	content: "";
	height: 20px;
	width: 3px;
	background: #3598DB;
}
.user_phone ul{
	padding: 10px 10px 0px 20px;
	color: #555;
	line-height: 25px;
}
.user_phone ul li label{
	width: 100%;
	display: block;
	cursor: pointer;
}
.user_phone li input[type="text"]{
	margin: 0 10px;
	width: 120px;
	height: 20px;
	border: 1px solid #A9A9FF;
}
.user_phone ul li label:hover{
	background: #d8ddff;
}
.user_phone input[type="checkbox"]{
	margin: 0 10px;
}
.msg_condition table{
	width: 100%;
	margin: 15px 0;
	line-height: 30px;
	border: 1px solid #ededff;
	text-align: center;
	color: #333;
}
.msg_condition table td{
	border: 1px solid #ededff;
}
.msg_condition .td_title{
	background: #f7fafe;
	color: #a9a9ff;
	font-size: 13px;
}
.content{
	width: 100%;
	height: 650px;
	background: #fff;
}
.toolbar{
	margin: 8px 0;
	padding: 10px 0;
	text-align: center;
	border-left:1px solid #dfdfdf;
	background: #fff;
}
.toolbar li{
	display: inline-block;
	padding: 0 20px;
}
.content{
	padding: 10px 10px;
	border-left:1px solid #dfdfdf ;
}
.content .msg_send,.content .msg_receive{
	height: 305px;
	margin-bottom:20px;
	/* border: 1px solid #3598DB; */
}
.content .title_show{
	height: 35px;
	padding: 0 10px;
	line-height:35px;
	font-size: 15px;
	background: #aaabad;
	color:#fff;
}
.content .title_show img{
	position: relative;
	top: 6px;
	height:60%;
	margin-right: 5px;
}
#updateUserInfo{
	color:#3598db;
	text-decoration: none;	
}
#updateUserInfo:hover{
	color:purple;
	cursor:pointer;
}
.more{
	color:white;
	text-decoration: none;
}
.more:hover{
	color:grey;
}
.l-grid-header{
	background:#f8f8f8;
}
.l-panel-bar{
	background:#f8f8f8;
}
</style>
<html>
<head>
<meta name="content-type" content="text/html; charset=UTF-8">
<title></title>
<style>
</style>
</head>
<body>
		<div class="container">
			<div class="layout_left">
				<div class="title_show">个人信息【<span id="updateUserInfo">修改</span>】</div>
				<div class="user_info">
					<div><span>姓名：</span><span id ="user_name"></span></div>
					<div><span>4A账号：</span><span id="login_name"></span></div>
					<div><span>所属组织：</span><span id="org"></span></div>
				</div>
				<div class="user_phone">
					<div>联系方式</div>
					<div style="padding-left:20px">
						<ul ></ul>
					</div>
				</div>
				<div class="msg_condition">
					<div>短信发送、接收情况</div>
					<table border="" cellspacing="0">
					<tr rowspan="2">
						<td class="td_title" rowspan="2" width="100px">短信发送情况</td><td width="90px">任务数:</td><td><a id ="sTaskNum" href="javascript:;" title="" onclick ="showSendData(1)"></a></td>
					</tr>
					<tr rowspan="2">
						<!-- <td>短信数:</td><td><a id="sMsgNum" href="javascript:;" title="" onclick =""></a></td> -->
						<td>短信数:</td><td><span id="sMsgNum"></span></td>
					</tr>
					<tr rowspan="2">
						<td class="td_title" rowspan="2" >短信接收情况</td><td>任务数:</td><td><a id ="rTaskNum" href="javascript:;" title="" onclick ="showReceiveData(2)"></a></td>
					</tr>
					<tr rowspan="2">
						<!-- <td>短信数:</td><td><a id="rMsgNum" href="javascript:;" title="" onclick =""></a></td> -->
						<td>短信数:</td><td><span id="rMsgNum"></span></td>
					</tr>
					</table>
				</div>
			</div>
			<div class="layout_right">
				<div class="toolbar">
					 <ul>
					 	<li><button id="sendMsg">写短信</button></li>
					 	<li><button id="contact">通讯录</button></li>
					 	<!-- <li><button>历史查询</button></li> -->
					 </ul>
				</div>
				<div class="content">
					<div class="msg_send">
						<div class="title_show"><img src="/nwyj/images/receive.png" alt="" />最近短信发送情况【<span><a class="more href=" onclick="showSendData(1)">更多</a></span>】</div>
						<div class="padding_right5">
								<div id="msgSend"></div>
							</div>
					</div>
					<div class="msg_receive">
						<div class="title_show"><img src="/nwyj/images/receive.png" alt="" />最近短信接收情况【<span><a class="more href=" onclick="showReceiveData(2)">更多</a></span>】</div>
						<div class="padding_right5">
								<div id="msgReceive"></div>
							</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>