<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <%@include file="../../taglib.jsp"%>
    <%--<jsp:include page="../../common.jsp"></jsp:include>--%>

    <meta http-equiv="X-UA-Compatible" content="IE=8"/>
    <c:set var="res" value="${resourcePath}/auth"  scope="request"/>
    <link href="${res}/jquery-validation/1.10.0/validate.css" rel="stylesheet"/>
    <link href="${res}/dataTables/jquery.dataTables.bs.css" rel="stylesheet"/>
    <link href="${res}/jquery-ui-multiselect/jquery.multiselect.css" rel="stylesheet"/>
    <link href="${res}/jquery-loadmask-0.4/jquery.loadmask.css" rel="stylesheet"/>
    <link href="${res}/uploadify/uploadify.css" rel="stylesheet" type="text/css"/>
    <link href="${res}/My97DatePicker/skin/WdatePicker.css" rel="stylesheet" type="text/css"/>
    <link href="${res}/css/common.css" rel="stylesheet"/>

    <script type="text/javascript" src="${res}/jquery-ui-bs/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="${res}/jquery-ui-bs/js/jquery-ui-1.10.0.custom.min.js"></script>
    <script type="text/javascript" src="${res}/jquery-ui-bs/assets/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="${res}/jquery-validation/1.10.0/jquery.validate.min.js"></script>
    <script type="text/javascript" src="${res}/jquery-validation/1.10.0/messages_bs_zh.js"></script>
    <script type="text/javascript" src="${res}/dataTables/jquery.dataTables.js"></script>
    <script type="text/javascript" src="${res}/jquery-ui-multiselect/jquery.multiselect.js"></script>
    <script type="text/javascript" src="${res}/jquery-loadmask-0.4/jquery.loadmask.min.js"></script>
    <script type="text/javascript" src="${res}/uploadify/jquery.uploadify.min.js"></script>
    <script type="text/javascript" src="${res}/My97DatePicker/WdatePicker.js"></script>

    <script type="text/javascript" src="${res}/js/common.js"></script>

    <script type="text/javascript" src="${res}/upload/jquery.form.js"></script>
    <script type="text/javascript" src="${res}/upload/upload.js?rnd=12.1"></script>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>登录</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link rel="stylesheet" type="text/css" href="${res}/css/animate.css">
    <link rel="stylesheet" type="text/css" href="${res}/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="${res}/css/animate.css">
    <link rel="stylesheet" type="text/css" href="${res}/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="${res}/css/reset.css">
    <link rel="stylesheet" type="text/css" href="${res}/css/login.css">
    <link rel="stylesheet" type="text/css" href="${res}/css/swiper.min.css"/>
    <link rel="stylesheet" type="text/css" href="${res}/css/layui.css">

    <script type="text/javascript" src="${res}/js/jquery-1.11.0.min.js"></script>

    <script type="text/javascript" src="${res}/js/layui.js"></script>
    <script type="text/javascript" src="${res}/js/login/swiper.min.js"></script>
    <script type="text/javascript" src="${res}/js/login/laydialog.min.js"></script>
    <script type="text/javascript" src="${res}/js/login/DialogUtil.js"></script>
    <script type="text/javascript">
        require("js/login/login.js");
    </script>
</head>
<body class="login scroll-animations-activated" id="loginBody">
<!-- BEGIN LOGO -->
<div class="logo">
    <div>超级服务商登录</div>
</div>
<!-- END LOGO -->
<!-- BEGIN LOGIN -->
<div class="content  animated bounceIn" data-animation="bounceIn">
    <!-- BEGIN LOGIN FORM -->
    <form class="login-form" method="post">
        <h3 class="form-title">登录账户</h3>
        <div class="form-group">
            <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
            <label class="control-label visible-ie8 visible-ie9">用户名</label>
            <div class="input-icon">
                <i class="fa fa-user"></i>
                <input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="用户名" id="username" name="username" tabindex="1" style="height:32px;"> </div>
        </div>
        <div class="form-group">
            <label class="control-label visible-ie8 visible-ie9">密码</label>
            <div class="input-icon">
                <i class="fa fa-lock"></i>
                <input class="form-control placeholder-no-fix" type="password" autocomplete="off" placeholder="密码" id="password" name="password" tabindex="2" style="height:32px;"> </div>
        </div>
        <div class="form-actions">
            <div class="pull-left dn">
                <label class="rememberme mt-checkbox mt-checkbox-outline">
                    <input type="checkbox" id="rememberMe" name="rememberme" checked="checked">下次自动登录
                    <span></span>
                </label>
            </div>
            <div class="pull-right register hidden">
                <a href="javascript:void(0);" id="register">注册账号</a>
                <a href="javascript:void(0);" id="forget">忘记密码</a>
            </div>
        </div>
        <a class="btn btn-primary btn-block btn-lg green m-b " id="login" href="javascript:void(0);" style="padding: 5px;">登&nbsp;&nbsp;&nbsp;&nbsp;录</a>
    </form>
</div>

<!-- END LOGIN FORM -->

<!-- END LOGIN -->
<div class="copyright"> 2019-2020 ©
    <a href="javascript:void(0);" target="_blank" class="dlblock"> 陕西超掌柜科技有限公司</a> - All Rights Reserved. </div>

<div class="swiper-container" style="position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;">
    <div class="swiper-wrapper">
        <div class="swiper-slide" style="background:url(${res}/images/1.png);background-size:cover;"></div>

    </div>
</div>
<script>
    var swiper = new Swiper('.swiper-container', {
        spaceBetween: 30,
        autoplay: false,//可选选项，自动滑动
        speed:1000,
        effect: 'fade',
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });

    if (window != top)

        top.location.href = location.href;
</script>
</body>
</html>