| | |
|---|
| | | <!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> |
|---|
| | | <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"> |
|---|
| | | .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; |
|---|
| | | <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> |
|---|
| | | } |
|---|
| | | |
|---|
| | | 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 > |
|---|
| | | <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="Text1" 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" |
|---|
| | |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | </section> |
|---|
| | | <section class="row check"> |
|---|
| | | <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}"> |
|---|
| | | <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="loginvalifield" style="margin-top:20px;"> |
|---|
| | | <div class="loginvalicode"> |
|---|
| | | <label for="vcode"></label> |
|---|
| | | |
|---|
| | |
|---|
| | | </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 > |
|---|
| | | <section style="display: block;"> <!-- 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" style="display:none;"> |
|---|
| | | <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" /> |
|---|
| | |
|---|
| | | <!--<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]; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | <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> |
|---|
| | | </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(); |
|---|
| | | } |
|---|
| | | function myfocus() { |
|---|
| | | document.getElementById('username').focus(); |
|---|
| | | } |
|---|
| | | |
|---|
| | | window.onload = function () { |
|---|
| | | noIframe(); |
|---|
| | | createCode(); |
|---|
| | | //winResize(); |
|---|
| | | autoResize(); |
|---|
| | | $(window).on("resize", autoResize); |
|---|
| | | myfocus(); |
|---|
| | | } |
|---|
| | | 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"); |
|---|
| | | //宽度自适应 |
|---|
| | | 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"; |
|---|
| | | //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"; |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | //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; |
|---|
| | | //} |
|---|
| | | 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 winWidht = window.innerWidth; |
|---|
| | | var winHeight = window.innerHeight - 100; |
|---|
| | | var bgHeight = 1080; |
|---|
| | | winWidht += 150; |
|---|
| | | if(winWidht >= 1920) { |
|---|
| | | $("#div_middle").css("background", "url(images/NewGJXJlogin/1920/2bg.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/2bg.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/2bg.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/2bg.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/2bg.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; |
|---|
| | | //根据参数自动替换标题、背景图片 |
|---|
| | | 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(); |
|---|
| | | 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> |
|---|
| | | <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> |
|---|
| | | </html> |
|---|
