hs
/
hbghj


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199
							<!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>
<script type="text/javascript" src="../js/zepto.min.js"></script>
	<!-- css -->
	<link href="../css/base.min.css" rel="stylesheet">
</head>
<style>
.container{
	padding-left:15px;
	padding-right:15px;
}
.titlered{
	color:red;
	width: 30%!important;
}
.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;
}
.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;
}
</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> -->
						<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">
									<input value=""  readonly="readonly"  class="form-control" id="shoujianren" 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-text1" >抄送/密送:</label>
								</div>
								<div class="col-lg-4 col-md-6 col-sm-8">
									<input value=""  readonly="readonly"  class="form-control" id="chaosongren" 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-text2">主题:</label>
								</div>
								<div class="col-lg-4 col-md-6 col-sm-8">
									<input value=""   readonly="readonly"  class="form-control" id="zhuti" 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="content">文本:</label>
									
								</div>
								<div class="col-lg-4 col-md-6 col-sm-8">
									<div   class="form-control" id="content" style="height: 200px; overflow-y: scroll;border-bottom-style: dashed ;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="entityHuiAndZhuan();" style="width: 20%;margin-left:10%;background: #2196f3;border: 0px;">回复 </button>
			<button class="mui-btn mui-btn-positive" type="button" onclick="entityHuiAndHuiFu();" 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>
			<input type = "hidden" value = "" id = "emailid"/>
		</div>
		<hr>
				</form>
			</div>
		</div>
	</div>
	<script>
		$(function(){
			$.ajax({
         type: 'post',
         url: '../../yjcontroller/viewFj.do',
         data:{id:getQueryString("id"),code:getQueryString("code")},
         dataType: 'json',
         success: function(data){
        	 	$("#emailid").val(data[0].id);
        	 	$("#fajianren").val(data[0].sendUserName);
        	 	$("#shoujianren").val(data[0].receiveUserName);
        	 	$("#riqi").val(  todata(data[0].sendDate));
        	 	$("#chaosongren").val(data[0].ccUserName);
        	 	$("#zhuti").val(data[0].title);
        	 	$("#content").html(data[0].content); 
        	 }
		})
	})
	
		//回复和转发邮件
		function entityHuiAndZhuan(){
			var id = $("#emailid").val();
			window.location.href="sjhfemail.html?id="+id;
		}
		
		function entityHuiAndHuiFu(){
			var id = $("#emailid").val();
			window.location.href="sjzfemail.html?id="+id;
		}
	function tuihui(){
		window.location.href =  "xiangqingemailSJ.html";
	}
	
	</script>
</body>
</html>