Amoy2
/
sr-iHealthApp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426
							<!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" type="text/css" href="../../../widget/mobiscroll/2.17.1/css/mobiscroll.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/mui-pull.css" />
	  <link rel="stylesheet" type="text/css" href="../../../css/iscroll.css" />	
		<link rel="stylesheet" href="../css/tuandui.css" type="text/css" />
		<link rel="stylesheet" href="../../manager/css/manager.css" />
		<link rel="stylesheet" href="../css/gongzuobaogao.css" />
		<style type="text/css">
			#wrapper{
				overflow: auto;
			}
			.iScroller{
				padding-bottom: 50px;
			}
		</style>
	</head>

	<body>
		<!--顶部-->
		<div class="h45">
			<div class="demo-comtop">
				<a class="mui-action-back"></a>
				<h1><span id="selTit">团队随访详情-本周</span><label class="lin-down-arrow"></label></h1>
			</div>
		</div>
		<!--下拉选择-->
		<div class="lin-mask"></div>
		<ul class="lin-sel-group">
			<li class="checked" data-type="0"><img src="../images/checked_blue.png"><label>团队随访详情-本周</label></li>
			<li data-type="1"><img src="../images/checked_blue.png"><label>团队随访详情-本月</label></li>
		</ul>
		</ul>
		<!--图表-->
		<div id="wrapper">
			<div class="iScroller">
				<!--团队咨询详情-->
				<div id="zxxqEcharts" style="width: 100%;height: 180px;"></div>
				
				<!--排行-->
				<ul class="px-top">
					<li class="px-tit">
						<span>按<span id="pxtj">总量</span>
						<span id="xpx">降序</span>排行</span>
						<!--排序规则选择-->
						<input id="pxgz" />
					</li>
					<li class="up-down"><i></i><i class="down-active"></i></li>
				</ul>
				<div id="pxList">
					<!--列表-->
				</div>
			</div>
		</div>
		<script type="text/html" id="listTmp">
			{{each data as it}}
			<ul class="px-list" data-code="{{it.doctorCode}}" data-img="" data-name="{{it.name}}">
				<li>
					<div class="px-bg" style="width: {{it.width}}%;"></div>
					<div class="px-name">{{it.name}}</div>
					<div class="px-num">
						<span>总量: {{it.followupCount}}</span>
						&nbsp;&nbsp;&nbsp;
						<span>新增: {{it.addCount}}</span>
						&nbsp;&nbsp;&nbsp;
						<span>计划中: {{it.planCount}}</span>
						&nbsp;&nbsp;&nbsp;
					</div>
				</li>
			</ul>
			{{/each}}
		</script>
	</body>
	<script src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script src="../../../js/underscore.js"></script>
	<script src="../../../js/es6-promise.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 src="../../../js/iscroll-probe.js"></script>
	<script src="../../../js/iscroll-pull-up-down.js"></script>
	<script src="../../../widget/iscroll/5.1.3/js/iscroll.js"></script>  
	<script src="../../../widget/mobiscroll/2.17.1/js/mobiscroll.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../widget/echarts/echarts.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/init-charts.js" type="text/javascript"></script>
	<script src="../js/get-date.js" type="text/javascript"></script>
	<script src="../js/gzbg-helper.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(function () {
			var pi = {
				getTeamFollowupLine: 'statistics/getTeamFollowupLine',
				getDoctorTeamFolList: 'statistics/getDoctorTeamFolList'
			};
			function openWebview(href,hrefId,extras) {
				if(plus.os.name == "Android") {
		            var wv = plus.webview.create( href, hrefId, {hardwareAccelerated:false}, extras);
		            wv.show("slide-in-right",250);
		        } else {
		            mui.openWindow({
		                url:href,
		                id:hrefId,
		                extras:extras
		             })
		        }
			}
			var tdzxxq = {
		//		下拉
				$demoComtop: $('.demo-comtop'),
				$linMask: $('.lin-mask'),
				$linSelGroup: $('.lin-sel-group'),
				$selTit: $('#selTit'),
				$pxList: $('#pxList'),
				$pxTit: $('.px-tit'),
				$upDown: $('.up-down'),
				$pxgz: $('#pxgz'),
				$pxtj: $('#pxtj'),
				$xpx: $('#xpx'),
				$zxxqEcharts: document.getElementById('zxxqEcharts'),
				scroller1: null,
				es: [ 'tap', 'change'],
				type: 0, //0-周；1-月
				weeksData: null,//周数据
				monthData: null,//月数据
				startDate: '',//开始时间
				endDate: '',//结束时间
				sort: 0,//0降序,1升序.
				sortType: 0,//0--总量；1--新增；2--计划中
				self: null,
				teamCode: '',
				weeks: ['','第一周','第二周','第三周','第四周','第五周'],
				dateArr: [],
				init: function () {
					var me = this;
					mui.init();
		    		mui.plusReady(function(){
		    			me.self = plus.webview.currentWebview();
		    			me.teamCode = me.self.teamCode;
		    			me.type = me.self.type;
		    			if (me.type == '0') {
		    				me.$selTit.html('团队随访详情-本周');
		    				$('.lin-sel-group').children().eq(1).removeClass('checked');
		    				$('.lin-sel-group').children().eq(0).addClass('checked');
		    			}
		    			if (me.type == '1') {
		    				me.$selTit.html('团队随访详情-本月');
		    				$('.lin-sel-group').children().eq(0).removeClass('checked');
		    				$('.lin-sel-group').children().eq(1).addClass('checked');
		    			}
		    			me.initData();
		    			me.initMobiScroll();
		    		});
				},
				initData: function () {
					this.setDate();
//					this.scroller1 = $h.initScroll(this.pullDownAction);
					this.bindEvent();
				},
				//选择排序条件
				initMobiScroll: function () {
					this.$pxgz.mobiscroll().select({
				        theme: 'ios',
				        display: 'bottom',
						lang: 'zh',
				        data: [{
				            text: '总量排序',
				            value: 0
				        },{
				            text: '新增排序',
				            value: 1
				        },{
				            text: '计划中排序',
				            value: 2
				        }]
				    });
				},
				//设置时间段
				setDate: function () {
					if (this.type === 0) {
						this.startDate = $d.init(1);
						this.endDate = $d.init(2);
					} else {
						this.startDate = $d.init(3);
						this.endDate = $d.init(4);
					}
					this.loadDate();
				},
				loadDate: function (){
					var me = this;
					Promise.all([ me.getReplyLineData(),me.getReplyListData()]).then(function (data) {
						console.log(data);
						if (me.type === 0) {
							me.weeksData = data;
						}
						if (me.type === 1) {
							me.monthData = data;
						}
						me.setDateInPage();
					});
				},
				setDateInPage: function () {
					var me = this,
			    		data = me.type === 0 ? me.weeksData : me.type === 1 ? me.monthData : [],
			    		zxzs = {dt:[],da:[]},
			    		zxwhfs = {dt:[],da:[]},
			    		dt1 = [],
			    		dt2 = [],
					    dArr = $d.init(5);
					me.dateArr = $d.init(6);
					if (data[0].status == 200) {
						console.log(data[0].data.planLine)
						console.log(data[0].data.totalLine)
						zxzs = me.getDataXY( data[0].data.totalLine, 1);
						zxwhfs = me.getDataXY( data[0].data.planLine, 2);
						if (me.type === 0) {
//		    				me.dateArr = $d.init(5);
							dt1 = $h.contrastDate( dArr, zxzs, 'dt', 'da');
							dt2 = $h.contrastDate( dArr, zxwhfs, 'dt', 'da');
						}
						if (me.type === 1) {
							var d1 = $h.getWeeksData( zxzs, 'dt', 'da'),
								d2 = $h.getWeeksData( zxwhfs, 'dt', 'da');
							dt1 = d1.da;
							dt2 = d2.da;
		    				me.dateArr = d1.dt;
						}
					}
					if (data[1].status == 200) {
						me.setPXHtml(data[1].data);
					}
					me.setCharts( me.dateArr, [ me.setSeries( 1, dt1), me.setSeries( 2, dt2)]);
				},
				getPromisPXData: function () {
					var me = this;
					Promise.all([me.getReplyListData()]).then(function (data) {
						console.log(data);
						if (data[0].status == 200) {
							me.setPXHtml(data[0].data);
						}
					});
				},
				//显示排序数据
				setPXHtml: function (data) {
					var me = this;
					var da = data;
					var type = me.sortType;
					var count = me.getZDCount( data, type);
					for ( var i = 0, len = data.length; i < len; i++) {
						var num = type == 0 ? data[i].followupCount : type == 2 ? data[i].planCount : type == 1 ? data[i].addCount : 0;
						da[i].width = (num / count) * 100;
					}
					me.$pxList.html(template('listTmp',{data:da}));
				},
				getZDCount: function ( d, t) {//0--总量；1--新增；2--计划中
					var count = 0;
					for ( var i = 0, len = d.length; i < len; i++) {
						var num = t == 0 ? d[i].followupCount : t == 2 ? d[i].planCount : t == 1 ? d[i].addCount : 0;
						count += parseInt(num);
					}
					return count;
				},
				//设置折线图
				setCharts: function ( xd, yd) {
					$ic.init({
						el: this.$zxxqEcharts,
						xAxisData: xd,
						seriesData: yd,
						chartsType: 1,
						legend: {
					       x: 'right',
					       data: ["总量", "计划中"]
						}
					});
				},
				getDataXY: function ( d, t) {
					var data = {dt:[],da:[]};
					for (var i = 0, len = d.length; i< len; i++) {
						if (this.type == 0) {
							data.dt.push(d[i].dateNo);
						}
						if (this.type == 1) {
							data.dt.push(d[i].weekOfMonth);
						}
						if(t == 1){
							data.da.push(d[i].followupCount);
						}
						if(t == 2){
							data.da.push(d[i].planCount);
						}
					}
					return data;
				},
				setSeries: function ( type, seriesData) {
					return {
						name: type == 1 ? '总量' : type == 2 ? '计划中' : '',
						type: "line",
						symbol: "emptyCircle",
						data: seriesData
					}
				},
				//获取折线图数据
				getReplyLineData: function () {
					return getReqPromise( pi.getTeamFollowupLine, {
						startDate: this.startDate,
						endDate: this.endDate,
						type: this.type,
						teamCode: this.teamCode
					}, 'GET');
				},
				//获取排行数据
				getReplyListData: function () {
					return getReqPromise( pi.getDoctorTeamFolList, {
						startDate: this.startDate,
						endDate: this.endDate,
						sort: this.sort,
						teamCode: this.teamCode,
						sortType: this.sortType
					}, 'GET');
				},
				//页面跳转
				jumpPage: function () {
				},
				//周月切换
				switchWeeksToMonth: function ( that, me) {
					var type = $(that).attr('data-type');
					$(that).siblings().removeClass('checked');
					$(that).addClass('checked');
					me.$selTit.html($(that).find('label').html());
					me.$linMask.hide();
					me.$linSelGroup.hide();
					me.sort = 0;
					me.$xpx.html('降序');
					me.$upDown.eq(1).addClass('down-active').siblings().removeClass('up-active');
					me.sortType = 0;
					me.$pxtj.html('总量');
					me.type = parseInt(type);
					me.setDate();
				},
				//下拉
				xlEventFun: function ( thst, me) {
					var lCss = me.$linMask.css('display');
					if (lCss == 'none') {
						me.$linMask.show();
						me.$linSelGroup.show();
					} else {
						me.$linMask.hide();
						me.$linSelGroup.hide();
					}
				},
				bindEvent: function () {
					var me = this;
					$h.setEvent([ 
						[me.$pxList, me.es[0], function () {
							var code = $(this).attr('data-code'),
								name = $(this).attr('data-name');
//							mui.openWindow('../html/gerensuifangxiangqing.html', 'gerensuifangxiangqing', {
//								extras: {
//									docCode: code,
//									teamCode: me.teamCode,
//									name: name,
//									type: me.type
//								}
//							});
							openWebview('../html/gerensuifangxiangqing.html', 'gerensuifangxiangqing', {
								docCode: code,
								teamCode: me.teamCode,
								name: name,
								type: me.type
							});
						}, '.px-list'],
						[ me.$demoComtop, me.es[0], function () {
							me.xlEventFun( this, me);
						}, 'h1'],
						[ me.$linMask, me.es[0], function () {
							$(this).hide();
						    me.$linSelGroup.hide();
						}],
						[ me.$linSelGroup, me.es[0], function () {
							me.switchWeeksToMonth( this, me);
						}, 'li'],
						[ me.$pxTit, me.es[0], function () {
//							me.$pxgz.trigger('click');
						}],
						[ me.$upDown, me.es[0], function () {
							var c = $(this).find('i');
							if (me.sort == 0) {
								me.sort = 1;
								me.$xpx.html('升序');
								c.eq(0).addClass('up-active').siblings().removeClass('down-active');
							} else {
								me.sort = 0;
								me.$xpx.html('降序');
								c.eq(1).addClass('down-active').siblings().removeClass('up-active');
							}
							me.getPromisPXData();
						}],
						[ me.$pxgz, me.es[1], function () {//0--总量；1--新增；2--计划中
							var t = parseInt($(this).val()),
								str = t == 0 ? '总量' : t == 1 ? '新增' : t == 2 ? '计划中' : '';
							me.sortType = t;
							me.$pxtj.html(str);
							me.getPromisPXData();
						}]
					]);
				},
				pullDownAction: function () {//下拉加载
					
				}
			};
			tdzxxq.init();
		});
	</script>
</html>