iHealth-app-demo/html/jfyh/js/health-bank.js

// 基本信息（包括userAgent）
var baseInfo = null,
	// 基础环境信息（包括当前webview）
	baseEnv = null;
	
	// 搜索结果
var $searchtResult = $('#search_result'),
	// 患者分组列表
	$resultList = $('#result_list'),
	$group = $("#groupImg"),
	$spans = $("#img_ind");
var self;
var docInfo;

var myScroll;
var imgArr = [{
	src: "../images/huodong_banner02_img.png",
	id: "402885ed63debfcc0163dec19a9d0001"
}, {
	src: "../images/huodong_banner02_img.png",
	id: "402885ed63deb998777c043fa0000"
}];
var timer = null;
function initScroller(){
    //阻尼系数
    var deceleration = mui.os.ios?0.003:0.0009;
    mui('.mui-scroll-wrapper').scroll({
        scrollX: true,
        bounce: false,
        indicators: true, //是否显示滚动条
        deceleration:deceleration
    });
    
    myScroll = mui(".mui-scroll").pullToRefresh({
        down: {
            callback: function() {
                var _self = this;
                setTimeout(function() {
                   	load();
                    _self.endPullDownToRefresh();
                }, 1000);
            }
        },
        scrollLeft: function(){
            xScroll = true;
        }
    });
};
window.addEventListener("reLoad", function refresh(e) {
	getBaseEnvPromise();
	searchList();
})
function load() {
	searchList()
}
// 获取登录相关信息
var getBaseInfo = function() {
		// 登录的相关信息
	var userAgent = JSON.parse(plus.storage.getItem("userAgent"))
	return {
		userAgent: userAgent,
		teamInfo: JSON.parse(plus.storage.getItem("teamInfo"))
	}
},
// 获取基础环境信息
getBaseEnvPromise = function () {
	self = plus.webview.currentWebview();
	docInfo = JSON.parse(plus.storage.getItem("docInfo"));
	var env = {
		webview: plus&&plus.webview.currentWebview()
	};

	return Promise.resolve().then(function(res) {
		return env;
	});
},
// 初始大图
decideImg = function() {
	plus.nativeUI.showWaiting();
	var params = {
		task:"{}",
		page: 1,
		size: 3
	} // 默认最新三个活动展示大图滚动
	sendPost("/doctor/healthBank/selectTask", params, queryFails, function(res) {
		if(res.status == 200) {
			plus.nativeUI.closeWaiting();
			var list = _.map(res.data.detailModelList, function(o) {
			    if(o.img){
			        o.img = getImgUrl(o.img)
			    }else{
			        o.img = "../images/morenhuodong_banner01_img.png";
			    }
					return o;
				})
			var imgHtml = template("img_tmpl", {imgArr: list});
			var spanHtml = template("span_tmpl", {imgArr: list});
			$group.empty().append(imgHtml);
			$spans.empty().append(spanHtml);
			$spans.children("span:eq(0)").addClass("active");
			tiemrFn(0);
		} else {
			plus.nativeUI.closeWaiting();
			queryFails(res);
		}
	}, 'post')
}
// 初始化画面患者-积分列表
searchList = function() {
	plus.nativeUI.showWaiting();
	var params = {
		doctorId:docInfo.code,
		page: 1,
		size: 5
	}
	sendPost("/doctor/healthBank/findCreditRanking", params, queryFails, function(res) {
		if(res.status == 200) {
			plus.nativeUI.closeWaiting();
			var list = res.data.detailModelList;
			if(list.length < 3) {
				$resultList.hide();
				$(".check").hide();
				$("#no_result_wrap").show();
				return false;
			}
			var html = template("result_tmpl", {list: list});
			$resultList.empty().append(html);
		} else {
			plus.nativeUI.closeWaiting();
			queryFails(res);
		}
	}, 'post')
},
//查询失败回调
queryFails = function(res) {
	if(res) {
		mui.toast(res.msg)
	} else {
		mui.toast("加载失败！")
	}
},

/**
 * 获取积分活动列表
 */
getActivityList = function() {
	var activityIdArr = [];
	var activityNameArr = [];
	sendPost("/third/jkEdu/Article/getCategoryByName",{name:'健康文章'}, null, function(res){
		if(res.status == 200){
			var dataList = res.data.list;
			for(var i = 0; i < dataList.length; i++){
				activityIdArr.push(res.data.list[i].id);
				activityNameArr.push(res.data.list[i].name);
			}
			setActiveSortTit(activityIdArr, activityNameArr);
		} 
	},'get')
},
// 计时器调用函数
tiemrFn = function(imgInd) {
	if (imgArr.length < 2) {
		return false;
	}
	setTimeout(function() {
		timer = setInterval(function() {
			imgInd++;
			if(imgInd >= imgArr.length) {
				imgInd = 0
			}
			mui('.mui-slider').slider().gotoItem(parseInt(imgInd));
			$spans.children().removeClass("active");
			$spans.children("span:eq(" + imgInd + ")").addClass("active");
		}, 5000)
	}, 200)
},
// 绑定页面事件
bindEvents = function () {
	$group.on("tap", "img", function() {
		var activityId = $(this).attr("data-id");
		openWebview("activity-detail.html", {
			activityId: activityId
		});
	});
	$resultList.on("tap", "li", function() {
		patient = $(this).attr("data-code")
		openWebview("pati_detail.html", {
			patient: patient
		});
	});
	$(".pati-goal").on("tap", function() {
		openWebview("jifenguanli.html",{});
	});
	$(".check").on("tap", function() {
		openWebview("jifenguanli.html",{});
	});
	$(".activity-all").on("tap", function() {
		openWebview("activity-square.html",{});
	});
	$(".my-community").on("tap", function() {
		mui.toast("暂未开发，敬请期待！")
	});
	$(".task-award").on("tap", function() {
		openWebview("select_goal.html",{});
	});
	
	$("#img_ind").on("tap", "span", function() {
		clearInterval(timer)
		var $this = $(this),
            index = $this.index();
        if($this.hasClass("active")){
            return false;
        }
        
        $this.siblings().removeClass("active");
        $this.addClass("active");
        
        mui('.mui-slider').slider().gotoItem(parseInt(index));
        
        tiemrFn(index)
	})
	//滚动切换
    document.querySelector('.mui-slider').addEventListener('slide', function(event) {
    	clearInterval(timer)
        if (event.detail.slideNumber === 0) {
            $("#img_ind span").eq(0).addClass("active");
            $("#img_ind span").eq(1).removeClass("active");
        } else if (event.detail.slideNumber === 1) {
            $("#img_ind span").eq(0).removeClass("active");
            $("#img_ind span").eq(1).addClass("active");
        }
        tiemrFn(event.detail.slideNumber)
    });
};

// 页面业务处理流程开始
mui.plusReady(function() {
			//获取当前页面
			var self = plus.webview.currentWebview();
			initScroller();
			getBaseEnvPromise();
			//绑定事件
			bindEvents();
			//数据渲染
			decideImg();
			searchList();
		})