// 基本信息(包括userAgent) var baseInfo = null, // 基础环境信息(包括当前webview) baseEnv = null; // 搜索框 var $searchbar = $('.searchbar'), // 搜索输入框 $searchbarInput = $('.lin-search-ipt input'), // 搜索取消按钮 $searchCancelBtn = $('.searchbar-cancel'), // 搜索框下面悬浮的搜索提示 $searchSuggest = $('#search_suggest_text'), // 搜索结果展示容器 $searchtResult = $('#search_result'), // 搜索无结果时显示 $noResultWrap = $('#no_result_wrap'), $patiList = $('#pati_list'), // 分页查询最后一页 $history = $('#history_search'),//历史搜索 $hisSearList = $('#his_sear_list'); var page = 1, search_keyword = "", //记录搜索框的内容 lastTeamId,// 从缓存取出所选团队 pagesize = 15, historyData=[],//历史数据 historyStr; var self; mui.plusReady(function() { // initKeyboardAndroid(); docInfo = JSON.parse(plus.storage.getItem("docInfo")); historyStr = plus.storage.getItem("juminSearchHis"+docInfo.code); if(historyStr){ historyStr = JSON.parse(historyStr).join(','); historyData = historyStr.split(','); }else{ historyData = []; } }) window.addEventListener("initSearch", function(e){ // openSoftKeyboard(); baseInfo = getBaseInfo(); $("#searchAll").show(); setTimeout(function(){ $("#searchPut").focus(); },100) if(historyData.length){ $history.show(); } lastTeamId = plus.storage.getItem("selectedTeamId"); }) // 获取登录相关信息 var getBaseInfo = function() { // 登录的相关信息 var userAgent = JSON.parse(plus.storage.getItem("userAgent")) return { userAgent: userAgent } }, // 获取基础环境信息 getBaseEnvPromise = function () { var env = { webview: plus.webview.currentWebview() } return Promise.resolve().then(function(res) { return env; }) }, historyList = function(){ historyStr = plus.storage.getItem("juminSearchHis"+docInfo.code); if(historyStr){ historyStr = JSON.parse(historyStr).join(','); historyData = historyStr.split(','); }else{ historyData = []; } var html = template('his_list_tmpl',{list:historyData}); $hisSearList.html(''); $hisSearList.append(html); }, // 初始化“患者”视图列表 initPatientViewList = function(data,keyword,isAppend) { var html = template("pati_list_tmpl", {list: _.map(data,function(o) { o.jsonStr = JSON.stringify(o); var labels = [], tmp,id=""; //判断身份证匹配 if(o.idcard.indexOf(keyword) != -1){ id = o.idcard; } for(var k in o.labels){ tmp = o.labels[k]; if((tmp.labelType == 3 || tmp.labelType == 4) && labels.indexOf(tmp.labelName) == -1){ if(tmp.labelName.indexOf(keyword) != -1) labels.push(tmp.labelName); } } o.labels = id+" "+labels.join(','); return o; })}); searchText = $searchbarInput.val().trim(); if(isAppend == true){ $patiList.append(html) }else{ mui('#jumin_wrapper').pullRefresh().scrollTo(0,0) $patiList.empty().append(html) mui('#jumin_wrapper').pullRefresh().refresh(true);//重置 } ellipsisText($patiList.find('li'),searchText); }, // $el: $('.c-content-warp') getRowProps = function ($el) { var $textEllipsis = $el, $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,''+kw+''); }); 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, // 目标文本 text = $.trim($target.attr('data-text')), length = text.length, // 关键字数组 kws = $.trim(searchText).replace(/\s+/g," ").split(" "); var fidx = 0,preFidx,diff = 0; $target.html(replaceAll(text, kws)); if(Math.floor($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.floor($target.height() / rowHeight) <= rowNum) && (preFidx < length)) { preFidx++; $target.html(preChar+replaceAll(text.slice(diff,preFidx+1), kws)+"..."); } if(preFidx == length && (Math.floor($target.height() / rowHeight) <= rowNum)) { diff = diff>0?(diff - 1):0; $target.html(preChar+replaceAll(text.slice(diff,preFidx), kws)); } else if((Math.floor($target.height() / rowHeight) > rowNum)) { $target.html(preChar+replaceAll(text.slice(diff,preFidx), kws)+"..."); } } }, ellipsisText = function ($elements, searchText) { _.each($elements,function(el) { var $textEl = $(el).find(".j-text-ellipsis"); _.each($textEl, function(t){ highlineKeyword($(t),searchText) }) }); }, // 控制搜索关键字悬浮提示的显示 showSearchSuggest = function(text) { var suggestText = '搜索“'+text+'”'; // 如果text不为空,则显示;否则隐藏 if(text&&text.trim().length) { $searchSuggest.text(suggestText); $searchSuggest.show(); } else { $searchSuggest.text(''); $searchSuggest.hide(); } }, // 分页查询列表 searchByPaging = function (isAppend,fun) { $history.hide(); $("#searchPut").blur(); search_keyword = $searchbarInput.val(); if(!$.trim(search_keyword)) { return ; } plus.nativeUI.showWaiting(); if(self.labelType == '9'){//签约到期 var url = self.type==1? "doctor/patient_label_info/patient_search_all_exitdoc_overdue" : "doctor/patient_label_info/patient_search_Overdue"; }else{ var url = self.type==1? "doctor/patient_label_info/patient_search_all_exitdoc" : "doctor/patient_label_info/patient_search"; } var params = { page:page, filter: search_keyword, pagesize:pagesize, teamCode: lastTeamId}; var reqType = self.type==1? "GET" : "POST"; getReqPromise(url,params, reqType).then(function(res){ if(res.status == 200) { if((page==1 && !res.data) || (page==1 && !res.data.length)) { $searchtResult.hide(); $noResultWrap.show(); } else { $noResultWrap.hide(); $searchtResult.show(); initPatientViewList(res.data,search_keyword,isAppend); if(res.data.length < pagesize){ fun&&fun.call(this,true) }else{ fun&&fun.call(this,false) } } }else{ mui.toast("搜索失败"); } plus.nativeUI.closeWaiting(); }).catch(function(e) { plus.nativeUI.closeWaiting(); console && console.error(e) }) }, // 绑定页面事件 bindEvents = function (){ mui.init({ pullRefresh : { container:'#jumin_wrapper', up : { height:50, contentinit: '', contentdown: '', contentrefresh : "正在加载...", contentnomore:'没有更多数据了', callback: function() { var self = this; page++; searchByPaging(true,function(value){ setTimeout(function(){ self.endPullupToRefresh(value); },500) }) } } } }) $('#his_scroll').css({ 'height':$(window).height()-158 }) mui('#his_scroll').scroll({ bounce: true, //是否启用回弹 }) $patiList.on('tap','.patient-list',function() { var code = $.trim($(this).attr("data-group")), isOpen = togglePatientListShow($(this)); code && !isOpen && initPatientListByGroup(code); }).on('tap','li[data-patient-code]',function() { var patiInfo = $(this).attr("data-json"); var info = JSON.parse(patiInfo); if(baseEnv.webview.msgForward) { // 转发的消息 var messages = baseEnv.webview.imMessages; mui.confirm("是否确认将消息逐条转发给"+info.name+"?", "提示", ["不了,谢谢", "确认转发"], function(e) { if(e.index == 0) { } else { Promise.all(_.map(messages,function(msg){ return new Promise(function(resolve, reject) { im.sendPrivateMsg(baseInfo.userAgent.uid,info.code,msg.content,msg.type,function() { resolve(true); },function() { resolve(true); }) }) })).then(function() { openWebview("../../message/html/p2p.html",{otherCode: info.code,otherName: info.name,otherPhoto: info.photo,otherSex: info.sex}); }); } }) } else if(baseEnv.webview.message) { openWebview("../../message/html/p2p.html",{otherCode: info.code,otherName: info.name,otherPhoto: info.photo,otherSex: info.sex}); } else { openWebview("../../huanzhe/html/huanzhexinxi.html",{ teamCode: self.type==1? lastTeamId : undefined, patiInfo: patiInfo, patiCode: info.code }); } return false; }); $searchbarInput.on('input', function() { var text = $(this).val().trim(); $searchtResult.hide(); $('#no_result_wrap').hide(); if(text.length > 0){ $("#searchAll").hide(); $history.hide(); }else{ $("#searchAll").show(); $history.show(); } showSearchSuggest(text); }).on('keydown',function(e) { if (e.which === 13) { page = 1; $searchSuggest.hide(); searchByPaging(false); //保存历史数据20个 saveHisData(); } }); $('#clear_his_data').on('tap', function(){ plus.storage.removeItem("juminSearchHis"+docInfo.code); historyList(); $history.hide(); }) $hisSearList.on('click','.his-list',function(){ var $that = $(this); page = 1; $("#searchAll").hide(); $searchSuggest.hide(); $history.hide(); $searchbarInput.val($that.text()) searchByPaging(false); }) $('.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() { page = 1; $searchSuggest.hide(); searchByPaging(false); //保存历史数据20个 saveHisData() }); function saveHisData(){ //保存历史数据20个 var value = $searchbarInput.val().trim(); if(value){ if(historyData.length>19){ historyData.pop(); } if(historyData.indexOf(value)>-1){ historyData = _.filter(historyData, function(o){ return o != value; }); } historyData.unshift(value); var str = JSON.stringify(historyData) plus.storage.setItem("juminSearchHis"+docInfo.code,str); historyList(); } } $searchCancelBtn.on('click',function() { mui.back() }) //搜索全部居民的绑定事件 $("#searchAll").on('click', function(){ openWebview("search_all.html"); }); }; // 页面业务处理流程开始 new Promise(function(resolve, reject) { mui.plusReady(function() { resolve(true); }) }).then(function() { // 获取基础环境信息 return getBaseEnvPromise().then(function(env) { baseEnv = env; }).then(function() { // 获取登录基本信息 baseInfo = getBaseInfo(); lastTeamId = plus.storage.getItem("selectedTeamId"); self = plus.webview.currentWebview(); $searchbar.searchBar(); // openSoftKeyboard(); $searchbarInput.focus(); historyList(); if(historyData.length){ $history.show(); } // 绑定页面事件 bindEvents(); }) }).catch(function(e) { plus.nativeUI.closeWaiting(); console && console.error(e); });