ygtx
/
ygtx_oa_app


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294
							<!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" id="groupXuserInfo">
						<p class="mui-pull-left" id="departname">{{usersInfo.groupName}}</p>
						<span class="mui-pull-left"></span>
						<p class="mui-pull-left" id="position">{{usersInfo.posName}}</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" style="position: relative;" id="switch"  v-if="groupXUsers!=''&&groupXUsers.length>1">
						<img class="index_my_img1" src="images/index_shoushi.png"> 角色切换:
						<select id="switch_role" onchange="switchRole()" style="position: absolute;top: 4px;font-size: 14px;">
							<template v-for="groupXUser in groupXUsers">
								<option :value="groupXUser.id" v-if="groupXUserId==groupXUser.id" selected="selected">{{groupXUser.groupName}}({{groupXUser.posName}})</option>
								<option :value="groupXUser.id" v-else >{{groupXUser.groupName}}({{groupXUser.posName}})</option>
							</template>
						</select>
					</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/vue.min.js"></script>
	<script src="js/jquery-1.11.2.min.js"></script>
	<script src="js/dj/person/person.js"></script>
	<script>
		mui.init({
			swipeBack: true //启用右滑关闭功能
		});
        
        var vmInfo= new Vue({
			el: '#groupXuserInfo',
			data: {
				usersInfo: []
			} 
		})
        
		var vm = new Vue({
			el: '#switch',
			data: {
				groupXUserId:'',
				groupXUsers: []
			},
			methods: {
				
			}
		})

		function getGroupXUser() {
			var state=app.getState(); //获取登陆信息
			vmInfo.usersInfo=state.user.groupXUser;
			var state = app.getState(); //获取登陆信息
			var staffId = state.user.useId;
			var url = API.API_URL();
			mui.ajax(url, {
				dataType: 'json', //服务器返回json格式数据
				type: 'post', //HTTP请求类型
				data: {
					'serviceId': 'eu_2019ClientGroupXUserListAction',
					'params': '{staffId:"' + staffId + '"}'
				},
				timeout: 10000, //超时时间设置为10秒；
				headers: {
					'Accept': 'application/json'
				},
				success: function(data) {
					//服务器返回响应
					console.log("流程信息:" + JSON.stringify(data));
					if(data.returnCode == "0") {
						var returnParams = data.returnParams;
						vm.groupXUsers = returnParams;
						vm.groupXUserId=state.user.groupXUser.id;
					} else {
						mui.toast("获取流程信息错误");
					}
				},
				error: function(xhr, type, errorThrown) {
					//异常处理；
					console.log(xhr + "========" + type + "===========" + errorThrown);
				}
			});
		}

		function switchRole() {
			var state = app.getState(); //获取登陆信息
			var user = state.user;
			var token = state.token;
			vm.groupXUserId = $("#switch_role").val();
			var groupXUser={};
			vm.groupXUsers.forEach(function(item) {
				if(item.id==vm.groupXUserId){
					groupXUser=item
				}
			})
			app.switchGroupXUser(user,token, groupXUser,function(){
				state=app.getState(); //获取登陆信息
				vmInfo.usersInfo=state.user.groupXUser;
				
			})
		}

        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 + '">'
				}

			});
		}

        
		function getImageUrl(obj) {
			var http = API.API_ROOT;
			if(!obj.photo) {
				return "images/user-photo.png";
			} else {
				return http + obj.photo;
			}
		}


		mui.plusReady(function() {
			getGroupXUser();
			//自定义事件，模拟点击“首页选项卡”
			document.addEventListener('mineEvent', function() {
				addData();
				getGroupXUser();
				
			});

			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>