wangyuan
/
erp_yzx


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
							<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
  <title>登录页面 - 缘中秀后台管理</title>
  {include file='common/_js_css'}
  <script>
  </script>
  <style>
    body {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        height: 100%;
    }
    .login-box {
        display: table;
        table-layout: fixed;
        overflow: hidden;
        max-width: 700px;
    }
    .login-left {
        display: table-cell;
        position: relative;
        margin-bottom: 0;
        border-width: 0;
        padding: 45px;
    }
    .login-left .form-group:last-child {
        margin-bottom: 0px;
    }
    .login-right {
        display: table-cell;
        position: relative;
        margin-bottom: 0;
        border-width: 0;
        padding: 45px;
        width: 50%;
        max-width: 50%;
        background: #67b26f!important;
        background: -moz-linear-gradient(45deg,#67b26f 0,#4ca2cd 100%)!important;
        background: -webkit-linear-gradient(45deg,#67b26f 0,#4ca2cd 100%)!important;
        background: linear-gradient(45deg,#67b26f 0,#4ca2cd 100%)!important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67b26f', endColorstr='#4ca2cd', GradientType=1 )!important;
    }
    .login-box .has-feedback.feedback-left .form-control {
        padding-left: 38px;
        padding-right: 12px;
    }
    .login-box .has-feedback.feedback-left .form-control-feedback {
        left: 0;
        right: auto;
        width: 38px;
        height: 38px;
        line-height: 38px;
        z-index: 4;
        color: #dcdcdc;
    }
    .login-box .has-feedback.feedback-left.row .form-control-feedback {
        left: 15px;
    }
    @media (max-width: 576px) {
      .login-right {
          display: none;
      }
    }
  </style>
</head>
<body style="background-image: url(__IMG__/login-bg-2.jpg); background-size: cover;">

<div class="bg-translucent p-10">
  <div class="login-box bg-white clearfix">
    <div class="login-left">
      <form class="layui-form" method="POST">
        <div class="form-group has-feedback feedback-left">
          <input type="text" placeholder="请输入您的用户名" class="form-control" name="username" id="username" />
          <span class="mdi mdi-account form-control-feedback" aria-hidden="true"></span>
        </div>
        <div class="form-group has-feedback feedback-left">
          <input type="password" placeholder="请输入密码" class="form-control" id="password" name="password" />
          <span class="mdi mdi-lock form-control-feedback" aria-hidden="true"></span>
        </div>
        <div class="form-group">
          <button class="btn btn-block btn-primary layui-btn" lay-submit lay-filter="login" type="button" style="width:100%;">立即提交</button>
        </div>
      </form>
    </div>
    <div class="login-right">
      <p class="text-white m-tb-15">缘中秀后台 是一个基于Bootstrap v3.3.7的后台管理系统开发。</p>
      <p class="text-white">Copyright © 2020 <a href="#">铭迅网络科技</a>. All right reserved</p>
    </div>
  </div>
</div>

<script>
  layui.use(['form','layer'], function(){
    const form = layui.form;
    const layer = layui.layer;
    //提交
    form.on('submit(login)', async function(data){
      const body = data.field;
      const response = await request(
              '{:url("admin/login/login")}',
              { "username": body.username, "password": body.password }
      )
      if(response.code !== 200) {
        layer.msg(response.message);
        return;
      }
      window.location.href="{:url('admin/index/index')}";
    });
  });
</script>
</body>
</html>