xiongzhu
/
zouma-oa


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293
							<%@page contentType="text/html;charset=UTF-8"%>
<%@include file="/common/taglibs.jsp"%>
<!doctype html>
<html lang="en">

  <head>
    <%@include file="/common/meta.jsp"%>
    <title><spring:message code="core.login.title" text="登录"/></title>
	<%@include file="/common/s3.jsp"%>
	<script type="text/javascript">
$(function() {
	focusTenant();
});

function focusTenant() {
	if (document.f.tenant.value == '') {
		document.f.tenant.focus();
	} else {
		focusUsername();
	}
}

function focusUsername() {
	if (document.f.j_username.value == '') {
		document.f.j_username.focus();
	} else {
		document.f.j_password.focus();
	}
}
	</script>

      <style>
          html{width:100%;
              height:100%}
          body{
              background-image: url(${tenantPrefix}/s/images/login_bg.jpg);
              background-position: center center;
              background-size:cover;
              background-repeat: no-repeat;
              width: 100%;
              height: 100%;
              position: relative;
          }
          .row{

              width: 100%;
          }
          .logincenter{
              width:604px;
              position: absolute;
              top:50%;
              left: 50%;
              -webkit-transform: translate(-50%,-50%);
              -moz-transform: translate(-50%,-50%);
              -ms-transform: translate(-50%,-50%);
              -o-transform: translate(-50%,-50%);
              transform: translate(-50%,-50%);

              background-color: rgba(255,255,255,.38);
              box-shadow: 0 0 20px 0 rgba(0,0,0,0.29);
              border-radius: 10px;
          }
          .panel{
              background-color: transparent;
              border: 0;
          }
          .logincenter>div{
              width: 50%;
              margin: auto;
              position: relative;
          }
          .login_login{
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              align-items: flex-end;
              font-size: 12px;
              color: #0093D2;
              line-height: 12px;
              justify-content: center;
              margin: 40px auto 20px;
          }
          .login_login>span{
              margin-left: 5px;
          }
          .group_1{
              background-color: #fff;
              width: 100%;
              height: 36px;
              border-radius: 3px;
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              align-items: center;
              margin-bottom: 20px;
          }
          .group_1>label{
              padding-top:0px!important;
              text-align: center!important;
              width: 50px;
          }
          .group_1>hr{
              width: 1px;
              height: 12px;
              background-color: #ccc;
              margin: 0;
          }
          .group_1 input{
              border: 0;
              background-color: transparent;
              outline: none;
              box-shadow: none;

          }
          .group_1 input:focus{
              box-shadow: none;
          }
          .group_2{
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              align-items:flex-start;
              margin-bottom: 45px;

          }
          .group_2 label{
              padding-top:0px!important;
              margin-right: 16px;
              font-size: 11px!important;
              margin: 0;
          }
          input:-webkit-autofill {
              -webkit-box-shadow: 0 0 0px 1000px white inset;
              /*border: 1px solid #CCC!important;*/
          }
          input:-webkit-autofill:focus{
              -webkit-box-shadow: 0 0 0px 1000px white inset;
          }
          .form-horizontal .form-group{
              margin-right: 0px;
              margin-left: 0px;
          }
          .btn{
              font-size: 16px;
              color: #FFFFFF;
          }
      </style>
  </head>

  <body>

    <!-- start of header bar -->
<%--<div class="navbar navbar-default navbar-fixed-top lanlan">--%>
  <%--<div class="container-fluid">--%>
    <%--<div class="navbar-header">--%>
      <%--<a class="navbar-brand" href="${tenantPrefix}">--%>
	    <%--<img src="${tenantPrefix}/s/logo32.png" class="img-responsive pull-left" style=" ;margin-right:5px;">--%>
	    <%--<sub><small>1.7.0</small></sub>--%>
      <%--</a>--%>
    <%--</div>--%>

    <%--<div class="navbar-collapse collapse">--%>

      <%--<ul class="nav navbar-nav navbar-right">--%>
	    <%--<li>--%>
          <%--<a href="?locale=zh_CN"><img src="${ctx}/s/flags/china.gif" height="20"></a>--%>
		<%--</li>--%>
	    <%--<li>--%>
          <%--<a href="?locale=en_US"><img src="${ctx}/s/flags/us.gif" height="20"></a>--%>
		<%--</li>--%>
	  <%--</ul>--%>
	<%--</div>--%>
  <%--</div>--%>
<%--</div>--%>
    <!-- end of header bar -->

	<div class="row">
	  <div class="container-fluid">

	  <div class="col-md-4"></div>

	<!-- start of main -->
    <section class="logincenter">
       <div>

           <div class="login_login">
               <img src="${ctx}/s/images/login_logo.png" alt="">
               <%--<span>V1.0.7</span>--%>

           </div>

           <div class="alert alert-danger" role="alert" ${param.error==true ? '' : 'style="display:none"'}>
               <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
               <strong><spring:message code="core.login.failure" text="登陆失败"/></strong>
               &nbsp;
               ${sessionScope['SPRING_SECURITY_LAST_EXCEPTION'].message}
           </div>

           <article class="panel panel-default">
               <%--<header class="panel-heading">--%>
               <%--<spring:message code="core.login.title" text="登录"/>--%>
               <%--</header>--%>

               <div class="panel-body">

                   <form id="userForm" name="f" method="post" action="${tenantPrefix}/j_spring_security_check" class="form-horizontal">
                       <div class="form-group" style="display:none">
                           <label class="col-md-2 control-label" for="tenant">租户</label>
                           <div class="col-md-10">
                               <input type='text' id="tenant" name='tenant' class="form-control" value="${empty sessionScope['SECURITY_LAST_TENANT'] ? cookie['SECURITY_LAST_TENANT'].value : sessionScope['SECURITY_LAST_TENANT']}">
                               <span id="tenantText" class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true" style="right:15px;cursor:pointer;pointer-events:auto;display:none;"></span>
                           </div>
                       </div>
                       <div class="form-group group_1"   >
                           <label class="control-label" for="username"><spring:message code="core.login.username" text=""/>
                               <img src="${ctx}/s/images/login_icon_yonghu.png" alt="">
                           </label>
                           <hr/>
                           <div class="">
                               <input type='text' id="username" name='j_username' placeholder="请输入用户名" class="form-control" value="${empty sessionScope['SECURITY_LAST_USERNAME'] ? cookie['SECURITY_LAST_USERNAME'].value : sessionScope['SECURITY_LAST_USERNAME']}" aria-describedby="inputSuccess3Status">
                               <span id="usernameText" class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true" style="right:15px;cursor:pointer;pointer-events:auto;display:none;"></span>
                           </div>
                       </div>
                       <div class="form-group group_1">
                           <label class="control-label" for="password"><spring:message code="core.login.password" text=""/>
                               <img src="${ctx}/s/images/login_icon_mima.png" alt="">
                           </label>
                           <hr/>
                           <div class="">
                               <input type='password' id="password" name='j_password' class="form-control" value='' placeholder="请输入密码">
                           </div>
                       </div>
                       <c:if test="${sessionScope['captchaSessionToken']}">
                           <div class="form-group" id="captchaArea">
                               <label class="col-md-2 control-label" for="password" style="padding-left:0px;">验证码</label>
                               <div class="col-md-2">
                                   <img id="captchaPicture" src="captcha.jsp?_=<%=System.currentTimeMillis()%>" onclick="this.src='captcha.jsp?_=' + new Date().getTime()">
                               </div>
                               <div class="col-md-8">
                                   <input type='text' id="captcha" name='captcha' class="form-control" value=''>
                               </div>
                           </div>
                       </c:if>
                       <div class="form-group group_2">
                           <label class=" control-label" for="_spring_security_remember_me">
                               <img src="${ctx}/s/images/login_icon_zidong.png" class="wei" alt="">
                           </label>

                               <input type='checkbox' onchange="changeChecked(this)"  style="display: none" name='_spring_security_remember_me' id="_spring_security_remember_me" />
                               <label for="_spring_security_remember_me" style="margin-left: 16px;">两周内自动登陆</label>

                       </div>
                       <div class="form-group">
                           <div >
                               <input class="btn btn-primary btn-block" name="submit" type="submit" value="<spring:message code='core.login.submit' text='登 录'/>"/>
                           </div>
                       </div>
                   </form>
               </div>
           </article>

           <div class="m-spacer"></div>
       </div>


	</section>
	<!-- end of main -->

	  <div class="col-md-4"></div>
	  </div>
    </div>

  </body>
</html>


<script>

    function changeChecked(e) {
        if($(e).attr("checked")=="checked"){
            $(".wei").attr("src","${ctx}/s/images/login_icon_zidong_pre.png")
        }
        else{
            $(".wei").attr("src","${ctx}/s/images/login_icon_zidong.png")
        }
    }


</script>