yf_zd
/
commonApp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284
							<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
		<style type="text/css">
			.mui-popover {
				width: 150px;
			}
			
			#popover {
				display: block;
				top: 57px;
				left: 165px;
			}
			
			.mui-popover .mui-popover-arrow {
				left: 118px;
			}
			/*详情*/
			
			.equipTitle {
				color: #21b2e7;
				font-size: 14px;
			}
			
			.mui-table-view-cell p {
				color: #333;
				font-size: 16px;
				margin-top: 4px;
			}
			
			#openPopover {
				display: none;
			}
			
			#popover i {
				margin-right: 5px;
			}
			
			.nullData {
				top: 45px;
			}
			#forbidden{
				color: red;
			}
			#launchBtn{
				color: green;
			}
			#editUser,#resetPwd{
				color: #1B6AAA;
			}
			#popover li{
				cursor: pointer;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">用户详情</h1>
			<a href="#popover" id="openPopover" class="mui-icon mui-icon-more mui-pull-right"></a>
		</header>
		<div class="mui-content">
			<div id="popover" class="mui-popover">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell" id="editUser">
						<a href="#">
							<i class="mui-icon mui-icon-compose"></i>编辑
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="#" id="forbidden">
							<i class="mui-icon mui-icon-minus"></i>禁用
						</a>
						<a href="#" id="launchBtn">
							<i class="mui-icon mui-icon-loop"></i>启用
						</a>
					</li>
					<li class="mui-table-view-cell" id="resetPwd">
						<a href="#">
							<i class="mui-icon mui-icon-refresh"></i>重置密码
						</a>
					</li>
				</ul>
			</div>
			<ul class="mui-table-view" id="user">

			</ul>
			<div id='cityResult3' class="ui-alert"></div>
		</div>
		<script src="../js/jquery-2.1.0.js"></script>
		<script src="../js/mui.min.js"></script>
		<script src="../js/city.data-3.js"></script>
		<script src="../js/mui.poppicker.js"></script>
		<script src="../js/mui.picker.min.js"></script>
		<script src="../js/city.data-3.js"></script>
		<script src="../js/common.js"></script>
		<script type="text/javascript">
			var userId;
			var currUserMsg;
			mui.init({
				pullRefresh: {
					container: ".mui-content", //下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等
					down: {
						style: 'circle', //必选，下拉刷新样式，目前支持原生5+ ‘circle’ 样式
						color: '#2BD009', //可选，默认“#2BD009” 下拉刷新控件颜色
						height: '100px', //可选,默认50px.下拉刷新控件的高度,
						range: '100px', //可选 默认100px,控件可下拉拖拽的范围
						offset: '0px', //可选 默认0px,下拉刷新控件的起始位置
						auto: false, //可选,默认false.首次加载自动上拉刷新一次
						callback: pulldownRefresh
					}
				}
			});
			mui.plusReady(function() {
				window.addEventListener('refresh', function(e) {
				//在父页面中添加监听事件，刷新页面
				    location.reload();  
				});
				var self = plus.webview.currentWebview();
				console.log(self.userId);
				userId = self.userId;
				pulldownRefresh('flag')
			})

			function pulldownRefresh(flag) {
				mui.ajax('http://192.168.1.11:8000/app_usermanage_detail', {
					data: {
						userId: userId,
					},
					dataType: 'json', //服务器返回json格式数据
					type: 'post', //HTTP请求类型
					timeout: 10000, //超时时间设置为10秒；
					beforeSend: function() {
						plus.nativeUI.showWaiting("加载中...");
					},
					complete: function() {
						plus.nativeUI.closeWaiting();
					},
					success: function(data) {
						$('.nullData').remove();
						$('#openPopover').show();
						currUserMsg = JSON.stringify(data);
						console.log(JSON.stringify(data))
						var tel = data.tel || '暂未填写';
						if(!data.province){
							var area = '暂未填写';
						}else{
							var area = data.province+data.city+data.area;
						}
						var usertype;
						if(data.usertype == 0){
							usertype = '超级管理员';
						}else if(data.usertype == 1){
							usertype = '管理员';
						}else if(data.usertype == 2){
							usertype = '用户';
						}
						var user_group = data.user_group || '暂无分组';
						var html = '<li class="mui-table-view-cell"><span class="equipTitle">用户名</span><p id="user_name">' + data.username + '</p></li>' +
							'<li class="mui-table-view-cell"><span class="equipTitle">邮箱</span><p>' + data.email + '</p></li>' +
							'<li class="mui-table-view-cell"><span class="equipTitle">电话</span><p>' + tel + '</p></li>' +
							'<li class="mui-table-view-cell"><span class="equipTitle">地区</span><p>' + area + '</p></li>' +
							'<li class="mui-table-view-cell"><span class="equipTitle">用户类型</span><p>' + usertype + '</p></li>' +
							'<li class="mui-table-view-cell"><span class="equipTitle">用户组</span><p>' + user_group + '</p></li>' +
							'<li class="mui-table-view-cell"><span class="equipTitle">最近登录</span><p>' + data.latestTime + '</p></li>' +
							'<li class="mui-table-view-cell"><span class="equipTitle">创建时间</span><p>' + data.creatTime + '</p></li>';
						$('#user').html(html)
						if(data.active){
							$('#forbidden').show();
							$('#launchBtn').hide();
						}else{
							$('#forbidden').hide();
							$('#launchBtn').show();
						}
					},
					error: function(xhr, type, errorThrown) {
						$('#openPopover').hide();
						mui('.mui-content')[0].appendChild(netStyle('../images/netBlocked.png'));
					}
				});
				if(!flag) {
					mui('.mui-content').pullRefresh().endPulldownToRefresh(false);
				}

			}
			//编辑
			document.getElementById('editUser').addEventListener('tap', function(e) {
				mui.openWindow({
					url: 'systemmanage_user_edit.html',
					id: 'systemmanage_user_edit',
					extras: {
						currUserMsg: currUserMsg
					}
				})
				mui('#popover').popover('toggle'); //show hide toggle
			})
			//禁用
			document.getElementById('forbidden').addEventListener('tap', function() {
				var username = plus.storage.getItem('username');
				console.log(username)
				if(username != $('#user_name').html()){
					mui.confirm('是否禁用当前用户？', '禁用', ['取消','确定'], function(e) {
	                    if (e.index == 1) {
							execute(0)
	                    } else {
	                    
	                    }
	                })
				}else{
					mui.alert('禁止禁用当前用户！','警告','确定')
				}
				

				mui('#popover').popover('toggle'); //show hide toggle

			})
			//启用
			document.getElementById('launchBtn').addEventListener('tap', function() {
				mui.confirm('是否启用当前用户？', '启用', ['取消','确定'], function(e) {
                    if (e.index == 1) {
						execute(1)
                    } else {
                    
                    }
                })
				mui('#popover').popover('toggle'); //show hide toggle
			})
			//重置密码
			document.getElementById('resetPwd').addEventListener('tap', function() {
				mui.openWindow({
					url: 'systemmanage_user_resetPwd.html',
					id: 'systemmanage_user_resetPwd',
					extras: {
						name: document.getElementById('user_name').innerHTML
					}
				})
				mui('#popover').popover('toggle'); //show hide toggle
			})

			function execute(state) {
				mui.ajax('http://192.168.1.11:8000/systemmanage_user_list', {
					data: {
						req: 'state',
						id: userId,
						state: state
					},
					dataType: 'json', //服务器返回json格式数据
					type: 'post', //HTTP请求类型
					timeout: 10000, //超时时间设置为10秒；
					beforeSend: function() {
						plus.nativeUI.showWaiting("加载中...");
					},
					complete: function() {
						plus.nativeUI.closeWaiting();
					},
					success: function(data) {
						if(data == 0) {
							if(!state) {
								mui.toast('禁用成功');
								$('#forbidden').hide();
								$('#launchBtn').show();
							} else {
								mui.toast('启用成功');
								$('#forbidden').show();
								$('#launchBtn').hide();
							}
						}
					},
					error: function(xhr, type, errorThrown) {

					}
				});
			}
		</script>
	</body>

</html>