| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>Hello MUI</title>
- <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
- <meta name="apple-mobile-web-app-capable" content="yes">
- <meta name="apple-mobile-web-app-status-bar-style" content="black">
- <link rel="stylesheet" href="css/mui.min.css">
- <link href="css/OA-style.css" rel="stylesheet" />
- </head>
- <body>
- <header><h1 class="mui-title">主页</h1></header>
- <div id="tabbar-with-my" class="mui-control-content mui-active">
- <div class="index_my_div" >
- <div class="information" id="memberInfo">
- <div class="mui-clearfix index_my_div1">
- <div class="head-big mui-pull-left" id="head_img"></div>
- <div class="name mui-pull-left">
- <h1 id="username"></h1>
- <h2 id="idnumber"></h2>
- </div>
- <div class="index_my_div2"><img class="index_my_img" src="images/index_xianqing.png" ></div>
- </div>
- <div class="mui-clearfix index_my_div3">
- <p class="mui-pull-left" id="departname"></p>
- <span class="mui-pull-left"></span>
- <p class="mui-pull-left" id="position"></p>
- </div>
- </div>
- <ul class="mui-table-view index_my_ul" >
- <li class="mui-table-view-cell" id="modifyPwd">
- <img class="index_my_img1" src="images/me_set_privacy.png" >
- 密码修改
- </li>
- <!--<li class="mui-table-view-cell" id="locker">
- <img class="index_my_img1" src="images/index_shoushi.png" >
- 手势管理
- </li>
- <li class="mui-table-view-cell" id="feedback">
- <img class="index_my_img1" src="images/me_set_problem.png" >
- 意见反馈
- </li>
- <li class="mui-table-view-cell" id="clear">
- <img class="index_my_img1" src="images/index_delhuanchung.png" >
- 清除缓存
- </li>-->
- </ul>
- <div class="index_my_div4">
- <center><button type="button" class="mui-btn mui-btn-danger mui-btn-block" id="logout" style="width: 80%;">退出登录</button></center>
- </div>
- </div>
- </div>
- </body>
- <script src="js/mui.min.js"></script>
- <script src="js/app.js"></script>
- <script src="js/config.js"></script>
- <script src="js/dj/person/person.js"></script>
- <script>
- mui.init({
- swipeBack: true //启用右滑关闭功能
- });
- function getImageUrl(obj) {
- var http = API.API_ROOT;
- if(!obj.photo) {
- return "images/user-photo.png";
- } else {
- return http + obj.photo;
- }
- }
-
- function addData(){
- getMemberInfo(function(data) {
- var memeber = data.returnParams;
- memeber = memeber[0];
- var imgUrl = memeber.photo;
- if(memeber) {
- document.getElementById("username").innerHTML = memeber.name;
- document.getElementById("idnumber").innerHTML = "ID:"+memeber.userName;
- if(!imgUrl) {
- imgUrl = "images/user-photo.png"; //显示头像图片
- }else{
- imgUrl = API.API_IP_PORT + imgUrl;
- }
- document.getElementById("head_img").innerHTML = '<img src="' + imgUrl + '">'
- document.getElementById("departname").innerHTML = memeber.deptName;
- document.getElementById("position").innerHTML = memeber.positionName;
- }
- });
- }
- mui.plusReady(function() {
- //自定义事件,模拟点击“首页选项卡”
- document.addEventListener('mineEvent', function() {
- addData();
- });
-
- document.getElementById('logout').addEventListener('tap', function() {
- if(mui.os.ios) {
- var outArray = [{
- title: "注销当前账号"
- }];
- plus.nativeUI.actionSheet({
- cancel: "取消",
- buttons: outArray
- }, function(event) {
- var index = event.index;
- switch(index) {
- case 1:
- //注销账号
- app.setState({});
- exitApp();
- break;
- }
- });
- // app.setState({});
- // var mainWebview = plus.webview.getLaunchWebview();
- // mui.fire(mainWebview, 'logoutEvent');
- // exitApp();
- // return;
- }
- var btnArray = [{
- title: "注销当前账号"
- }, {
- title: "直接关闭应用"
- }];
- plus.nativeUI.actionSheet({
- cancel: "取消",
- buttons: btnArray
- }, function(event) {
- var index = event.index;
- switch(index) {
- case 1:
- //注销账号
- app.setState({});
- exitApp();
- break;
- case 2:
- plus.runtime.quit();
- break;
- }
- });
- }, false); //退出操作******************
-
- //返回父级页面进行刷新操作
- window.addEventListener('refresh', function(e) {
- addData();
- })
- document.getElementById('memberInfo').addEventListener('tap', function() {
- mui.openWindow({
- url: 'page/person/memberInfo.html',
- id: 'memberInfo.html'
- });
- })
-
- document.getElementById('modifyPwd').addEventListener('tap', function() {
- mui.openWindow({
- url: 'page/person/password.html',
- id: 'password.html'
- });
- });
-
- // document.getElementById('locker').addEventListener('tap', function() {
- // mui.openWindow({
- // url: 'page/person/locker.html',
- // id: 'locker.html'
- // });
- // });
-
- // document.getElementById('feedback').addEventListener('tap', function() {
- // mui.openWindow({
- // url: 'page/person/adviceAdd.html',
- // id: 'adviceAdd.html'
- // });
- // });
-
- // 扩展API加载完毕后调用onPlusReady回调函数
- // document.getElementById('clear').addEventListener( "tap", onPlusReady, false );
- // 扩展API加载完毕,现在可以正常调用扩展API
- function onPlusReady() {
- var w = plus.nativeUI.showWaiting();
- // 2秒后关闭
- setTimeout( function(){
- w.close();
- mui.toast("缓存清除完毕");
- }, 2000 );
- /*plus.cache.calculate(function(size) {
- console.log(size)
- sizeCache = size;
- mui.confirm("您目前的系统缓存为" + parseFloat(sizeCache / (1024 * 1024)).toFixed(2) + "M?", "清除缓存", ["确认", "取消"], function(e) {
- if(e.index == 1) {} else {
- plus.cache.clear(function() {*/
- //setTimeout(function() {alert("缓存清除完毕")},2000);
- /*});
- }
- });
- });*/
- }
- })
- </script>
- </html>
|