yf_zd
/
commonApp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
							<!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="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
		<style type="text/css">
			#companylogo{
				line-height: 42px;
			    max-width: 42px;
			    height: 42px;
			}
			#edit{
				display: none;
			}
		</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 class="headRightIcon fa fa-edit mui-pull-right" id="edit">自定义</a>
		</header>
		<div class="mui-content">
			<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/common.js"></script>
		<script type="text/javascript">
			var groupname;
			var copyright,photopath;
			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: pullupRefresh
					}
				}
			});
			
			window.addEventListener('refresh', function(e) {
				location.reload();
				//document.getElementById('indexHeader').innerHTML = 'Hello World';
			})
			mui.plusReady(function() {
				var self = plus.webview.currentWebview();
				console.log(self.name);
				groupname = self.name;
				//默认第一次加载数据
				pullupRefresh();
				//进入详情页面
				document.getElementById('edit').addEventListener('tap',function(){
					mui.openWindow({
						url:'systemmanage_usergroup_edit.html',
						id:'systemmanage_usergroup_edit',
						extras: {
							name: groupname,
							photopath:photopath,
							copyright:copyright
						}
					})
				})
				
			});
			
			function pullupRefresh() {
				console.log(groupname)
				mui.ajax('http://120.27.222.26/app_user_group_details', {
					data: {
						name:groupname
					},
					dataType: 'json', //服务器返回json格式数据
					type: 'post', //HTTP请求类型
					timeout: 10000, //超时时间设置为10秒；
					beforeSend: function() {
						plus.nativeUI.showWaiting('请求中...');
					},
					complete: function() {
						plus.nativeUI.closeWaiting();
					},
					success: function(data) {
						$('.nullData').remove();
						console.log(JSON.stringify(data));
						photopath = 'http://120.27.222.26/'+data.logo;
						copyright = data.copyright;
						var html = '<li class="mui-table-view-cell" id=""><span class="equipTitle">首页logo</span><p><img id="companylogo" class="" src="http://120.27.222.26/'+data.logo+'"></p></li>'+
									'<li class="mui-table-view-cell" id="11"><span class="equipTitle">角色名称</span><p>'+data.username+'</p></li>'+
									'<li class="mui-table-view-cell" id="22"><span class="equipTitle">角色描述</span><p id="equipName">'+data.userremark+'</p></li>'+
									'<li class="mui-table-view-cell" id="22"><span class="equipTitle">创建时间</span><p>'+data.creatTime+'</p></li>'+
									'<li class="mui-table-view-cell" id="22"><span class="equipTitle">版权</span><p>'+data.copyright+'</p></li>';
						$('#user').html(html);
						$('#edit').show();
						mui('.mui-content').pullRefresh().endPulldownToRefresh(false);
						$('#companylogo').on('tap',previewImage);
						var imagepath = 'http://120.27.222.26/'+data.logo;
						// 图片预览
						function previewImage(){
							plus.nativeUI.previewImage([
								imagepath
							]);
						}
					},
					error: function(xhr, type, errorThrown) {
						$('#edit').hide();
						$('#user').empty();
						mui('.mui-content')[0].appendChild(netStyle('../images/netBlocked.png'));
						mui.toast('请检查当前网络');
						mui('.mui-content').pullRefresh().endPulldownToRefresh(false);
					}
				});

			}
			
//			mui.previewImage();
			
			
		</script>
	</body>

</html>