andyliu
/
KprUnionMgrPlatform


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223
							<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <title>登录智慧水务系统-认证系统</title>
    <meta name="description" content="智慧水务系统-认证系统">
    <meta name="referrer" content="no-referrer" />
    <meta name="referrer" content="never">
    <meta name="referrer" content="same-origin" />
    <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/style.min.css" th:href="@{/css/style.min.css}" rel="stylesheet"/>
    <link href="../static/css/login.min.css" th:href="@{/css/login.min.css}" rel="stylesheet"/>
    <link href="../static/ruoyi/css/ry-ui.css" th:href="@{/ruoyi/css/ry-ui.css?v=4.7.5}" rel="stylesheet"/>
    <script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
    <!-- 360浏览器急速模式 -->
    <meta name="renderer" content="webkit">
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="shortcut icon" href="../static/favicon.ico" th:href="@{favicon.ico}"/>
    <style type="text/css">label.error { position:inherit;  }</style>
    <script>
        if(window.top!==window.self){alert('未登录或登录超时。请重新登录');window.top.location=window.location};
    </script>
    <script th:inline="javascript"> var ctx = [[@{/}]]; var captchaType = [[${captchaType}]]; </script>
    <!--[if lte IE 8]><script>window.location.href=ctx+'html/ie.html';</script><![endif]-->
    <!-- 全局js -->
    <script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
    <script src="../static/ajax/libs/validate/jquery.validate.min.js" th:src="@{/ajax/libs/validate/jquery.validate.min.js}"></script>
    <script src="../static/ajax/libs/layer/layer.min.js" th:src="@{/ajax/libs/layer/layer.min.js}"></script>
    <script src="../static/ajax/libs/blockUI/jquery.blockUI.js" th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
    <script src="../static/ruoyi/js/ry-ui.js" th:src="@{/ruoyi/js/ry-ui.js?v=4.7.5}"></script>
    <script src="../static/ruoyi/login.js" th:src="@{/ruoyi/login.js}"></script>
    <style type="text/css">
        .hClass{
            position:absolute;
            left:3%;
            top:4%;
            font-size: 25px;
        }
        .gradient-text {
            font-size: 40px;
            font-weight: bold;
            background: -webkit-linear-gradient( white, rgb(188,214,249),white); /* Chrome, Safari */
            background: linear-gradient( white, rgb(188,214,249),white); /* 标准语法 */
            -webkit-background-clip: text; /* Chrome, Safari */
            background-clip: text;
            -webkit-text-fill-color: transparent; /* Chrome, Safari */
            color: transparent; /* 标准语法, 如果背景剪辑支持的好 */
            -webkit-font-smoothing: antialiased; /* 针对WebKit浏览器 */
            -moz-osx-font-smoothing: grayscale; /* 针对Firefox浏览器 */
            text-rendering: optimizeLegibility; /* 更一般的CSS属性 */
            /*font-family: 'Arial Italic', 'Arial', sans-serif!important;*/
            /*font-style: italic;*/
        }
        .divHead{
            font-size: 20px;
            position: absolute!important;
            top: 30px!important;
            left: 15%;
            color: #1a1a1a;
        }
        .divFoot{
            position: absolute!important;
            bottom: -20px!important;
            padding-bottom: 20px;
            left: 0;
            width: 100%!important;
            font-size: 10px!important;
            text-align: center;
            color: rgb(153,169,189);
        }
        .loginInput:focus{
            border: 2px dashed #458BF5;
            color: #458BF5;
        }
        body{
            background-color: #00173A;
        }
        .video-bg{position:absolute;top: 0;left:0;/* bottom: 0; */min-width: 100%;min-height: 100%;z-index:-9999;}
    </style>
</head>
<video class="video-bg" autoplay loop muted><source th:src="@{img/yining/loginVideo.mp4}" type="video/mp4">
</video>
<body class="signin">
    <div class="signinpanel">
        <h4 class="hClass">
            <img alt="[ 水务系统 ]" src="../static/img/jiangjin/logo.png" th:src="@{/img/jiangjin/logo.png}"
                 style="width: 821px;height: 76px">
        </h4>
        <div class="row" style="height: 500px;">
            <div class="col-sm-7">
                <div class="signin-info">
                    <div class="logopanel m-b">
                        <h1></h1>
                    </div>
                    <div class="m-b"></div>

                    <strong th:if="${isAllowRegister}">还没有账号？ <a th:href="@{/register}">立即注册&raquo;</a></strong>
                </div>
            </div>
            <div class="col-sm-5" style="height: 500px;width:400px;position: absolute;right: 20%;">
                <div class="divHead">
                    <p>Hello～</p>
                    <p style="font-weight: bold!important;font-size: 30px">欢迎您登录</p>
                </div>
                <form id="signupForm" autocomplete="off" style="height: 520px!important;width:380px;padding-top: 100px;border-radius:24px;background-color: rgb(197,214,232);">
                        <p style="position: absolute;right: 40px;top: 10px;" onclick="qiehuan()">APP下载→</p>
                        <img class="leftTwoIcon" alt="[ APP下载二维码 ]" th:src="${codeUrl}" src="https://140.246.183.164:9000/base/apply/apk"
                             style="display: inline-block;vertical-align:middle;position: absolute;right: 20px;top: 10px;;margin-left: 1em;width: 20px;height: 20px" onclick="qiehuan()">
                        <input style="border-radius: 12px!important;margin-top: 40px;margin-left:10px;margin-bottom: 20px;width: 300px;height: 56px!important;" type="text"     name="username" class="form-control uname"   placeholder="用户名"  />
                        <!--<input style="border-radius: 12px!important; margin-bottom: 20px;margin-left:10px;width: 300px;height: 56px!important;" type="password" id="password" name="password" class="form-control pword"  hidden autocomplete="off"   placeholder="密码" />-->
                        <input type="text" style="border-radius: 12px!important; margin-bottom: -15px;margin-left:10px;width: 300px;height: 56px!important;" id="passwordDisc" class="form-control pword" placeholder="密码"
                                oncontextmenu="return false;" autocomplete="off" >
                        <!--密码真实保存位置-->
                        <input type="text" style="visibility: hidden;border: 0;height: 0;width: 1px;padding: 0;margin: 0" name="password"
                               id="password" placeholder="密码">
                    <div class="row m-t" th:if="${captchaEnabled==true}" style="margin-bottom: 10px">
                            <div class="col-xs-6">
                                <input style="border-radius: 12px!important;margin-left:10px;width: 130px;height: 56px!important;" type="text" name="validateCode" class="form-control code" placeholder="验证码" maxlength="5" />
                            </div>
                            <div class="col-xs-6">
                                <a style="" href="javascript:void(0);" title="点击更换验证码">
                                    <img th:src="@{/captcha/captchaImage(type=${captchaType})}" class="imgcode" style="border-radius: 12px;width: 135px;height: 56px"/>
                                </a>
                            </div>
                        </div>
                        <!--<div class="checkbox-custom" style="width: 100%!important;margin-bottom: 15px;margin-left: 10px" th:if="${isRemembered}" th:classappend="${captchaEnabled==false} ? 'm-t'">-->
                            <!--<input type="checkbox" id="rememberme" name="rememberme"> <label for="rememberme">记住密码</label>-->
                            <!--<a style="margin-left: 160px" href="javascript:void(0)"  onclick="forgetpassword()"  >忘记密码&raquo;</a></strong>-->
                        <!--</div>-->
                        <button class="btn btn-success btn-block" style="border-radius: 12px!important;width: 300px!important;height:50px!important;margin-left: 10px;margin-top: 0;
                                color: #FFFFFF!important;" id="btnSubmit" data-loading="正在验证登录，请稍候...">登录</button>
                </form>
                <div class="divFoot">
                    <div>
                        <br>
                    </div>
                </div>

                <form id="signupFormCode" autocomplete="off" style="display:none;height: 520px!important;width:380px;padding-top: 100px;border-radius:24px;background-color: rgb(197,214,232);">
                    <p style="position: absolute;right: 40px;top: 10px;" onclick="qiehuan()">返回账密登录→</p>
                    <img class="leftTwoIcon" alt="[ APP下载二维码 ]" th:src="${codeUrl}" src="https://140.246.183.164:9000/base/apply/apk"
                         style="display: inline-block;vertical-align:middle;position: absolute;right: 45px;top: 100px;;margin-left: 1em;width: 300px;height: 320px" onclick="qiehuan()">
                </form>
            </div>
        </div>
    </div>.
<script type="text/javascript">
    var passwordDisc = document.getElementById("passwordDisc");
    var password = document.getElementById("password");
    // 键盘按下执行,主要用于删除操作
    passwordDisc.addEventListener("keydown", function (event) {
        // 后面事件会改变，所以先记录选择的文本坐标
        this.selectStartIndex = this.selectionStart;
        this.selectEndIndex = this.selectionEnd;
        if (event.key === 'Backspace') { // 如果是退格键
            if (this.selectionStart === this.selectionEnd) {// 未选择文本
                var str1 = password.value.substring(0, this.selectionStart - 1);
                var str2 = password.value.substring(this.selectionStart);
                password.value = str1 + str2;
            } else { // 选择了文本
                var str1 = password.value.substring(0, this.selectionStart);
                var str2 = password.value.substring(this.selectionEnd);
                password.value = str1 + str2;
            }
        } else if (event.key === 'Delete') { // 如果是删除键
            if (this.selectionStart === this.selectionEnd) {// 未选择文本
                var str1 = password.value.substring(0, this.selectionStart);
                var str2 = password.value.substring(this.selectionStart + 1);
                password.value = str1 + str2;
            } else { // 选择了文本
                var str1 = password.value.substring(0, this.selectionStart);
                var str2 = password.value.substring(this.selectionEnd);
                password.value = str1 + str2;
            }
        }
    });

    // 输入事件，保存密码
    passwordDisc.addEventListener("input", function (event) {
        if ((event.data || event.data != null || event.inputType === 'insertFromPaste') && event.inputType !== 'insertCompositionText') {
            // 输入有数据或者是粘贴操作，并且不是中文输入
            var data = event.data || event.data != null ? event.data : this.pasteString;
            // 除ascii里的都替换为空，避免粘贴有其他符号
            data = data.replace(/[^\x00-\x7e]/g, '');
            var str1 = password.value.substring(0, this.selectStartIndex);
            var str2 = password.value.substring(this.selectEndIndex);
            password.value = str1 + data + str2;
        }
        // 文本框密文显示
        passwordDisc.value = password.value.replace(/./g, '*');
        // console.log(password.value);
    })
    // 获取粘贴板的文本数据
    passwordDisc.addEventListener("paste", function (event) {
        this.pasteString = event.clipboardData.getData('text/plain');
    })

    var cordFlag = false;

    $("#password").val("");
    function qiehuan() {
        if(!cordFlag) {
            $(".divHead").hide(100);
            $("#signupForm").hide(100);
            $("#divFoot").hide(100);

            $("#signupFormCode").show(300);
            cordFlag = true;
        }else{
            $(".divHead").show(300);
            $("#signupForm").show(300);
            $("#divFoot").show(300);

            $("#signupFormCode").hide(100);
            cordFlag = false;
        }
    }
</script>
</body>
</html>