$(function () {
    var sys_timer = setInterval(updateTime, 1000);

    //卫星影像资源
    satelliteTop();

    //行业服务应用
    Industry();

    //卫星影像资源下
   // satelliteBom();

    //卫星影像处理
    Handle();

    //窗口改变事件 防止屏幕拉小出现滚动条后再还原出现页面布局错误
    $(window).resize(function () {
        $('body,html').animate({ 'scrollTop': 0 }, 0);
    });

    //点击事件
    meauClick();

    //显示登录
    DisplayLogin();
})


//时间实时加载
function updateTime() {
    var cd = new Date();
    $('.sys_date').find('.time').text(zeroPadding(cd.getHours(), 2) + ':' + zeroPadding(cd.getMinutes(), 2) + ':' + zeroPadding(cd.getSeconds(), 2));
    $('.sys_date').find('.date').text(zeroPadding(cd.getFullYear(), 4) + '-' + zeroPadding(cd.getMonth()+1, 2) + '-' + zeroPadding(cd.getDate(), 2));
};

function zeroPadding(num, digit) {
    var zero = '';
    for(var i = 0; i < digit; i++) {
        zero += '0';
    }
    return (zero + num).slice(-digit);
}

//卫星影像资源
function satelliteTop() {
    $.ajax({
        url: './src/config/satelliteA.json',
        dataType: "json", //返回格式为json
        async: true, //请求是否异步，默认为异步，这也是ajax重要特性
        type: "GET", //请求方式
        success: function (data) {
            if(!data) return;

            var title = [];
            var res = [];
			var percent=[];

            for(var i=0,l=data.length;i<l;i++){
                title.unshift(data[i].title);
                res.unshift(data[i].res);
				percent.unshift(data[i].percent);
            }
          
      var name = ["影像数(景)", "覆盖率(%)"];
       option = {
//标签
      tooltip: {

         textStyle: {
             fontSize: 15
         }
     },
	 //标题
     "legend": {
         "left": "center",
         "top": "5%",
         "show": true,
         "type": "scroll",
         "data": name,
         "itemWidth": 20,
         "itemHeight": 15,
         "itemGap": 85,
         "textStyle": {
             "fontSize": 15,
             "color": "#ffffff",
             "fontFamily": "Microsoft YaHei"
         },
     },
	 //距离上下左右距离
     "grid": [{
         "left": "10%",
         "right": "62%",
         "top": 60,
         "bottom": "10"
     }, 
	
	
	 {
         "left": "62%",
         "right": "15%",
         "top": 60,
         "bottom": "10"
     },
	 {
         "left": "52%",
         "right": "10%",
         "top": 60,
         "bottom": "10"
     }],
	 //X轴
     "xAxis": [{
         "type": "value",
         "gridIndex": 0,
         "inverse": true,

         "axisLine": {
             "show": false,
             "lineStyle": {
                 "width": 1,
                 "type": "solid",
                 "color": "red"
             }
         },
         "splitLine": {
             "show": false,
             "lineStyle": {
                 "type": "dotted",
                 "color": "#ccc",
                 "width": 1
             }
         },
         "axisTick": {
             "show": false,
             "lineStyle": {
                 "width": 1,
                 "type": "solid",
                 "color": "#fff"
             }
         },
         "axisLabel": {
             "show": false,
             "fontFamily": "Microsoft YaHei",
             "fontSize": 20,
             "color": "fff",
             "interval": "auto",
             "rotate": "0",
         },
         "data": [],
     }, 
	 
	 {
         "type": "value",
         "gridIndex": 1,
         "inverse": false,
         "axisLine": {
             "show": false,
             "lineStyle": {
                 "width": 1,
                 "type": "solid",
                 "color": "red"
             }
         },
         "splitLine": {
             "show": false,
             "lineStyle": {
                 "type": "dotted",
                 "color": "red",
                 "width": 1
             }
         },
         "axisTick": {
             "show": false,
             "lineStyle": {
                 "width": 1,
                 "type": "solid",
                 "color": "red"
             }
         },
         "axisLabel": {
             "show": false,
             "fontFamily": "Microsoft YaHei",
             "fontSize": 12,
             "color": "#fff",
             "interval": "auto",
             "rotate": "0"
         },
         "data": [],
     }, {
         "type": "value",
         "gridIndex": 2,
         "inverse": false,
         "axisLine": { //只有这个
             "show": false,
             "lineStyle": {
                 "width": 1,
                 "type": "solid",
                 "color": "red"
             }
         },
		  "splitLine": {
            "show": false,
            "lineStyle": {
                "type": "dotted",
                "color": "#ccc",
                "width": 1
            }
        },
        "axisTick": {
            "show": false,
            "lineStyle": {
                "width": 1,
                "type": "solid",
                "color": "red"
            }
        },
        "axisLabel": {
            "show": false,
            "fontFamily": "Microsoft YaHei",
            "fontSize": 12,
            "color": "red",
            "interval": "auto",
            "rotate": "0"
        },

         "data": [],
     }],
	 //Y轴
     "yAxis": [
	 //左侧纵轴参数
	 {
         "type": "category",
         "gridIndex": 0,
         "axisLine": {
             "show": false,  
			 "lineStyle": {
				"width": 1,
                "type": "solid",
                "color": "#888888"
            }
         },
		    "splitLine": {
            "show": false,
            "lineStyle": {
                "type": "dotted",
                "color": "#ccc",
                "width": 1
            }
        },
        "axisTick": {
            "show": false,
            "lineStyle": {
                "width": 1,
                "type": "solid",
                "color": "#888888"
            }
        },
		   
         "axisLabel": {
             "show": false,
             "fontFamily": "Microsoft YaHei",
             "fontSize": 12,
             "color": "#ffffff",
             "interval": "auto",
			
         },
          "data":title,
          "position": 'right'
		  
     }, 
	//右侧纵轴参数
	 {
         "type": "category",
         "gridIndex": 1,
         "axisLine": {
             "show": false,
			   "lineStyle": {
                "width": 1,
                "type": "solid",
                "color": "#888888"
            }
         },
           "splitLine": {
            "show": false,
            "lineStyle": {
                "type": "dotted",
                "color": "#ccc",
                "width": 1
            }
        },
        "axisTick": {
            "show": false,
            "lineStyle": {
                "width": 1,
                "type": "solid",
                "color": "#888888"
            }
        },
        "axisLabel": {
            "show": false,
            "fontFamily": "Microsoft YaHei",
            "fontSize": 12,
            "color": "#fff",
            "interval": "auto"
        },
       "data":title,
         
     }, 
	  //中间纵轴参数
	{
        "type": "category",
        "gridIndex": 2,
        "axisLine": {
            "show": false,
            "lineStyle": {
                "width": 1,
                "type": "solid",
                "color": "#888888"
            }
        },
        "splitLine": {
            "show": false,
            "lineStyle": {
                "type": "dotted",
                "color": "#ccc",
                "width": 1
            }
        },
        "axisTick": {
            "show": false,
            "lineStyle": {
                "width": 1,
                "type": "solid",
                "color": "#888888"
            }
        },
        "axisLabel": {
            "show": true,
			"align":"center",
            "fontFamily": "Microsoft YaHei",
            "fontSize": 12,
            "color": "#ffffff",
            "interval": "auto",
        },
       "data":title,
       "position": 'center'
    }],
	
     "series": [
	 //左侧
	 {
         "colId": "col402utokg",
         "name": name[0],
         "type": "bar",
         "stack": null,
         "data": res,
         barWidth: 15,
           color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
                  {
                    offset: 0,
                    color: '#3A6ECD'
                  },
                  {
                    offset: 1,
                    color: '#4BE6E6'
                  }
                ]),
         "xAxisIndex": 0,
         "yAxisIndex": 0,
		 	itemStyle:{
			barBorderRadius:5,
		},
         "label": {
             "position": "left",
             "fontFamily": "Microsoft YaHei",
             "show": true,
             "fontSize": 12,
             "color": "#ffffff"
         }
		 
     }, 
	 //右侧
	 {
         "colId": "col3kkgr6h9",
         "name": name[1],
         "type": "bar",
         "stack": null,
         "data":percent ,
         barWidth: 15,
        
		    color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
                  {
                    offset: 0,
                    color: '#F9DD46'
                  },
                  {
                    offset: 1,
                    color: '#F29740'
                  }
                ]),
         "xAxisIndex": 1,
         "yAxisIndex": 1,
		itemStyle:{
			barBorderRadius:5,
		},
		"label": {
             "position": "right",
             "fontFamily": "Microsoft YaHei",
             "show": true,
             "fontSize": 12,
             "color": "#ffffff"
         }

     }],
 }
            //获取dom容器
            var myChart = echarts.init(document.getElementById('satellite_content_top'));
            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
          
         
        }

    })
}

//行业服务应用
function Industry() {

    $.ajax({
        url: './src/config/Industry.json',
        dataType: "json", //返回格式为json
        async: true, //请求是否异步，默认为异步，这也是ajax重要特性
        type: "GET", //请求方式
        success: function (data) {
            if(!data) return;

            var title = [];
            var res = [];

            for(var i=0,l=data.length;i<l;i++){
                title.unshift(data[i].title);
                res.unshift(data[i].res);
            }
            option = {
                color: ['#3398DB'],
                tooltip : {
                    trigger: 'axis',
                    axisPointer : {            // 坐标轴指示器，坐标轴触发有效
                        type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
                    }
                },
                grid: {
                    left: '5%',
                    right: '8%',
                    bottom: '3%',
                    top:'15%',
                    containLabel: true
                },
                xAxis: {
                    type: 'category',
                    boundaryGap: [0, 0.01],
                    splitLine:{show: false},
                    data: title,
                    axisLabel : {
                        textStyle: {
                            color: '#fff',
                            fontSize:12
                        }
                    },
                },
                yAxis: {
                    type: 'value',
                    axisLabel : {
                        textStyle: {
                            color: '#fff',
                            fontSize:14
                        }
                    },
                    xisTick:{ //y轴刻度线
                        show:false
                    },
                    axisLine:{ //y轴
                        show:false
                    },
                    splitLine: {
                        show: true,
                        lineStyle: {
                            type: 'dashed'
                        }
                    }
                },
                series : [
                    {
                        name:'',
                        type:'bar',
                        barWidth: 20,
                        data:res,
                        itemStyle:{
                            normal:{
                                color:function (params) {
                                    var colorList = ['#00a1e4','#1efe3b','#ffc600','#ff7e00'];
                                    return colorList[params.dataIndex]
                                }
                            }
                        }
                    }
                ]
            };

            //获取dom容器
            var myChart = echarts.init(document.getElementById('Industry_content'));
            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
        }

    })

}

//卫星影像资源下
function satelliteBom() {
    var myChart = echarts.init(document.getElementById('satellite_content_bottom'));
    option = {
        tooltip: {
            show:false,
            trigger: 'none',
        },
        color: ['#00a1e4', '#1efe3b', '#ffc600', '#ff7e00', '#ffffff', '#f3451a', '#DF8D2D','#3BF3FF'],
        legend: {
            orient: 'vertical',
            right: 10,
            bottom:10,
            data: ['ZY3-2', 'ZY3-3', 'GF1D', 'ZY3-1', 'GF1-B'],
            textStyle: { //图例文字的样式
                color: '#fff',
                fontSize: 12
            }
        },
        series: [
            {
                name: '覆盖率',
                type: 'pie',
                radius: ['50%', '70%'],
                avoidLabelOverlap: false,
                center: ["35%", "53%"],
                label: {
                    show: false,
                    position: 'center'
                },
                emphasis: {
                    label: {
                        show: true,
                        fontSize: '20',
                        fontWeight: 'bold',
                        position: 'center',
                        formatter:'{b}\n{a}:{c}%'
                    }
                },
                labelLine: {
                    show: false
                },
                data: [
                      {"name": "ZY3-2","value": "99.97"},
					  {"name": "ZY3-3","value": "83.31"},
					  {"name": "GF1D","value": "100"},
					  {"name": "ZY3-1","value": "99.81"},
					  {"name": "GF1-B","value": "100"},
					  {"name": "GF1-C","value": "100"},
					  {"name": "GF1","value": "99.64"},
					  {"name": "GF-6","value": "100"},
					  {"name": "ZY02C","value": "97.18"},
					  {"name": "ZY02D-AHSI","value": "99.92"},
					  {"name": "HY-1C","value": "100"},
					  {"name": "ZY02D-VNIC","value": "100"},
					  {"name": "GF5-VIMS","value": "85.07"},
					  {"name": "GF5-AHSI","value": "72.1"},
					  {"name": "GF7-01","value": "73.18"},
					  {"name": "GF2","value": "99.66"}
                ]
            }
        ]
    };
    //option = {
    //    tooltip: {
    //        trigger: 'item',
    //        formatter: "{a} <br/>: {c}%"
    //    },
    //    legend: {
    //        orient: 'vertical',
    //        left: 10,
    //        data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎', "sfd"]
    //    },
    //    color: ['#00a1e4', '#1efe3b', '#ffc600', '#ff7e00','#ffffff','#f0f0f0'],
    //    title: {
    //        text: '覆盖率',
    //        left: 'center',
    //        top: '45%',
    //        left: '23%',
    //        textStyle: {
    //            color: '#fff',
    //            fontSize: 30,
    //            align: 'center'
    //        }
    //    },
    //    series: [
    //        {
    //            name: '',
    //            type: 'pie',
    //            radius: ['50%', '70%'],
    //            avoidLabelOverlap: false,
    //            center: ["35%", "53%"],
    //            label: {
    //                normal: {
    //                    show: false,
    //                    position: 'center'
    //                },
    //                emphasis: {
    //                    show: false,
    //                    textStyle: {
    //                        fontSize: '30',
    //                        fontWeight: 'bold'
    //                    }
    //                }

    //            },
    //            labelLine: {
    //                normal: {
    //                    show: false
    //                }
    //            },
    //            data: [21, 22, 23, 23, 23, 35],
    //        }
    //    ]
    //};

    //获取dom容器

    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);

    //$('#satellite_content_bottom').append('<div class="satelliteB_res">' +
    //    '<div class="satelliteB_lf">' +
    //    '<p class="satelliteB_lf_t">62个</p><p class="satelliteB_lf_b">GF-1</p>' +
    //    '</div>' +
    //    '<div class="satelliteB_rg">' +
    //    '<p class="satelliteB_rg_t">75%</p><p class="satelliteB_rg_b">覆盖率</p>' +
    //    '</div>' +
    //    '</div>');

}

//卫星影像处理
function Handle() {

    $.ajax({
        url: './src/config/Handle.json',
        dataType: "json", //返回格式为json
        async: true, //请求是否异步，默认为异步，这也是ajax重要特性
        type: "GET", //请求方式
        success: function (data) {
            if(!data) return;

            var title = [];
            var res = [];

            for(var i=0,l=data.length;i<l;i++){
                title.unshift(data[i].title);
                res.unshift(data[i].res);
            }
            var option = {
                title: {
                    text: '',
                    subtext: '',
                },
                tooltip: {
                    trigger: 'axis',
                    axisPointer: {
                        type: 'shadow'
                    }
                },
                legend: {
                    data: ['2011年', '2012年']
                },
                grid: {
                    left: '10%',
                    right: '8%',
                    bottom: '13%',
                    top:'7%',
                    containLabel: true
                },
                xAxis: {
                    "show" : false,
                    type: 'value',
                    boundaryGap: [0, 0.01],
                    splitLine:{show: false},
                },
                yAxis: {
                    splitLine:{show: false},
                    type: 'category',
                    data: title,
                    splitLine:{show: false},
                    axisLabel : {
                        formatter: function(){
                            return "";
                        }
                    },
                    xisTick:{ //y轴刻度线
                        show:false
                    },
                    axisLine:{ //y轴
                        show:false
                    }

                },
                series: [
                    {
                        name: '',
                        type: 'bar',
                        data: res,
                        barWidth :15,
                        itemStyle: {
                            normal: {
                                color:function (params) {
                                    var colorList = ['#0770f2','#05af99'];
                                    return colorList[params.dataIndex]
                                },
                                barBorderRadius: 7
                            }
                        }
                    }
                ]
            };

            //获取dom容器
            var myChart = echarts.init(document.getElementById('Handle_content'));
            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
            $('#Handle_content').append('<ul class="Handle_res"></ul>')
            for(var i=0,l=res.length;i<l;i++){
                $('.Handle_res').prepend('<li><i  class="Handle_res_icon'+i+'"></i><span class="Handle_res_lf">'+title[i]+'</span><span class="Handle_res_rg'+i+'">'+res[i]+'个</span></li>');
            }
        }

    })

}


function meauClick() {
    $(".td_display").parents("li").click(function () {
        location.href = "Gis.html";
            /*if (!!window.ActiveXObject || "ActiveXObject" in window) {
                location.href = "Gis.html";
            } else {
                var port = window.location.port;
                window.protocolCheck("alert:http://118.213.95.33:8090/Gis.html",
                function () {
                    alert("尚未安装插件，插件安装完成后再次点击");
                    window.location.href = "App/setup.exe";//插件
                });
                event.preventDefault ? event.preventDefault() : event.returnValue = false;

                //location.href = "alert:http://localhost:" + port + "/Gis.html?u=" + U;
                location.href = "alert:http://118.213.95.33:8090/Gis.html";
            }*/
     
        //var UserInfo = JSON.parse(localStorage.getItem("UserInfo"));
        //var U="";
        //if (UserInfo == ""|UserInfo==null) {
        //    $(".logBg").show();
        //    return false;
        //} else {
        //    $(".logBg").hide();
        //    for (var i = 0; i < UserInfo.Data.length; i++) {
        //        U = UserInfo.Data[i].UserName;
        //        P = UserInfo.Data[i].PassWord;
        //    }
        //    U = U + "+" + P;
        //    if (!!window.ActiveXObject || "ActiveXObject" in window) {

        //        location.href = "Gis.html?u=" + U;
        //    } else {
        //        var port = window.location.port;
        //        location.href = "alert:http://localhost:"+port+"/Gis.html?u=" + U;
        //        //location.href = "alert:http://118.213.95.33:8090/Gis.html?u=" + U ;
        //    }
        //}


    });

    $(".data_manage").parents("li").click(function () {
        //location.href = "http://sg.qhsddy.cn";
        window.open("https://118.213.95.33/sg/Index/index.do","_blank","")
    });
	
	$(".super_plat").parents("li").click(function () {
        //location.href = "http://118.213.95.33:18087";
		window.open("http://118.213.95.33:18087","_blank","")
    });
	
	$(".intel_applica").parents("li").click(function () {
        //location.href = "http://118.213.95.33:17073/";
		window.open("http://118.213.95.33:17073/","_blank","")
    });
	
	$(".auto_process").parents("li").click(function () {
        alert('请从内网访问影像自动处理系统。');
    });

	$(".evenment_anylise").parents("li").click(function () {
	    window.open("http://118.213.95.33:8812","_blank","");
	});

	
}

//展示登录界面
function DisplayLogin() {
    $(".user").click(function () {
        $(".logBg").show();
    });
    $(".Sumit").click(function () {
        GetLoginUserInfo();
    });
    $(".reset").click(function () {
        var userName = $(".loginAdmin").val("");
        var passWord = $(".loginPass").val("");
    })
}


//登录 
function GetLoginUserInfo() {
    var  userName=$.trim($(".loginAdmin").val());
    var  passWord = $.trim($(".loginPass").val());
    if (userName == "") {
        alert("用户名不能为空");
        return false;
    } 

    if (passWord == "") {
        alert("密码不能为空");
        return false;
    } else {
        var reg1 = new RegExp(/^[A-Za-z]|[0-9]+$/);
        if (!reg1.test(passWord)) {
            alert("密码填写不合理");
            return false;
        }
    }
    //请求后台数据
    $.ajax({
        url: '../../ashx/LoginInfo.ashx',
        type: "post",
        async :false,
        data: {
            Action: "UserInfo",
            userName: userName,
            passWord:passWord
        },
        dataType: "json",
        success: function (Result) {
            if (Result.Msg == "failed") {
                alert(Result.Errmsg);
                return false;
            } else {
                localStorage.setItem("UserInfo", JSON.stringify(Result));
                $(".logBg").hide();
            }
        }
    })














}