tab-webview-subpage-mine.html 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Hello MUI</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <link rel="stylesheet" href="css/mui.min.css">
  10. <link href="css/OA-style.css" rel="stylesheet" />
  11. </head>
  12. <body>
  13. <header><h1 class="mui-title">主页</h1></header>
  14. <div id="tabbar-with-my" class="mui-control-content mui-active">
  15. <div class="index_my_div" >
  16. <div class="information" id="memberInfo">
  17. <div class="mui-clearfix index_my_div1">
  18. <div class="head-big mui-pull-left" id="head_img"></div>
  19. <div class="name mui-pull-left">
  20. <h1 id="username"></h1>
  21. <h2 id="idnumber"></h2>
  22. </div>
  23. <div class="index_my_div2"><img class="index_my_img" src="images/index_xianqing.png" ></div>
  24. </div>
  25. <div class="mui-clearfix index_my_div3">
  26. <p class="mui-pull-left" id="departname"></p>
  27. <span class="mui-pull-left"></span>
  28. <p class="mui-pull-left" id="position"></p>
  29. </div>
  30. </div>
  31. <ul class="mui-table-view index_my_ul" >
  32. <li class="mui-table-view-cell" id="modifyPwd">
  33. <img class="index_my_img1" src="images/me_set_privacy.png" >
  34. 密码修改
  35. </li>
  36. <!--<li class="mui-table-view-cell" id="locker">
  37. <img class="index_my_img1" src="images/index_shoushi.png" >
  38. 手势管理
  39. </li>
  40. <li class="mui-table-view-cell" id="feedback">
  41. <img class="index_my_img1" src="images/me_set_problem.png" >
  42. 意见反馈
  43. </li>
  44. <li class="mui-table-view-cell" id="clear">
  45. <img class="index_my_img1" src="images/index_delhuanchung.png" >
  46. 清除缓存
  47. </li>-->
  48. </ul>
  49. <div class="index_my_div4">
  50. <center><button type="button" class="mui-btn mui-btn-danger mui-btn-block" id="logout" style="width: 80%;">退出登录</button></center>
  51. </div>
  52. </div>
  53. </div>
  54. </body>
  55. <script src="js/mui.min.js"></script>
  56. <script src="js/app.js"></script>
  57. <script src="js/config.js"></script>
  58. <script src="js/dj/person/person.js"></script>
  59. <script>
  60. mui.init({
  61. swipeBack: true //启用右滑关闭功能
  62. });
  63. function getImageUrl(obj) {
  64. var http = API.API_ROOT;
  65. if(!obj.photo) {
  66. return "images/user-photo.png";
  67. } else {
  68. return http + obj.photo;
  69. }
  70. }
  71. function addData(){
  72. getMemberInfo(function(data) {
  73. var memeber = data.returnParams;
  74. memeber = memeber[0];
  75. var imgUrl = memeber.photo;
  76. if(memeber) {
  77. document.getElementById("username").innerHTML = memeber.name;
  78. document.getElementById("idnumber").innerHTML = "ID:"+memeber.userName;
  79. if(!imgUrl) {
  80. imgUrl = "images/user-photo.png"; //显示头像图片
  81. }else{
  82. imgUrl = API.API_IP_PORT + imgUrl;
  83. }
  84. document.getElementById("head_img").innerHTML = '<img src="' + imgUrl + '">'
  85. document.getElementById("departname").innerHTML = memeber.deptName;
  86. document.getElementById("position").innerHTML = memeber.positionName;
  87. }
  88. });
  89. }
  90. mui.plusReady(function() {
  91. //自定义事件,模拟点击“首页选项卡”
  92. document.addEventListener('mineEvent', function() {
  93. addData();
  94. });
  95. document.getElementById('logout').addEventListener('tap', function() {
  96. if(mui.os.ios) {
  97. var outArray = [{
  98. title: "注销当前账号"
  99. }];
  100. plus.nativeUI.actionSheet({
  101. cancel: "取消",
  102. buttons: outArray
  103. }, function(event) {
  104. var index = event.index;
  105. switch(index) {
  106. case 1:
  107. //注销账号
  108. app.setState({});
  109. exitApp();
  110. break;
  111. }
  112. });
  113. // app.setState({});
  114. // var mainWebview = plus.webview.getLaunchWebview();
  115. // mui.fire(mainWebview, 'logoutEvent');
  116. // exitApp();
  117. // return;
  118. }
  119. var btnArray = [{
  120. title: "注销当前账号"
  121. }, {
  122. title: "直接关闭应用"
  123. }];
  124. plus.nativeUI.actionSheet({
  125. cancel: "取消",
  126. buttons: btnArray
  127. }, function(event) {
  128. var index = event.index;
  129. switch(index) {
  130. case 1:
  131. //注销账号
  132. app.setState({});
  133. exitApp();
  134. break;
  135. case 2:
  136. plus.runtime.quit();
  137. break;
  138. }
  139. });
  140. }, false); //退出操作******************
  141. //返回父级页面进行刷新操作
  142. window.addEventListener('refresh', function(e) {
  143. addData();
  144. })
  145. document.getElementById('memberInfo').addEventListener('tap', function() {
  146. mui.openWindow({
  147. url: 'page/person/memberInfo.html',
  148. id: 'memberInfo.html'
  149. });
  150. })
  151. document.getElementById('modifyPwd').addEventListener('tap', function() {
  152. mui.openWindow({
  153. url: 'page/person/password.html',
  154. id: 'password.html'
  155. });
  156. });
  157. // document.getElementById('locker').addEventListener('tap', function() {
  158. // mui.openWindow({
  159. // url: 'page/person/locker.html',
  160. // id: 'locker.html'
  161. // });
  162. // });
  163. // document.getElementById('feedback').addEventListener('tap', function() {
  164. // mui.openWindow({
  165. // url: 'page/person/adviceAdd.html',
  166. // id: 'adviceAdd.html'
  167. // });
  168. // });
  169. // 扩展API加载完毕后调用onPlusReady回调函数
  170. // document.getElementById('clear').addEventListener( "tap", onPlusReady, false );
  171. // 扩展API加载完毕,现在可以正常调用扩展API
  172. function onPlusReady() {
  173. var w = plus.nativeUI.showWaiting();
  174. // 2秒后关闭
  175. setTimeout( function(){
  176. w.close();
  177. mui.toast("缓存清除完毕");
  178. }, 2000 );
  179. /*plus.cache.calculate(function(size) {
  180. console.log(size)
  181. sizeCache = size;
  182. mui.confirm("您目前的系统缓存为" + parseFloat(sizeCache / (1024 * 1024)).toFixed(2) + "M?", "清除缓存", ["确认", "取消"], function(e) {
  183. if(e.index == 1) {} else {
  184. plus.cache.clear(function() {*/
  185. //setTimeout(function() {alert("缓存清除完毕")},2000);
  186. /*});
  187. }
  188. });
  189. });*/
  190. }
  191. })
  192. </script>
  193. </html>