login.html 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title></title>
  6. <meta name="viewport"
  7. content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  8. <link href="css/mui.min.css" rel="stylesheet" />
  9. <link rel="stylesheet" href="fonts/mui.tff" />
  10. <style>
  11. .mui-content {
  12. background-image: linear-gradient(rgb(218, 235, 255) 0%, rgb(255, 255, 255) 40.6%);
  13. padding-top: 5%;
  14. overflow: hidden;
  15. }
  16. </style>
  17. </head>
  18. <body>
  19. <div class="mui-content">
  20. <!--logo图片-->
  21. <img src="images/logo3.png" class="logo" />
  22. <!--登入框-->
  23. <div class="logo-div">
  24. <form id='login-form'>
  25. <!--用户输入框-->
  26. <div class="user-div">
  27. <!--用户图片图标-->
  28. <div class="user-img"></div>
  29. <!--输入框-->
  30. <input id='account' type="text" class="user-name mui-input-clear " placeholder="用户名" />
  31. </div>
  32. <!--密码框-->
  33. <div class="pass-div">
  34. <!--密码图标-->
  35. <div class="pass-img"></div>
  36. <!--密码输入框-->
  37. <input id='password' type="password" class="user-name mui-input-password" placeholder="请输入密码">
  38. <span id="eyes" class="mui-icon mui-icon-eye eye-pos"></span>
  39. </div>
  40. </form>
  41. </div>
  42. <!--自动登入-->
  43. <div class="weiz">
  44. <div style="font-size: 12px;float: right;"> &nbsp; &nbsp;自动登录</div>
  45. <div id="autoLogin" class="mui-switch mui-switch-blue mui-switch-mini" style="float: right;">
  46. <div class="mui-switch-handle"></div>
  47. </div>
  48. </div>
  49. <!--END-->
  50. <!--登入按钮-->
  51. <button id='login' type="button" class="mui-btn mui-btn-primary">登录</button>
  52. <!--END-->
  53. </div>
  54. <script src="js/mui.min.js"></script>
  55. <script src="js/jquery-1.11.2.min.js">
  56. <script src = "js/mui.enterfocus.js" ></script>
  57. <script src="js/app.js"></script>
  58. <script src="js/config.js"></script>
  59. <script type="text/javascript">
  60. // mui.init({
  61. // statusBarBackground: '#fff', //设置状态栏颜色,仅iOS可用
  62. // });
  63. (function($, doc) {
  64. // var originalHeight=document.documentElement.clientHeight || document.body.clientHeight;
  65. // window.onresize=function(){
  66. // //软键盘弹起与隐藏 都会引起窗口的高度发生变化
  67. // var resizeHeight=document.documentElement.clientHeight || document.body.clientHeight;
  68. // if(resizeHeight*1<originalHeight*1){ //resizeHeight<originalHeight证明窗口被挤压了
  69. // plus.webview.currentWebview().setStyle({
  70. // height:originalHeight
  71. // });
  72. // }
  73. // }
  74. $.init({
  75. statusBarBackground: '#f7f7f7'
  76. });
  77. $.plusReady(function() {
  78. var settings = app.getSettings();
  79. var state = app.getState();
  80. plus.push.addEventListener("click", function(msg) {
  81. // 判断是从本地创建还是离线推送的消息
  82. switch (msg.payload) {
  83. case "LocalMSG":
  84. alert("点击本地创建消息启动:");
  85. break;
  86. default:
  87. alert("点击离线推送消息启动:");
  88. break;
  89. }
  90. // 提示点击的内容
  91. plus.ui.alert(msg.content);
  92. alert(msg.content);
  93. // 处理其它数据
  94. logoutPushMsg(msg);
  95. }, false);
  96. // 监听在线消息事件
  97. plus.push.addEventListener("receive", function(msg) {
  98. if (msg.aps) { // Apple APNS message
  99. alert("接收到在线APNS消息:");
  100. } else {
  101. //alert("接收到在线透传消息:");
  102. }
  103. logoutPushMsg(msg);
  104. }, false);
  105. var main_loaded_flag = true;
  106. var toMain = function() {
  107. var id = setInterval(function() {
  108. console.log(main_loaded_flag);
  109. if (main_loaded_flag) {
  110. clearInterval(id);
  111. var mainPage = plus.webview.getWebviewById("main");
  112. mainPage = $.preload({
  113. "id": 'main',
  114. "url": 'tab-webview-main.html'
  115. });
  116. $.fire(mainPage, 'show', null);
  117. mainPage.show("pop-in");
  118. }
  119. }, 20);
  120. };
  121. //检查 "登录状态/锁屏状态" 开始
  122. if (settings.autoLogin && state.token && settings.gestures) {
  123. $.openWindow({
  124. url: '/page/person/handPwd.html',
  125. id: 'handPwd',
  126. show: {
  127. aniShow: 'pop-in'
  128. },
  129. waiting: {
  130. autoShow: false
  131. }
  132. });
  133. } else if (settings.autoLogin && state.token) {
  134. toMain();
  135. }
  136. // close splash
  137. setTimeout(function() {
  138. //关闭 splash
  139. plus.navigator.closeSplashscreen();
  140. }, 600);
  141. //检查 "登录状态/锁屏状态" 结束
  142. var loginButton = doc.getElementById('login');
  143. var accountBox = doc.getElementById('account');
  144. var passwordBox = doc.getElementById('password');
  145. var autoLoginButton = doc.getElementById("autoLogin");
  146. var regButton = doc.getElementById('reg');
  147. var forgetButton = doc.getElementById('forgetPassword');
  148. loginButton.addEventListener('tap', function(event) {
  149. console.log("login");
  150. var loginInfo = {
  151. account: accountBox.value,
  152. password: passwordBox.value
  153. };
  154. app.login(loginInfo, function(err) {
  155. if (err) {
  156. plus.nativeUI.toast(err);
  157. return;
  158. }
  159. toMain();
  160. });
  161. });
  162. // $.enterfocus('#login-form input', function() {
  163. // $.trigger(loginButton, 'tap');
  164. // });
  165. autoLoginButton.classList[settings.autoLogin ? 'add' : 'remove']('mui-active')
  166. autoLoginButton.addEventListener('toggle', function(event) {
  167. setTimeout(function() {
  168. var isActive = event.detail.isActive;
  169. settings.autoLogin = isActive;
  170. app.setSettings(settings);
  171. }, 50);
  172. }, false);
  173. var backButtonPress = 0;
  174. $.back = function(event) {
  175. backButtonPress++;
  176. if (backButtonPress > 1) {
  177. plus.runtime.quit();
  178. } else {
  179. plus.nativeUI.toast('再按一次退出应用');
  180. }
  181. setTimeout(function() {
  182. backButtonPress = 0;
  183. }, 1000);
  184. return false;
  185. };
  186. });
  187. }(mui, document));
  188. function logoutPushMsg(msg) {
  189. var data = msg.content;
  190. var temp = data.split(",");
  191. // 任务
  192. if (temp[0] == 'assess_list') {
  193. mui.openWindow({
  194. url: 'login.html',
  195. id: 'login.html',
  196. });
  197. } else if (temp[0] == 'noticeDetail') { //通知列表
  198. mui.openWindow({
  199. url: 'page/detailHtml/' + temp[0] + '.html',
  200. id: temp[0] + '.html',
  201. extras: {
  202. nid: temp[1]
  203. }
  204. });
  205. } else if (temp[0] == 'dutyDay') { // 值班列表
  206. mui.openWindow({
  207. url: 'pagestHtml/' + temp[0] + '.html',
  208. id: temp[0] + '.html'
  209. });
  210. }
  211. }
  212. function saveCid() {
  213. var url = API.API_URL();
  214. var info = plus.push.getClientInfo();
  215. var os = plus.os.name;
  216. var clientid = info.clientid;
  217. var state = app.getState(); //获取登陆信息
  218. var staffId = state.user.useId;
  219. console.log(JSON.stringify(clientid));
  220. var obj = {
  221. 'serviceId': 'oa_2018B1108SAVECID001',
  222. 'params': '{staffId:' + staffId + ',clientid:"' + clientid + '"}'
  223. };
  224. mui.ajax(url, {
  225. dataType: 'json', //服务器返回json格式数据
  226. type: 'post', //HTTP请求类型
  227. data: obj,
  228. timeout: 10000, //超时时间设置为10秒;
  229. headers: {
  230. 'Accept': 'application/json'
  231. }, //超时时间设置为10秒;
  232. success: function(data) {
  233. },
  234. error: function(xhr, type, errorThrown) {}
  235. });
  236. };
  237. var eyes = document.getElementById('eyes');
  238. var sign = true;
  239. eyes.addEventListener('click', function() {
  240. /*addClass() - 向被选元素添加一个或多个类
  241. removeClass() - 从被选元素删除一个或多个类*/
  242. if (sign) {
  243. $("#eyes").removeClass('eye-pos');
  244. $("#eyes").addClass('eye-pos-blue');
  245. $("#password").prop("type", "text");
  246. sign = false;
  247. } else {
  248. $("#eyes").removeClass('eye-pos-blue');
  249. $("#eyes").addClass('eye-pos');
  250. sign = true;
  251. $("#password").prop("type", "password");
  252. }
  253. });
  254. </script>
  255. </body>
  256. </html>