jiazx0107
2 天以前 52eca133d1834bca7ce66bc4fd17ecf3352a482d
fzzy-igdss-web/src/main/resources/templates/login.html
@@ -3,75 +3,222 @@
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <title th:text="${sysName}">智慧粮库管理系统</title>
    <meta name="description" content="若依后台管理框架">
    <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.8}" rel="stylesheet"/>
    <title>智慧粮库综合管理平台</title>
    <meta name="description" content="专注于动力环境监控,智慧粮库,能源管理,环保数据采集,物联网网关等产品的研发和生产,提供国产化物联网解决方案">
    <link rel="shortcut icon" th:href="@{/favicon.ico}"/>
    <link rel="stylesheet" th:href="@{/login/css/layui.css}"/>
    <link rel="stylesheet" th:href="@{/login/css/login.css}"/>
    <!-- 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>
    <style type="text/css">
        .login-yzm-btn {
            width: 80px;
            height: 38px;
            margin-top: -20px;
        }
        .dis-none {
            display: none;
        }
        .css-hand {
            cursor: pointer
        }
        .compatible {
            height: 25px;
            border-radius: 3px;
            padding: 0 5px;
        }
        /** 弹出框CSS**/
        .mask {
            background-color: rgba(0, 0, 0, 0.2);
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 999;
        }
        .prompt_box {
            width: 400px;
            height: 200px;
            background: #ffffff;
            border-radius: 6px;
            position: fixed;
            top: 25%;
            left: 50%;
            margin-left: -200px;
            overflow: hidden;
        }
        .prompt_box .prompt_title {
            height: 40px;
            line-height: 40px;
            padding-left: 20px;
            border-bottom: 2px solid #53adce;
            background: #e6e6e6;
            position: relative;
        }
        .prompt_box .prompt_title h3 {
            font-size: 16px;
            color: #333333;
            margin-top: 0;
        }
        .prompt_box .prompt_cont {
            position: relative;
            height: 158px;
        }
        .prompt_box .prompt_cont .prompt_text {
            line-height: 140px;
            padding-left: 100px;
            font-size: 16px;
        }
        .prompt_box .prompt_cont .prompt_sure {
            position: absolute;
            right: 20px;
            bottom: 34px;
            width: 80px;
            height: 36px;
            background: #53adce;
            border-radius: 5px;
            color: #ffffff;
            font-size: 14px;
            line-height: 36px;
            text-align: center;
            cursor: pointer;
        }
        .hide {
            display: none;
        }
        .show {
            display: block;
        }
    </style>
    <script>
        if(window.top!==window.self){alert('未登录或登录超时。请重新登录');window.top.location=window.location};
    </script>
</head>
<body class="signin">
    <div class="signinpanel">
        <div class="row">
            <div class="col-sm-7">
                <div class="signin-info">
                    <div class="logopanel m-b">
                        <h1><img alt="[ 风正致远 ]" th:src="@{/logo-sm.png}"></h1>
<body class="login-body login2-body">
<div class="i-container">
    <!--企业lOGO-->
    <div class="login-logo">
                    </div>
                    <div class="m-b"></div>
                    <h4>欢迎使用 <strong>风正致远 后台管理系统</strong></h4>
                    <ul class="m-b">
                        <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> SpringBoot</li>
                        <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> Mybatis</li>
                        <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> Shiro</li>
                        <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> Thymeleaf</li>
                        <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> Bootstrap</li>
                    </ul>
                    <strong th:if="${isAllowRegister}">还没有账号? <a th:href="@{/register}">立即注册&raquo;</a></strong>
    <!--手机APP-->
    <div class="login2-ewm css-hand">
        <h3>
            <i class="i-icon"><img th:src="@{/login/images/login-app-code.png}"/></i>下载APP
        </h3>
    </div>
    <div class="login2-ewm-img dis-none" id="ewm">
        <img th:src="@{/login/images/login-app-code.png}"/>
    </div>
    <h1 class="login-tit">
        <img th:src="@{/login/images/login-titimg2.png}"/>
    </h1>
    <div class="layui-row login-con">
        <div class="layui-col-md7 login-left">
            <div class="login-leftbox">
                <img th:src="@{/login/images/login2-left.gif}"
                     class="login-leftimg"/>
                <img
                        th:src="@{/login/images/login2-left-bg.png}" class="login-leftbg"/>
                </div>
            </div>
            <div class="col-sm-5">
                <form id="signupForm" autocomplete="off">
                    <h4 class="no-margins">登录:</h4>
                    <p class="m-t-md">乘风破浪风正劲 行稳致远启新程</p>
                    <input type="text"     name="username" class="form-control uname"     placeholder="用户名" value="admin"    />
                    <input type="password" name="password" class="form-control pword"     placeholder="密码"   value="admin123" />
               <div class="row m-t" th:if="${captchaEnabled==true}">
                  <div class="col-xs-6">
                      <input type="text" name="validateCode" class="form-control code" placeholder="验证码" maxlength="5" />
        <div class="layui-col-md5 login-right">
            <div class="login-box">
                <div class="layui-tab">
                    <h3 class="login2-box-tit">
                        <img th:src="@{/login/images/login2-box-tit.png}"/>
                    </h3>
                    <div class="layui-tab-content">
                        <div class="layui-tab-item layui-show">
                            <div class="login-tab-2">
                                <form class="layui-form" id="signupForm">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label"> <i class="i-icon"><img
                                                th:src="@{/login/images/icon-user.png}"/></i>
                                        </label>
                                        <div class="layui-input-block">
                                            <input type="text" name="username" required
                                                   lay-verify="required" placeholder="请在此输入用户名"
                                                   autocomplete="off" class="layui-input" value="">
                  </div>
                  <div class="col-xs-6">
                     <a href="javascript:void(0);" title="点击更换验证码">
                        <img th:src="@{/captcha/captchaImage(type=${captchaType})}" class="imgcode" width="85%"/>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label"> <i class="i-icon"><img
                                                th:src="@{/login/images/icon-pw.png}"/></i>
                                        </label>
                                        <div class="layui-input-block">
                                            <input type="password" name="password" required
                                                   lay-verify="required" placeholder="请在此输入密码"
                                                   autocomplete="off" class="layui-input" value="">
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label"> <i class="i-icon">
                                            <img th:src="@{/login/images/icon-yzm.png}"/></i>
                                        </label>
                                        <div class="layui-input-block" th:if="${captchaEnabled==true}">
                                            <input type="text" name="validateCode" value="" required
                                                   lay-verify="required" placeholder="请在此输入验证码"
                                                   autocomplete="off" class="layui-input" style="width: 60%;">
                                            <a href="javascript:void(0);" title="点击更换验证码" class="login-yzm-btn">
                                                <img class="imgcode" th:src="@{/captcha/captchaImage(type=${captchaType})}"/>
                     </a>
                  </div>
               </div>
                    <div class="checkbox-custom" th:if="${isRemembered}" th:classappend="${captchaEnabled==false} ? 'm-t'">
                                    <div style="display: none" class="checkbox-custom" th:if="${isRemembered}" th:classappend="${captchaEnabled==false} ? 'm-t'">
                    <input type="checkbox" id="rememberme" name="rememberme"> <label for="rememberme">记住我</label>
                </div>
                    <button class="btn btn-success btn-block" id="btnSubmit" data-loading="正在验证登录,请稍候...">登录</button>
                                    <div class="layui-input-block login-btnbox">
                                        <button class="layui-btn login-btn" id="btnSubmit" data-loading="正在验证登录,请稍候...">登录
                                        </button>
                                    </div>
                </form>
            </div>
        </div>
        <div class="signup-footer">
            <div class="pull-left">
                Copyright © 2019-2024 FZZY-GF All Rights Reserved. <br>
                            <!--login-tab-2 end-->
            </div>
        </div>
    </div>
<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 -->
            </div>
            <!--login-box end-->
        </div>
    </div>
    <div class="login-copy">
        <p>Copyright © 2019-2026 智慧粮库综合管理平台&nbsp;|&nbsp;风正致远信息技术股份有限公司</p>
    </div>
</div>
<script th:inline="javascript">
    var ctx = [[@{/}]] ;
    var captchaType = [[${captchaType}]];
</script>
<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-ruoyi/layer.min.js" th:src="@{/ajax/libs/layer-ruoyi/layer.min.js}"></script>