sign-in1.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  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="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css"
  15. integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" 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.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="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
  27. <script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js"
  28. integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
  29. crossorigin="anonymous"></script>
  30. <script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js"
  31. integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
  32. crossorigin="anonymous"></script>
  33. <link rel="icon" href="https://static.jianshukeji.com/highcharts/images/favicon.ico">
  34. <meta name="viewport" content="width=device-width, initial-scale=1">
  35. </head>
  36. <body class="login-page ls-closed " style="background-color: #303030 ">
  37. <div class="login-box text-center" style="">
  38. <div class="logo">
  39. <a href="javascript:void(0);">工厂产能监控登陆</a>
  40. </div>
  41. <div class="alert alert-warning" id="mpAlert" style="display:none">
  42. </div>
  43. <div class="card">
  44. <div class="body">
  45. <form id="sign_in" method="POST" onsubmit="return false;">
  46. <div class="msg">登录开始</div>
  47. <div class="input-group">
  48. <span class="input-group-addon">
  49. <i class="material-icons">person</i>
  50. </span>
  51. <div class="form-line">
  52. <input type="text" class="form-control" name="username" placeholder="用户名" required autofocus>
  53. </div>
  54. </div>
  55. <div class="input-group">
  56. <span class="input-group-addon">
  57. <i class="material-icons">lock</i>
  58. </span>
  59. <div class="form-line">
  60. <input type="password" class="form-control" name="password" placeholder="密码" required>
  61. </div>
  62. </div>
  63. <div class="row">
  64. <div class="col-8"></div>
  65. <div class="col-4" style="float: right">
  66. <button class="btn btn-block bg-pink waves-effect" type="submit" onclick="gotoLogin()">登陆</button>
  67. </div>
  68. </div>
  69. </form>
  70. </div>
  71. </div>
  72. </div>
  73. <!-- Jquery Core Js -->
  74. <script src="plugins/jquery/jquery.min.js"></script>
  75. <!-- Bootstrap Core Js -->
  76. <script src="plugins/bootstrap/js/bootstrap.js"></script>
  77. <!-- Waves Effect Plugin Js -->
  78. <script src="plugins/node-waves/waves.js"></script>
  79. <!-- Validation Plugin Js -->
  80. <script src="plugins/jquery-validation/jquery.validate.js"></script>
  81. <!-- Custom Js -->
  82. <script src="js/basic.js"></script>
  83. <script src="js/pages/examples/sign-in.js"></script>
  84. <script>
  85. function gotoLogin(){
  86. var password = $('input[name="password"]').val();
  87. var username = $('input[name="username"]').val();
  88. get_data("/fcWorker/login?u=" + username +
  89. "&p="+ password, onlogin_finish);
  90. }
  91. function onlogin_finish(obj){
  92. console.log("Login Outcome::");
  93. console.log(obj);
  94. obj = first_parse(this, obj);
  95. if(obj == undefined || obj == null || obj.list === undefined || obj.list == null || obj.list.length < 1){
  96. send_alert("用户名密码错误");
  97. }else{
  98. // TODO: 判断是否存在flowMaster,是否有权限
  99. setCookieWithTimeout("doibyUser", obj.list[0].userId);
  100. alert("Cookie : " + getCookie("doibyUser"));
  101. location.href = "denglu.html?userId=" + obj.list[0].userId;
  102. }
  103. }
  104. </script>
  105. </body>
  106. </html>