login3.html 8.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278
  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" >
  57. </script>
  58. <script src="js/app.js"></script>
  59. <script src="js/config.js"></script>
  60. <script type="text/javascript">
  61. (function($, doc) {
  62. // var originalHeight=document.documentElement.clientHeight || document.body.clientHeight;
  63. // window.onresize=function(){
  64. // //软键盘弹起与隐藏 都会引起窗口的高度发生变化
  65. // var resizeHeight=document.documentElement.clientHeight || document.body.clientHeight;
  66. // if(resizeHeight*1<originalHeight*1){ //resizeHeight<originalHeight证明窗口被挤压了
  67. // plus.webview.currentWebview().setStyle({
  68. // height:originalHeight
  69. // });
  70. // }
  71. // }
  72. $.init({
  73. statusBarBackground: '#f7f7f7'
  74. });
  75. $.plusReady(function() {
  76. var settings = app.getSettings();
  77. var state = app.getState();
  78. plus.push.addEventListener("click", function(msg) {
  79. // 判断是从本地创建还是离线推送的消息
  80. switch (msg.payload) {
  81. case "LocalMSG":
  82. alert("点击本地创建消息启动:");
  83. break;
  84. default:
  85. alert("点击离线推送消息启动:");
  86. break;
  87. }
  88. // 提示点击的内容
  89. plus.ui.alert(msg.content);
  90. alert(msg.content);
  91. // 处理其它数据
  92. logoutPushMsg(msg);
  93. }, false);
  94. // 监听在线消息事件
  95. plus.push.addEventListener("receive", function(msg) {
  96. if (msg.aps) { // Apple APNS message
  97. alert("接收到在线APNS消息:");
  98. } else {
  99. //alert("接收到在线透传消息:");
  100. }
  101. logoutPushMsg(msg);
  102. }, false);
  103. var main_loaded_flag = true;
  104. var toMain = function() {
  105. var id = setInterval(function() {
  106. console.log(main_loaded_flag);
  107. if (main_loaded_flag) {
  108. clearInterval(id);
  109. var mainPage = plus.webview.getWebviewById("main");
  110. mainPage = $.preload({
  111. "id": 'main',
  112. "url": 'tab-webview-main.html'
  113. });
  114. $.fire(mainPage, 'show', null);
  115. mainPage.show("pop-in");
  116. }
  117. }, 20);
  118. };
  119. //检查 "登录状态/锁屏状态" 开始
  120. if (settings.autoLogin && state.token && settings.gestures) {
  121. $.openWindow({
  122. url: '/page/person/handPwd.html',
  123. id: 'handPwd',
  124. show: {
  125. aniShow: 'pop-in'
  126. },
  127. waiting: {
  128. autoShow: false
  129. }
  130. });
  131. } else if (settings.autoLogin && state.token) {
  132. toMain();
  133. }
  134. // close splash
  135. setTimeout(function() {
  136. //关闭 splash
  137. plus.navigator.closeSplashscreen();
  138. }, 600);
  139. //检查 "登录状态/锁屏状态" 结束
  140. var loginButton = doc.getElementById('login');
  141. var accountBox = doc.getElementById('account');
  142. var passwordBox = doc.getElementById('password');
  143. var autoLoginButton = doc.getElementById("autoLogin");
  144. var regButton = doc.getElementById('reg');
  145. var forgetButton = doc.getElementById('forgetPassword');
  146. loginButton.addEventListener('tap', function(event) {
  147. console.log("login");
  148. var loginInfo = {
  149. account: accountBox.value,
  150. password: passwordBox.value
  151. };
  152. app.login(loginInfo, function(err) {
  153. if (err) {
  154. plus.nativeUI.toast(err);
  155. return;
  156. }
  157. toMain();
  158. });
  159. });
  160. // $.enterfocus('#login-form input', function() {
  161. // $.trigger(loginButton, 'tap');
  162. // });
  163. autoLoginButton.classList[settings.autoLogin ? 'add' : 'remove']('mui-active')
  164. autoLoginButton.addEventListener('toggle', function(event) {
  165. setTimeout(function() {
  166. var isActive = event.detail.isActive;
  167. settings.autoLogin = isActive;
  168. app.setSettings(settings);
  169. }, 50);
  170. }, false);
  171. var backButtonPress = 0;
  172. $.back = function(event) {
  173. backButtonPress++;
  174. if (backButtonPress > 1) {
  175. plus.runtime.quit();
  176. } else {
  177. plus.nativeUI.toast('再按一次退出应用');
  178. }
  179. setTimeout(function() {
  180. backButtonPress = 0;
  181. }, 1000);
  182. return false;
  183. };
  184. });
  185. }(mui, document));
  186. function logoutPushMsg(msg) {
  187. var data = msg.content;
  188. var temp = data.split(",");
  189. // 任务
  190. if (temp[0] == 'assess_list') {
  191. mui.openWindow({
  192. url: 'login.html',
  193. id: 'login.html',
  194. });
  195. } else if (temp[0] == 'noticeDetail') { //通知列表
  196. mui.openWindow({
  197. url: 'page/detailHtml/' + temp[0] + '.html',
  198. id: temp[0] + '.html',
  199. extras: {
  200. nid: temp[1]
  201. }
  202. });
  203. } else if (temp[0] == 'dutyDay') { // 值班列表
  204. mui.openWindow({
  205. url: 'pagestHtml/' + temp[0] + '.html',
  206. id: temp[0] + '.html'
  207. });
  208. }
  209. }
  210. function saveCid() {
  211. var url = API.API_URL();
  212. var info = plus.push.getClientInfo();
  213. var os = plus.os.name;
  214. var clientid = info.clientid;
  215. var state = app.getState(); //获取登陆信息
  216. var staffId = state.user.useId;
  217. console.log(JSON.stringify(clientid));
  218. var obj = {
  219. 'serviceId': 'oa_2018B1108SAVECID001',
  220. 'params': '{staffId:' + staffId + ',clientid:"' + clientid + '"}'
  221. };
  222. mui.ajax(url, {
  223. dataType: 'json', //服务器返回json格式数据
  224. type: 'post', //HTTP请求类型
  225. data: obj,
  226. timeout: 10000, //超时时间设置为10秒;
  227. headers: {
  228. 'Accept': 'application/json'
  229. }, //超时时间设置为10秒;
  230. success: function(data) {
  231. },
  232. error: function(xhr, type, errorThrown) {}
  233. });
  234. };
  235. var eyes = document.getElementById('eyes');
  236. var sign = true;
  237. eyes.addEventListener('click', function() {
  238. /*addClass() - 向被选元素添加一个或多个类
  239. removeClass() - 从被选元素删除一个或多个类*/
  240. if (sign) {
  241. $("#eyes").removeClass('eye-pos');
  242. $("#eyes").addClass('eye-pos-blue');
  243. $("#password").prop("type", "text");
  244. sign = false;
  245. } else {
  246. $("#eyes").removeClass('eye-pos-blue');
  247. $("#eyes").addClass('eye-pos');
  248. sign = true;
  249. $("#password").prop("type", "password");
  250. }
  251. });
  252. </script>
  253. </body>
  254. </html>