<!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 th:text="${siteName}"/>
    <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/newLogin.css" th:href="@{/css/newLogin.css}" rel="stylesheet"/>
    <!-- 360浏览器急速模式 -->
    <meta name="renderer" content="webkit">
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <style type="text/css">label.error { position:inherit;  }</style>
    <script>
        if(window.top!==window.self){alert('未登录或登录超时。请重新登录');window.top.location=window.location};
    </script>
</head>
<body class="signin">
<div class="signinpanel" id="particles-js">
    <div class="login">
        <div class="login-top" th:text="${siteName}"/>
        <form id="signupForm" autocomplete="off">
            <div class="login-center clearfix">
                <div class="login-center-img"><i class="fa fa-user"></i></div>
                <div class="login-center-input">
                    <input type="text" name="username" class="uname" placeholder="请输入您的用户名" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的用户名'">
                    <div class="login-center-input-text">用户名</div>
                </div>
            </div>
            <div class="login-center clearfix">
                <div class="login-center-img"><i class="fa fa-lock"></i></div>
                <div class="login-center-input">
                    <input type="password" name="password" class="pword" placeholder="请输入您的密码" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的密码'">
                    <div class="login-center-input-text">密码</div>
                </div>
            </div>
            <div class="login-center clearfix" th:if="${captchaEnabled==true}">
                <div class="login-center-img"><i class="fa fa-key fa-fw"></i></div>
                <div class="login-center-input row">
                    <div class="col-xs-4">
                        <input type="text" name="validateCode" class="code" placeholder="验证码" maxlength="5" />
                        <div class="login-center-input-text">验证码</div>
                    </div>
                    <div class="col-xs-4">
                        <a href="javascript:void(0);" title="点击更换验证码">
                            <img th:src="@{captcha/captchaImage(type=${captchaType})}" class="imgcode" width="100%"/>
                        </a>
                    </div>
                </div>
            </div>
            <button class="login-button btn btn-success btn-block" id="btnSubmit" data-loading="正在验证登录，请稍后...">登录</button>
        </form>
    </div>
    <div class="sk-rotating-plane"></div>
    <canvas class="particles-js-canvas-el" width="1578" height="850" style="width: 100%; height: 100%;"></canvas>
    <div class="footer">
        <span class="pull-center">平台运营与技术支持 © 百川信（厦门）网络信息服务有限公司  |   备案证书号：<a target="_blank" href="https://beian.miit.gov.cn/">闽ICP备14018517号-3</a></span>
    </div>
</div>
<script th:inline="javascript"> var ctx = [[@{/}]]; var captchaType = [[${captchaType}]]; </script>
<!-- 全局js -->
<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
<script src="../static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>
<script src="../static/js/particles.min.js" th:src="@{/js/particles.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/validate/messages_zh.min.js" th:src="@{/ajax/libs/validate/messages_zh.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/task/js/bcxin-ui.js" th:src="@{/task/js/bcxin-ui.js?v=4.6.0}"></script>
<script src="../static/task/login.js" th:src="@{/task/login.js}"></script>
</body>
</html>
