llpt_orderchannel-s1h5/Tou/Xw/js/succutil.js

	$(function(){	
		fog = getUrlParam("fog"),
		phone = getUrlParam("phone"),
		fes = getUrlParam("fes"),
		sou =  getUrlParam("sou"),
		go('tt');		
		window.history.pushState({}, "", "go.do?fes="+fes+"&sou="+sou);
	})	
	var fog;
	var phone;
	var fes;
	var sou;
//环形图
	var fw=$('.header1').width();
	$('.header1').height(fw);
	
	var c = document.getElementById('myCanvas');
	var ctx = c.getContext('2d');
	var process = 0;
	var w=parseInt($('#myCanvas').css('width'))
	
	var mW = c.width =w;
	var mH = c.height = w;
	var lineWidth = 5;
	var r = mW / 2;
	var cR = r - 4 * lineWidth; //圆半径
	var startAngle = -(1 / 2 * Math.PI); //开始角度
	var endAngle = startAngle + 2 * Math.PI; //结束角度
	var xAngle = 	1 * (Math.PI / 180); //偏移角度量
	var fontSize = 35; //字号大小
	var tmpAngle = startAngle; //临时角度变量
		
	//渲染函数
	var rander = function(ctx,prs){	 	   	
	ctx.clearRect(0, 0, mW, mH);
	ctx.beginPath();
	ctx.lineWidth = 25;
	ctx.strokeStyle = '#F86A5C';
    ctx.arc(r, r, cR, 0,Math.PI * 2);
    ctx.stroke();
    ctx.closePath();   
	ctx.beginPath();
	ctx.lineWidth = 15;
	ctx.lineCap = 'round'
	ctx.strokeStyle = '#fff';
    ctx.arc(r, r, cR, Math.PI * (1.5 + 2 * prs/ 100 ),Math.PI * 1.5);
    ctx.stroke();
    ctx.closePath();    
	     
	};
	
	function animate(i){
		requestAnimationFrame(function (){
			
			process = process + 1;
			rander(ctx, process);
			if (process < i) {
				animate(i);
			}
		});
	}
	
//弹窗		
    function go(product){
    	$("#go").removeAttr("onclick");	    	
    	$.ajax({
			type : "POST", 
			contentType : "application/json; charset=utf-8",
			dataType : "Json",
			url : '/orderchannel/com/queryl',//目标地址
			data : JSON.stringify(GetFlowJsonData(product)),
			success : function(msg) {
				var resCode = eval(msg["resultCode"]);				
				if (resCode == "0000") {
					var data = msg["date"];
					var usermob = data["phone"]
					$("#phone").text(usermob);
					var stu = data["stu"]
					if(stu==0){
						$("title").text("订购成功");//修改页面标题
						$("#sta").text("订购");
					}else{
						$("title").text("退订成功");//修改页面标题
						$("#sta").text("退订");
						$("#cancel").remove();
						$("#yuyueys").remove();						
					}
					var productid = data["productid"]
					if(productid=='2017060802'){//页面为15元
						$("#ys").text("15/6G");						
					}
					if(productid=='2018072301'){//页面为10元
						$("#ys").text("9/10G");
					}
					var flow = msg["queryflow"];
					var usedFlow = (flow["usedFlow"]/1024/1024).toFixed(2);//用户使用流量
					$("#usedFlow").text(usedFlow+"GB");					
					var lodFlow = (flow["surplusFlow"]/1024/1024).toFixed(2);//剩余流量
					$("#lodFlow").text(lodFlow+"GB");
					var totalFlow = (flow["totalFlow"]/1024/1024).toFixed(2);//总流量
					$("#totalFlow").text(lodFlow+"GB");
					var couflow = totalFlow/100;//1%为多少kb
					var usedf = usedFlow/couflow;
					animate(usedf);
					//$("#go").attr("onclick","go('tt')"); //查询成功后不给与用户重新查询
				} else {	
					if (resCode == "4015") {//本地为查询到用户订购关系
						gotorder();						
					}else{
						animate(0);	
				    	$("#go").attr("onclick","go('tt')");
					}

				}
			},
			error : function(XMLHttpRequest, textStatus, errorThrown) {	
				animate(0);	
		    	$("#go").attr("onclick","go('tt')");
			},
		});	    			    	
    }