hs
/
hbghj


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465
							<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta content="IE=edge" http-equiv="X-UA-Compatible">
	<meta content="initial-scale=1.0, width=device-width" name="viewport">
	<title>湖北智慧水运</title>
	<!-- css -->
	<link href="../css/base.min.css" rel="stylesheet">
	<link rel="stylesheet" href="../css/zTreeStyle/zTreeStyle.css" type="text/css">
	<script type="text/javascript" src="../js/jquery-1.4.4.min.js"></script>
	<script type="text/javascript" src="../js/jquery.ztree.core-3.5.js"></script>
	<script type="text/javascript" src="../js/jquery.ztree.excheck-3.5.js"></script>
</head>
<style>
.container{
	padding-left:15px;
	padding-right:15px;
}
.icback{
	font-size: 22px;
}
.form-control[disabled], .form-control[readonly], [disabled].picker__select--month, [disabled].picker__select--year, [readonly].picker__select--month, [readonly].picker__select--year, fieldset[disabled] .form-control, fieldset[disabled] .picker__select--month, fieldset[disabled] .picker__select--year {
  color: #9e9e9e;
  cursor: not-allowed;
  opacity: 1;
}
.container{
	padding-left:15px;
	padding-right:15px;
}
.titlered{
	color:red;
	width: 30%!important;
}
.icback{

	font-size: 22px;
}
.mui-btn, button, input[type=button], input[type=reset], input[type=submit] {
  position: relative;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42;
  color: #333;
  text-align: center;
  white-space: nowrap;
  vertical-align: top;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-transition: all;
  transition: all;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
}
.mui-btn-green, .mui-btn-positive, .mui-btn-success {
  color: #fff;
  background-color: #4cd964;
  border: 1px solid #4cd964;
}
.showshoujianname{
	float:left;
}
</style>
<header class="header">
		<ul class="nav nav-list pull-left">
			<li><a  href="javascript:void(0);" id="goback" onclick="history.back()" ><span class="icon icon-arrow-back icback"></span>
			</a></li>
		</ul>
		<a class="header-logo" href="#">邮件详情</a>
	</header>
<body class="page-blue">
	<div class="content" style="padding-top:48px;">
		<div class="content-inner">
			<div class="container">
				<form class="form">
					<fieldset>
						<!-- <legend class="col-lg-offset-2 col-md-offset-3 col-sm-offset-4">Basic Form Elements</legend> -->
						<input type="hidden" value="" id="emailid"/>
						<div class="form-group">
							<div class="row">
								<div class="col-lg-2 col-md-3 col-sm-4">
									<label class="form-label" for="input-text">日期:</label>
								</div>
								<div class="col-lg-4 col-md-6 col-sm-8">
									<input value=""  readonly="readonly"  class="form-control" id="riqi" type="text">
								</div>
							</div>
						</div>
						<div class="form-group">
							<div class="row">
								<div class="col-lg-2 col-md-3 col-sm-4">
									<label class="form-label" for="input-text">发件人:</label>
								</div>
								<div class="col-lg-4 col-md-6 col-sm-8">
									<input value=""  readonly="readonly"  class="form-control" id="fajianren" type="text">
								</div>
							</div>
						</div>
						<div class="form-group">
							<div class="row">
								<div class="col-lg-2 col-md-3 col-sm-4">
									<label class="form-label" for="input-text">收件人:</label>
								</div>
								<div class="col-lg-4 col-md-6 col-sm-8">
									<div style="word-break:break-all;width:100%;height:auto;color:#9e9e9e;overflow: hidden;  min-height: 35px;" onclick="xunzeshoujian(1)" class="form-control" id="shoujianren" >请选择收件人</div>
									<input id="shoujianrenid" type="hidden">
								</div>
							</div>
						</div>
						<div class="form-group">
							<div class="row">
								<div class="col-lg-2 col-md-3 col-sm-4">
									<label   class="form-label" for="input-text1">抄送/密送:</label>
								</div>
								<div class="col-lg-4 col-md-6 col-sm-8">
									<div style="word-break:break-all;width:100%;height:auto;color:#9e9e9e;overflow: hidden;  min-height: 35px;" onclick="xunzeshoujian(2)" class="form-control" id="input-text1" >请选择抄送/密送人</div>
									<input id="input-text1id" type="hidden">
								</div>
							</div>
						</div>
						
						<div class="form-group">
							<div class="row">
								<div class="col-lg-2 col-md-3 col-sm-4">
									<label class="form-label" for="input-text2">主题:</label>
								</div>
								<div class="col-lg-4 col-md-6 col-sm-8">
									<input placeholder="请输入主题"  class="form-control" style="color:#9e9e9e;" id="input-text2" type="text">
								</div>
							</div>
						</div>
						
						<div class="form-group">
							<div class="row">
								<div class="col-lg-2 col-md-3 col-sm-4">
									<label class="form-label" for="input-text3">文本:
									
								</div>
								<div class="col-lg-4 col-md-6 col-sm-8">
									<div contenteditable="true"  class="form-control" id="input-text3" style="height: 200px; overflow-y: scroll;color: #9e9e9e; " >
　									</div>
								</div>
							</div>
						</div>
					</fieldset>
					<div class="form-group-btn">
						<div class="row">
							<div class="col-lg-4 col-lg-push-2 col-md-6 col-md-push-3 col-sm-8 col-sm-push-4">
										<div class="mui-button-row" style="margin-top: 30px;">
			<button class="mui-btn mui-btn-positive" type="button" onclick="saveEntity();" style="width: 20%;margin-left:10%;background: #2196f3;border: 0px;">发送 </button>
			<button class="mui-btn mui-btn-positive" type="button" onclick="saveCgxEntity();" style="width: 20%;margin-left:9%;background: #2196f3;border: 0px;">保存 </button>
			<button class="mui-btn mui-btn-positive" type="button" style="width: 20%;margin-left:9%;background: #2196f3;border: 0px;" onclick="tuihui()">取消</button>
			
		</div>
								<hr>
							</div>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
	
	<div id="div-alert" style="position:fixed;display:none;top: 0;left: 0;z-index: 100;height:100%;border:4px solid #2196f3;width: 100%;background:white;overflow: auto">
   			<form id="jhform">
   			<input type="hidden" name="jid" id="jid" value="" />
   			<div id="title" style="width:100%;height:30px;text-align: center;background:#2196f3;line-height: 30px;color: white;margin-bottom: 20px;font-size:20px;">选择人员</div>
			<ul id="treeDemo" class="ztree" style="zoom:1.5"></ul>
			</form>
		  <div style="width: 100%;text-align: center;margin-bottom: 20px;">
			<button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;" id="baocuns" onclick="sumitrenyuan()">确定</button>&nbsp;&nbsp;
			<button class="mui-btn mui-btn-positive" type="button" style="width: 40%;background: #2196f3;border: 0px;" id="quxiaos">取消</button>
			</div>
	</div>
	<div id="div-alert1" style="position:absolute;display:none;width:100%;height: 100%;z-index: 50;top:0px;background: black; opacity:0.2; "></div>
	
	<script>
		$(function(){
			$.ajax({
         type: 'post',
         url: '../../yjcontroller/viewFj.do',
         data:{id:getQueryString("id"),code:getQueryString("code")},
         dataType: 'json',
         success: function(data){
        	 console.log(data);
        	 	$("#emailid").val(data[0].id);
        	 	$("#fajianren").val(data[0].sendUserName);
        	 	var chaosongnames = "请输入抄送人";
        	 	if(data[0].ccUserName != null && data[0].ccUserName != ""){
	        	 	var cs = data[0].ccUserName.split(";");
	        	 	chaosongnames = "";
	        	 	for (var i = 0; i < cs.length; i++) {
	        	 		chaosongnames = chaosongnames+"<div class='showshoujianname'>"+cs[i]+";</div>";
					}
        	 	}
        	 	var shoujianrenbnames = "请输入收件人";
        	 	if(data[0].receiveUserName != null && data[0].receiveUserName != ""){
        	 		shoujianrenbnames = "";
	        	 	var ss = data[0].receiveUserName.split(";");
	        	 	for (var i = 0; i < ss.length; i++) {
	        	 		shoujianrenbnames = shoujianrenbnames+"<div class='showshoujianname'>"+ss[i]+";</div>";
					}
        	 	}
        	 	
        	 	$("#shoujianrenid").val(data[0].receiveUserIds);//收件人ids
        	 	$("#input-text1id").val(data[0].ccUserIds);//抄送人ids
        	 	
        	 	$("#shoujianren").html(shoujianrenbnames);
        	 	$("#riqi").val(todata(data[0].sendDate));
        	 	$("#input-text1").html(chaosongnames);
        	 	$("#input-text2").val(data[0].title);
        	 	$("#input-text3").html(data[0].content); 
        	 }
		})
	})
	</script>
	<script type="text/javascript">
	var shoujianrenbbids = "";
	var chaosongids= "";
	var shoujianrenbnames = "";
	var chaosongnames = "";
	var flagindex = 0;
	function xunzeshoujian(index){//index = 1 表示收件人，index = 2 表示抄送人
		$("#div-alert").show();
 		$("#div-alert1").show();
		flagindex = index;
		var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
		var nodes = treeObj.getCheckedNodes(true);
		for (var i = 0; i < nodes.length; i++) {
			treeObj.checkNode(nodes[i], false, true);//选中取消
		}
		if(flagindex == 1){
			var sjids = new Array();
			sjids = $("#shoujianrenid").val().split(",");
			for (var i = 0; i < sjids.length; i++) {
				treeObj.checkNode(treeObj.getNodeByParam("id",sjids[i]), true, true);//选中指定的节点
			}
		}else if(flagindex == 2){
			var csids = new Array();
			csids = $("#input-text1id").val().split(",");
			for (var i = 0; i < csids.length; i++) {
				treeObj.checkNode(treeObj.getNodeByParam("id",csids[i]), true, true);//选中指定的节点
			}
		}
	}
     $(function(){
     	$("#baocuns").click(function(){
     		$("#div-alert").hide();
     		$("#div-alert1").hide();
     	})
     	$("#quxiaos").click(function(){
     		$("#div-alert").hide();
     		$("#div-alert1").hide();
     	})
     	})
     	function aaa(){
    layer.open({
    	 shade:false,
    content: '审批完成',
    style: 'background-color:rgba(0,0,0,0.5);shade:false;color:white; border:none;font-size:20px;text-align:center',
    time: 100
});
     	}
     </script>
<SCRIPT type="text/javascript">

function todata(data){
 	var year = data.year;
    var month = data.month;
    var day =data.day;
    var hour = data.hour;
    var minute =data.minute;
    var second =data.second;
    if(parseInt(month)<10){
    	month="0"+month;
    }
    if(parseInt(day)<10){
    	day="0"+day;
    }
    if(parseInt(hour)<10){
    	hour="0"+hour;
    }
    if(parseInt(minute)<10){
    	minute="0"+minute;
    }
    if(parseInt(second)<10){
    	second="0"+second;
    }
    return year+"-"+month+"-"+day+" "+hour+":"+minute+":"+second;
}


	function sumitrenyuan(){
		shoujianrenbbids = "";
		chaosongids= "";
		shoujianrenbnames = "";
		chaosongnames = "";
		var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
		var nodes = treeObj.getCheckedNodes(true);
		var strs="";
		for(var i=0;i<nodes.length;i++){
			if(nodes[i].pId != null){
				if(flagindex == 1){
					shoujianrenbbids = shoujianrenbbids+nodes[i].id+",";
					shoujianrenbnames = shoujianrenbnames+"<div class='showshoujianname'>"+nodes[i].name+";</div>";
				}else if(flagindex == 2){
					chaosongids = chaosongids+nodes[i].id+",";
					chaosongnames= chaosongnames+"<div class='showshoujianname'>"+nodes[i].name+";</div>";
				}
			}
		}
		if(flagindex == 1){
			shoujianrenbbids = shoujianrenbbids.substring(0, shoujianrenbbids.length-1);
			shoujianrenbnames = shoujianrenbnames.substring(0, shoujianrenbnames.length-1);
			$("#shoujianren").html(shoujianrenbnames);
			$("#shoujianrenid").val(shoujianrenbbids);
		}else if(flagindex == 2){
			chaosongids = chaosongids.substring(0, chaosongids.length-1);
			chaosongnames = chaosongnames.substring(0, chaosongnames.length-1);
			$("#input-text1").html(chaosongnames);
			$("#input-text1id").val(chaosongids);
		}
		
		
	}
		var setting = {
				check: {
					enable: true,
					chkDisabledInherit: true
				},
				data: {
					simpleData: {
						enable: true
					}
				},
			callback: {
				onCheck:zTreeOnCheck,
				onClick: zTreeOnClick
				}
		};
		function zTreeOnCheck(event, treeId, treeNode) {
		};
		function zTreeOnClick(event, treeId, treeNode) {
				var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
				var nodes = treeObj.getSelectedNodes();
				for (var i=0, l=nodes.length; i < l; i++) {
					if(nodes[i].checked==false && treeNode.pId != null)
					treeObj.checkNode(nodes[i], true, true);
					else if(treeNode.pId != null){
						treeObj.checkNode(nodes[i], false, true);
					}
				}
				for (var i=0, l=nodes.length; i < l; i++) {
					if(nodes[i].open==false)
					treeObj.expandNode(nodes[i],  true, true, true);
					else
						treeObj.expandNode(nodes[i], false, true, true);
				}
		}
		$(document).ready(function(){
			var zNodes=[];
			  $.ajax({
			         type: 'post',
			         url: '../../commoncontroller/queryUsersTree.do',
			         data:{uid:"402881e44e86c26d014e86c9ae8c0008",code:getQueryString("code")},
			         dataType: 'json',
			         success: function(data){
			        	 console.log(data)
			        	 var str='';
			        	 for(var i=0;i<data.length;i++){
			        		 var childrens = data[i].children;
			        		 if(childrens.length>=1){
			        			 str += '{id:"'+data[i].id+'",pId:0,name:"'+data[i].text+'",open:false,nocheck:true},';
			        		 }
			        		 for (var j = 0; j < childrens.length; j++) {
			        			 str += '{id:"'+childrens[j].id+'",pId:"'+data[i].id+'",name:"'+childrens[j].text+'",open:true},';
							 }
			        	 }
			        	 zNodes = eval('([' + str.substring(0,str.length-1) + '])');
			        	 $.fn.zTree.init($("#treeDemo"), setting, zNodes);
			         }})
		});
		//发送邮件
		function saveEntity(){
			var userto = $("#shoujianrenid").val();//收件人
			var title = $("#input-text2").val();//主题
			var content = $("#input-text3").html();//内容
			var usercc = $("#input-text1id").val();//抄送人
			var emailid = $("#emailid").val();//邮件ID;
			if(userto == null || userto == ""){
				layer.open({
					 shade:false,
				    content: '请选择收件人',
				    style: 'background-color:rgba(0,0,0,0.5);shade:false;color:white; border:none;font-size:20px;text-align:center',
				    time: 1.5
				});
				return;
			}
			 $.ajax({
		         type: 'post',
		         url: '../../yjcontroller/saveEntity.do',
		         contentType: "application/x-www-form-urlencoded; charset=utf-8",
		         dataType: 'json',
		         data:{
		        	 id:emailid,
		        	 title:title,//主题
		        	 content:content,
		        	 userto:userto,
		             usercc:usercc,//抄送人
		             uid:"402881e44e86c26d014e86c9ae8c0008",code:getQueryString("code")
		         },
		         success: function(data){
		        	 if(data.resultCode == 0){
			        	 $("#shoujianrenid").val("");//收件人
			             $("#input-text1id").val("");//抄送人
			             window.location.href = "caogaoemail.html";//跳转至草稿箱
					 }
		         }});			
		}
		//保存邮件
		function saveCgxEntity(){
			var userto = $("#shoujianrenid").val();//收件人
			var title = $("#input-text2").val();//主题
			var content = $("#input-text3").html();//内容
			var usercc = $("#input-text1id").val();//抄送人
			var emailid = $("#emailid").val();//邮件ID;
			 $.ajax({
		         type: 'post',
		         url: '../../yjcontroller/saveCgxEntity.do',
		         contentType: "application/x-www-form-urlencoded; charset=utf-8",
		         dataType: 'json',
		         data:{
		        	 id:emailid,
		        	 title:title,//主题
		        	 content:content,
		        	 userto:userto,
		             usercc:usercc,//抄送人
		             uid:"402881e44e86c26d014e86c9ae8c0008"
		         },
		         success: function(data){
		        	 if(data.resultCode == 0){
		        		 window.location.href = "caogaoemail.html";//跳转至草稿箱
					 }
		         }});			
		}
		function tuihui(){
			window.location.href = "caogaoemail.html";//跳转至草稿箱
		}
	</SCRIPT>
</body>
</html>