|  |  | 
 |  |  |     <meta charset="UTF-8"> | 
 |  |  |     <title>系统登录</title> | 
 |  |  |     <link rel="stylesheet" href="../static/layui/css/layui.css" media="all"> | 
 |  |  |     <link rel="icon" type="image/x-icon" href="../static/images/wcs_logo.png" /> | 
 |  |  |     <link rel="stylesheet" href="../static/css/animate.min.css"> | 
 |  |  |     <script type="text/javascript" src="../static/layui/layui.js"></script> | 
 |  |  |     <script type="text/javascript" src="../static/js/common.js"></script> | 
 |  |  |     <style> | 
 |  |  | 
 |  |  |         body.login-bg { | 
 |  |  |             color: #777; | 
 |  |  |             height: 100%; | 
 |  |  |             /*background-image: url("../static/image/bg-imgage.jpg");*/ | 
 |  |  |             background-image: url("../static/image/login_bg.jpg"); | 
 |  |  |             background-repeat: no-repeat; | 
 |  |  |             background-size: cover; | 
 |  |  |             background-position: top center; | 
 |  |  |             /*background-image: linear-gradient(to right, #ff9569 0%, #e92758 100%);*/ | 
 |  |  |             /*background-image: linear-gradient(-90deg, #a2e7f3 0%, #98baee 100%);*/ | 
 |  |  |             background-image: url("../static/images/login.png"); | 
 |  |  |             /*background: -webkit-linear-gradient(red, blue); !* Safari 5.1 - 6.0 *!;*/ | 
 |  |  |             /*background-image: url("../static/image/login_bg.jpg");*/ | 
 |  |  |             /*background-repeat: no-repeat;*/ | 
 |  |  |             /*background-size: cover;*/ | 
 |  |  |             /*background-position: top center;*/ | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         #login-wrapper { | 
 |  |  |             /*color: #fff;*/ | 
 |  |  |             box-sizing:border-box; | 
 |  |  |             /*background: #576669;*/ | 
 |  |  |             background: #fff; | 
 |  |  |             position: absolute; | 
 |  |  |             top: 45%; | 
 |  |  |             left: 50%; | 
 |  |  |             margin-top: -210px; | 
 |  |  |             margin-left: -220px; | 
 |  |  |             width: 440px; | 
 |  |  |             min-height: 420px; | 
 |  |  |             width: 400px; | 
 |  |  |             min-height: 380px; | 
 |  |  |             padding: 50px; | 
 |  |  |             text-align: center; | 
 |  |  |             border-radius: 5px; | 
 |  |  |  | 
 |  |  |             box-shadow: 0px 0px 10px rgb(168, 165, 165); | 
 |  |  |             transform-origin: 50% 50%; | 
 |  |  |             animation: loading 1s 0s forwards; | 
 |  |  |             /*animation: loading 1s 0s forwards;*/ | 
 |  |  |             transform: rotateX(0deg); | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         #login-wrapper h2 { | 
 |  |  |             color: rgba(64,158,255,0.9); | 
 |  |  |             font-size: 26px; | 
 |  |  |             font-weight: bold; | 
 |  |  |             margin-bottom: 30px; | 
 |  |  |         } | 
 |  |  |  | 
 |  |  | 
 |  |  |             font-size: 18px; | 
 |  |  |         } | 
 |  |  |         .layui-btn-normal { | 
 |  |  |             background-color: #0767aa; | 
 |  |  |             background-color: rgba(64,158,255,0.9); | 
 |  |  |             font-size: 20px; | 
 |  |  |             border-radius: 4px; | 
 |  |  |             height: 52px; | 
 |  |  | 
 |  |  |         } | 
 |  |  |     </style> | 
 |  |  | </head> | 
 |  |  | <body class="login-bg"> | 
 |  |  | <body class="login-bg animsition"> | 
 |  |  |  | 
 |  |  | <div id="login-wrapper"> | 
 |  |  | <div id="login-wrapper" class="animate__animated animate__bounceInDown"> | 
 |  |  |     <header> | 
 |  |  |         <h2>系统登录</h2> | 
 |  |  |         <h2>WCS 系统登录</h2> | 
 |  |  |     </header> | 
 |  |  |     <div class="layui-form layadmin-user-login-body"> | 
 |  |  |         <div class="layui-form-item"> | 
 |  |  |             <label class="layui-icon layui-icon-cellphone layadmin-user-login-icon"></label> | 
 |  |  |             <input id="mobile" class="layui-input" type="text" name="mobile" lay-verify="mobile" placeholder="用户名"> | 
 |  |  |             <input id="mobile" class="layui-input" type="text" name="mobile" lay-verify="mobile" placeholder="账号"> | 
 |  |  |         </div> | 
 |  |  |         <div class="layui-form-item"> | 
 |  |  |             <label class="layui-icon layui-icon-password layadmin-user-login-icon"></label> | 
 |  |  | 
 |  |  |         <!--</div>--> | 
 |  |  |     </div> | 
 |  |  |     <div class="layui-form-item login-submit"> | 
 |  |  |         <button id="login-button" class="layui-btn layui-btn-fluid layui-btn-normal" lay-submit="" lay-filter="login">登 录</button> | 
 |  |  |         <button id="login-button" class="layui-btn layui-btn-fluid layui-btn-normal" lay-submit="" lay-filter="login">登      录</button> | 
 |  |  |     </div> | 
 |  |  | </div> | 
 |  |  |  | 
 |  |  | 
 |  |  |         form.on('submit(login)', function (data) { | 
 |  |  |             var mobile = $("#mobile").val(); | 
 |  |  |             if (mobile === "") { | 
 |  |  |                 layer.msg("请输入手机号", {offset: '150px'}); | 
 |  |  |                 layer.msg("请输入账号", {offset: '150px'}); | 
 |  |  |                 return; | 
 |  |  |             } | 
 |  |  |             var password = $("#password").val(); | 
 |  |  | 
 |  |  |                     if (res.code === 200){ | 
 |  |  |                         localStorage.setItem("token", res.data.token); | 
 |  |  |                         localStorage.setItem("username", res.data.username); | 
 |  |  |                         window.location.href = "index.html"; | 
 |  |  |                         if (res.data.username==="dsj1"){ | 
 |  |  |                             window.location.href = "indexTV.html"; | 
 |  |  |                         }else { | 
 |  |  |                             window.location.href = "index.html"; | 
 |  |  |                         } | 
 |  |  |                     } else { | 
 |  |  |                         layer.msg(res.msg, {offset: '150px'}); | 
 |  |  |                     } | 
 |  |  | 
 |  |  |  | 
 |  |  |     }); | 
 |  |  | </script> | 
 |  |  | <script type></script> | 
 |  |  | </html> |