<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
	  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
	<head>
		<meta charset="UTF-8"/>
		<title>工作流</title>

		<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
		<script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

	</head>
	<body class="text-center">
		<div style="margin-top: 100px;">
			<form action="/login" method="post" class="form-signin">

				<img class="mb-4"  th:src="@{/images/bpm.png}"   alt="bpm logo" width="90"  height="90">

				<h1 class="h3 mb-3 font-weight-normal">Please sign in</h1>

				<label for="inputEmail" class="sr-only">Username</label>
				<input type="text" name="username" id="inputEmail" class="form-control" placeholder="Username" required="" autofocus="">

				<label for="inputPassword" class="sr-only">Password</label>
				<input type="password" name="password" id="inputPassword" class="form-control" placeholder="Password" required="">
				<div class="provingImg" style="position: relative;">
				<input type="text" name="msgCode" id="MsgCode" class="form-control" placeholder="请输入验证码" required="">
					<div class="little" style="position: absolute;right: -150px;top: 0px;">
						<img th:src="@{/loadverify}" style=" width: 100px; margin-top:10px;height: 35px;" class="get_yzm img img_pointer" alt="图片验证"
												   id="verify_codeid"/>
					</div>
				</div>


				<div class="checkbox  mb-3">
					<label>
						<input type="checkbox" value="remember-me"> Remember me
					</label>
				</div>

				<button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
				<p class="mt-5 mb-3 text-muted">© 2019-2020</p>

			</form>
		</div>
	</body>
</html>

<style>
* {
	font-family: "微软雅黑";
	font-size: 15px;
	margin: 0 auto;
}
div{
	width: 400px;
	text-align:center;
	padding-top:10px;
}
input,button{
	margin-top:10px;
}

button {
	padding:5px 0;
	width: 408px;
}
</style>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script>
	function go(){
	    location.href="/web/bpm/user/toRegister";
	}

    //点击跟新验证码
    $("#verify_codeid").click(function () {
        loadVerifyCode();
    })
    function loadVerifyCode() {
        var url = "/loadverify";
        $("#verify_codeid").attr("src", url + "?" + Date.parse(new Date()));
    }


</script>

