websize_cms/public/assets/js/backend/baiduwebtongji/district.js

define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {

    var Controller = {
    	index: function () {
    		// var myChart = echarts.init(document.getElementById("echarts-map-china"));
		    var ajax_page=function(memo){
		    	var overtime='<tr><td colspan="8" style="text-align:center;">请求超时，<a href="javascript:;" class="ajax-page" data-memo="'+memo+'">点击重试</a></td></tr>';
		        $.ajax({
		            url:url,
		            type:'post',
		            data:'memo='+memo,
		            dataType: "json",
		            timeout: '10000',
		            beforeSend:function(){
		                $(".btn-group .btn-primary").addClass("btn-default");
		                $(".btn-group .btn-primary").removeClass("btn-primary");
		                $("#"+memo).addClass("btn-primary");
		                $("#"+memo).removeClass("btn-default");
		                $('.visit-district-tbody').html('<tr><td colspan="8" style="text-align: center;"><span><i class="fa fa-spin fa-spinner" aria-hidden="true"></i>&nbsp;&nbsp;数据获取中...<span></td></tr>');
		            },
		            success:function(res){
		                if(res.status){
		                    var map=res.map;
		                    // var option = {
		                    //     tooltip : {
		                    //         trigger: 'item'
		                    //     },
		                    //     visualMap: {
		                    //         min:'0',
		                    //         max:map[0]['value'],
		                    //         left: 'left',
		                    //         top: 'bottom',
		                    //         orient: 'horizontal',
		                    //         inverse:true,
		                    //         align:'left',
		                    //         inRange: {
		                    //             color: ['rgba(230,230,230,0.6)', '#3385e3'],
		                    //             symbolSize: [30, 100]
		                    //         },
		                    //         outRange: {
		                    //             color: ['#e6e6e6', '#3385e3'],
		                    //             symbolSize: [30, 100]
		                    //         },
		                    //         borderColor:'#ffffff',
		                    //         text:['高','低'],
		                    //     },
		                    //     series : [
		                    //         {
		                    //             name: '浏览量(PV)',
		                    //             type: 'map',
		                    //             map: 'china',
		                    //             roam: true,
		                    //             label: {
		                    //                 normal: {
		                    //                     show: false
		                    //                 },
		                    //                 emphasis: {
		                    //                     show: true
		                    //                 }
		                    //             },
		                    //             itemStyle:{
		                    //                 normal:{
		                    //                     borderColor:'#ffffff',
		                    //                     areaColor:'#e6e6e6'
		                    //                 }
		                    //             },
		                    //             data:map
		                    //         },
		                    //     ]
		                    // };
		                    // myChart.setOption(option);
		                    $('.pv_count').html(res['sum'][0]);
		                    $('.visitor_count').html(res['sum'][1]);
		                    $('.ip_count').html(res['sum'][2]);
		                    $('.bounce_ratio').html(res['sum'][3]+'%');
		                    $('.avg_visit_time').html(res['sum'][4]);
		                    $('.visit-district-tbody').html(res.html);
		                }else{
		                    $('.visit-district-tbody').html('<tr><td colspan="8" style="text-align:center;">'+res.msg+'</td></tr>');
		                }
		            },
		            error:function(XMLHttpRequest, textStatus, errorThrown){
		                $('.visit-district-tbody').html(overtime); 
		            },
		            complete: function (XMLHttpRequest, textStatus) {
		                if(textStatus == 'timeout'){
		                    $('.visit-district-tbody').html(overtime);
		                }
		            },
		        });
		    };
		    $(document).on("change","#changeSiteId",function(){
				var url=$(this).data("url");
				var siteid=$(this).val();
				$.ajax({
			        url:url,
			        data:'siteid='+siteid,
			        dataType: "json",
			        type:'post',
			        success:function(res){
			        	if(res.code){
			        		location.reload();
			        	}else{
			        		layer.alert(res.msg);
			        	}
			        }
			    });
			})
		    if(bdtj_show==1){
				ajax_page('tody');
			}else{
				layer.alert("尚未配置，请前往插件管理-百度网站统计-配置");
			}
		    $(document).on("click",".ajax-page",function(){
		    	var memo=$(this).attr("data-memo");
		    	ajax_page(memo);
		    })
		    $(document).on("click",".show-district",function(){
		    	var obj=$(this);
		    	var id=obj.attr("data-key");
		    	var fa=obj.find('i');
		        var plus=fa.hasClass('fa-plus');
		        if(plus){
		            var table_tr=$(".table-tr_"+id);
		            if(table_tr.length>0){
		                table_tr.show();
		                obj.html('<i class="fa fa-minus" aria-hidden="true"></i>');
		            }else{
		                var tr=obj.closest("tr");
		                var area=tr.attr("data-area");
		                var memo=$(".btn-group .btn-primary").attr('id');
		                var msg='<tr class="sub-line table-tr_'+id+' sub-line-last"><td colspan="8" style="text-align:center;">暂无数据</td></tr>';
		                $.ajax({
		                    url:"baiduapi/visitDistrictTop",
		                    type:'post',
		                    data:'id='+id+'&area='+area+'&memo='+memo,
		                    dataType: "json",
		                    timeout: '10000',
		                    beforeSend:function(){
		                        obj.html('<i class="fa fa-spin fa-spinner" aria-hidden="true"></i>');
		                    },
		                    success:function(res){
		                        if(res.status){
		                            tr.after(res.html);
		                        }else{
		                            tr.after(msg);
		                        }
		                    },
		                    error:function(XMLHttpRequest, textStatus, errorThrown){
		                        tr.after(msg);
		                    },
		                    complete: function (XMLHttpRequest, textStatus) {
		                        if(textStatus == 'timeout'){
		                            tr.after(msg);
		                        }
		                        $('.table-tr_'+id).show();
		                        obj.html('<i class="fa fa-minus" aria-hidden="true"></i>');
		                    },
		                });
		            }
		        }else{
		            fa.removeClass('fa-minus');
		            fa.addClass('fa-plus');
		            $(".table-tr_"+id).hide();
		        }
		    })
    	}
    };
    return Controller;
});