Amoy2
/
sr-iHealthApp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224
							<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>团队设置</title>
		<meta name="author" content="yihu.com" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<link rel="stylesheet" type="text/css" href="../../../common/iconfont/iconfont.css">
		<link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
		<link rel="stylesheet" href="../../../common/cross/css/cross.ui.css" type="text/css" />
		<link rel="stylesheet" href="../css/tuandui.css" type="text/css" />
		<link rel="stylesheet" href="../css/tuanduishezhi.css" type="text/css" />

	</head>

	<body>

		<!--
        	作者：lcl0338@126.com
        	时间：2016-09-18
        	描述：头部
        -->
		<div class="h45">
			<div class="demo-comtop">
				<a class="mui-action-back"></a>
				<h1 id="teamName"></h1>
			</div>
		</div>

		<!--
        	作者：lcl0338@126.com
        	时间：2016-09-18
        	描述：列表内容
        -->
		<div id="wrapper" style="top:46px;">
			<div id="scroller">

				<!--
                    	作者：lcl0338@126.com
                    	时间：2016-09-29
                    	描述：暂时隐藏
                    -->
				<!--<div id='teamNameWrapper' class="lin-frm-row">
					<div class="lin-title">团队名称</div>
					<div id="teamName" class="lin-cont"></div>
					<div class="lin-arrow"></div>
				</div>

				<div class="lin-frm-row" style="margin-top: 15px;">
					<div class="lin-title">团队成员</div>
					<div id="memberNum" class="lin-cont" style="text-align: left;"> (10人)</div>
				</div>-->

				<ul class="lin-g-member">
					
					<!--
                    	作者：lcl0338@126.com
                    	时间：2016-09-29
                    	描述：暂时隐藏
                    -->
					<!--<li id='addBtn'><img src="../images/yaoqing_icon.png"><p>邀请</p></li>-->
				</ul>

			</div>
		</div>

	</body>
	
	<script type="text/html" id="members_tmpl">
		{{each data as v i}}
		<li class="member" data-type="{{v.type}}" data-code="{{v.code}}"><img src="{{v.photo | setPhoto}}"><p>{{v.name}}</p></li>
		{{/each}}
	</script>
	
	<script src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script src="../../../widget/iscroll/5.1.3/js/iscroll.js"></script>
	<script src="../../../js/mui.min.js" type="text/javascript"></script>
	<script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/templateHelp.js" type="text/javascript" charset="utf-8"></script>

	<script>
		(function(doc, win) {
			var docEl = doc.documentElement,
				resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
				recalc = function() {
					var clientWidth = docEl.clientWidth;
					if(!clientWidth) return;
					docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';
				};
			if(!doc.addEventListener) return;
			win.addEventListener(resizeEvt, recalc, false);
			doc.addEventListener('DOMContentLoaded', recalc, false);
		})(document, window);
		
		var teamCode, teamName, self;
		mui.plusReady(function(){
			self = plus.webview.currentWebview();
			loaded();
			if(self.members){
				memberTotal = self.members.length;
				setTeamName(self.teamName, memberTotal);
				$('.lin-g-member').prepend(template('members_tmpl', {data: self.members}));	
				myScroll.refresh();
			} else {
				setTeamName(self.teamName, 0);
				teamCode = self.teamCode;
				initMembers();
			}
				
		})
		
		/**
		 * 初始化iscroll
		 */
		function loaded () {
			document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
			myScroll = new IScroll('#wrapper', { probeType: 3, mouseWheel: true });
		}
		
	
		function setTeamName(name, num){
			teamName = name;
			$('#teamName').html(teamName+ "("+ num + "人)");
		}
		
		var memberTotal;
		function initMembers(){
			sendGet("/doctor/admin-teams/"+ teamCode +"/members", {}, null, function(res){
				if(res.status==200){
					/*$('#memberNum').html(' ('+ res.data.length+'人)');*/
					setTeamName(teamName, res.data.length);
					memberTotal = res.data.length;
					$('.lin-g-member').prepend(template('members_tmpl', res));	
					myScroll.refresh();
				}
				else
					mui.toast(res.msg);
			})
		}
		
		/**
		 * 团队名称点击事件
		 */
		$('#teamNameWrapper').on('tap', function(){
			mui.openWindow({
				url: "bianji.html",
				extras: {
					teamCode: teamCode,
					teamName: teamName
				}
			})
		})
		
		/**
		 * 点击添加事件
		 */
		$('#addBtn').on('tap', function(){
			mui.openWindow({
				url: "tianjiachengyuan.html", 
				id: "tianjiachengyuan.html", 
				extras: {teamCode: teamCode}
			});
		})
		
		/**
		 * 点击成员事件
		 */
		$('.lin-g-member').on('tap', 'li.member', function(){
			if(self.type == 2)
				return;
			
			var type = $(this).attr('data-type');
			var code = $(this).attr('data-code');
			if(type == "patient"){
				mui.openWindow('../../huanzhe/html/huanzhexinxi.html', 'huanzhexinxi3', {
					extras: {
						patiCode: code
					}
				});
			} else {
				mui.openWindow({
					url: "../../mine/html/zuyuanziliao.html",
					id: "zuyuanziliao",
					extras: {
						docCode: code
					}
				})
			}
		})
		
		/**
		 * 更新团队名称
		 */
		window.addEventListener("updateTeamName", function(e){
			setTeamName(e.detail.teamName);
		})
		
		/**
		 * 更新团队成员
		 */
		window.addEventListener("updateTeamMember", function(e){
			var data = e.detail.data;
			var d = [];
			for(var k in data){
				d.push(data[k]);
			}
			memberTotal += d.length;
			$('#memberNum').html(' ('+ memberTotal +'人)');
			$('#addBtn').before(template('members_tmpl', {data: d}));
			myScroll.refresh();
		})
		
		template.helper("setPhoto", function(p) {		
				return getImgUrl(p);
		});
	</script>

</html>