wuhb
/
oa


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394
							<%@ page contentType="text/html;charset=GBK"%>
<%@ taglib uri="http://fzywtx.com/jsp/yw/select" prefix="l"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<Title>邮件账号管理</Title>
<script src="${pageContext.request.contextPath }/liger/lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
<link href="${pageContext.request.contextPath }/liger/lib/ligerUI/skins/${sessionScope.css}/css/ligerui-all.css" rel="stylesheet" type="text/css" />
<link href="main.css" rel="stylesheet" type="text/css" /> 
<script src="${pageContext.request.contextPath }/liger/lib/ligerUI/js/core/base.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath }/liger/lib/ligerUI/js/ligerui.all.js" type="text/javascript">
<script type="text/javascript" src="/shares/js/constant.js"></script>
<script type="text/javascript" src="/shares/js/common.js"></script>
<script type="text/javascript" src="/shares/js/yw/oa/mailAutoComplete.js"></script> 
<script type="text/javascript" src="/shares/js/yw/master1_oa/mail/mail.js"></script>
<!-- 邮箱自动提示的css -->
<style type="text/css">
    .mailListBox{border:1px solid #ccc; background:#fff; font:12px/20px Tahoma;}
    .mailListDefault{border-bottom:1px solid #eee; padding:0 5px; cursor:pointer;}
    .mailListFocus{background:#f0f3f9;}
    .mailListHlignt{color:#c00;}
    #layout1{width:99.5%;margin:0; padding:0;}
</style>
<SCRIPT LANGUAGE="JavaScript">
	var configMsg = '${configMsg}';
	var tree;
	var data = [];
	var selNodeId = "";
	var in_port = {"pop":"110", "imap":"143", "pop_ssl":"995", "imap_ssl":"993"};
	var smtp_port = {"smtp":"25", "ssl":"465"};
	<c:forEach var="item" items="${configList}"> 
	data.push({ id: '${item.universalid }', pid: 0, text: '${item.user_name }@${item.domain_name }<c:if test="${item.is_default == '1' }"><font color="red">&nbsp;(默认)</font></c:if>',isDef:'${item.is_default}' });	
	<c:if test="${item.is_default == '1' }">
	selNodeId = '${item.universalid }';
	</c:if>
	</c:forEach>
	$(function() {
		$("#layout1").ligerLayout({
			leftWidth : 250,
			height : '99%'
		});
		if ($("#smtpPort").val() == '') {
			$("#smtpPort").val(smtp_port.smtp);
		}
		changeServerType();
		
		// 邮件账号自动匹配域名
		$("#userName").mailAutoComplete({
			onChange:function(v){
				var site = v.replace(/.*@/, "");
				$("#inIp").val("mail." + site);
				$("#smtpIp").val("smtp." + site);
			} 
		});
		
		tree = $("#treeUserMail").ligerTree({
			data:data,
			checkbox: false,
			onSelect: function(node){
				var disabled = node.data.isDef == '1' ? "disabled" : "";
				$("#btnSetDef").attr("disabled",disabled);
				editMailAccount(node.data.id);
			},	
		});
		tree.selectNode(selNodeId);
		// 点击ssl复选框
		$(":checkbox").bind("click",function(){
			var id = this.id;
			var checked = this.checked;
			if(id == "smtpSSL"){
				$("#smtpPort").val(checked ? "465" : "25");
			}else if(id == "inSSL"){
				var serverType = $("select[name='mailUser.server']").val();
				var port = '';
				if("imap" == serverType){
					port  = checked ? in_port.imap_ssl : in_port.imap;
				}else{
					port  = checked ? in_port.pop_ssl : in_port.pop;
				}
				$("#inPort").val(port);
			}
		});
		
	});

	// 改变接收服务器类型时，改变端口号
	function changeServerType() {
		var serverType = $("select[name='mailUser.server']").val();
		$("#inSSL").attr("checked",false);
		$("#smtpSSL").attr("checked",false);
		if ("imap" == serverType) {
			$("#inPort").val(in_port.imap);
		}
		if ("pop3" == serverType) {
			$("#inPort").val(in_port.pop);
		}
	}
	
	function clearErrMsg(){
		$(".inputError").removeClass("inputError"); 
		$(".error_msg").empty();
	}
	
	function callBack(data) {
		clearErrMsg();
		$("#isEdit").val("1");
		$("#universalid").val(data[0].universalid);
		$("#userName").val(data[0].userName + "@" + data[0].domainName);
		$("#inCount").val(data[0].inCount);
		$("#userPassword").val(data[0].userPassword);
//		$("#isDefault").attr("checked","1" == data[0].isDefault);
		$("#inSSL").attr("checked","1" == data[0].inSSL);
		$("#smtpSSL").attr("checked","1" == data[0].smtpSSL);
		$("#smtpIp").val(data[0].smtpIp);
		$("#smtpPort").val(data[0].smtpPort);
		$("#inIp").val(data[0].inIp);
		$("#inPort").val(data[0].inPort);
		$("#server").val(data[0].server);
	}

	/*
	 * 验证邮件账号是否存在
	 */
	function checkUserName() {
		var userName = $("#userName").val();
		var name = userName.substring(0, userName.lastIndexOf("@"));
		var domain = userName.substring(userName.lastIndexOf("@") + 1,
				userName.length);
		var isEdit = $('#isEdit').val();
		var universalid = $('#universalid').val();
		var param = {
			"userName" : name,
			"domain" : domain,
			"isEdit" : isEdit,
			"universalid" : universalid
		};
		sendAjaxParam(param, "MTMailConfigAction.do?task=checkUserName&time="
				+ new Date().getTime(), "json", userBack);
	}

	/*
	 * 验证邮件账号是否存在回调函数
	 */
	function userBack(data) {
		$("#checkUser").val(data);
	}

	/**
	 * 提交表单 
	 */
	function submitForm() {
		clearErrMsg();
		var rs = $
				.validate({
					name : "userName",
					model : [
							{
								type : "require",
								msg : "请输入邮件账号!"
							},
							{
								type : "regex",
								regex : /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/,
								msg : "请输入合法的邮箱地址!"
							} ]
				});
		rs = $.validate({
			name : "userPassword",
			model : [ {
				type : "require",
				msg : "请输入密码!"
			} ]
		}) && rs;
		rs = $.validate({
			name : "inIp",
			model : [ {
				type : "require",
				msg : "请输入接收邮件服务器!"
			} ]
		}) && rs;
		rs = $.validate({
			name : "inPort",
			model : [ {
				type : "require",
				msg : "请输入接收端口!"
			} ]
		}) && rs;
		rs = $.validate({
			name : "smtpIp",
			model : [ {
				type : "require",
				msg : "请输入发送服务器(SMTP)!"
			} ]
		}) && rs;
		rs = $.validate({
			name : "smtpPort",
			model : [ {
				type : "require",
				msg : "请输入正确的SMTP端口!"
			} ]
		}) && rs;
		rs = $.validate({
			name : "server",
			model : [ {
				type : "require",
				msg : "请选择接收服务器类型!"
			} ]
		}) && rs;

		if (rs) {
			checkUserName();
			if ($("#checkUser").val() == '1') {
				addFieldError("userName", "邮件账号已存在!");
				return;
			}else if ($("#checkUser").val() == '2') {
				addFieldError("userName", "该邮件账号已收件，不能修改!");
				return;
			}
			document.theForm.submit();
		}
	}

	/**
	 * 新增邮箱账号
	 */
	function addMailAccount() {
		clearErrMsg();
		$("#isEdit").val("");
		$("#universalid").val("");
		$("#userName").val("").focus();
		$("#inCount").val("10");
		$("#userPassword").val("");
//		$("[name = mailUser.isDefault]:checkbox").attr("checked", false);
		$("#smtpIp").val("");
		$("#server").val("pop3");
		$("#inIp").val("");
		changeServerType();
	}

	/**
	 * 修改邮箱账号（回填）
	 */
	function editMailAccount(id) {
		clearErrMsg();
		if (id == "") {
			$.ligerDialog.warn('请选择要修改的邮箱账号！');
			return;
		}
		var param = {
			"universalid" : id
		};
		sendAjaxParam(param, "MTMailConfigAction.do?task=toEdit&time="
				+ new Date().getTime(), "json", callBack);
	}

	/**
	 * 删除邮箱账号
	 */
	function delMailAccount() {
		var universalid = $("#universalid").val();
		if (universalid == null || universalid == "") {
			$.ligerDialog.warn('请选择要删除的邮箱账号！');
			return;
		}
		var text = tree.getTextByID(universalid);
		$.ligerDialog.confirm("您是否要删除账号"+text+"？", function (yes) { 
			if(yes){
				window.location.href = "${pageContext.request.contextPath }/MTMailConfigAction.do?task=del&universalid="
					+ universalid;
			} 
		});
	}
	
	/**
	 * 设置 默认邮箱
	 */
	function defaultMail(){
		var universalid = $("#universalid").val();
		if (universalid == null || universalid == "") {
			$.ligerDialog.warn('请选择邮箱账号！');
			return;
		}
		window.location.href = "${pageContext.request.contextPath }/MTMailConfigAction.do?task=defaultMail&universalid="
			+ universalid;
	}
	
</SCRIPT>
</head>
<Body>
	<div class="container-layout">
		<DIV id="btn_title" class="form-button">
			<input type="button" id="mail_save" onclick="toMailList()" class="l-button" style="width:100px;" value="返回邮件列表" />
		</DIV>
		<div class="forum-container"> 
			<div class="l-content">
				<div id="layout1">
					<div position="left" title="邮箱账号" class="user-tree-style">
						<div id="deptBtn">
							<input type="button" id="btnSetDef" value="设为默认" style="width: 70px;" class="l-button" onclick="defaultMail()" id="delProductTypeBtn" />&nbsp;
							<input type="button" value="新增" style="width: 50px;" class="l-button" onclick="addMailAccount()" id="addProductTypeBtn" />&nbsp;
							<input type="button" value="删除" style="width: 50px;" class="l-button" onclick="delMailAccount()" id="delProductTypeBtn" />
						</div>
						<ul id="treeUserMail"></ul>
					</div>
					<div position="center" id="centerDiv" title="账号明细">
						<div id="deptBtn" style="text-align: left;padding-left: 10px;">
							<input type="button" value="保存" class="l-button" onclick="submitForm();" />
						</div>
						<div style="overflow: hidden; clear: both;">
							<FORM method='POST' name="theForm" id="theForm"
								action="MTMailConfigAction.do?task=save">
								<input type="hidden" id="isEdit" name="isEdit" value="${isEdit}">
								<input type="hidden" id="universalid" name="universalid"
									value="${mailUser.universalid }">
								<input type="hidden"
												name="mailUser.inCount" id="inCount"
												value='${mailUser.inCount==null?10:mailUser.inCount }'
												style="width: 40px;" readonly="readonly" />
								<div class="forum-container">
									<Table border="0" cellspacing="1" cellpadding="0"
										class="l-table-edit line">
										<tr>
											<td class="l-table-edit-text">接收服务器类型 ：</td>
											<td class="l-table-edit-td">
												<select name="mailUser.server" id="server" style="width:150px;" onchange="changeServerType();">
													<option value="pop3">POP3</option>
													<option value="imap">IMAP</option>
												</select>
											</td>
										</tr>
										<tr>
											<td class="l-table-edit-text">邮件账号：</td>
											<td class="l-table-edit-td"><input
												name="mailUser.userName" id="userName" AUTOCOMPLETE="off" type="text"
												value='${mailUser.userName }'> <input type="hidden"
												id="checkUser" name="checkUser" value=""></td>
										</tr>
										<tr>
											<td class="l-table-edit-text">密码：</td>
											<td class="l-table-edit-td"><input type="password"
												name="mailUser.userPassword" id="userPassword"
												value='${mailUser.userPassword }' /></td>
										</tr>
										<tr>
											<td class="l-table-edit-text">接收服务器：</td>
											<td class="l-table-edit-td"><input type="text"
												name="mailUser.inIp" id="inIp" value='${mailUser.inIp }' />
												&nbsp;&nbsp;<input type="checkbox" name="mailUser.inSSL"
												id="inSSL" <c:if test="mailUser.inSSL == '1'">checked="checked"</c:if>/>
												<label for="inSSL">SSL</label>
												&nbsp;&nbsp; 端口：<input type="text" name="mailUser.inPort"
												id="inPort" style="width:60px" value='${mailUser.inPort }' />
											</td>
										</tr>
										<tr>
											<td class="l-table-edit-text">发送服务器：</td>
											<td class="l-table-edit-td"><input type="text"
												name="mailUser.smtpIp" id="smtpIp" value='${mailUser.smtpIp }' />
												&nbsp;&nbsp;<input type="checkbox" name="mailUser.smtpSSL"
												id="smtpSSL" <c:if test="mailUser.smtpSSL == '1'">checked="checked"</c:if>/>
												<label for="smtpSSL">SSL</label>
												&nbsp;&nbsp; 端口：<input type="text" name="mailUser.smtpPort"
												id="smtpPort" style="width:60px" value='${mailUser.smtpPort }' />
											</td>
										</tr>
										<%--每次收取邮件数： 
										<tr>
											<td class="l-table-edit-text" colspan="4">
												<%-- <input
												type="checkbox" name="mailUser.isDefault" id="isDefault"
												<c:if test="${mailUser.isDefault =='1'}">checked="checked"</c:if> />
												<label for="isDefault">默认收发账号</label> 
											</td>
										</tr>
										--%>
										<tr>
											<td colspan="2">
												<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
												<br>
											</td>
										</tr>
									</TABLE>
								</div>
							</FORM>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<%@ include file="/include/message.jsp"%>
</BODY>
</HTML>