<!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>
|
<title>单点登录系统-登录</title>
|
<meta http-equiv="pragma" content="no-cache" />
|
<meta http-equiv="cache-control" content="no-cache" />
|
<meta http-equiv="expires" content="0" />
|
<link rel="stylesheet" type="text/css" href="/cas/css/reset.css" />
|
<link rel="stylesheet" type="text/css" href="/cas/css/JCXM_style.css" />
|
<script type="text/javascript" src="download-jquery/jquery.min.js"></script>
|
<link rel="stylesheet" href="download-jquery/font-awesome.min.css"/>
|
<!--<link type="text/css" rel="stylesheet" href="download-jquery/bootstrap.min.css"/>-->
|
<link rel="stylesheet" th:href="@{${#themes.code('standard.custom.css.file')}}"/>
|
<link rel="icon" th:href="@{/favicon.ico}" type="image/x-icon"/>
|
<script type="text/javascript" src="download-jquery/zxcvbn.js"></script>
|
<script type="text/javascript" src="download-jquery/jquery-ui.min.js"></script>
|
<script type="text/javascript" src="download-jquery/jquery.cookie.min.js"></script>
|
<script src="download-jquery/api.js" async defer th:if="${recaptchaSiteKey}"></script>
|
<script src="download-jquery/bootstrap.min.js"></script>
|
|
<style type="text/css">
|
.errorMessage_show {
|
width: 200px;
|
text-align: left;
|
line-height: 6px;
|
height: 6px;
|
clear: both;
|
color: #d56969;
|
font-size: 12px;
|
}
|
</style>
|
|
<style type="text/css">
|
.code {
|
/* background:url(code_bg.jpg); */
|
font-family:Arial;
|
font-style:italic;
|
color:blue;
|
font-size:30px;
|
border:0;
|
padding:2px 3px;
|
letter-spacing:3px;
|
font-weight:bolder;
|
float:left;
|
cursor:pointer;
|
width:88px;
|
height:35px;
|
line-height:34px;
|
text-align:center;
|
vertical-align:middle;
|
border-top-right-radius:5px;
|
border-bottom-right-radius:5px;
|
background-color:white;
|
}
|
a {
|
text-decoration:underline;
|
/*font-size:12px;
|
color:#288bc4;*/
|
}
|
a:hover {
|
text-decoration:underline;
|
}
|
</style>
|
<script language="javascript" type="text/javascript">
|
var code;
|
function createCode() {
|
code = "";
|
var codeLength = 4; //验证码的长度
|
var checkCode = document.getElementById("checkCode");
|
/* var codeChars = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9,
|
'a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z',
|
'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'); */
|
var codeChars = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9 );
|
for (var i = 0; i < codeLength; i++)
|
{
|
var charNum = Math.floor(Math.random() * 10);
|
code += codeChars[charNum];
|
}
|
if (checkCode)
|
{
|
checkCode.className = "code";
|
checkCode.innerHTML = code;
|
}
|
}
|
//2019-03-28 去掉 by XiaoQi
|
//function validateCode() {
|
//var inputCode = document.getElementById("inputCode").value;
|
//if (inputCode.length <= 0)
|
//{
|
//alert("请输入验证码！");
|
//}
|
//else if (inputCode.toUpperCase() != code.toUpperCase())
|
//{
|
//alert("验证码输入有误！");
|
//createCode();
|
//}
|
//else
|
//{
|
//alert("验证码正确！");
|
//}
|
//}
|
</script>
|
</head>
|
<body style="background-color:#0059cf;overflow-y:hidden !important;">
|
<form method="post" id="fm1" class="fm-v clearfix" th:object="${credential}">
|
<div class="loginheader" style='display: none;'>
|
<span class="loginname">单点登录</span>
|
<img class="devline" src="/cas/images/login/loginline.png" />
|
<span class="lognameE">Log in</span>
|
</div>
|
<div id="topBg" style="background-color:#1a65c9;height:30%;display: none;"></div>
|
<div id='div_middle' class="loginmain">
|
<div id='div_loginTitle' class="logintitle" style="display: none;"></div>
|
<div id="topBgColor" style="background-color:#1a65c9;height:19%;display: none;"></div>
|
<div id='div_loginBox' class="logintable">
|
<div id="loginBox_Title" style="height: 60px;line-height: 60px;">
|
<span style="color: #fff;font-size: 50px;font-family: initial;font-weight: 700;">用户登录</span>
|
</div>
|
<!-- 用户名 -->
|
<div th:if="${#fields.hasErrors('*')}" style="margin-left:35px;" >
|
<span th:each="err : ${#fields.errors('*')}" th:utext="${err}" style="color: red;"/>
|
</div>
|
<div th:if="${openIdLocalId}">
|
<strong> <span th:utext="${openIdLocalId}" />
|
</strong> <input type="hidden" id="username" name="username" th:value="${openIdLocalId}" />
|
</div>
|
<div th:unless="${openIdLocalId}" class="loginid" style='width:400px;margin-right:50px;margin-top:45px;border-bottom:1px solid #fff;' >
|
<label for="username"></label>
|
<input class="required" id="username" placeholder="请输入用户名" size="25" tabindex="1"
|
type="text" th:field="*{username}"
|
th:accesskey="#{screen.welcome.label.netid.accesskey}"
|
autocomplete="off" />
|
</div>
|
<!-- 密码 -->
|
<section >
|
<div class="loginpwd" style='width:400px;margin-right:20px;margin-top:30px;border-bottom:1px solid #fff;' >
|
<label for="password"></label>
|
<input class="required" placeholder="请输入密码" type="password" id="password" size="25"
|
tabindex="2"
|
th:accesskey="#{screen.welcome.label.password.accesskey}"
|
th:field="*{password}" autocomplete="off" />
|
<span id="capslock-on" style="display: none;">
|
<p>
|
<i class="fa fa-exclamation-circle"></i>
|
<span th:utext="#{screen.capslock.on}" />
|
</p>
|
</span>
|
</div>
|
</section>
|
<section class="row check">
|
<p th:if="${rememberMeAuthenticationEnabled}">
|
<input type="checkbox" name="rememberMe" id="rememberMe"
|
value="true" tabindex="3" /> <label for="rememberMe"
|
th:text="#{screen.rememberme.checkbox.title}" />
|
</p>
|
</section>
|
<section class="row" th:if="${recaptchaSiteKey}">
|
<div class="g-recaptcha" th:attr="data-sitekey=${recaptchaSiteKey}" />
|
</section>
|
<!-- 验证码 -->
|
<!-- <div class="loginvalifield" style="margin-top:20px;">
|
<div class="loginvalicode">
|
<label for="vcode"></label>
|
|
<input id="vcode" name="vcode" class="required" tabindex="3" accesskey="v" type="text" value="" size="35" autocomplete="off">
|
</div>
|
<span><img src="servlet/gevcode" class="validatelbl" onclick="this.src='servlet/gevcode?d='+new Date().getTime()"></span>
|
</div> -->
|
<section style="display:none;"> <!-- change By XiaoQi -->
|
<div id="vCodeID" class="loginvalifield" style='width: 400px;margin-top:30px;border-bottom:1px solid #fff;'>
|
<div class="loginvalicode">
|
<label for="vcode" ></label>
|
<input id="inputCode" name="vcode" placeholder="请输入验证码" class="required" type="text" tabindex="4" />
|
</div>
|
<span class="code" id="checkCode" onclick="createCode()" ></span>
|
</div>
|
</section>
|
<section id="carLink">
|
<div style="background: url(images/NewGJXJlogin/1920/add.png) no-repeat;width: 400px;height: 40px;line-height: 40px;background-position: 3% 50%;margin-top: 30px;">
|
<a style='color: #fff;font-size: 18px;margin-left: 52px;' href="downloads/证书安装与添加信任站点.zip" download="证书安装与添加信任站点.zip">证书安装与添加信任站点</a>
|
</div>
|
<div style="background: url(images/NewGJXJlogin/1920/add.png) no-repeat;width: 400px;height: 40px;line-height: 40px;background-position: 3% 50%;margin-top: 0px;">
|
<a style='color: #fff;font-size: 18px;margin-left: 52px;' href="downloads/谷歌浏览器下载.zip" download="谷歌浏览器下载.zip">建议使用谷歌浏览器</a>
|
</div>
|
<div style="background: url(images/NewGJXJlogin/1920/add.png) no-repeat;width: 400px;height: 40px;line-height: 40px;background-position: 3% 50%;margin-top: 0px;">
|
<a style='color: #fff;font-size: 18px;margin-left: 52px;' href="downloads/使用帮助文档.zip" download="使用帮助文档.zip">使用帮助文档</a>
|
</div>
|
</section>
|
<!-- 登录按钮 -->
|
<section >
|
<input type="hidden" name="execution" th:value="${flowExecutionKey}" />
|
<input type="hidden" name="_eventId" value="submit" />
|
<input type="hidden" name="geolocation" />
|
<!-- <input class="loginbtn" name="submit" accesskey="l" tabindex="6" type="submit" /> -->
|
<input class="loginbtn" style="margin-top:25px;" name="submit" accesskey="l" value="" tabindex="5" type="submit">
|
<!--<div style="text-align:center; font-size:14px; font-weight:bold;margin-top:20px;">
|
<span style="color:blue;font-family:宋体;">国家节点</span>
|
</div> -->
|
<!--<div style="color:white;font-size:14px;margin-top:5px;">
|
<table width="100%" align="center" style='border-collapse:separate;border-spacing:8px;'>
|
<tr>
|
<td style="width:40px;">
|
<a href="#" style="color:blue;">辽宁</a>
|
</td>
|
<td style="width:40px;">
|
<a href="#" style="color:blue;">河北</a>
|
</td>
|
<td style="width:40px;">
|
<a href="#" style="color:blue;">天津</a>
|
</td>
|
<td style="width:40px;">
|
<a href="#" style="color:blue;">山东</a>
|
</td>
|
<td style="width:40px;">
|
<a href="#" style="color:blue;">江苏</a>
|
</td>
|
<td>
|
<a href="#" style="color:blue;">上海</a>
|
</td>
|
</tr>
|
<tr>
|
<td >
|
<a href="#" style="color:blue;">浙江</a>
|
</td>
|
<td>
|
<a href="#" style="color:blue;">福建</a>
|
</td>
|
<td>
|
<a href="#" style="color:blue;">广东</a>
|
</td>
|
<td>
|
<a href="#" style="color:blue;">广西</a>
|
</td>
|
<td>
|
<a href="#" style="color:blue;">海南</a>
|
</td>
|
</tr>
|
</table>
|
</div>-->
|
</section>
|
<section id="otherCarLink" style='font-size:14px;display:none;'>
|
<a style='color:#c1d7fd;' href="downloads/证书安装与添加信任站点.zip" download="证书安装与添加信任站点.zip">证书安装与添加信任站点</a>
|
</section>
|
</div>
|
</div>
|
<div id='div_foot' style="display: none;">
|
<span>技术支持：国家海洋信息中心</span>
|
<!-- <span style='margin-left:20px;'>广东蓝图信息技术有限公司</span> -->
|
</div>
|
</form>
|
<form th:if="${passwordManagementEnabled}" method="post" id="misagh">
|
<input type="hidden" name="execution" th:value="${flowExecutionKey}" />
|
<input type="hidden" name="_eventId" value="resetPassword" />
|
<span class="fa fa-unlock"></span>
|
<a th:utext="#{screen.pm.button.resetPassword}" href="javascript:void(0)" onclick="myLoginSubmit()" />
|
<p />
|
</form>
|
|
<script type="text/javascript">
|
var leftoffset = 474;
|
//禁止在iframe打开
|
function noIframe() {
|
if(top.location!=self.location){
|
window.top.location = self.location.href.split("?")[0];
|
}
|
}
|
|
function myfocus() {
|
document.getElementById('username').focus();
|
}
|
|
window.onload = function () {
|
noIframe();
|
createCode();
|
//winResize();
|
autoResize();
|
$(window).on("resize", autoResize);
|
myfocus();
|
}
|
|
function winResize() {
|
$(window).on("resize", function(){
|
var div_obj = document.getElementById("div_middle");
|
//宽度自适应
|
|
//loginbox
|
var fullWidth = document.body.offsetWidth;
|
var div_loginBox = document.getElementById("div_loginBox");
|
var boxWidth = div_loginBox.offsetWidth;
|
var myWidth=div_obj.offsetWidth;
|
//if (fullWidth > 1920) {
|
// fullWidth = 1920;
|
//}
|
div_obj.style.width = fullWidth + "px";
|
div_loginBox.style.left = ((fullWidth - boxWidth) / 2 + leftoffset) + "px";
|
|
//logintitle
|
var div_loginTitle = document.getElementById("div_loginTitle");
|
var titleWidth = div_loginTitle.offsetWidth;
|
div_loginTitle.style.left = (fullWidth - titleWidth) / 2 + "px";
|
})
|
}
|
|
function autoResize() {
|
var div_obj = document.getElementById("div_middle");
|
//宽度自适应
|
var fullWidth = document.body.offsetWidth;
|
var div_loginBox = document.getElementById("div_loginBox");
|
var boxWidth = div_loginBox.offsetWidth;
|
var myWidth=div_obj.offsetWidth;
|
//if (fullWidth > 1920) {
|
// fullWidth = 1920;
|
//}
|
|
var winWidht = window.innerWidth;
|
var winHeight = window.innerHeight - 100;
|
var bgHeight = 1080;
|
winWidht += 150;
|
if(winWidht >= 1920) {
|
$("#div_middle").css("background", "url(images/NewGJXJlogin/1920/bg.jpg) no-repeat").css("background-position", "center bottom").css("height", "800px");
|
$("#div_middle").css("height", "980px");
|
$(".logintable").css("margin-top", "170px");
|
div_loginBox.style.left = ((fullWidth - 410) / 2 + 474) + "px";
|
bgHeight = 980; //1080
|
} else if(winWidht >= 1600) {
|
$("#div_middle").css("background", "url(images/NewGJXJlogin/1600/bg.jpg) no-repeat").css("background-position", "center bottom").css("height", "800px");
|
$("#loginBox_Title span").css("font-size", "40px");
|
$(".loginid").css("margin-top", "35px").css("height", "45px").css("width", "350px").css("background", "url(images/NewGJXJlogin/1600/user.png) no-repeat").css("background-position", "3% 40%");
|
$(".loginid input").css("width", "306px").css("margin-left", "45px").css("font-size", "18px");
|
$(".loginpwd").css("margin-top", "20px").css("height", "45px").css("width", "350px").css("background", "url(images/NewGJXJlogin/1600/password.png) no-repeat").css("background-position", "3% 40%");
|
$(".loginpwd input").css("width", "306px").css("margin-left", "45px").css("font-size", "18px");
|
$(".loginvalicode").css("height", "45px").css("width", "270px").css("background", "url(images/NewGJXJlogin/1600/code.png) no-repeat").css("background-position", "4.5% 40%");
|
$(".loginvalicode input").css("width", "215px").css("margin-left", "49px").css("font-size", "18px");
|
$(".loginvalifield").css("margin-top", "20px").css("width", "350px").css("height", "45px");
|
$("#inputCode").css("margin-left", "46px");
|
$(".logintable").css("margin-top", "113px").css("width", "350px").css("height", "470px");
|
//$(".logintable").css("margin-top", "210px").css("width", "350px").css("height", "470px");
|
$("#carLink div").css("background", "url(images/NewGJXJlogin/1600/add.png) no-repeat").css("background-position", "3% 40%");
|
$("#carLink a").css("margin-left", "50px").css("font-size", "16px");
|
$(".loginbtn").css("margin-top", "25px");
|
leftoffset = 404;
|
bgHeight = 800; //900
|
div_loginBox.style.left = ((fullWidth - 360) / 2 + leftoffset) + "px";
|
} else if(winWidht >= 1440) {
|
$("#div_middle").css("background", "url(images/NewGJXJlogin/1440/bg.jpg) no-repeat").css("background-position", "center bottom").css("height", "810px");
|
$("#loginBox_Title").css("height", "50px").css("line-height", "50px");
|
$("#loginBox_Title span").css("font-size", "36px");
|
$(".loginid").css("margin-top", "20px").css("height", "45px").css("width", "320px").css("background", "url(images/NewGJXJlogin/1440/user.png) no-repeat").css("background-position", "3% 40%");
|
$(".loginid input").css("width", "276px").css("margin-left", "45px").css("font-size", "16px");
|
$(".loginpwd").css("margin-top", "20px").css("height", "45px").css("width", "320px").css("background", "url(images/NewGJXJlogin/1440/password.png) no-repeat").css("background-position", "3% 40%");
|
$(".loginpwd input").css("width", "276px").css("margin-left", "45px").css("font-size", "16px");
|
$(".loginvalicode").css("height", "45px").css("width", "240px").css("background", "url(images/NewGJXJlogin/1440/code.png) no-repeat").css("background-position", "4.5% 40%");
|
$(".loginvalicode input").css("width", "185px").css("margin-left", "49px").css("font-size", "16px");
|
$(".loginvalifield").css("margin-top", "20px").css("width", "320px").css("height", "45px");
|
$(".logintable").css("margin-top", "201px").css("width", "320px").css("height", "420px");
|
$("#carLink div").css("background", "url(images/NewGJXJlogin/1440/add.png) no-repeat").css("background-position", "3.5% 40%").css("margin-top", "25px").css("height", "30px").css("line-height", "30px");
|
$("#carLink a").css("margin-left", "50px").css("font-size", "16px");
|
$(".loginbtn").css("margin-top", "25px").css("height", "50px");
|
leftoffset = 357;
|
bgHeight = 810;
|
div_loginBox.style.left = ((fullWidth - 320) / 2 + leftoffset) + "px";
|
} else if(winWidht >= 1366) {
|
$("#div_middle").css("background", "url(images/NewGJXJlogin/1366/bg.jpg) no-repeat").css("background-position", "center bottom").css("height", "668px");
|
$("#loginBox_Title").css("height", "50px").css("line-height", "50px");
|
$("#loginBox_Title span").css("font-size", "32px");
|
$(".loginid").css("margin-top", "35px").css("height", "40px").css("width", "300px").css("background", "url(images/NewGJXJlogin/1366/user.png) no-repeat").css("background-position", "3% 50%");
|
$(".loginid input").css("width", "256px").css("margin-left", "45px").css("font-size", "14px");
|
$(".loginpwd").css("margin-top", "20px").css("height", "40px").css("width", "300px").css("background", "url(images/NewGJXJlogin/1366/password.png) no-repeat").css("background-position", "3% 50%");
|
$(".loginpwd input").css("width", "256px").css("margin-left", "45px").css("font-size", "14px");
|
$(".loginvalicode").css("height", "40px").css("width", "220px").css("background", "url(images/NewGJXJlogin/1366/code.png) no-repeat").css("background-position", "4.5% 50%");
|
$(".loginvalicode input").css("width", "165px").css("margin-left", "46px").css("font-size", "14px");
|
$(".loginvalifield").css("margin-top", "20px").css("width", "300px").css("height", "40px");
|
$(".logintable").css("margin-top", "83px").css("width", "300px").css("height", "390px");
|
//$(".logintable").css("margin-top", "135px").css("width", "300px").css("height", "390px");
|
$("#carLink div").css("background", "url(images/NewGJXJlogin/1366/add.png) no-repeat").css("background-position", "3.5% 50%").css("margin-top", "25px").css("height", "30px").css("line-height", "30px");
|
$("#carLink a").css("margin-left", "50px").css("font-size", "14px");
|
$(".loginbtn").css("margin-top", "10px").css("height", "56px");
|
leftoffset = 338;
|
bgHeight = 668; //731
|
div_loginBox.style.left = ((fullWidth - 300) / 2 + leftoffset) + "px";
|
} else {
|
//fullWidth = 1280;
|
$("#div_middle").css("background", "url(images/NewGJXJlogin/1280/bg.jpg) no-repeat").css("background-position", "center bottom").css("height", "620px");
|
$("#loginBox_Title").css("height", "50px").css("line-height", "50px");
|
$("#loginBox_Title span").css("font-size", "32px");
|
$(".loginid").css("margin-top", "27px").css("height", "40px").css("width", "280px").css("background", "url(images/NewGJXJlogin/1280/user.png) no-repeat").css("background-position", "3% 50%");
|
$(".loginid input").css("width", "236px").css("margin-left", "45px").css("font-size", "14px");
|
$(".loginpwd").css("margin-top", "20px").css("height", "40px").css("width", "280px").css("background", "url(images/NewGJXJlogin/1280/password.png) no-repeat").css("background-position", "3% 50%");
|
$(".loginpwd input").css("width", "236px").css("margin-left", "45px").css("font-size", "14px");
|
$(".loginvalicode").css("height", "40px").css("width", "200px").css("background", "url(images/NewGJXJlogin/1280/code.png) no-repeat").css("background-position", "4.5% 50%");
|
$(".loginvalicode input").css("width", "145px").css("margin-left", "46px").css("font-size", "14px");
|
$(".loginvalifield").css("margin-top", "20px").css("width", "280px").css("height", "40px");
|
$(".logintable").css("margin-top", "70px").css("width", "280px").css("height", "380px");
|
$("#carLink div").css("background", "url(images/NewGJXJlogin/1280/add.png) no-repeat").css("background-position", "3.5% 50%").css("margin-top", "25px").css("height", "30px").css("line-height", "30px");
|
$("#carLink a").css("margin-left", "50px").css("font-size", "14px");
|
$(".loginbtn").css("margin-top", "0px").css("height", "50px");
|
leftoffset = 314;
|
bgHeight = 620;
|
div_loginBox.style.left = ((fullWidth - 280) / 2 + leftoffset) + "px";
|
$("body").css("overflow", "hidden");
|
}
|
div_obj.style.width = fullWidth + "px";
|
if(winHeight > bgHeight) {
|
div_obj.style.height = winHeight + "px";
|
var marginTop = parseFloat($(".logintable").css("margin-top").replace("px")) + (winHeight - bgHeight);
|
$(".logintable").css("margin-top", marginTop + "px");
|
}
|
//高度自适应
|
var fullHeight = document.body.offsetHeight;
|
var myHeight = div_obj.offsetHeight;
|
if(fullHeight>myHeight){
|
//div_obj.style.marginTop = ((fullHeight - myHeight) / 2) + "px";
|
}
|
var div_loginTitle = document.getElementById("div_loginTitle");
|
var titleWidth = div_loginTitle.offsetWidth;
|
div_loginTitle.style.left = (fullWidth - titleWidth) / 2 + "px";
|
|
//根据参数自动替换标题、背景图片
|
var search = window.location.search;
|
if(search != "" && search.indexOf("=") > -1) {
|
search = decodeURIComponent(search);
|
var value = search.split('=')[1];
|
if(value.length > 0) {
|
var startNum = value.indexOf("//");
|
value = value.substring(startNum + 2, value.length);
|
var endNum = value.indexOf("/");
|
if(endNum > -1) {
|
value = value.substring(0, endNum);
|
}
|
var k = value.indexOf(":");
|
if(k > -1) {
|
value = value.substring(0, k);
|
}
|
var host = value;
|
|
if(false) {//host == "10.3.1.37"
|
$("body").css("overflow", "auto");
|
leftoffset = 375;
|
$("body").css("background-color", "#0eade0");
|
$("#topBg").show();
|
$("#div_loginTitle").show();
|
$("#topBgColor").show();
|
$("#loginBox_Title").hide();
|
$("#carLink").hide();
|
$("#otherCarLink").show();
|
$(".loginid").css("margin-top", "20px").css("height", "40px").css("width", "279px").css("border-radius", "6px").css("background", "url(images/GJXJlogin/icon_01.png) no-repeat").css("background-color", "#4987F4").css("background-position", "3% 50%").css("border-bottom", "none");
|
$(".loginid input").css("width", "245px").css("margin-left", "33px").css("background-color", "#4987F4").css("color", "#c1d7fd").css("font-size", "14px");
|
$(".loginpwd").css("margin-top", "20px").css("height", "40px").css("width", "279px").css("border-radius", "6px").css("background", "url(images/GJXJlogin/icon_02.png) no-repeat").css("background-color", "#4987F4").css("background-position", "3% 50%").css("border-bottom", "none");
|
$(".loginpwd input").css("width", "245px").css("margin-left", "33px").css("background-color", "#4987F4").css("color", "#c1d7fd").css("font-size", "14px");
|
$(".loginvalicode").css("height", "40px").css("width", "210px").css("border-radius", "6px").css("background", "url(images/GJXJlogin/icon_03.png) no-repeat").css("background-color", "#4987F4").css("background-position", "6% 50%");
|
$(".loginvalicode input").css("width", "142px").css("margin-left", "37px").css("background-color", "#4987F4").css("color", "#c1d7fd").css("font-size", "14px");
|
$(".loginvalifield").css("margin-top", "20px").css("width", "280px").css("border-bottom", "none");
|
$("#checkCode").css("height", "40px").css("line-height", "40px");
|
$(".loginbtn").css("background", "url(images/GJXJlogin/login_btn.png) no-repeat").css("margin-top", "15px").css("height", "50px");
|
titleWidth = div_loginTitle.offsetWidth;
|
$(".logintable").css("margin-top", "170px").css("width", "280px").css("height", "426px");
|
div_loginTitle.style.left = (fullWidth - titleWidth) / 2 + "px";
|
div_loginBox.style.left = ((fullWidth - 280) / 2 + leftoffset) + "px";
|
$("#div_loginTitle").css("background", "url(images/GJXJlogin/" + host + "_tit.png) no-repeat");
|
$("#div_middle").css("background", "url(images/GJXJlogin/" + host + "_bg.jpg) no-repeat");
|
$("#div_middle").css("background-repeat", "no-repeat");
|
$("#div_middle").css("background-position", "50% 110%");
|
$("#div_middle").css("height", "863px");
|
$("#checkCode").css("width", "94px");
|
$("#checkCode").css("height", "40px");
|
$("#topBgColor").css("background-color", "#3FD0FD");
|
$("body").css("background-color", "#31b4ff");
|
$("#div_foot").show();
|
$("#div_foot").css("background-color", "#31b4ff");
|
}
|
}
|
}
|
}
|
</script>
|
<script type="text/javascript" th:inline="javascript">
|
var i = [[#{screen.welcome.button.loginwip}]]
|
//表单提交
|
$("#fm1").submit(function() {
|
//验证用户名与密码
|
var theUsername = document.getElementById("username").value;
|
if (theUsername.length <= 0)
|
{
|
alert("请输入用户名！");
|
return false;
|
}
|
var thePassword = document.getElementById("password").value;
|
if (thePassword.length <= 0)
|
{
|
alert("请输入密码！");
|
return false;
|
}
|
//验证验证码（2019-03-28去掉 by XiaoQi）
|
//var inputCode = document.getElementById("inputCode").value;
|
//if (inputCode.length <= 0)
|
//{
|
//alert("请输入验证码！");
|
//return false;
|
//}
|
//else if (inputCode.toUpperCase() != code.toUpperCase())
|
//{
|
//alert("验证码输入有误！");
|
//createCode();
|
//return false;
|
//}
|
|
$(":submit").attr("disabled", true);
|
$(":submit").attr("value", i);
|
return true;
|
});
|
|
function myLoginSubmit(){
|
var theSubmit = document.getElementById("misagh");
|
theSubmit.submit();
|
}
|
</script>
|
</body>
|
</html>
|
