12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <link rel="stylesheet" href="../css/base.css" />
- <title></title>
- <style type="text/css">
- .login-form {
- position: absolute;
- left: 50%;
- top: 50%;
- transform: translate(-50%, -50%);
- max-height: 90%;
- max-width: 90%;
- background-color: #fff;
- overflow: auto;
- width: 450px;
- border: 1px solid #66AFE9;
- padding: 30px;
- border-radius: 5px;
- }
-
- .row {
- margin: 10px 0;
- }
- </style>
- </head>
- <body>
- <div class="login-form container">
- <div class="row">
- <div class="col-5 item-caption">用户名</div>
- <div class="col-7">
- <div class="form-item text" defVal="" name="key"></div>
- </div>
- </div>
- <div class="row">
- <div class="col-5 item-caption">密码</div>
- <div class="col-7">
- <div class="form-item text password" defVal="" name="pw"></div>
- </div>
- </div>
- <div class="row">
- <div class="col-10 "></div>
- <div class="col-2">
- <button type="button" class="btn login-btn">Login</button>
- </div>
- </div>
- </div>
- <div id='g_info'>
- <div id='g_err'></div>
- <div id='g_warn'></div>
- <div id='g_msg'></div>
- </div>
- <div id='g_loading' style="display: none;">
- <div>
- <i class='icon icon-spin icon-spinner-snake'></i>
- </div>
- </div>
- <script type="text/javascript" src="../js/jquery-1.12.4.js"></script>
- <script type="text/javascript" src="../js/base.js"></script>
- <script type="text/javascript">
- $(function() {
- var loginForm = $(".login-form").form();
- $(".login-btn").on("click", function(){
-
- loginForm.doPost("../ajax/sys/user/login", function(data) {
- if(data) {
- window.location.href='index.html#sys_usercount_index';
- } else {
- $.util.error("帐号密码错误,或者帐号失效");
- }
- }, true);
- });
- });
- </script>
- </body>
- </html>
|