sign-in1.html 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  6. <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  7. <title>生产人员入口 - 产能监控系统登陆</title>
  8. <!-- Favicon-->
  9. <link rel="icon" href="favicon.ico" type="image/x-icon">
  10. <!-- Google Fonts -->
  11. <link href="css/cyllic.css" rel="stylesheet" type="text/css">
  12. <link href="css/mateial.css" rel="stylesheet" type="text/css">
  13. <!-- Bootstrap Core Css -->
  14. <link rel="stylesheet" href="css/third/bootstrap.min.css"
  15. crossorigin="anonymous">
  16. <!-- Waves Effect Css -->
  17. <link href="plugins/node-waves/waves.css" rel="stylesheet"/>
  18. <!-- Animation Css -->
  19. <link href="plugins/animate-css/animate.css" rel="stylesheet"/>
  20. <!-- Morris Chart Css-->
  21. <link href="plugins/morrisjs/morris.css" rel="stylesheet"/>
  22. <!-- Custom Css -->
  23. <link href="css/style-frontend.css" rel="stylesheet">
  24. <!-- AdminBSB Themes. You can choose a theme from css/themes instead of get all themes -->
  25. <link href="css/themes/all-themes.css" rel="stylesheet"/>
  26. <script src="css/third/jq.3.2.1.min.js"></script>
  27. <script src="css/third/popper.1.12.9.js"
  28. crossorigin="anonymous"></script>
  29. <script src="css/third/boot.min.js"
  30. crossorigin="anonymous"></script>
  31. <meta name="viewport" content="width=device-width, initial-scale=1">
  32. </head>
  33. <body class="login-page ls-closed " style="background-color: #303030 ">
  34. <div class="login-box text-center" style="">
  35. <div class="logo">
  36. <a href="javascript:void(0);">生产看板系统</a>
  37. </div>
  38. <div class="alert alert-warning" id="mpAlert" style="display:none">
  39. </div>
  40. <div class="card">
  41. <div class="body">
  42. <form id="sign_in" method="POST" onsubmit="return false;">
  43. <div class="msg">请使用看板系统账号登录(不是管理员信息)<br> V170100 </div>
  44. <div class="input-group">
  45. <span class="input-group-addon">
  46. <i class="material-icons">person</i>
  47. </span>
  48. <div class="form-line">
  49. <input type="text" class="form-control" name="username" placeholder="系统用户登陆名" required autofocus>
  50. </div>
  51. </div>
  52. <div class="input-group">
  53. <span class="input-group-addon">
  54. <i class="material-icons">lock</i>
  55. </span>
  56. <div class="form-line">
  57. <input type="password" class="form-control" name="password" placeholder="系统用户密码" required>
  58. </div>
  59. </div>
  60. <div class="row">
  61. <div class="col-8"></div>
  62. <div class="col-4" style="float: right">
  63. <button class="btn btn-block bg-pink waves-effect" type="submit" onclick="gotoLogin()">登陆</button>
  64. </div>
  65. </div>
  66. </form>
  67. </div>
  68. </div>
  69. </div>
  70. <!-- Jquery Core Js -->
  71. <script src="plugins/jquery/jquery.min.js"></script>
  72. <!-- Bootstrap Core Js -->
  73. <script src="plugins/bootstrap/js/bootstrap.js"></script>
  74. <!-- Waves Effect Plugin Js -->
  75. <script src="plugins/node-waves/waves.js"></script>
  76. <!-- Validation Plugin Js -->
  77. <script src="plugins/jquery-validation/jquery.validate.js"></script>
  78. <!-- Custom Js -->
  79. <script src="js/basic.js"></script>
  80. <script src="js/pages/examples/sign-in.js"></script>
  81. <script>
  82. function gotoLogin(){
  83. var password = $('input[name="password"]').val();
  84. var username = $('input[name="username"]').val();
  85. get_data("/ajaxlogin?u=" + username +
  86. "&p="+ password, onlogin_finish);
  87. }
  88. function onlogin_finish(obj){
  89. console.log("Login Outcome::");
  90. console.log(obj);
  91. obj = first_parse(this, obj);
  92. if(obj == undefined || obj == null) {
  93. send_alert("请重试!");
  94. }else if (obj.msg !== undefined && obj.msg === "fail"){
  95. send_alert("用户名密码错误");
  96. }else{
  97. // TODO: 判断是否存在flowMaster,是否有权限
  98. setCookieWithTimeout("doibyUser", obj.userId);
  99. alert("Cookie : " + getCookie("doibyUser"));
  100. location.href = "denglu.html?userId=" + obj.userId;
  101. }
  102. }
  103. </script>
  104. </body>
  105. </html>