<!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="后台管理框架">
|
<link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
|
<!-- <link href="../static/css/stats.css" th:href="@{/css/stats.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.css" th:href="@{/css/style.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.2.0}" rel="stylesheet"/>
|
<link href="../static/css/login2.css" th:href="@{/css/login2.css}" rel="stylesheet"/>
|
<!-- 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;
|
}
|
.form-control {
|
height: 50px;
|
border-radius: 10px;
|
}
|
.btn {
|
display: inline-block;
|
padding: 12px;
|
border-radius: 10px;
|
}
|
.btn-success {
|
background-color: #03a9f4;
|
border-color: #2196f3;
|
color: #FFFFFF;
|
}
|
.copright{
|
width:100%;
|
position:fixed;
|
bottom:15px;
|
z-index:-1;
|
color:#fff;
|
text-align: center;
|
}
|
.signinpanel{
|
width: 41%;
|
max-width:450px;
|
border-radius: 15px;
|
z-index: 999;
|
margin: 8% auto 0
|
}
|
.signinpanel form{
|
border-radius: 15px;
|
}
|
body.signin {
|
background:none;
|
}
|
|
h1{
|
text-align: center;
|
margin-top:8%;
|
font-weight: 500;
|
font-size:36px;
|
}
|
canvas {
|
display: block;
|
vertical-align: bottom;
|
}
|
</style>
|
<script>
|
if (window.top !== window.self) {
|
alert('未登录或登录超时。请重新登录');
|
window.top.location = window.location
|
}
|
;
|
</script>
|
</head>
|
<!-- count particles -->
|
<!-- particles.js container -->
|
<!--<div id="particles-js"></div>-->
|
<!-- particles.js container -->
|
<!--<div id="particles-js" style="display: flex;align-items: center;justify-content: center;z-index:-1;">-->
|
<!-- <canvas class="particles-js-canvas-el" style="width: 100%; height: 100%;" width="472" height="625"></canvas>-->
|
<!--</div>-->
|
<body class="signin">
|
<h1 style="font-size:56px;color: #04e6dd;text-shadow:3px 3px 1px #073155;font-weight: bolder;letter-spacing: 10px">智能安全双重预防系统</h1>
|
<div class="signinpanel">
|
<form id="signupForm" autocomplete="off" style="background: rgb(0, 34, 67, .6);">
|
<h4 class="no-margins" style="text-align: center;font-size: 2vh">登录</h4>
|
<!-- <p class="m-t-md">国科鸿宇</p>-->
|
<input type="text" name="username" class="form-control uname" placeholder="登录名"/>
|
<input type="password" name="password" class="form-control pword" placeholder="密码"/>
|
<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>
|
<div class="col-xs-6">
|
<a href="javascript:void(0);" title="点击更换验证码">
|
<img th:src="@{captcha/captchaImage(type=${captchaType})}" class="imgcode" width="85%"/>
|
</a>
|
</div>
|
</div>
|
<div class="checkbox-custom" 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>
|
</form>
|
</div>
|
|
<div class="copright">
|
技术支持：苏州国科鸿宇科技有限公司
|
</div>
|
<!-- scripts -->
|
<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/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/ruoyi/js/ry-ui.js" th:src="@{/ruoyi/js/ry-ui.js?v=4.2.0}"></script>
|
<script src="../static/ruoyi/login.js" th:src="@{/ruoyi/login.js}"></script>
|
<script src="../static/js/login.js" th:src="@{/js/loginApp.js}"></script>
|
<script src="../static/js/stats.js" th:src="@{/js/stats.js}"></script>
|
<script src="../static/js/stats.js" th:src="@{/js/stats.js}"></script>
|
<!--<script src="../static/js/particles.min.js" th:src="@{/js/particles.min.js}"></script>-->
|
<script src="../static/js/app.js" th:src="@{/js/app.js}"></script>
|
<!-- <script src="../static/js/loginApp.js" th:src="@{/js/login.js}"></script>-->
|
<script>
|
var count_particles, stats, update;
|
stats = new Stats;
|
stats.setMode(0);
|
stats.domElement.style.position = 'absolute';
|
stats.domElement.style.left = '0px';
|
stats.domElement.style.top = '0px';
|
document.body.appendChild(stats.domElement);
|
count_particles = document.querySelector('.js-count-particles');
|
update = function() {
|
stats.begin();
|
stats.end();
|
if (window.pJSDom[0].pJS.particles && window.pJSDom[0].pJS.particles.array) {
|
count_particles.innerText = window.pJSDom[0].pJS.particles.array.length;
|
}
|
requestAnimationFrame(update);
|
};
|
requestAnimationFrame(update);
|
</script>
|
</body>
|
</html>
|
