login.html 3.92 KB
<html style="overflow: hidden;">
<head>
	<meta charset='UTF-8'>
	<script src="/ufoPlatform/js/include.js"></script>
	<title>Yoho!Buy运营平台-登录</title>
</head>
<body>
<form name="id" id="f1" method="post">
	<table width="100%" border="0" cellspacing="0" cellpadding="0" style="height: 100%;">
		<tr>
			<td valign="middle"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
				<tr>
					<td><table width="860" border="0" align="center" cellpadding="0" cellspacing="0">
						<tr>
							<td><img src="/ufoPlatform/images/login_03.png" width="460" height="60" /></td>
							<td><div align="right">
								<a>ENGLISH</a> &nbsp; | &nbsp; <a>帮 助</a>&nbsp; | &nbsp; <a>技术支持</a>
							</div></td>
						</tr>
					</table></td>
				</tr>
				<tr>
					<td class="login_bg"><table width="860" border="0" align="center" cellpadding="0" cellspacing="0">
						<tr>
							<td height="440" background="/ufoPlatform/images/pic1.png"><table id="loginTable" width="310" border="0" align="right" cellpadding="0" cellspacing="0" style="margin-right: 20px;filter:Alpha(opacity=80)">
								<tr id="loginTitle" title="我不会告诉你,我是可以拖动的">
									<td><img src="/ufoPlatform/images/login_1_03.png" width="310" height="42" /></td>
								</tr>
								<tr>
									<td height="350" valign="top" background="/ufoPlatform/images/login_1_05.png"><table width="250" border="0" align="center" cellpadding="0" cellspacing="0">
										<tr>
											<td height="36" valign="bottom">用户名:</td>
										</tr>
										<tr>										  
											<td height="40"><input name="loginName" id="loginName" class="login_input easyui-validatebox" data-options="
												required : true,
												missingMessage : '请输入登录账号名!',
												iconCls:'icon-man'
											" /></td>
										</tr>
										<tr>
											<td height="36" valign="bottom">&nbsp;&nbsp;&nbsp;码:</td>
										</tr>
										<tr>				
											<td height="40"><input name="loginPwd" id="loginPwd" type="password" class="login_input easyui-validatebox" data-options="
												required : true,
												missingMessage : '请输入登录密码!',
												iconCls:'icon-man',
												type : 'password'
											" /></td>
										</tr>
										
										<tr>
											<td height="50" valign="bottom">
												<input type="image" src="/ufoPlatform/images/login_1_08.png" id="submitBtn" />
											</td>
										</tr>
									</table></td>
								</tr>
								<tr>
									<td><img src="/ufoPlatform/images/login_1_11.png" width="310" height="15" /></td>
								</tr>
							</table></td>
						</tr>
					</table></td>
				</tr>
				<tr>
					<td><table width="860" border="0" align="center" cellpadding="0" cellspacing="0">
						<tr>
							<td height="60" class="font_color_01">Copyright &copy;2010-2014 dinglicom.All Rights Reserved.</td>
							<td><div align="right" class="font_color_01">版权所有</div></td>
						</tr>
					</table></td>
				</tr>
			</table></td>
		</tr>
	</table>
	</form>
	<script>
	$(function() {
		$("#submitBtn").hover(
			function() {
				$(this).attr("src", contextPath + "/images/login_1_08a.png");
			},
			function() {
				$(this).attr("src", contextPath + "/images/login_1_08.png");
			}
		);
		$("#loginTable").draggable({
			handle : "#loginTitle",
			axis : "h",
			revert : true
		});
		$("#f1").form({
			url : contextPath + "/LoginController/platformLogin.do",
			onSubmit : function() {
				if (!$("#f1").form("validate")) {
					return false;
				}
				return true;
			},
			success : function(data) {
				if (data) {
					data = $.parseJSON(data);
					if (data.code == 200) {
						window.location.href = contextPath + "/html/index/index.html";
					} else {
						$.messager.alert("登录失败", data.message, "error");
					}
				} else {
					$.messager.alert("登录失败", data.message, "error");
				}
			}
		});
		
	});
</script>
</body>
</html>