<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<!-- begin::Head -->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>黔江领导查询管理后台</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta
            content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
            name="viewport">
    <!-- Bootstrap 3.3.7 -->
    <link rel="stylesheet"
          href="/adminlte/bower_components/bootstrap/dist/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet"
          href="/adminlte/bower_components/font-awesome/css/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet"
          href="/adminlte/bower_components/Ionicons/css/ionicons.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="/adminlte/dist/css/AdminLTE.min.css">
    <!-- iCheck -->
    <link rel="stylesheet" href="/adminlte/plugins/iCheck/square/blue.css">
    <link rel="stylesheet"
          href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
</head>
<style>
    .bodyEL {
        background-image: url(/images/test1.jpg);
        /*background-position: center center;*/
        /*background-size: cover;*/
        background-repeat: no-repeat;
        /*width: 100vw;*/
        height: 100%;
    }
    .header, footer, section {
        margin: auto;
        position: relative;
        box-sizing: border-box;
    }
    .header .logo {
        margin-left: 0px;
        width: 220px;
        height: 55px;
        line-height: 240px;
        display: block;
        overflow: hidden;
        background-image: url(/images/logo1.png);
        background-position: center center;
        background-repeat: no-repeat;
    }
    .logo {
        width: 220px;
        margin-left: -220px;
        text-align: center;
        line-height: 80px;
        float: left;
        display: block;
    }
    body{
        background-image: url(/images/test1.jpg);
        position:fixed;
        top: 0;
        left: 0;
        width:100%;
        height:100%;
        min-width: 1000px;
        zoom: 1;
        background-color: #fff;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-position: center 0;;
    }
</style>
<!-- end::Head -->
<!-- end::Body -->
<body>
<img src="images/logo1.png" style="position: absolute;height: 150px">
<div class="login-box" style="opacity: 0.8">
    <div class="login-logo">
        <p href="#">黔江领导查询</p>
        <p href="#">管理系统</p>
    </div>
    <!-- /.login-logo -->
    <div class="login-box-body">
        <p class="login-box-msg">登录系统</p>

        <form action="login" method="post">
            <div class="form-group has-feedback">
                <input type="text" name="username"
                       class="form-control" placeholder="账号"> <span
                    class="glyphicon fa fa-user form-control-feedback"></span>
            </div>
            <div class="form-group has-feedback">
                <input type="password" name="password"
                       class="form-control" placeholder="密码"> <span
                    class="glyphicon glyphicon-lock form-control-feedback"></span>
            </div>
            <div class="row">
                <!-- /.col -->
                <div class="col-xs-12">
                    <button type="submit" class="btn btn-primary btn-block btn-flat" onclick="return login">登录</button>
                </div>
                <!-- /.col -->
            </div>
        </form>
    </div>
    <!-- /.login-box-body -->
</div>
<!-- /.login-box -->

<!-- jQuery 3 -->
<script src="/adminlte/bower_components/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap 3.3.7 -->
<script
        src="/adminlte/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- iCheck -->
<script src="/adminlte/plugins/iCheck/icheck.min.js"></script>
<script type="text/javascript" th:inline="none">
    $(function () {
        $('input').iCheck({
            checkboxClass: 'icheckbox_square-blue',
            radioClass: 'iradio_square-blue',
            increaseArea: '20%' /* optional */
        });

        var msgs='${msg}'
        console.log(msgs)
        if(msgs !==null && msgs !==""){
            alert(msgs);
        }

        // msgs="";
    });
</script>
</body>
<!-- end::Body -->
</html>