var self; var type, level, area, title,sort=1,banerIndex; var path = {}; var roleLevel, userRole; var paramsss = null; var startDate = getStartDate();//近3月的开始时间 var endDate = getDateBefore(1);//近3月的结束时间 var customHeight = 63;//自定义折线图、柱状图混合表中各项的高度 var scroller1 = null; mui.plusReady(function() { plus.nativeUI.showWaiting(); self = plus.webview.currentWebview(); type = self.type; level = self.level; area = self.area; mui.later(function(){ mui.fire(self, "loadData", {type: type, level: level, area: area}); },500) //下拉刷新初始化 initScroller(); }); function initScroller(){ window.scroller1 = $("#wrapper1").initScroll( { pullDownAction: function(){ $(".pullUp").hide(); plus.nativeUI.showWaiting(); $(".pullDown").show(); loadAllData(curLeveArr); if($(".c-lab-mor #labLi2").css("display")!="none"){ $(".c-lab-mor #labLi1").addClass("hit"); } $(".c-lab-mor #labLi2").removeClass("hit"); $(".div-list").show(); $(".div-list2").hide(); },pullUpAction: function() { $(".pullUp").hide(); return false; } } ); scroller1.on('beforeScrollStart',function() { console.log(scroller1.pointX); }); } //plusReady调用完成后才可以调用plus的api window.addEventListener("loadData", function(e) { // userRole = plus!=null ?JSON.parse(plus.storage.getItem("userRole"))[0]:{} ; userRole = plus!=null ? JSON.parse(plus.storage.getItem("selectedRole")) : {}; roleLevel = userRole.code == '350200' ? 4 : userRole.code.length==6 ? 3 : 2; type = e.detail.type; $('.type-'+ type).show(); level = e.detail.level || roleLevel; area = e.detail.area || userRole.code; title = e.detail.title || userRole.name; load(type, level, area,startDate, endDate); plus.storage.setItem("userLevel",level+""); plus.storage.setItem("userArea",area); $('#tjTitle').html(level==4? "各区进展" : level==3? "各社区进展" : "各团队进展"); $('#sqTitle').html(level==4? "各社区进展" : level==3? "各区进展" : "各社区进展"); if(level==4){ title = title.substring(0,3); } $("#title").html(title); $(".c-lab-mor #labLi2").removeClass("hit"); $(".c-lab-mor #labLi1").addClass("hit"); $(".div-list").show(); $(".div-list2").hide(); }); var old_back = mui.back; var curLeveArr = null; mui.back = function(){ var arr = JSON.parse(plus.storage.getItem("levelArr")); if(arr==null || arr.length==0){ plus.storage.removeItem("userLevel"); plus.storage.removeItem("userArea"); var mainPage =plus.webview.getWebviewById("admin.html"); mui.fire(mainPage, "refreshData"); self.close(); }else{ curLeveArr = arr.pop(); plus.storage.setItem("levelArr",arr.length==0?plus.storage.removeItem("levelArr"):JSON.stringify(arr)); $("#title").html(curLeveArr[0].title); loadAllData(curLeveArr); $(".c-lab-mor #labLi1").addClass("hit"); $(".div-btn-group .div-btn").removeClass("active"); $(".div-btn-group .div-btn[data-id='1']").addClass("active"); } } $(function(){ $(".mui-switch").find(".mui-switch-handle").css("left","-16px"); $(".c-lab-mor li").removeClass("hit"); $(".c-lab-mor li").eq(0).addClass("hit"); //标签切换 $(".c-lab-mor li").click(function(){ var tabid = $(this).attr("id"); var top = $(this).offset().top; $(".c-lab-mor li").removeClass("hit"); $(this).addClass("hit"); if(tabid=="labLi1"){ $(".div-list").show(); $(".div-list2").hide(); }else{ $(".div-list").hide(); $(".div-list2").show(); $(".div-list2 li .div-name,.div-list2 li .div-amount").each(function(){ if($(this).height()==21){ $(this).addClass("mt20") }else if($(this).height()==42){ $(this).addClass("mt10") } }) } scroller1.refresh(); window.onscroll = function () { var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; if(top!=-1 && top>0){ window.scrollTo(0,top); top = -1; } } }); $(".demo-comtop").on("click","h1",function(){ $(".lin-mask").show(); $(".lin-sel-group").show(); }); $(".lin-mask").on("click",function(){ $(".lin-mask").hide(); $(".lin-sel-group").hide(); }); $(".lin-sel-group").on("click","li",function(){ var index = $(this).attr("data-index") || ""; var dataID = $(this).attr("data-id"); $(".lin-sel-group li").removeClass("checked"); $(this).addClass("checked"); $(".lin-mask").trigger("click"); $(".p-qiu-title").html($(this).find("label").html()); $("#Dtitle").html($(this).find("label").html()).attr("data-index",index).attr("data-id",dataID); //重新加载数据 plus.nativeUI.showWaiting(); loadAllData(curLeveArr); if($(".c-lab-mor #labLi2").css("display")!="none"){ $(".c-lab-mor #labLi1").addClass("hit"); } $(".c-lab-mor #labLi2").removeClass("hit"); $(".div-list").show(); $(".div-list2").hide(); }); }); /*****************************************************************************/ /***** 统计数据初始化 **********/ /*****************************************************************************/ function loadData(type, level, area, from, to){ var params = {level: level, area: area, startDate: from, endDate: to} params.index = parseInt($("#Dtitle").attr("data-index")); var arr = [{endDate:endDate,area:params.area,level:params.level}, {level: level, area: area, startDate: from, endDate: to, interval:$('.div-btn-group .div-btn.active').attr('data-id'),index:13}, {sort:1,date:endDate,level:params.level,index:params.index,area:params.area}]; if($(".c-lab-mor #labLi2").css("display")!="none"){ var lowLevel = 2; if(level==3) lowLevel= 3; arr.push({sort:1,date:endDate,level:4,index:params.index,area:"350200",lowLevel:lowLevel}); } curLeveArr = arr; loadAllData(arr); } function loadAllData(arr){ plus.nativeUI.showWaiting(); var interval = $('.div-btn-group .div-btn.active').attr('data-id'); //1-1:数据截止 // sendPost("/statistics/time",null,function(res){ // },function(res){ // if(res.status=="200"){ // var date = res.data || "";//(res.data && res.data.substring(11,16)) || ""; // $(".jiezhi-time").html(date) // } // }) $(".jiezhi-time").html(endDate) //签约率、完成率 sendPost("/statistics/sszq_qwrq_info", arr[0], null, countHandle); //1-3:左边列表 //市管:( level:4 ) ------区所有数据 //区管:( level:3 ) ------社区所有数据 //社区管:( level:2 ) ----团队所有数据 // arr[2].lowCode = lowCode; if($("#Dtitle").attr("data-id")=="1"){ arr[2].index = 18; }else{ arr[2].index = 19; } sendPost("/statistics/lowlevel_all", arr[2], null, listHandle); $("#tjTitle").html(arr[0].tagName1); if(arr.length>3 && roleLevel!=2 && roleLevel!=3){ //1-4:右边列表 //市管:( level:4 , lowLevel:2 ) ------社区所有数据 //区管:( level:4 , lowLevel:3 ) ------区所有数据 //社区管:( level:4 , lowLevel:2 ) ----社区所有数据 // arr[3].lowCode = lowCode; if($("#Dtitle").attr("data-id")=="1"){ arr[3].index = 18; }else{ arr[3].index = 19; } sendPost("/statistics/lowlevel_all", arr[3], null, list2Handle); $(".c-lab-mor #labLi2").show(); $("#sqTitle").html(arr[0].tagName2) }else{ $(".c-lab-mor #labLi2").hide(); } } function countHandle(res){ if(res.status == 200) { res = res.data; console.log(JSON.stringify(res)) var data,rate,countRate; if($("#Dtitle").attr("data-id")=="1"){//三师转签 data = res.sszq.rate/100; rate = res.sszq.rate==0?'0%':res.sszq.rate.toString().substring(0,res.sszq.rate.length-2) + "%"; countRate = res.sszq.amount+"/"+res.sszq.num; }else{//高危人群 data = res.gwrq.rate/100; rate = res.gwrq.rate==0?'0%':res.gwrq.rate.toString().substring(0,res.gwrq.rate.length-2) + "%"; countRate = res.gwrq.amount+"/"+res.gwrq.num; } $('#qieyuelv').waterbubble({ // txt: res.signRate.rate.substring(0,res.signRate.rate.length-2) + "%", data: data, waterColor: '#12B7F5', lineWidth:0, radius: 75, textColor: 'rgba(0, 0, 0, 0.8)', font: 'bold 25px arial' }); $(".p-baifenlv").html(rate) $(".p-qianyuelv").html(countRate); } else { mui.toast(res.msg); } } function listHandle(res){ if(res.status == 200) { res = res.data; for(var k in res){ var list = res[k]; var resultData = soreQLY(list); var topArr = soreRank(rateArr(resultData)); var resultStr = ""; var topClass = ""; var qylResultStr = ""; var qylClass = "c-a0dc28"; if(curLeveArr[1].level==2){ qylClass = "c-17b8ec"; } for(var j in resultData){ var item = resultData[j]; switch (j){ case "0": topClass="cb-EA5B3A"; break; case "1": topClass="cb-FF8746"; break; case "2": topClass="cb-69CA2E"; break; default: topClass="cb-3DA9CE"; break; } resultStr+='
  • '+ '
    '+topArr[j]+'
    '+ '
    '+item.name+'
    '+ '
  • '; } $(".div-list .list-ul").html(resultStr); $(".div-list li .div-name,.div-list li .div-amount").each(function(){ if($(this).height()==21){ $(this).addClass("mt20") }else if($(this).height()==42){ $(this).addClass("mt10") } }) //加载图表数据 var nameArrs = nameArr(resultData).reverse();//名称 $("#chart-main").height(list.length*customHeight+100); if(curLeveArr[1].level!=2){ $(".div-list .div-right-content").show(); $(".div-list .div-right-team-content").hide(); var rateArrS = rateArr(resultData).reverse();//签约率 echartsCCFun("chart-main",rateArrS,nameArrs);//区进展、社区进展的图表 } scroller1.refresh(); plus.nativeUI.closeWaiting(); } $(".div-list .list-ul").off("click").on("click",".div-name",function(event){ if(curLeveArr[1].level==3) return false; var indexParam = parseInt($("#Dtitle").attr("data-index")); var customArr = []; if($(".c-lab-mor #labLi2").css("display")=="none"){ customArr.push({endDate:endDate,area:area,level:level,title:$("#title").html(),tagName1:$("#tjTitle").html()}, {level: level, area: area, startDate: startDate, endDate: endDate, interval:"1",index:indexParam}, {sort:1,date:endDate,level:level,index:indexParam,area:area}); }else{ level = parseInt(plus.storage.getItem("userLevel")); area = plus.storage.getItem("userArea"); var lowLevel = 2;if(level==3) lowLevel= 3; customArr.push({endDate:endDate,area:area,level:level,title:$("#title").html(),tagName1:$("#tjTitle").html(),tagName2:$("#sqTitle").html()}, {level: level, area: area, startDate: startDate, endDate: endDate, interval:"1",index:indexParam}, {sort:1,date:endDate,level:level,index:indexParam,area:area}, {sort:1,date:endDate,level:4,index:indexParam,area:"350200",lowLevel:lowLevel}); } if(plus.storage.getItem("levelArr")==null){ var arr = []; arr.push(customArr); plus.storage.setItem("levelArr",JSON.stringify(arr)); }else{ var existArr = JSON.parse(plus.storage.getItem("levelArr")); existArr.push(customArr); plus.storage.setItem("levelArr",JSON.stringify(existArr)); } level = curLeveArr[1].level; level--; $(".c-lab-mor #labLi2").removeClass("hit").hide(); $(".div-list2").hide(); $(".div-list").show(); area = $(this).closest("li").attr("data-code"); load(type, level, area, startDate, endDate); var name = $(this).closest("li").attr("data-name"); title = name; $("#title").html(title); // mui.fire(plus.webview.getWebviewById("qianyuetongji2.html"), // "setTitle", {title: name}); $('#tjTitle').html(level==4? "各区进展" : level==3? "各社区进展" : "各团队进展"); $('#sqTitle').html(level==4? "各社区进展" : level==3? "各区进展" : "各社区进展"); path[level] = {type: type, level: level, area: area, from: startDate, to: endDate, title: name}; event.preventDefault(); return false; }); } else { mui.toast(res.msg); } } function list2Handle(res){ if(res.status == 200) { res = res.data; for(var k in res){ var list = res[k]; var resultData = soreQLY(list); var topArr = soreRank(rateArr(resultData)); var resultStr = ""; var qylResultStr = ""; var topClass = ""; for(var j in resultData){ var item = resultData[j]; switch (j){ case "0": topClass="cb-EA5B3A"; break; case "1": topClass="cb-FF8746"; break; case "2": topClass="cb-69CA2E"; break; default: topClass="cb-3DA9CE"; break; } resultStr+='
  • '+ '
    '+topArr[j]+'
    '+ '
    '+item.name+'
    '+ '
  • '; } $(".div-list2 .list-ul").html(resultStr); //加载图表数据(市管和社管看所有社区数据、区管看所有区数据) $(".div-list2 .div-right-content").show(); $("#chart-main2").height(list.length*customHeight+100); $("#chart-main2").width($(window).width()); var rateArrS = rateArr(resultData).reverse();//签约率 var nameArrs = nameArr(resultData).reverse();//名称 echartsCCFun("chart-main2",rateArrS,nameArrs);//区进展、社区进展的图表 setTimeout(function(){ scroller1.refresh(); plus.nativeUI.closeWaiting(); },1000) } //点击名称事件 $(".div-list2 .list-ul").off("click").on("click",".div-name",function(){ var indexParam = parseInt($("#Dtitle").attr("data-index")); var customArr = []; if($(".c-lab-mor #labLi2").css("display")=="none"){ customArr.push({endDate:endDate,area:area,level:level,title:$("#title").html(),tagName1:$("#tjTitle").html()}, {level: level, area: area, startDate: startDate, endDate: endDate, interval:"1",index:indexParam}, {sort:1,date:endDate,level:level,index:indexParam,area:area}); }else{ level = parseInt(plus.storage.getItem("userLevel")); area = plus.storage.getItem("userArea"); var lowLevel = 2;if(level==3) lowLevel= 3; customArr.push({endDate:endDate,area:area,level:level,title:$("#title").html(),tagName1:$("#tjTitle").html(),tagName2:$("#sqTitle").html()}, {level: level, area: area, startDate: startDate, endDate: endDate, interval:"1",index:indexParam}, {sort:1,date:endDate,level:level,index:indexParam,area:area}, {sort:1,date:endDate,level:4,index:indexParam,area:"350200",lowLevel:lowLevel}); } if(plus.storage.getItem("levelArr")==null){ var arr = []; arr.push(customArr); plus.storage.setItem("levelArr",JSON.stringify(arr)); }else{ var existArr = JSON.parse(plus.storage.getItem("levelArr")); existArr.push(customArr); plus.storage.setItem("levelArr",JSON.stringify(existArr)); } level = curLeveArr[1].level; if(level==4) return false; if(level==3 && roleLevel==3){ level=3; } if(roleLevel==4 || roleLevel==2){ level = 2; } $(".c-lab-mor #labLi2").removeClass("hit").hide(); $(".div-list2").hide(); $(".div-list").show(); area = $(this).closest("li").attr("data-code"); load(type, level, area, startDate, endDate); var name = $(this).closest("li").attr("data-name"); title = name; $("#title").html(title); // mui.fire(plus.webview.getWebviewById("qianyuetongji2.html"), // "setTitle", {title: name}); $('#tjTitle').html(level==4? "各区进展" : level==3? "各社区进展" : "各团队进展"); $('#sqTitle').html(level==4? "各社区进展" : level==3? "各区进展" : "各社区进展"); path[level] = {type: type, level: level, area: area, from: startDate, to: endDate, title: name} }); } else { mui.toast(res.msg); } } function load(type, level, area, from, to){ path[level] = {type: type, level: level, area: area, from: from, to: to} loadData(type, level, area, from, to); } function assAmount(list){ var all = 0; for(var k in list){ all += list[k].amount; } return all; } //排名方法 function soreRank(arr) { var temp = []; var lis = []; for(var i=0;i0){//目标量-签约量>0 resultArr.push(amountArr[k]); }else{//目标量-签约量<0 resultArr.push(0); } } return resultArr; } //柱状图叠层 (目标量) function arr_dive_mbl(amountArr,taskArr){ var resultArr = []; for(var k in taskArr){ if(taskArr[k]-amountArr[k]>0){//目标量-签约量>0 resultArr.push(taskArr[k]-amountArr[k]); }else{//目标量-签约量<0 resultArr.push(taskArr[k]); } } return resultArr; } /** * 区进展、社区进展的图表 * @param {Object} amountArrS * @param {Object} amountArrResult * @param {Object} taskArrS * @param {Object} rateArrS */ function echartsCCFun(elementId,rateArrS,nameArr){ var mblValue = $("#Dtitle").attr("data-id")=="1"?"15":"30"; var myChart = echarts.init(document.getElementById(elementId)); var height = rateArrS.length*customHeight; var option = { grid: {x:60,y: 30,height:height,borderWidth:0}, yAxis : [ { type : 'category', data : nameArr, axisLine: {show:false}, axisTick: {show:false}, splitArea: {show:false}, splitLine: {show:false}, axisLabel: {show:false} } ], xAxis : [ { type : 'value', axisLine: {show:true,lineStyle:{color:'#cccccc'}}, axisTick: {show:true,lineStyle:{color:'#cccccc'}}, axisLabel:{formatter:'{value}%',textStyle:{color:'#cccccc'}}, splitArea: {show:false}, splitLine: {show:false} }, { type : 'value', axisLine: {show:true,lineStyle:{color:'#cccccc'}}, axisTick: {show:true,lineStyle:{color:'#cccccc'}}, axisLabel:{formatter:'{value}',textStyle:{color:'#cccccc'}}, splitArea: {show:false}, splitLine: {show:false} } ], series : [ { name:'目标量', type:'bar', barWidth : 20,//柱图宽度 xAxisIndex:1, itemStyle: {normal: {barBorderRadius:0,color:'#17B3EC', label:{show:true, position: 'right',textStyle:{color:'#17B3EC'}}}}, data:rateArrS } ] }; myChart.setOption(option); } /** * 团队进展图表 * @param {Object} amountArrS */ function echartsTDFun(elementId,amountArrS,nameArr){ var myChart = echarts.init(document.getElementById(elementId)); var height = amountArrS.length*customHeight; var option = { calculable : true, grid: {x:60,y: 30,height:height,borderWidth:0}, yAxis : [ { type : 'category', // boundaryGap : false, data : nameArr, axisLine: {show:false}, axisTick: {show:false}, splitArea: {show:false}, splitLine: {show:false}, axisLabel: {show:false} } ], xAxis : [ { type : 'value', axisLine: {show:false}, axisTick: {show:false}, axisLabel: {show:false}, splitArea: {show:false}, splitLine: {show:false} }, { type : 'value', axisLine: {show:true,lineStyle:{color:'#cccccc'}}, axisTick: {show:true,lineStyle:{color:'#cccccc'}}, axisLabel:{formatter:'{value}',textStyle:{color:'#cccccc'}}, splitArea: {show:false}, splitLine: {show:false}, } ], series : [ { name:'签约量', type:'bar', barWidth : 20,//柱图宽度 xAxisIndex:1, itemStyle: {normal: {barBorderRadius:0,color:'#17b8ec', label:{show:false, position: 'insideRight',textStyle:{color:'#fff'}}}}, data:amountArrS } ] }; myChart.setOption(option); } /** * 数字3位加一个逗号 * @param {Object} n */ function format_number(n){ var b=parseInt(n).toString(); var len=b.length; if(len<=3){return b;} var r=len%3; return r>0?b.slice(0,r)+","+b.slice(r,len).match(/\d{3}/g).join(","):b.slice(r,len).match(/\d{3}/g).join(","); } function clearData(type){ $("#textTj li").removeClass("l-over"); if(!banerIndex){ if(type==1){ $("#textTj li").eq(0).addClass("l-over"); } else { $("#textTj li").eq(4).addClass("l-over"); } } $('#l-jmfx').hide(); $("#list").empty(); $("#list2").empty(); $(".l-data").html("0"); } /*****************************************************************************/ /***** 折线图初始化 **********/ /*****************************************************************************/ var dateData = {}; function loadLineData(type, level, area, from, to, interval, index){ // plus.nativeUI.showWaiting(); var url = "/statistics/interval_total"; var lowCode = $("#Dtitle").attr("data-lowCode") || ""; var params = {level: level, area: area, startDate: from, endDate: to, interval: interval,index:index,lowCode:lowCode} sendPost(url, params, null, dateLineHandle); } /** * 獲取當前日期往前推三個月(當前日期減去三個月) * 返回日期格式:比如:2014-08-11(當前月為:2014-11-11) */ function getStartDate() { var newDate = new Date(); var startY = newDate.getFullYear(); var startM = newDate.getMonth() - 3; var startD = newDate.getDate(); // 日期賦值 var mydate = new Date(startY, startM, startD); var strYear = mydate.getFullYear(); //顯示的月份要加一,因為月份是從0開始的 var strMonth = mydate.getMonth() + 1; var strDate = mydate.getDate(); if (strMonth.toString().length == 1) strMonth = "0" + strMonth; if (strDate.toString().length == 1) strDate = "0" + strDate; var strStartDate = strYear + "-" + strMonth + "-" + strDate; return strStartDate; }; /** * 获取多少天前的日期 */ function getDateBefore(days) { var now = new Date(); var date = new Date(now.getTime() - days * 24 * 3600 * 1000); var year = date.getFullYear(); var month = date.getMonth() + 1; var day = date.getDate(); var hour = date.getHours(); var minute = date.getMinutes(); var second = date.getSeconds(); return year + '-' + (month < 10 ? '0' + month : month) + '-' + (day < 10 ? '0' + day : day); } function maxData(data){ var maxData = Math.max.apply(Math,data); var yAxis = maxData<10?10:maxData; return yAxis; } //初始化折线图 var taskNum = 0; function drawChart(dateData){ $(".div-switch").show(); var recordCount = 10;//一页显示几条数据 var allRecordData = dateData.amountArr.reverse(); var dateArr = dateData.dateArr.reverse(); var resultData = _.groupBy(allRecordData,function(item,i){return Math.floor(i/recordCount)}); var dateArrData = _.groupBy(dateArr,function(item,i){return Math.floor(i/recordCount)}); //以下为折线图处理 var gnum = Math.ceil(allRecordData.length / recordCount); var HandStartX,HandStartY,HandEndX,HandEndY,CountX,CountY,startPos,isScrolling,number=allRecordData.length,times=allRecordData.length%recordCount; var canvasStr = '
    '; for(var x in resultData){ canvasStr =''+canvasStr; } $(".l-zxt-inner").html(canvasStr); var dateType = $(".div-btn-group .div-btn.active").attr("data-id"); window.setTimeout(function() { for(var x in resultData){ var startDay = new Date(getDateBefore(times-1)); var resultDateArr = dateArrData[x].reverse(); var yAxis = taskNum;//maxData(resultData[x]);//求数据的最大值 $('#wcMotion'+x).wcChart({ height: 200, // width and height must be set if change yAxis:yAxis, day: startDay, points: [], dateArr:resultDateArr, dateType:dateType, data: resultData[x].reverse(), fill: {gradient: [["#17B3EC",.1], ["#17B3EC",.5]], gradientAngle: Math.PI * -45/180}, animation: null // 修复bug#3298 【医生端】总体分析排版优化。(vivo手机) }); if(x==0){ $('#wcMotion'+x).show(); } times+=recordCount; //折线图画布添加左滑和右滑效果 var wcMotion = document.getElementById('wcMotion'+x); wcMotion.addEventListener('touchstart', function(event) { HandStartX=event.touches[0].clientX; HandStartY=event.touches[0].clientY; //touches数组对象获得屏幕上所有的touch,取第一个touch var touch = event.targetTouches[0]; //取第一个touch的坐标值 startPos = {x:touch.pageX,y:touch.pageY,time:+new Date}; //这个参数判断是垂直滚动还是水平滚动 isScrolling = 0; }, false); wcMotion.addEventListener('touchend', function(event) { HandEndX=event.changedTouches[0].clientX; HandEndY=event.changedTouches[0].clientY; CountX=HandEndX-HandStartX; CountY=HandEndY-HandStartY; if((Math.abs(CountX)>Math.abs(CountY))&& Math.abs(CountX)>50){ var targetMotion = $(event.target); if(CountX<0){ if(targetMotion.next().length>0 && !targetMotion.next().hasClass("div-layer")){ targetMotion.addClass("fadeOutLeft"); targetMotion.next().removeClass("fadeOutRight").removeClass("fadeOutLeft").removeClass("fadeInLeft").addClass("fadeInRight").show(); } console.log("左滑"); }else{ if(targetMotion.prev().length>0 && !targetMotion.prev().hasClass("div-layer")){ targetMotion.addClass("fadeOutRight"); targetMotion.prev().removeClass("fadeOutRight").removeClass("fadeOutLeft").removeClass("fadeInRight").addClass("fadeInLeft").show(); } console.log("右滑"); } } }, false); wcMotion.addEventListener('touchmove', function(event) { //当屏幕有多个touch或者页面被缩放过,就不执行move操作 if(event.targetTouches.length > 1 || event.scale && event.scale !== 1) return; var touch = event.targetTouches[0]; endPos = {x:touch.pageX - startPos.x,y:touch.pageY - startPos.y}; //isScrolling为1时,表示纵向滑动,0为横向滑动 isScrolling = Math.abs(endPos.x) < Math.abs(endPos.y) ? 1:0; if(isScrolling === 0){ //阻止触摸事件的默认行为,即阻止滚屏 event.preventDefault(); } }, false); } }, 500); } function dateLineHandle(res){ if(res.status==200){ for(var p in res.data){ taskNum = res.data[p].taskNum; dateData[p] = formatDateData(res.data[p].data); if(dateData[p].amountArr && dateData[p].amountArr.length>0){ $('#l-jmfx').toggle(p == "index_13" ); $(".l-zxt-con").hide(); mui.later(function(){ $(".l-zxt-con").show(); }, 100); // $('#l-legend').hide(); $("#echarts_wushuju").hide(); $('#l-times').html(type==1? '(人)' : '(次)').hide(); } else{ $(".l-zxt-con").hide(); $("#echarts_wushuju").show(); // $('#l-legend').hide(); } drawChart(dateData[p]);//初始化折线图 } } else { mui.toast(res.msg); } plus.nativeUI.closeWaiting(); } //折线图数据格式转化 function formatDateData(data){ var dateArr = []; var amountArr = []; for(var k in data){ dateArr.push(data[k].range.substring(5)); amountArr.push(data[k].amount); } return {dateArr: dateArr, amountArr: amountArr}; } window.addEventListener("toBack", function(e) { mui.back(); }); //弹出遮罩 $(".icon-remark").on("click", function(e) { $(".modal-overlay").addClass("modal-overlay-visible"); setTimeout(function(){ $(".modal-content").show(); },50) }); $(".div-close").on("click",function(){ $(".modal-overlay").removeClass("modal-overlay-visible"); $(".modal-content").hide(); }) document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);