wangdaping
/
wp


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260
							<!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" />
<title>短信人员选择</title>

<!--框架必需start-->
<link rel="stylesheet" type="text/css"
	href="/nwyj/scripts/qui/libs/css/import_basic.css" />
<link rel="stylesheet" type="text/css" id="skin"
	prePath="/nwyj/scripts/qui/" scrollerY="false" />
<link rel="stylesheet" type="text/css" id="customSkin" />
<link href="/nwyj/scripts/qui/libs/skins/flatBlue/style.css"
	rel="stylesheet" type="text/css" id="theme" themeColor="flatBlue"
	positionTarget="positionContent" />
<link href="/nwyj/scripts/qui/system/layout/skin/style.css"
	rel="stylesheet" type="text/css" id="skin"
	skinPath="/scripts/qui/system/layout/skin/" />
<script type="text/javascript" src="/nwyj/scripts/qui/libs/js/jquery.js"></script>
<script type="text/javascript"
	src="/nwyj/scripts/qui/libs/js/language/cn.js"></script>
<script type="text/javascript"
	src="/nwyj/scripts/qui/libs/js/framework.js"></script>
<script type="text/javascript" src="/nwyj/scripts/qui/libs/js/main.js"></script>
<!--框架必需end-->

<!--布局组件start-->
<script type="text/javascript"
	src="/nwyj/scripts/qui/libs/js/nav/layout.js"></script>
<!--布局组件start-->

<!--基本选项卡start-->
<script type="text/javascript"
	src="/nwyj/scripts/qui/libs/js/nav/basicTab.js"></script>
<script type="text/javascript"
	src="/nwyj/scripts/qui/libs/js/nav/basicTabModern.js"></script>
<!--基本选项卡end-->

<!--表单提交start-->
<script type="text/javascript"
	src="/nwyj/scripts/qui/libs/js/form/form.js"></script>
<!--表单提交end-->

<!--树组件start-->
<link rel="stylesheet" type="text/css"
	href="/nwyj/scripts/qui/libs/js/tree/ztree/ztree.css" />
<script type="text/javascript"
	src="/nwyj/scripts/qui/libs/js/tree/ztree/ztree.js"></script>
<script type="text/javascript"
	src="/nwyj/scripts/qui/libs/js/form/selectTree.js"></script>
<script type="text/javascript"
	src="/nwyj/scripts/qui/libs/js/form/listerTree.js"></script>
<!--树组件end-->

<!--数据表格start-->
<script type="text/javascript"
	src="/nwyj/scripts/qui/libs/js/table/quiGrid.js"></script>
<!--数据表格end-->

<!--弹窗组件start-->
<script type="text/javascript"
	src="/nwyj/scripts/qui/libs/js/popup/messager.js"></script>
<script type="text/javascript"
	src="/nwyj/scripts/qui/libs/js/popup/drag.js"></script>
<script type="text/javascript"
	src="/nwyj/scripts/qui/libs/js/popup/dialog.js"></script>
<!--弹窗组件end-->

<!--上传附件start-->
<script type="text/javascript"
	src="/nwyj/scripts/qui/libs/js/form/upload/fileUpload.js"></script>
<script type="text/javascript"
	src="/nwyj/scripts/qui/libs/js/form/upload/handlers.js"></script>
<!-- 上传附件end -->
<!--分隔条start-->
<script type="text/javascript"
	src="/nwyj/scripts/qui/libs/js/nav/spliter.js"></script>
<!--分隔条end-->
<!-- 扩展工具js -->
<script type="text/javascript"
	src="/nwyj/scripts/jquery/plugins/jquery.extension.util.js"></script>
<script type="text/javascript"
	src="/nwyj/scripts/freamwork/com/sinosoft/common/utils/Request.js"></script>
<script type="text/javascript"
	src="/nwyj/scripts/freamwork/com/sinosoft/common/common.js"></script>
<script type="text/javascript"
	src="/nwyj/scripts/freamwork/com/sinosoft/common/DateUtil.js"></script>
<script type="text/javascript"
	src="/nwyj/scripts/commom/common/common.js"></script>
<!--浮动面板start-->
<script type="text/javascript"
	src="/nwyj/scripts/qui/libs/js/popup/floatPanel.js"></script>
<!--浮动面板end-->
<script type="text/javascript"
	src="/nwyj/scripts/qui/libs/js/nav/basicTab.js"></script>
	<!-- <script type="text/javascript"
	src="/nwyj/scripts/setiframeheight.js"></script> -->
	<!-- <script type="text/javascript" src="/nwyj/scripts/freamwork/com/sinosoft/system/sms/usedTo.js"></script> -->
	<script type="text/javascript" src="/nwyj/scripts/freamwork/com/sinosoft/system/message/addContactPeople.js"></script>
	<script type="text/javascript" src="/nwyj/scripts/freamwork/com/sinosoft/system/sms/usedTo.js"></script>
<style type = "text/css">
.hr3 {
	filter: alpha(opacity = 100, finishopacity = 0, style = 1);
	noshade: "noshade";
	height: 0.5px;
	border: none;
	/* border-top: 2px ridge #45D6D8; */
	border: 1px dotted #45D6D8;
}
#queryContent1 {
	position: absolute;
	min-height: 0px;
	max-height: 273px;
	max-width: 100%;
	background-color: #B2E0FF;
	z-index: 12;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
#queryContent1 ul li:hover {
	cursor: pointer;
}
.inner_linkclass{
	min-height:490px;
	backgroud-color:#F2F7F9;
	max-height:490px;
	/* overflow:auto; */
}

/*****右侧人员列表样式*******/
#addInlinkUl li :hover{
	 cursor:hand ;

}
#addInlinkUl li{
margin: 10px 5px 0px 10px;
list-style-type: none;
float:left;
}

.liContent{

height:60px;
width:100%;
border:1px solid #ccc;  

}
.cardTitleClass{
height:40%;
}
.cardDetailClass{
clear:both;
background-color:#F2F7F9;
overflow:hidden;
height:60%;
width:100%;
}
#addInlinkUl li :hover{
	 cursor:hand ;
}

.cardSpanClass{
color:gray;
text-overflow: ellipsis;
overflow: hidden;
}


<!--整体布局 -->
#main_content{
	display: inline-block;
	width: 100%;
	height: 100%;
	vertical-align: top;   

}
._display{
	display: inline-block;
	vertical-align: top;   
}
._first{
	width: 41%;
	height: 510px;
	vertical-align: top;
	overflow:auto;    
}
._second{
	width: 15%;
	height: 495px;
	vertical-align: center;
	overflow:auto; 
	  
}
._third{
	width: 40%;
	height: 495px;
	vertical-align: top; 
	overflow:auto; 
	border:1px solid gray;  
}

 ._lis{
		list-style-type: none;
		cursor: pointer;
		margin-left:10px;
		/* float: left; */
	}
	
	.selchecked{
		color: blue;
		font-weight: bold;
		cursor:auto;
	}
	
	#next,#prev{
		cursor: pointer; 
		margin-left:5px;
		margin-right:5px;
	}
</style>


</head>
<body style="height:500px;width:650px">
<div class="_first _display">
			<fieldset style="background-color:#EDEDED;">
						<div><span>人员选择：</span><span id ="showTitle"></span></div>
					<div style="width:75%;"><input type="text" id="queryInput"
							maxlength="11" watermark="请输入电话号码或者人员名字"
							style="margin:4px 0px 0px 0px;display:'';"> 
									</div>
			</fieldset>
			<div style="overflow:auto;background-color:#F2F7F9;height:80%;clear: both;" >
				<div id='org_inner1' style="clear: both;">
					<ul id="myTree1" class="ztree" ></ul>
				</div>
				<div id='search' style="clear: both; display: none;overflow:auto" >
					<ul id="getSearchPeople"></ul>
				</div>
			</div>
			</div>
			<div class="_second _display">
	<div style ="margin-right:auto;margin-left:auto;">
	<input type="button" id="selectPeople" value="选择人员" style="margin-top:200px;margin-left:5px;" ></br><br>
	<input type="button" id="clearChosen" value="清除" style="margin-left:5px;" ></input>
	</div>
	</div>
		<div class="_third _display">
			<div class="inner_linkclass" >
				<div id="selectedNum" style="clear: both;">已选择人员:</div>
				<ul id="myTree3" class="ztree"></ul>
			</div>
	</div>
</body>
</html>