From 0160430ef9b03028e5d1896e17f006f8af0c7daa Mon Sep 17 00:00:00 2001 From: 13693261870 <252740454@qq.com> Date: 星期四, 29 九月 2022 09:22:39 +0800 Subject: [PATCH] 1 --- src/main/resources/templates/login.html | 613 +++++++++++++++++++++++++++---------------------------- 1 files changed, 303 insertions(+), 310 deletions(-) diff --git a/src/main/resources/templates/login.html b/src/main/resources/templates/login.html index 211c49e..a7395d3 100644 --- a/src/main/resources/templates/login.html +++ b/src/main/resources/templates/login.html @@ -2,6 +2,7 @@ <html> <head> <title>绠¢亾鍩虹澶ф暟鎹钩鍙版湇鍔�-鐧诲綍</title> + <meta charset="utf-8" /> <meta http-equiv="pragma" content="no-cache" /> <meta http-equiv="cache-control" content="no-cache" /> <meta http-equiv="expires" content="0" /> @@ -12,9 +13,10 @@ <link href="../css/cas.css" rel="stylesheet" /> <script src="../js/jquery.min.js"></script> <script src="../js/zxcvbn.js"></script> - <script src="../js/jquery-ui.min.js"></script> <script src="../js/jquery.cookie.min.js"></script> + <script src="../js/jquery-ui.min.js"></script> <script src="../js/bootstrap.min.js"></script> + <script src="../js/rsa.min.js"></script> <style> .errorMessage_show { width: 200px; @@ -27,7 +29,6 @@ } .code { - /* background:url(code_bg.jpg); */ font-family: Arial; font-style: italic; color: blue; @@ -52,9 +53,9 @@ text-decoration: underline; } - a:hover { - text-decoration: underline; - } + a:hover { + text-decoration: underline; + } </style> <script> var code; @@ -75,129 +76,92 @@ 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"> - <div class="loginheader" style='display: none;'> - <span class="loginname">鍗曠偣鐧诲綍</span> - <img class="devline" src="../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 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" accesskey="n" - autocomplete="off" name="username" value="" /> - </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" - accesskey="p" - autocomplete="off" name="password" value="" /><span id="capslock-on" style="display: none;"> - <p> +<form method="post" id="fm1" class="fm-v clearfix" action="/sign/login"> + <div class="loginheader" style='display: none;'> + <span class="loginname">鍗曠偣鐧诲綍</span> + <img class="devline" src="../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 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" accesskey="n" autocomplete="off" name="username" value="" /> + </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" + accesskey="p" autocomplete="off" name="password" value="" /><span id="capslock-on" style="display: none;"> <i class="fa fa-exclamation-circle"></i> <span>CAPSLOCK key is turned on!</span> - </p> </span> - </div> - </section> - <section class="row check"> - </section> - <!-- 楠岃瘉鐮� --> - <div class="loginvalifield" style="margin-top:20px;"> - <div class="loginvalicode"> - <label for="inputCode"></label> - <input id="inputCode" name="inputCode" class="required" tabindex="3" accesskey="v" type="text" value="" size="35" autocomplete="off"> - </div> - <span class="code" id="checkCode" onclick="createCode()"></span> </div> - <!-- 鐧诲綍鎸夐挳 --> - <section> - <input class="loginbtn" style="margin-top: 25px;" name="submit" accesskey="l" value="" tabindex="5" type="submit"> - </section> - <section id="otherCarLink" style='font-size: 14px; display: none;'> - <a style='color: #c1d7fd;' href="downloads/璇佷功瀹夎涓庢坊鍔犱俊浠荤珯鐐�.zip" download="璇佷功瀹夎涓庢坊鍔犱俊浠荤珯鐐�.zip">璇佷功瀹夎涓庢坊鍔犱俊浠荤珯鐐�</a> - </section> - </div> + </section> + <section class="row check"> + </section> + <!-- 楠岃瘉鐮� --> + <section> + <div class="loginvalifield" style="width: 400px; margin-right: 20px; margin-top: 30px; border-bottom: 1px solid #fff;"> + <div class="loginvalicode"> + <label for="inputCode"></label> + <input id="inputCode" placeholder="璇疯緭鍏ラ獙璇佺爜" name="inputCode" class="required" tabindex="3" accesskey="v" type="text" value="" size="35" autocomplete="off" maxlength="6"> + </div> + <span class="code" id="checkCode" onclick="createCode()"></span> + </div> + </section> + <section> + <div id="eMsg" style="color: red; height: 40px; line-height: 40px; font-size: 15px; margin-bottom: -20px; margin-left: 45px;"></div> + </section> + <!-- 鐧诲綍鎸夐挳 --> + <section> + <input class="loginbtn" style="margin-top: 25px;" name="submit" accesskey="l" value="" tabindex="5" type="submit"> + </section> </div> - <div id='div_foot' style="display: none;"> - <span>鎶�鏈敮鎸侊細鍥藉娴锋磱淇℃伅涓績</span> - </div> - </form> - <script> - var leftoffset = 474; - //绂佹鍦╥frame鎵撳紑 - function noIframe() { - if (top.location != self.location) { - window.top.location = self.location.href.split("?")[0]; - } + </div> + <div id='div_foot' style="display: none;"> + <span>鎶�鏈敮鎸侊細鍥藉娴锋磱淇℃伅涓績</span> + </div> +</form> +<script> + var leftoffset = 474; + // 绂佹鍦╥frame鎵撳紑 + 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"); - //瀹藉害鑷�傚簲 - - //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() { + 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; @@ -205,210 +169,239 @@ //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"; - } + 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"; + }) + } - //鏍规嵁鍙傛暟鑷姩鏇挎崲鏍囬銆佽儗鏅浘鐗� - 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; + 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; + //} - 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"); - } + 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; + + 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> - var i = "鐧诲綍涓�..." - //琛ㄥ崟鎻愪氦 - $("#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; - } - - //$("#uName").val(encrypt.encrypt(theUsername)); - //$("#uPwd").val(encrypt.encrypt(thePassword)); - - //$("#uName").val(Base64.encode(theUsername)); - $("#uName").val(theUsername); - $("#uPwd").val(Base64.encode(thePassword)); - - $(":submit").attr("disabled", true); - $(":submit").attr("value", i); - return true; - }); - - function myLoginSubmit() { - var theSubmit = document.getElementById("misagh"); - theSubmit.submit(); + } +</script> +<script> + var i = "鐧诲綍涓�..." + //琛ㄥ崟鎻愪氦 + $("#fm1").submit(function () { + $("#eMsg").html(""); + // 楠岃瘉鐢ㄦ埛鍚嶄笌瀵嗙爜 + var theUsername = document.getElementById("username").value; + if (theUsername.length <= 0) { + $("#eMsg").html("鎻愮ず锛氳杈撳叆鐢ㄦ埛鍚嶏紒"); + $("#username").focus(); + return false; } - </script> + var thePassword = document.getElementById("password").value; + if (thePassword.length <= 0) { + $("#eMsg").html("鎻愮ず锛氳杈撳叆瀵嗙爜锛�"); + $("#password").focus(); + return false; + } + // 楠岃瘉楠岃瘉鐮� + var inputCode = document.getElementById("inputCode").value; + if (inputCode.length <= 0) { + $("#eMsg").html("鎻愮ず锛氳杈撳叆楠岃瘉鐮侊紒"); + $("#inputCode").focus(); + return false; + } + else if (inputCode.toUpperCase() != code.toUpperCase()) { + $("#eMsg").html("鎻愮ず锛氶獙璇佺爜杈撳叆鏈夎锛�"); + $("#inputCode").val("").focus(); + createCode(); + return false; + } + + //$("#uName").val(encrypt.encrypt(theUsername)); + //$("#uPwd").val(encrypt.encrypt(thePassword)); + + //$("#uName").val(Base64.encode(theUsername)); + $("#uName").val(theUsername); + $("#uPwd").val(Base64.encode(thePassword)); + + $(":submit").attr("disabled", true); + setTimeout(function () { + $(":submit").attr("disabled", false); + }, 5000); + //$(":submit").attr("value", i); + + return true; + }); + + function myLoginSubmit() { + var theSubmit = document.getElementById("misagh"); + theSubmit.submit(); + } +</script> </body> </html> -- Gitblit v1.9.3