ygtx
/
ygtx_oa_app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/mui.indexedlist.css" rel="stylesheet" />
		<link href="css/OA-style.css" rel="stylesheet" />
		<style>
			html,
			body {
				height: 100%;
				overflow: hidden;
			}
			.mui-bar {
				-webkit-box-shadow: none;
				box-shadow: none;
			}
		
		.oa-contact-cell.mui-table .mui-table-cell {
			padding: 10px 0;
			vertical-align: middle;
		}
		
		.oa-contact-cell {
			position: relative;
			margin: -11px 0;
		}
		
		.oa-contact-avatar {
			width: 75px;
		}
		
		.oa-contact-avatar img {
			border-radius: 50%;
			width: 50px;
			height: 50px;
		}
		
		.oa-contact-content {
			width: 100%;
		}
		
		.oa-contact-name {
			margin-right: 20px;
		}
		
		.oa-contact-name,
		.oa-contact-position {
			float: left;
		}
		</style>
	</head>
	<body>
		<div class="mui-content">
			<div id='list' class="mui-indexed-list">
				<div class="mui-indexed-list-search mui-input-row mui-search" style="position:relative;top:0px;">
					<input type="search" class="mui-input-clear mui-indexed-list-search-input" placeholder="搜索">
				</div>
				<div class="mui-indexed-list-bar">
					<a>A</a>
					<a>B</a>
					<a>C</a>
					<a>D</a>
					<a>E</a>
					<a>F</a>
					<a>G</a>
					<a>H</a>
					<a>I</a>
					<a>J</a>
					<a>K</a>
					<a>L</a>
					<a>M</a>
					<a>N</a>
					<a>O</a>
					<a>P</a>
					<a>Q</a>
					<a>R</a>
					<a>S</a>
					<a>T</a>
					<a>U</a>
					<a>V</a>
					<a>W</a>
					<a>X</a>
					<a>Y</a>
					<a>Z</a>
				</div>
				<div class="mui-indexed-list-alert"></div>
				<div class="mui-indexed-list-inner">
					<ul class="mui-table-view mui-clearfix">
						
						<li class="mui-table-view-cell" onclick="depart()">
							<div class="mui-pull-left head"><img src="images/txl_bm.png"></div>
							<div class="mui-pull-right text">
									<h4 class="mui-pull-left">部门</h4>
							</div>
						</li>
					</ul>
					<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed" id="users">							
						<li v-for="(item,key) in items" :data-group="key">
							<div class="mui-slider-cell memberlist">
								<div class="mui-table-view-cell-1 member_key">{{key}}</div>
								<ul class="mui-table-view members" v-for="user in item">										
									<li class="mui-table-view-cell" :class="'cs_'+user.useId" :id="user.useId" :data-value="user.name"  @tap="open_person(user)">
										<div class="mui-pull-left head"><img src=""></div>
										<div class="mui-pull-right text">
												<h1 class="mui-pull-left">{{user.name}}</h1>
												<h2 class="mui-pull-left"><span>{{user.deptName}}</span>{{user.positionName}}</h2>
										</div>
									</li>
								</ul>
							</div>
						</li>
						
					</ul>
				</div>
			</div>
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/mui.indexedlist.js"></script>
		<script src="js/jquery-1.8.3.js "></script>
		<script src="js/app.js"></script>
		<script src="js/config.js"></script>
		<script src="js/vue.min.js"></script>
		<script type="text/javascript" charset="utf-8">
			mui.init();
			mui.ready(function() {
				var header = document.querySelector('header.mui-bar');
				var list = document.getElementById('list');
				//calc hieght
				list.style.height = (document.body.offsetHeight) + 'px';
				//create
				window.indexedList = new mui.IndexedList(list);
				
			});
			
			document.addEventListener('personEvent', function(event) {
				location.reload();
			});	
				
			mui.plusReady(function() {
				if(app.getState().user){
					compay();
				}
				
			});
			
			var vue = new Vue({
				el:'#users',
				data:{
					items:[]
				}
			})
			
			function depart(){
				/*var state = app.getState(); //获取登陆信息
				var params = {groupId:state.user.groupid};
				load(params);*/
				mui.openWindow('page/person/persondepart.html');
			}
			
			function compay(){
				var state = app.getState(); //获取登陆信息
				var params = {groupId:state.user.unitId};
				load(params);
			}
			
			function load(params){
				app.ajax("eu_2015V01loadAllUser",params,function(param){
					vue.items = param;
				});
			}
			
//			function toDetail(event){
//				var state = app.getState(); //获取登陆信息
//				var params = {staffId:event.currentTarget.id,userId:state.user.useId};
//				app.ajax("eu_2013V01loadMyUser",params,function(param){
//					var activity = plus.android.runtimeMainActivity();
//					var Intent = plus.android.importClass("android.content.Intent");
//					var intent = new Intent();
//					intent.putExtra("account", param.loginUser.userName)
//					intent.putExtra("password",param.loginUser.phone_code);
//					intent.putExtra("toAccount", param.userName);
//					intent.putExtra("depart", param.deptName);
//					intent.putExtra("type", "1");
//					intent.setClassName(activity, "com.apps.zpdj.activity.ZpdjMainActivity");
//	
//					activity.startActivityForResult(intent, 100);
//					activity.onActivityResult = function(requestCode, resultCode, data) {
//						plus.android.importClass(data);
//						var str = data.getStringExtra('zcmain');
//						alert('回调成功啦....' + str);
//					}
//				});
//			}
			
			function team(){
				/*var state = app.getState(); //获取登陆信息
				var params = {staffId:"",userId:state.user.useId};
				app.ajax("eu_2013V01loadMyUser",params,function(param){
					var activity = plus.android.runtimeMainActivity();
					var Intent = plus.android.importClass("android.content.Intent");
					var intent = new Intent();
					intent.putExtra("account", param.loginUser.userName)
					intent.putExtra("password",param.loginUser.phone_code);
	
					intent.putExtra("toAccount", "");
					intent.putExtra("depart", "");
					intent.putExtra("type", "2");
					intent.setClassName(activity, "com.apps.zpdj.activity.ZpdjMainActivity");
	
					activity.startActivityForResult(intent, 100);
					activity.onActivityResult = function(requestCode, resultCode, data) {
						plus.android.importClass(data);
						var str = data.getStringExtra('zcmain');
						alert('回调成功啦....' + str);
					}
				});*/
			mui.openWindow('page/person/personteam.html');
			};
			function open_person(user){
				var companyId=user.useId;
				var name=user.name;
				var sex=user.sex;
				var contact_tel1=user.contact_tel1;
				var positionName=user.positionName;
				var deptName=user.deptName;
				var email=user.email;
				var birthday=user.birthday;
				var page = "page/person/person_edit.html";
				mui.openWindow({
					createNew: true,
					url: page,
					extras: {
						companyId:companyId,
						name:name,
						sex:sex,
						contact_tel1:contact_tel1,
						positionName:positionName,
						deptName:deptName,
						email:email,
						birthday:birthday
					}
				});
			}
			
		</script>
	</body>

</html>