商丘12345 前端

User-login.html 3.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. <!DOCTYPE html>
  2. <html class="ui-page-login">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6. <title>用户登录</title>
  7. <link href="css/mui.min.css" rel="stylesheet" />
  8. <link href="css/iconfont.css" rel="stylesheet" />
  9. <link href="css/login.css" rel="stylesheet" />
  10. </head>
  11. <body>
  12. <div class="mui-content">
  13. <form id="login-form" class="mui-input-group">
  14. <!--logo-->
  15. <div class="mui-logo-box">
  16. <div>
  17. <img src="img/123.png" alt="" />
  18. </div>
  19. </div>
  20. <div class="mui-input-row">
  21. <label><span class="mui-icon iconfont icon-yonghu"></span></label>
  22. <input id="account" type="text" class="mui-input-clear mui-input" placeholder="请输入账号">
  23. </div>
  24. <div class="mui-input-row mui-password">
  25. <label><span class="mui-icon iconfont icon-suo"></span></label>
  26. <input id="password" type="password" class=" mui-input-password mui-input" placeholder="请输入密码">
  27. </div>
  28. </form>
  29. <div class="mui-content-padded">
  30. <button id="login" class="mui-btn mui-btn-block mui-btn-primary" style="font-size: 16px;">登录</button>
  31. </div>
  32. <div class="mui-content-padded oauth-area" style="overflow: hidden; width: 50%;">
  33. <a href="User-register.html" class="reg_href">注册</a>
  34. <a href="login.html" class="reg_href">我是管理员</a>
  35. </div>
  36. </div>
  37. <script src="js/mui.min.js"></script>
  38. <script src="js/jquery.min.js"></script>
  39. <script src="js/jquery.md5.js"></script>
  40. <script src="js/huayi.http.js"></script>
  41. <script src="js/huayi.config.js"></script>
  42. <script>
  43. mui.init();
  44. mui.plusReady(function() {
  45. var usercode = localStorage.getItem("user1"); //获取本地存储
  46. var psw1 = localStorage.getItem("psw1"); //获取本地存储
  47. if (usercode != null) //如果缓存中有数据,则加载出来
  48. {
  49. document.getElementById("account").value = usercode;
  50. document.getElementById("password").value = localStorage.getItem("psw1");
  51. }
  52. document.getElementById("login").addEventListener('tap', function() {
  53. var usercode = document.getElementById('account').value;
  54. var password = document.getElementById('password').value;
  55. var data = {
  56. "usercode": usercode,
  57. "password": $.md5(password),
  58. };
  59. if (!usercode) {
  60. plus.nativeUI.toast('输入账号');
  61. } else if (!password) {
  62. plus.nativeUI.toast('密码不能为空');
  63. } else {
  64. if (plus.networkinfo.getCurrentType() == plus.networkinfo.CONNECTION_NONE) {
  65. mui.toast("网络连接中断!");
  66. }
  67. // 调用ajax
  68. mui.ajax(huayi.config.callcenter_url + '/APP/Login', {
  69. data: data,
  70. dataType: 'json', //服务器返回json格式数据
  71. type: 'post', //HTTP请求类型
  72. timeout: 10000, //超时时间设置为10秒
  73. success: function(data) {
  74. if (data.state == "success") {
  75. localStorage.setItem("token", data.data.token);
  76. localStorage.setItem("user1", usercode);
  77. localStorage.setItem("psw1", password);
  78. var nwaiting = plus.nativeUI.showWaiting();
  79. webviewShow = plus.webview.create("./citizen/User-index.html"); //后台创建webview并打开show.html
  80. } else {
  81. mui.alert(data.message);
  82. }
  83. },
  84. error: function(xhr, type, errorThrown) {}
  85. });
  86. }
  87. });
  88. });
  89. </script>
  90. </body>
  91. </html>