XinXiangXLX_UI/WebChart/js/index.js

$(function() {
	var mySwiper = new Swiper('.swiper-container', {
		pagination: { /* 分页器*/
			el: '.swiper-pagination',
			clickable: true,
		},
		navigation: {
			nextEl: '.swiper-button-next',
			prevEl: '.swiper-button-prev',
		},
		on: {
			init: function() {
				swiperAnimateCache(this); //隐藏动画元素 
				swiperAnimate(this); //初始化完成开始动画
			},
			transitionEnd: function() {
				swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
			},
		}
	})
	Ajax();
	laydate.render({
					elem: '#time1',
					range: '~',
					format: 'yyyy-MM-dd',
					theme: '#114a97',
						done: function(value, date) {
						partpaat(value && value.split(' ~ ')[0], value && value.split(' ~ ')[1])
						// oneSel(value && value.split(' ~ ')[0], value && value.split(' ~ ')[1])
					}
				});
	laydate.render({
					elem: '#time2',
					range: '~',
					format: 'yyyy-MM-dd',
					theme: '#114a97',
						done: function(value, date) {
						keyWordDetail(value && value.split(' ~ ')[0], value && value.split(' ~ ')[1],$(".areaTwo").val())
					}
				});
	laydate.render({
					elem: '#time3',
					range: '~',
					format: 'yyyy-MM-dd',
					theme: '#114a97',
					done: function(value) {
						threeScreen(value && value.split(' ~ ')[0], value && value.split(' ~ ')[1],$(".areaTwo").val())
						oneSel(value && value.split(' ~ ')[0], value && value.split(' ~ ')[1])
					}
			});
	laydate.render({
					elem: '#time4',
					range: '~',
					format: 'yyyy-MM-dd',
					theme: '#114a97',
					done: function(value) {
						threeS(value && value.split(' ~ ')[0], value && value.split(' ~ ')[1],$(".areaTwo").val())
					}
			});
})
var myDate = new Date();
var typeSelc;
var oneType;
function turn(aa) {
	if(aa < 10) {
		aa = "0" + aa;
	}
	return aa
}
	// 第三屏 第四屏 发光外框 定时
	(function() {
		var i = 0;
		var length = $(".orderState_ul >li").length;
		var j = 0;
		var length_1 = $(".orderTtype_Con li").length;
		setInterval(function() {
			if(i == length) {
				i = 0;
				$(".orderState_ul >li").removeClass('active');
			}
			$(".orderState_ul >li").eq(i).addClass('active').siblings().removeClass('active');
			if(i == 5) {
				$(".orderState_ul >li").eq(4).removeClass('active');
			}
			i++;

			if(j == length_1) {
				j = 0;
			}
			$(".orderTtype_Con li").eq(j).addClass('active').siblings().removeClass('active');
			j++;
		}, 2000);
	})();
	function oneSel(sd,ed){
		$.ajax({
			type: "get",
			url: huayi.config.callcenter_url + 'WOReport/GetFeedbacklList',
			async: true,
			dataType: 'json',
			data: {
				stime: sd,
				endtime: ed
			},
			success: function(data) {
				
				if(data.state == "success") {
					var sorceData=data.rows;
					// 咨询
					$(".order_widt").html(sorceData[0].daynumber);
					$(".order_catiy").html(sorceData[0].mounthnumber);
					$(".order_catypa").html(sorceData[0].Totalnumber);
					$(".persent_lex").html(sorceData[0].Proportion);
					// 投诉
					$(".caluy1").html(sorceData[1].daynumber);
					$(".caluy2").html(sorceData[1].mounthnumber);
					$(".caluy3").html(sorceData[1].Totalnumber);
					$(".caluy4").html(sorceData[1].Proportion);
					// 抽检 
					$(".cico1").html(sorceData[2].daynumber);
					$(".cico2").html(sorceData[2].mounthnumber);
					$(".cico3").html(sorceData[2].Totalnumber);
					$(".cico4").html(sorceData[2].Proportion);
					// 建议  pity4
					$(".outit1").html(sorceData[3].daynumber);
					$(".outit2").html(sorceData[3].mounthnumber);
					$(".outit3").html(sorceData[3].Totalnumber);
					$(".outit4").html(sorceData[3].Proportion);
					// 总计  pity4
					$(".pity1").html(sorceData[4].daynumber);
					$(".pity2").html(sorceData[4].mounthnumber);
					$(".pity3").html(sorceData[4].Totalnumber);
					$(".pity4").html(sorceData[4].Proportion);
				}
			}
		})
	}
	$(".oneScrClick ul li").click(function(){
		oneType=$(this).attr("index")
		oneSel($('#time3').val() && $('#time3').val().split(' ~ ')[0], $('#time3').val() && $('#time3').val().split(' ~ ')[1]);
	})
	
	$(window).load(function(){
        $(".content>div").eq(0).show().siblings().hide();
		 // $(".tabItems>span").remove();
     })
	 $(".tabItems>li").click(function () {
		 // alert('我被点击了')
        $(this).addClass("active").siblings().removeClass("active");
        var index = $(this).index();
		// $(this).css("cursor","pointer");
        $(".content>div").eq(index).show().siblings().hide();
     })
	//第二屏
	function twoScreen(start,end) {
		// keyWord(start, end)
	}
	
	keyWordDetail();
	//	右侧部门   WorkOrder/GetQuestionNameType
	function keyWordDetail(start,end) {
		$.ajax({
			type: "get",
			url: huayi.config.callcenter_url + "WOReport/GetComplainthandlList",
			async: true,
			dataType: 'json',
			data: {
                stime: start,
                endtime: end,
                questionName:$(".quesType").val(),
				product:$("#product_name").val(),//产品
				salesBase:$("#category").val(),//基地
			},
			success: function(data) {
				if(data.state.toLowerCase() == 'success') {
					$('.scroll_table tbody').html('');
					
					var con = data.rows;
					//alert(con.length)
					if(con.length==0){
						$('.tagcloud').html('');
					}else{
						$('.tagcloud').html('');
						//alert(con[0].worker.length)
						$(con[0].worker).each(function (k, j) {
							
						  if(k < 3) {
						  	var strs = '<div index="" class="tagcloud_bj">' +
						  		'<p class="tag_title" style="margin-top:7px">'+
						  		'<span class="danhao">'+"工单编号" + '</span>'+
						  		'<span class="">'+j.F_WorkOrderCode + '</span>'+
						  		'<span class="Yichin">'+j.F_State + '</span>'+
						  		'</p>' +
						  		'<p class="tag_title">'+
						  		'<span class="danhao">'+"超期时间" + '</span>'+
						  		'<span class="">'+j.overtime + '</span>'+
						  		'</p>' +
						  		'<p class="tag_title" style="width:100%;height:117px;">'+
						  		'<span class="danhao  washpa" style="float: left;">'+"问题描述" + '</span>'+
						  		'<span class="Wentimo" style="text-align: justify !important;float: left;">'+j.F_Description + '</span>'+
						  		'</p>' +
						  		'<p class="tag_title  aacdu" style="margin-top:15px">'+
						  		'<span class="danhao">'+"责任科室" + '</span>'+
						  		'<span class="">'+j.F_Responsibility + '</span>'+	
						  		'<span class="danhao" style="margin-left:0px;">'+"销售基地" + '</span>'+
						  		'<span class="">'+j.F_SalesBase + '</span>'+	
						  		'</p>' +
						  		'</div>'
						  		$('.tagcloud').append(strs);
						  	
						  }
						});
						
					}
					// position: absolute;top;0;
                    $(con).each(function (j, n) {
                        var rate = '';
                        if (n.rate) { rate = n.rate;}
                        var str = '<tr><td>' 
                        + n.name + '</td><td style="width:60px;">' 
                        + n.number + '</td><td style="width:90px;">' 
                        + n.ongesttime + '</td><td style="width:90px;">' 
                        + n.minimumtime + '</td><td style="width:90px;">' 
                        + n.averageTime + '</td><td style="width:75px;">' 
                        + n.median + '</td><td style="width:90px;">' 
                        + n.Overdue + '</td><td style="width:110px;">' 
                        + n.efficiency + '</td></tr>'
						$('.scroll_table tbody').append(str);
					});
					// keyWord();
					$(".scroll_table").Scroll({
						line: 1,
						speed: 500,
						timer: 2000
					});
				}
			}
		});
	}
var  Yname;
	$(".scroll_table tbody").on("click","tr",function(){
		$(".scroll_table tbody tr").removeClass("backg_cor");
		$(this).addClass("backg_cor");
		$(this).children("td").eq(0).addClass("bacg");
//		// alert($(".bacg").text());
		Yname =$(this).children("td").eq(0).text();
		$('.tagcloud').html('');
		textCon();
		
	});
	function textCon() {
			$.ajax({
				type: "get",
				url: huayi.config.callcenter_url + "WOReport/GetComplainthandlList",
				async: true,
				dataType: 'json',
	            data: {
					stime: $('#time2').val() && $('#time2').val().split(' ~ ')[0],
					endtime: $('#time2').val() && $('#time2').val().split(' ~ ')[1],
					questionName:Yname
				},
				success: function(data) {
					if(data.state.toLowerCase() == 'success') {
						var con = data.rows;
						var arr;
						$.each(con, function(index, ele) {
							arr = con[index].worker; //console.log(allData);
							console.log(JSON.stringify(arr))
							console.log(arr.overtime)
						});
						if (arr) {
							$(arr).each(function(k, j) {
								if(k < 3) {
									var strs = '<div index="" class="tagcloud_bj">' +
										'<p class="tag_title" style="margin-top:7px">'+
										'<span class="danhao">'+"工单编号" + '</span>'+
										'<span class="">'+j.F_WorkOrderCode + '</span>'+
										'<span class="Yichin">'+j.F_State + '</span>'+
										'</p>' +
										'<p class="tag_title">'+
										'<span class="danhao">'+"超期时间" + '</span>'+
										'<span class="">'+j.overtime + '</span>'+
										'</p>' +
										'<p class="tag_title" style="width:100%;height:95px;">'+
										'<span class="danhao  washpa" style="float: left;">'+"问题描述" + '</span>'+
										'<span class="Wentimo" style="text-align: justify !important;float: left;">'+j.F_Description + '</span>'+
										'</p>' +
										'<p class="tag_title aacdu" style="margin-top:50px">'+
										'<span class="danhao">'+"责任科室" + '</span>'+
										'<span class="">'+j.F_Responsibility + '</span>'+	
										'<span class="danhao" style="margin-left:0px;">'+"销售基地" + '</span>'+
										'<span class="">'+j.F_SalesBase + '</span>'+	
										'</p>' +
										'</div>'
										$('.tagcloud').append(strs);
								}
							})
						}else{
							$('.tagcloud').html('');
						}
						
					}
				}
			});
		}
	//time3
	$(".tagcloud").on("click","div",function(){
		$(".tagcloud div").addClass("tagcloud_bj");
		$(".tagcloud div").removeClass("tagcloud_bjShine");
		$(this).removeClass("tagcloud_bj");
		$(this).addClass("tagcloud_bjShine");
        //keyWordDetail($('#time2').val() && $('#time2').val().split(' ~ ')[0], $('#time2').val() && $('#time2').val().split(' ~ ')[1]);
	});
	quesTypeSel();  
	 
	  $("#Product_Category").change(function() {
	 		partpaat($('#time1').val() && $('#time1').val().split(' ~ ')[0], $('#time1').val() && $('#time1').val().split(' ~ ')[1],$(".areaFive").val());
			
	  })
	  $("#customer_taxPointDes").change(function() {
	  		partpaat($('#time1').val() && $('#time1').val().split(' ~ ')[0], $('#time1').val() && $('#time1').val().split(' ~ ')[1],$(".areaFive").val());
	  })
	  $("#styqu").change(function() {
	  		partpaat($('#time1').val() && $('#time1').val().split(' ~ ')[0], $('#time1').val() && $('#time1').val().split(' ~ ')[1],$(".areaFive").val());
	  })
	  $("#customer_legalName").change(function() {
	  		partpaat($('#time1').val() && $('#time1').val().split(' ~ ')[0], $('#time1').val() && $('#time1').val().split(' ~ ')[1],$(".areaFive").val());
	  })
	  $("#customer_comaddress").change(function() {
	  		partpaat($('#time1').val() && $('#time1').val().split(' ~ ')[0], $('#time1').val() && $('#time1').val().split(' ~ ')[1],$(".areaFive").val());
	  })
	  $("#xiaoshou").change(function() {
	  		partpaat($('#time1').val() && $('#time1').val().split(' ~ ')[0], $('#time1').val() && $('#time1').val().split(' ~ ')[1],$(".areaFive").val());
	  })
//	  $("#time2").change(function() {
//	  		keyWordDetail($('#time2').val() && $('#time2').val().split(' ~ ')[0], $('#time2').val() && $('#time2').val().split(' ~ ')[1],$(".areaFive").val());
//	  })
	$("#time3").change(function() {
        oneSel(sd,ed);
	})
	$(".quesType").change(function() {
	    keyWordDetail($('#time2').val() && $('#time2').val().split(' ~ ')[0], $('#time2').val() && $('#time2').val().split(' ~ ')[1],$(".areaFive").val());
	})
	$("#product_name").change(function() {
	    keyWordDetail($('#time2').val() && $('#time2').val().split(' ~ ')[0], $('#time2').val() && $('#time2').val().split(' ~ ')[1],$(".areaFive").val());
	})
	$("#category").change(function() {
		
	    keyWordDetail($('#time2').val() && $('#time2').val().split(' ~ ')[0], $('#time2').val() && $('#time2').val().split(' ~ ')[1],$(".areaFive").val());
	})
	//部门下拉框
	function quesTypeSel() {
		$.getJSON( huayi.config.callcenter_url +"WorkOrder/GetQuestionName", 
			{
                branchcode: $(".areaFive").val()
			},
			function(result) {
			if(result.state.toLowerCase() == "success") {
				goodslist = result.data;
				$(".depart").empty();
				$('<option value="">问题类别</option>').appendTo($(".quesType"));
				$(goodslist).each(function(i, n) {
					$('<option value="' + n.F_QuestionName 
					+ '">' + n.F_QuestionName 
					+ '</option>').appendTo($(".quesType"));
				})
			}
		});
	}
	//第三屏
	function threeScreen(start, end) {
		// partOne();
		// partTwo();
		// partThree();
		// partFour();
	}
	$(".channelSel").change(function() {
        partFour();
	})
	function Ajax() {
		// oneScreen($('#time1').val() && $('#time1').val().split(' ~ ')[0], $('#time1').val() && $('#time1').val().split(' ~ ')[1])
		oneSel($('#time3').val() && $('#time3').val().split(' ~ ')[0], $('#time3').val() && $('#time3').val().split(' ~ ')[1])
//		twoScreen($('#time2').val() && $('#time2').val().split(' ~ ')[0], $('#time2').val() && $('#time2').val().split(' ~ ')[1])
		threeScreen();
	}