sr-iHealthApp/html/jkjl/js/yaowei-view.js

var switchery = null;
var date = new Date();
var year = date.getFullYear();
var begindate;
var enddate;
var page = 1;
var pagesize = 10;
var pagetype = 5;
var patientCode = "";
var charType = 1;
var scroller1 = null;
var self = null;
var type = null;
var charts = [];

var $viewTabs = $('#viewTabs'),
	$swiperWrapper = $('.swiper-wrapper'),
	$duringList = $('#duringList'),
	$qushiView = $('#qushiView'),
	$liebiaoView = $('#liebiaoView'),
	$xtEdit = $('.xt-edit'),
	$btns = $('.btns'),
	$xtAdd = $('.xt-add'),
	$cancelBtn = $('.cancel-btn'),
	$okBtn = $('.ok-btn'),
	$popMain = $('.pop-main'),
	$popBtns = $('.pop-btns'),
	$popEditBtn = $('.pop-edit-btn'),
	$popDelBtn = $('.pop-del-btn'),
	$popCancelBtn = $('.pop-cancel-btn'),
	$selDate = $('#selDate'),
	swiper = null,
	isTrue = false,
	page = 0,
	pagesize = 10,
	d1 = [],
	d2 = [],
	d3 = [],
	d4 = [],
	dayNum = 6,
	$xyList = $('.xy-list-con'),
	$xyTmp = $('#xyTmp'),
	isLoad = false;

var norTime = '',
	sn = 0;

mui.plusReady(function() {
	self = plus.webview.currentWebview();
	patientCode = self.code;
	begindate = self.dateT;
	norTime = self.dateT;
	type = self.type;
	enddate = getDateFromCurrentDate(begindate, -dayNum);
	bindEvents();
	scroller1 = new IScrollPullUpDown('wrapper6', {
		probeType: 2,
		bounceTime: 250,
		bounceEasing: 'quadratic',
		mouseWheel: false,
		scrollbars: true,
		fadeScrollbars: true,
		interactiveScrollbars: false,
		click: true,
	}, null, pullUpAction);

	init();
});

function changeTabCon() {
	var qsv = $qushiView.css('display'),
		lbv = $liebiaoView.css('display');
	if(qsv === 'block') {
		lbv.hide();
	}
}

function bindEvents() {
	$viewTabs.on('click', 'li', function(e) {
		e.stopPropagation();
		var index = $(this).index();
		$(this).siblings().removeClass('curr');
		$(this).addClass('curr');
		if(index === 0) {
			$qushiView.show();
			$liebiaoView.hide();
			$xtEdit.hide();
		} else {
			$qushiView.hide();
			$liebiaoView.show();
			$xtEdit.show();
			var data = null;
			if(dayNum == 7) {
				data = d1.list;
			}
			if(dayNum == 30) {
				data = d2.list;
			}
			if(dayNum == 90) {
				data = d3.list;
			}
			if(dayNum == -1) {
				data = d4.list;
			}
			if(!isLoad) {
//				isLoad = true;
				loadListPromise();
			}
			//				$xyList.html(template('xyTmp',{data:data}));
		}
	});
	$selDate.on('click', 'li', function(e) {
		var index = $(this).index();
		$(this).siblings().removeClass('curr');
		$(this).addClass('curr');
		console.log(index);
		$swiperWrapper.find('.swiper-slide').html('');
		swiper.slideTo(swiper.slides.length - 1, 0, false); //切换到最后一个slide
		sn = swiper.slides.length - 1;
		begindate = norTime;
		switch(index) {
			case 0:
				dayNum = 6;
				break;
			case 1:
				dayNum = 30;
				break;
			case 2:
				dayNum = 90;
				break;
			case 3:
				dayNum = 365 / 2;
				break;
		}
		enddate = getDateFromCurrentDate(begindate, -dayNum);
		loadPromise(sn, enddate, begindate);
	});

}

function queryListByTypeP(type, begindate, enddate, page, pagesize, code) {
	plus.nativeUI.showWaiting();
	//拼请求内容
	var params = {};
	params.type = type;
	params.page = page;
	params.pagesize = pagesize;
	params.begin = begindate + " 00:00:00";
	params.end = enddate + " 23:59:59";
	params.patient = code;
	return new Promise(function(resolve, reject) {
		sendPost("doctor/health_index/list", params, function(res) {
			resolve(res)
			console.log(res);
		}, function(res) {
			if(res.status == 200) {

				plus.nativeUI.closeWaiting();
				resolve(res)
			} else {
				queryListFailed(res);
			}
		});
	})
}

function getxAxisData(data) {
	var a = [],
		b = [];
	b = _.chain(data).pluck('date').map(function(d) {
		return d.substr(5, 5)
	}).value();
	for(var i = b.length - 1; i >= 0; i--) {
		a.push(b[i]);
	}
	return a;
}

function getSeriesData(data) {
	var a = [],
		b = [];
	b = _.chain(data).pluck('value1').map(function(v) {
		return v;
	}).value();
	for(var i = b.length - 1; i >= 0; i--) {
		a.push(b[i]);
	}
	return a;
}

//上拉加载数据
function pullUpAction(theScrollerTemp) {
	$(".pullUp").show();
	setTimeout(function() {
		loadListPromise();
	}, 1000);
}

function loadListPromise() {
	page++;
	Promise.all([
			queryListByTypeP(4, getDateFromCurrentDate(norTime, -2000), norTime, page, pagesize, patientCode)
		])
		.then(function(res) {
			$(".pullUp").hide();
			var data = res[0];
			if (data.list.length > 0) {
				console.log(page);
				$xyList.append(template('xyTmp', {
					data: data.list
				}));
				scroller1.refresh();
			} else {
				if(!isLoad) {
	    			mui.toast("暂无数据！");
				} else {
	    			mui.toast("暂无更多数据！");
				}
			}
			isLoad = true;
		})
		.catch(function(e) {
			console && console.error(e)
		});
}

//初始化swiper
function init() {
	Promise.all([(function() {
			$swiperWrapper
				.append($('<li id="chart0" class="swiper-slide"> </li>'))
				.append($('<li id="chart1" class="swiper-slide"> </li>'))
				.append($('<li id="chart2" class="swiper-slide"> </li>'))
				.append($('<li id="chart3" class="swiper-slide"> </li>'));
		})()])
		.then(function(echarts) {
			swiper = new Swiper('.swiper-container', {
				paginationClickable: false,
				onSlideChangeStart: function(swiper) {
					//切换
					var ind = swiper.activeIndex;
					if(ind < sn) {
						begindate = enddate;
						enddate = getDateFromCurrentDate(begindate, -dayNum);
					} else {
						enddate = begindate;
						begindate = getDateFromCurrentDate(begindate, dayNum);
					}
					sn = ind;
					loadPromise(sn, enddate, begindate);
				}
			});
		})
		.then(function() {
			$swiperWrapper.find('.swiper-slide');
			swiper.slideTo(swiper.slides.length - 1, 0, false); //切换到最后一个slide
			sn = swiper.slides.length - 1;
			loadPromise(sn, enddate, begindate);
		})
		.catch(function(e) {
			console && console.error(e)
		})
}

function loadPromise(n, enddate, begindate) {
	plus.nativeUI.showWaiting();
	Promise.all([
			queryChatByTypePromise(4, enddate, begindate, 0, patientCode)
		])
		.then(function(res) {
			d1 = res[0];
			loadData(n);
		})
		.catch(function(e) {
			console && console.error(e)
		});
}
//初始化echart
function loadData(n) {
	new Promise(function(resolve, reject) {
		var yAxisName = '单位(cm)';

		var el = document.getElementById('chart' + n);
		Promise.all([
				createChartPromise(el, 4, yAxisName, getxAxisData(d1.list), getSeriesData(d1.list))
			])
			.then(function(echarts) {
				plus.nativeUI.closeWaiting();
				charts.push(echarts[0]);
				$(el).append('<div class="c-time">< ' + enddate + ' 至 ' + begindate + ' ></div>');
			})
			.then(function() {

			})
			.catch(function(e) {
				console && console.error(e)
			})
	});
}
//根据sd获取n天前的时间;	
function getDateFromCurrentDate(fromDate, dayInterval) {
	var curDate = new Date(Date.parse(fromDate.replace(/-/g, "/")));
	curDate.setDate(curDate.getDate() + dayInterval);
	var year = curDate.getFullYear();
	var month = (curDate.getMonth() + 1) < 10 ? "0" + (curDate.getMonth() + 1) : (curDate.getMonth() + 1);
	var day = curDate.getDate() < 10 ? "0" + curDate.getDate() : curDate.getDate();
	return year + "-" + month + "-" + day;
};
//function loadPromise(cb) {
//	Promise.all([
//			queryChatByTypePromise(4, getBeforeDate(begindate, 7), begindate, 0, patientCode),
//			queryChatByTypePromise(4, getBeforeDate(begindate, 30), begindate, 0, patientCode),
//			queryChatByTypePromise(4, getBeforeDate(begindate, 90), begindate, 0, patientCode),
//			queryChatByTypePromise(4, getBeforeDate(begindate, 365 / 2), begindate, 0, patientCode)
//		])
//		.then(function(res) {
//			d1 = res[0];
//			d2 = res[1];
//			d3 = res[2];
//			d4 = res[3];
//
//			plus.nativeUI.closeWaiting();
//			cb && cb.call(this);
//		})
//		.catch(function(e) {
//			console && console.error(e)
//		});
//}
//
//function loadData() {
//	new Promise(function(resolve, reject) {
//		var yAxisName = '单位(cm)';
//		$swiperWrapper
//			.append('<li id="chart3" class="swiper-slide">')
//			.append('<li id="chart2" class="swiper-slide">')
//			.append('<li id="chart1" class="swiper-slide">')
//			.append('<li id="chart0" class="swiper-slide">');
//
//		var el1 = document.getElementById('chart0'),
//			el2 = document.getElementById('chart1'),
//			el3 = document.getElementById('chart2'),
//			el4 = document.getElementById('chart3')
//		Promise.all([
//				createChartPromise(el1, 4, yAxisName, getxAxisData(d1.list), getSeriesData(d1.list)),
//				createChartPromise(el2, 4, yAxisName, getxAxisData(d2.list), getSeriesData(d2.list)),
//				createChartPromise(el3, 4, yAxisName, getxAxisData(d3.list), getSeriesData(d3.list)),
//				createChartPromise(el4, 4, yAxisName, getxAxisData(d4.list), getSeriesData(d4.list))
//			])
//			.then(function(echarts) {
//				charts.push(echarts[0]);
//				charts.push(echarts[1]);
//				charts.push(echarts[2]);
//				$(el1).append('<div class="c-time">< ' + getBeforeDate(begindate, 7) + ' 至 ' + begindate + ' ></div>');
//				$(el2).append('<div class="c-time">< ' + getBeforeDate(begindate, 30) + ' 至 ' + begindate + ' ></div>');
//				$(el3).append('<div class="c-time">< ' + getBeforeDate(begindate, 90) + ' 至 ' + begindate + ' ></div>');
//				$(el4).append('<div class="c-time">< ' + getBeforeDate(begindate, 365 / 2) + ' 至 ' + begindate + ' ></div>');
//
//			})
//			.then(function(res) {
//				swiper = new Swiper('.swiper-container', {
//					paginationClickable: false,
//					normalizeSlideIndex: false,
//					onSlideChangeStart: function(swiper) {
//						var ind = swiper.activeIndex;
//						console.log(ind);
//						switch(ind) {
//							case 0:
//								$selDate.find('li').removeClass('curr').eq(3).addClass('curr');
//								dayNum = -1;
//								break;
//							case 1:
//								$selDate.find('li').removeClass('curr').eq(2).addClass('curr');
//								dayNum = 90;
//								break;
//							case 2:
//								$selDate.find('li').removeClass('curr').eq(1).addClass('curr');
//								dayNum = 30;
//								break;
//							case 3:
//								$selDate.find('li').removeClass('curr').eq(0).addClass('curr');
//								dayNum = 7;
//								break;
//						}
//					}
//				});
//				$swiperWrapper.find('.swiper-slide')
//				swiper.slideTo(swiper.slides.length - 1, 0, false); //切换到最后一个slide
//			})
//			.then(function() {
//				bindEvents()
//			})
//			.catch(function(e) {
//				console && console.error(e)
//			})
//	});
//}
//
//function checkLoad() {
//	if(!isTrue) {
//		loadPromise(loadData);
//	} else {
//		loadData();
//	}
//}