sr-iHealthApp/html/home/js/sousuojuming.js

// TODO 临时构造plus对象，使得能够在浏览器中进行调试
//var plus = null;

	// 登录者相关信息（包括userAgent）
var loginerInfo = null,
	// 基础环境信息（包括当前webview）
	baseEnv = null,
	self = null,
	imMessages = null;
	docInfo = null;
	
	// 搜索框
var $searchbar = $('.searchbar'),
	// 搜索输入框
	$searchbarInput = $('.lin-search-ipt input'),
	// 搜索取消按钮
	$searchCancelBtn = $('.searchbar-cancel'),
	// 搜索框下面悬浮的搜索提示
	$searchSuggest = $('#search_suggest_text'),
	// 搜索结果展示容器
	$searchtResult = $('#search_result'),
	// 搜索无结果时显示
	$noResultWrap = $('#no_result_wrap'),
	$doingWrapper = $('#doing_wrapper'),
	$endWrapper = $('#end_wrapper'),
	$qlWrapper = $('#ql_wrapper'),
	$doingList = $('#doing_list'),
	$endList = $('#end_list'),
	$qlList = $('#ql_list'),
	searchPage1,
	searchPage2,
	searchPage3,
	searchPage4,
	$moreResult1 = $('#doing_wrapper .more-result'),
	$moreResult2 = $('#ql_wrapper .more-result');
	$moreResult3 = $('#end_wrapper .more-result');
	
	mui.plusReady(function() {
	 initKeyboardAndroid();
	 self = plus.webview.currentWebview();
     docInfo = JSON.parse(plus.storage.getItem("docInfo"));
      /**
	 * 预加载查询页面
	 */
	/*searchPage1 = mui.preload({
		id:"sousuojuminoryisheng"+new Date().getTime(),
	    url: 'sousuojuminoryisheng.html'
	});
	
	searchPage2 = mui.preload({
		id:"sousuoliaotianjilu"+new Date().getTime(),
	    url: 'sousuoliaotianjilu.html'
	});
	
	searchPage3 = mui.preload({
		id:"sousuosimpleliaotianjilu"+new Date().getTime(),
	    url: 'sousuosimpleliaotianjilu.html'
	});
	
	searchPage4 = mui.preload({
		id:"sousuoqunliao"+new Date().getTime(),
	    url: 'sousuoqunliao.html'
	});*/
	
});

document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
window.addEventListener("initSearch", function(e){
	imMessages = e.detail.imMessages;
	openSoftKeyboard();
	setTimeout(function(){
		$("#searchPut").focus();
	},500)
})

// 获取登录相关信息
var getLoginerInfo = function() {
		// 登录的相关信息
	var userAgent = plus && JSON.parse(plus.storage.getItem("userAgent"))
	return {
		userAgent: userAgent
	}
},
// 获取基础环境信息
getBaseEnvPromise = function () {
	
	var env = {
		webview: plus&&plus.webview.currentWebview()
	};

	return Promise.resolve().then(function(res) {
		return env;
	});
},
// $el: $('.c-content-warp')
getRowProps = function ($el) {
	var $textEllipsis = $el.find('.j-text-ellipsis'),
		$text = $textEllipsis.eq(0),
		$chart = $text.text('a'),
		enWidth = $chart.width(),
		$chart = $text.text('中'),
		zhWidth = $chart.width(),
		lineHeight = parseFloat($chart.css("lineHeight"), 10),
		rowHeight = $chart.height();
	$chart.text('');
	return {
		chartWidth: {
			zh: zhWidth,
			en: enWidth
		},
		rowHeight: Math.max(rowHeight, lineHeight),
		rowWidth: $el.width()
	};
},
replaceAll = function (text, arr) {
	var html = text;
	_.each(arr,function(kw) {
		var reg = new RegExp(kw+"(?!>)","gi");
		html = html.replace(reg,'<em>'+kw+'</em>');
	});
	return html;
},
highlineKeyword = function ($el,searchText) {
	var props = getRowProps($el),
		chartWidth = props.chartWidth,
		rowHeight = props.rowHeight,
		rowWidth = props.rowWidth,
		// 每行显示字符数（以中文字符为标准计算）
		chartNum = Math.floor(rowWidth / chartWidth.zh),
		// 排除“咨询问题：”字符及前后“...”所占宽度
		exceptNum = 0,
		// 行数
		rowNum = 1,
		// 预计显示总字符数
		expectedNum = chartNum * rowNum - exceptNum,
		$target = $el.find('.j-text-ellipsis'),
		// 目标文本
		text = $target.attr('data-text').trim(),
		length = text.length,
		// 关键字数组
		kws = searchText.trim().replace(/\s+/g," ").split(" ");

	var fidx = 0,preFidx,diff = 0;
	$target.html(replaceAll(text, kws));
	if(Math.ceil($target.height() / rowHeight) <= rowNum) {
		return ;
	}
	if(text.length > expectedNum) {
		fidx = text.indexOf(kws[0])+kws[0].length-1;
		diff = fidx - expectedNum + 1;
		preFidx =  fidx;
		diff = (diff<0)?0:diff;
		var preChar = (diff>0)?"...":"";
		$target.html(preChar+replaceAll(text.slice(diff,preFidx+1), kws)+"...");
		while((Math.ceil($target.height() / rowHeight) <= rowNum) && (preFidx < length)) {
			preFidx++;
			$target.html(preChar+replaceAll(text.slice(diff,preFidx+1), kws)+"...");
		}
		if(preFidx == length && (Math.ceil($target.height() / rowHeight) <= rowNum)) {
			diff = diff>0?(diff - 1):0;
			$target.html(preChar+replaceAll(text.slice(diff,preFidx), kws));
		} else if((Math.ceil($target.height() / rowHeight) > rowNum)) {
			$target.html(preChar+replaceAll(text.slice(diff,preFidx), kws)+"...");
		}
	}
},
ellipsisText = function ($elements, searchText) {
	//$el.ellipsis({ row: 2});
	_.each($elements,function(el) {
		highlineKeyword($(el),searchText)
	});
},
// 控制搜索关键字悬浮提示的显示
showSearchSuggest = function(text) {
	var suggestText = '搜索“'+text+'”';
	// 如果text不为空，则显示；否则隐藏
	if(text&&text.trim().length) {
		$searchSuggest.text(suggestText);
		$searchSuggest.show();
	} else {
		$searchSuggest.text('');
		$searchSuggest.hide();
	}
},
// 初始化视图列表
initDoingViewList = function(list) {
	var searchText = $searchbarInput.val().trim();
	template.helper("setAge", function(timestamp) {
		return calcAge(timestamp);
	});
	
	$doingWrapper.hide();
	$endWrapper.hide();
	$qlWrapper.hide();
	if(list.users.length>0){//签约居民
		var html = template("qyjm_li_tmpl", {list: list.users.slice(0,3) || []});
		$doingList.html(html);
		$doingWrapper.show();
		if(list.users.length>3){
			$doingWrapper.find('.more-result').css("display","block");
		}else{
			$doingWrapper.find('.more-result').css("display","none");
		}
        ellipsisText($doingList.find('.c-content-warp'),searchText);
	}
	
//	if(list.sessions.length>0){//群聊
//      var groupList = _.map(list.sessions, function(o){
//          if(o.members.length > 0){
//              var member = [];
//              for(i=0; i<o.members.length; i++){
//                  member.push(o.members[i].name);
//              }
//              o.members = member.join(",");
//          }
//          return o;
//      });
//		var html = template("ql_li_tmpl", {list: groupList.slice(0,3) || []});
//      $qlList.html(html);
//      $qlWrapper.show();
//      if(list.sessions.length>3){
//          $qlWrapper.find('.more-result').css("display","block");
//      }else{
//          $qlWrapper.find('.more-result').css("display","none");
//      }
//      ellipsisText($qlList.find('.c-content-warp'),searchText);
//	}
	
//	if(list.messages.length>0){//聊天记录
//		var chatList = _.map(list.messages, function(o){
//          o.amount = o.messages.length;
//          o.content = o.messages[0].content;
//          o.msgId = o.messages[0].id;
//          return o;
//      });
//		var html = template("ltjl_li_tmpl", {list: chatList});
//      $endList.html(html);
//      $endWrapper.show();
//      if(list.messages.length>3){
//          $endWrapper.find('.more-result').css("display","block");
//      }else{
//          $endWrapper.find('.more-result').css("display","none");
//      }
//      ellipsisText($endList.find('.c-content-warp'),searchText);
//	}
	plus.nativeUI.closeWaiting();
	loadPhoto();
},
loadPhoto = function(){
    $.each($('#search_result li[data-load=1]'), function(i, v) {
        imClient.Sessions.getParticipantsAvatars($(v).attr('data-code'), function(rs){
            if(rs.length>0){
                var $photo = $(v).find('.c-avatar-m');
                if($(v).attr('data-type')==2){
                    for(var k in rs){
                        if(docInfo.code != rs[k].id){
                            $photo.html('<img src="'+ getImgUrl(rs[k].avatar) +'">');
                            break;
                        }
                    }
                } else {
                    $photo.html(setPhoto(rs));
                }
            }
            
        }, function(){
            
        })
    });
},
setPhoto = function(groupPhoto){
	var images = '';
	var cssArr=null;
	var length = groupPhoto.length;
	if(length>=5){
		cssArr = ["top: 0;left: 50%;margin-left: -8px;","top: 12px;left: 2px;","top: 12px;left: 28px;","top: 27px;left: 5px;","top: 27px;left: 24px;"];
	}else if(length==4){
		cssArr = ["top: 5px;left: 3px;","top: 5px;left: 25px;","top: 27px;left: 3px;"," top: 27px;left: 25px;"];
	}else if(length==3){
		cssArr = ["top: 5px;left: 50%;margin-left: -10px;","top: 20px;left: 3px;","top: 20px;left: 25px;"];
	}else if(length==2){
		cssArr = ["top: 5px;left: 50%;margin-left: -10px;"," top: 19px;left: 24px;"];
	}else if(length==1 || length==0){
		cssArr = ["position: absolute;width: 50px;height: 50px;border-radius: 50px;background-size: 50px;overflow: hidden;"];
	}
	for(i=0; i<length; i++){
	    images += '<div class="div-image" style="'+cssArr[i]+'">'+
                '<img src="'+getImgUrl(groupPhoto[i].avatar)+'"/>'+
            '</div>';
	}
		
	return images;
},
// 搜索框搜索执行方法
search = function () {
	plus.nativeUI.showWaiting();
	var kw = $searchbarInput.val().trim();
		// imMessages有值表示转发中的居民搜索
		var excludeTopicEndedSessions = imMessages?false:"";//excludeTopicEndedSessions：（空值表示查询所有，false表示查询咨询中的居民，true表示查询咨询已结束的居民）
        imClient.Search.Patient.searchAll(docInfo.code, kw, excludeTopicEndedSessions, function(res){
			if((res && res.users.length==0) || res=="") {
				$noResultWrap.show();
				$searchtResult.hide();
				plus.nativeUI.closeWaiting();
			} else {
				$noResultWrap.hide();
				$searchtResult.show();
				$doingWrapper.show();
				initDoingViewList(res);
			}
			plus.nativeUI.closeWaiting();
		}, null);
},
calcAge = function(idcard){
    var age = 0;
    if (!idcard) {
        return age;
    }
    var  birth = "";
    if (idcard.length == 18) {
        birth = idcard.substring(6, 14);
    } else if (idcard.length == 15) {
        birth = "19" + idcard.substring(6, 12);
    }
    var year = parseInt(birth.substring(0, 4));
    var month = parseInt(birth.substring(4, 6));
    var day = parseInt(birth.substring(6));
   	var cal = new Date();
    age = cal.getFullYear() - year;
    //周岁计算
    if ((cal.getMonth()+1) < (month - 1) || ((cal.getMonth()+1) == (month - 1) && cal.getDate() < day)) {
        age--;
    }
    return age.toString();
},
// 绑定页面事件
bindEvents = function () {
	$searchbarInput.on('input', function() {
		var text = $(this).val().trim();
		$searchtResult.hide();
		$('#no_result_wrap').hide();
		showSearchSuggest(text);	
	}).on('keydown',function(e) {
		if (e.which === 13) {
			$searchSuggest.hide();
			search();
		}
	});
	
	$('.lin-search-ipt a').on('tap', function(){
		plus.webview.currentWebview().hide();
		mui.later(function(){
			$('#search_result').hide();
			$('#no_result_wrap').hide();
			$('#searchPut').val("");
			$("#search_suggest_text").html("").hide();
			$("#searchPut").blur();
		}, 50)
	})
	
	$searchSuggest.on('click',function() {
		$searchSuggest.hide();
		search();
		$searchtResult.show();
	});
	
	$moreResult1.on('click',function() {
		var kw = $searchbarInput.val().trim();
		mui.openWindow({
			id:"sousuojuminoryisheng"+new Date().getTime(),
		    url: 'sousuojuminoryisheng.html',
		    extras: {
		    	kw:kw,pageType:"1"
		    }
		})
	});
	
	$moreResult2.on('click',function() {
		var kw = $searchbarInput.val().trim();
		mui.openWindow({
			id:"sousuoqunliao"+new Date().getTime(),
		    url: 'sousuoqunliao.html',
		    extras:{
		    	kw:kw,pageType:"1"
		    }
		});
		/*mui.fire(searchPage4, "initSearch", {kw:kw,pageType:"1"});
		searchPage4.show();*/
	});
	
	$moreResult3.on('click',function() {
		var kw = $searchbarInput.val().trim();
		mui.openWindow({
			id:"sousuoliaotianjilu"+new Date().getTime(),
		    url: 'sousuoliaotianjilu.html',
		    extras: {
		    	kw:kw,pageType:"1"
		    }
		});
	
		/*mui.fire(searchPage2, "initSearch", {kw:kw,pageType:"1"});
		searchPage2.show();*/
	});
	
	$searchtResult.on('tap','li',function() {
		var $this = $(this),
			sessionId = $this.attr('data-code'),
			name = $this.attr('data-name'),
			photo = $this.attr('data-photo'),
			sex = $this.attr('data-sex'),
			msgId = $this.attr('data-msgId'),
			type = $this.attr('data-type'),
			session_type = $this.attr('data-stype');
			if(imMessages){//转发消息
				mui.confirm("是否确认将消息逐条转发给"+name+"？", "提示", ["不了，谢谢", "确认转发"], function(e) {
					if(e.index == 0) {
						
					} else {
						Promise.all(_.map(imMessages,function(msg){
							return new Promise(function(resolve, reject) {
								imClient.Sessions.sendMessage(sessionId, docInfo.code, docInfo.name, msg.content,msg.type, function(res){
									resolve(true);
								}, function(msg){
									resolve(true);
								})
							})
						})).then(function() {
							mui.toast('发送成功');
							var self = plus.webview.currentWebview();
							mui.fire(self.opener(), "revertZf");
							self.close();
						})
					}
				})
			}else{
				if(session_type == '8'){
		            //续方咨询
		            openWebview('../../message/html/xufangzixun.html',{
		               type: type, 
		               sessionId: sessionId, 
		               sessionName: name
		            });
		            return false;
		        }
				openWebview("../../message/html/p2dzixun.html",{type: type, sessionId: sessionId, sessionName: name});
			}
			
	});

};
$(function(){
//	$searchbarInput.val('').focus();
	$searchtResult.hide();
})
// 页面业务处理流程开始
new Promise(function(resolve, reject) {
	// TODO 临时放开
//	resolve(true);
	mui.plusReady(function() {
		// hrefhrefplus已经准备好，可以往下执行
		resolve(true);
	});
}).then(function() {
	
	// 获取基础环境信息
	return getBaseEnvPromise().then(function(env) {
		baseEnv = env;
	}).then(function() {
		// 获取登录医生信息
		loginerInfo = getLoginerInfo();
//		$searchbar.searchBar();
		// 绑定页面事件
		bindEvents();
	})
}).catch(function(e) {
	plus.nativeUI.closeWaiting();
	console && console.error(e);
});

template.helper('getImgUrl', function(str){
    return getImgUrl(str);
})