$(function () {

    $('.close').click(function () {
        window.parent.$('#infoWindow_pup').hide()
        window.parent.$('#infoWindow_pup').attr('src', '')
    })
    $('.input_in input').val('快速查询')

    var dqtime = GetQueryString("dqtime")

    if (dqtime != "null" && dqtime != null) {
        var d = new Date(dqtime)
        var str = d.getFullYear() + "-" + (d.getMonth() + 1 < 10 ? '0' + (d.getMonth() + 1) : d.getMonth() + 1) + "-" + (d.getDate() < 10 ? '0' + d.getDate() : d.getDate()) + " "
            + (d.getHours() + 1 < 10 ? '0' + (d.getHours() + 1) : (d.getHours() + 1)) + ":00:00"
        var str_zr = d.getFullYear() + "-" + (d.getMonth() + 1 < 10 ? '0' + (d.getMonth() + 1) : d.getMonth() + 1) + "-" + d.getDate()
        var qz = new Date(getDate(Date.parse(new Date(dqtime)) - 86400000 * 2))
        var qzstr = qz.getFullYear() + "-" + (qz.getMonth() + 1 < 10 ? '0' + (qz.getMonth() + 1) : qz.getMonth() + 1) + "-" + (qz.getDate() < 10 ? '0' + qz.getDate() : qz.getDate()) + " 00:00:00"
        var qzstr_zr = qz.getFullYear() + "-" + (qz.getMonth() + 1 < 10 ? '0' + (qz.getMonth() + 1) : qz.getMonth() + 1) + "-" + qz.getDate()
    } else {
        var d = new Date()
        var str = d.getFullYear() + "-" + (d.getMonth() + 1 < 10 ? '0' + (d.getMonth() + 1) : d.getMonth() + 1) + "-" + (d.getDate() < 10 ? '0' + d.getDate() : d.getDate()) + " "
            + (d.getHours() + 1 < 10 ? '0' + (d.getHours() + 1) : (d.getHours() + 1)) + ":00:00"
        var str_zr = d.getFullYear() + "-" + (d.getMonth() + 1 < 10 ? '0' + (d.getMonth() + 1) : d.getMonth() + 1) + "-" + d.getDate()
        var qz = new Date(getDate(Date.parse(new Date()) - 86400000 * 2))
        var qzstr = qz.getFullYear() + "-" + (qz.getMonth() + 1 < 10 ? '0' + (qz.getMonth() + 1) : qz.getMonth() + 1) + "-" + (qz.getDate() < 10 ? '0' + qz.getDate() : qz.getDate()) + " 00:00:00"
        var qzstr_zr = qz.getFullYear() + "-" + (qz.getMonth() + 1 < 10 ? '0' + (qz.getMonth() + 1) : qz.getMonth() + 1) + "-" + qz.getDate()
    }



    var startTime = qzstr
    var endTime = str
    var rainstartTime = qzstr_zr
    var rainendTime = str_zr

    var code = GetQueryString("id")

    var sdData = "1"

    $('#inpstart_zr').val(qzstr_zr)
    $('#inpend_zr').val(str_zr)
    $('#timestart').val(qzstr)
    $('#timeend').val(str)


    $('.input_in input').click(function () {
        // $('#riverSel').show();
        $('#RainSel').toggle()
        $('#dailyRiverSel').toggle()
    })

    $('.input_insd input').click(function () {
        $('#RainSd').toggle()
    })

    function GetQueryString (name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)")
        var r = window.location.search.substr(1).match(reg)
        if (r != null) return unescape(r[2])
        return null
    }
    setTimeout(function () {
        $('.load-box-list').show()
        rainShowPie(startTime, endTime, sdData)
    }, 200)
    //时段雨量
    $('#rainBtnOne').click(function () {
        recharts()
        $('.load-box-list').show()
        $('.input_in input').val('快速查询')
        rainShowPie(startTime, endTime, sdData)
        $('#RainSel').hide()
        $('#dailyRiverSel').hide()
    })
    //逐日雨量
    $('#rainBtnTwo').click(function () {
        recharts_z()
        $('.load-box-list').show()
        $('.input_in input').val('快速查询')
        dailyRainShowPie(rainstartTime, rainendTime)
        $('#RainSel').hide()
        $('#dailyRiverSel').hide()
    })

    //特征雨量
    $('#rainBtnThr').click(function () {
        $('.input_in input').val('快速查询')
        featuresShowInfo()
        $('#RainSel').hide()
        $('#dailyRiverSel').hide()



    })

    //基础信息
    $('#rainBtnFou').click(function () {
        $('.input_in input').val('快速查询')
        rainBasicShowInfo()
        $('#RainSel').hide()
        $('#dailyRiverSel').hide()
    })

    function recharts_z () {
        var width = $(window).width() * 0.53
        var height = ($(window).height() - 50) - 80

        var chartPie = document.getElementById('dailyPei')
        var myChartPie = echarts.init(chartPie)
        var resize = {
            width: width,
            height: height
        }
        myChartPie.resize(resize)
    }

    function recharts () {
        var width = $(window).width() * 0.53
        var height = ($(window).height() - 50) - 80

        // 获取ID
        var chartPie = document.getElementById('rainPei')
        var myChartPie = echarts.init(chartPie)
        var resize = {
            width: width,
            height: height
        }
        myChartPie.resize(resize)
    }

    window.onresize = function () {

        var width = $(window).width() * 0.53
        var height = ($(window).height() - 50) - 80

        $(".rain-tab").height(height)
        // 获取ID
        var chartPie_1 = document.getElementById('rainPei')
        var chartPie_2 = document.getElementById('dailyPei')
        // echarts初始化
        var myChartPie_1 = echarts.init(chartPie_1)
        var myChartPie_2 = echarts.init(chartPie_2)
        var resize = {
            width: width,
            height: height
        }
        myChartPie_1.resize(resize)
        myChartPie_2.resize(resize)
    }

    //时段选择
    $('#RainSd ul li').click(function () {
        $('#RainSd').hide()
        var checkTime = $(this).attr('data')

        if (checkTime == '1') {
            sdData = "1"
            $('.input_insd input').val('1')
        } else if (checkTime == '2') {
            sdData = "2"
            $('.input_insd input').val('2')
        } else if (checkTime == '3') {
            sdData = "3"
            $('.input_insd input').val('3')
        } else if (checkTime == '6') {
            sdData = "6"
            $('.input_insd input').val('6')
        }

    })

    //时段雨量------时间查询
    $('#riverBtn').click(function () {
        $('.load-box-list').show()
        $('.input_in input').val('快速查询')
        startTime = $("#timestart").val()
        endTime = $("#timeend").val()
        rainShowPie(startTime, endTime, sdData)
    })
    //时段雨量-----快速查询
    $('#RainSel ul li').click(function () {
        $('.load-box-list').show()
        $('#RainSel').hide()
        var checkTime = $(this).attr('data')
        var curr = new Date()
        var currDataD = curr.getFullYear()
        var currDataM = curr.getMonth() + 1
        var currDataR = curr.getDate()
        var currDataH = curr.getHours()
        // 结束时间
        var currAllTime = currDataD + '-' + currDataM + '-' + currDataR + ' ' + (currDataH + 1) + ':00:00'
        var data = ''
        var dataD = ''
        var dataM = ''
        var dataR = ''
        var dataH = ''
        var dataDd = ''
        var allDataTime = ''
        if (checkTime == '2') {
            data = new Date(new Date() - 2 * 60 * 60 * 1000)
            $('.input_in input').val('最近2小时')
        } else if (checkTime == '12') {
            data = new Date(new Date() - 12 * 60 * 60 * 1000)
            $('.input_in input').val('最近12小时')
        } else if (checkTime == '24') {
            data = new Date(new Date() - 24 * 60 * 60 * 1000)
            $('.input_in input').val('最近24小时')
        } else if (checkTime == '36') {
            data = new Date(new Date() - 36 * 60 * 60 * 1000)
            $('.input_in input').val('最近36小时')
        } else if (checkTime == '72') {
            data = new Date(new Date() - 72 * 60 * 60 * 1000)
            $('.input_in input').val('最近72小时')
        }
        dataD = data.getFullYear()
        dataM = data.getMonth() + 1
        dataR = data.getDate()
        dataH = data.getHours()
        dataDd = data.getMinutes()
        // 开始时间
        allDataTime = dataD + '-' + dataM + '-' + dataR + ' ' + (dataH + 1) + ':00:00'

        $('#timestart').val(allDataTime)
        $('#timeend').val(currAllTime)
        rainShowPie(allDataTime, currAllTime, sdData)
    })

    function getDate (timestamp) {
        let d = new Date(timestamp)// 时间戳为10位需*1000，时间戳为13位的话不需乘1000
        let yyyy = d.getFullYear() + '-'
        let MM = (d.getMonth() + 1 < 10 ? '0' + (d.getMonth() + 1) : d.getMonth() + 1) + '-'
        let dd = d.getDate() + ' '
        let HH = d.getHours() + ':'
        let mm = d.getMinutes() + ':'
        let ss = d.getSeconds()
        return yyyy + MM + dd + HH + mm + ss
    }

    function rainShowPie (startTime, endTime, sd) {

        $.ajax({
            url: "http://10.36.162.20:83/blade-ycreal/pptnr/selectDayStation",
            type: 'post',
            dataType: 'json',
            jsonp: 'callback',
            jsonpCallback: 'data',
            data: {
                'code': code,
                'dateBegin': startTime,
                'dateEnd': endTime,
                'sd': sd,
            },
            success: function (result) {
                var q = ''
                var w = ''
                var dataName = []
                var dataZ = []
                var contant = ''
                for (var i = 0; i < result.data.length; i++) {
                    var time = result.data[i].tm
                    var timesub = time.substr(5, 11)
                    dataName.push(timesub)
                    dataZ.push(result.data[i].DRP)

                    if (result.data[i].DRP == null) {
                        q = ''
                    } else {
                        q = result.data[i].DRP
                    }
                    contant += '<tr>' +
                        '<td><div>' + (i + 1) + '</div></td>' +
                        '<td><div>' + timesub + '</div></td>' +
                        '<td><div>' + q + '</div></td>' +
                        '</tr>'
                }
                $('#rainTable').html(contant)

                var option = {
                    title: {
                        text: '时段降雨过程',
                        left: 'center'
                    },
                    tooltip: {
                        trigger: 'axis'
                    },
                    legend: {
                        bottom: '0px',
                        left: 'center',
                        data: ['雨量']
                    },
                    xAxis: [{
                        type: 'category',
                        splitLine: {
                            show: false
                        },
                        data: dataName,
                        inverse: true,
                        boundaryGap: false,
                        axisLine: {
                            onZero: false,
                            lineStyle: {
                                color: "#000"
                            }
                        },
                    }],
                    grid: {
                        left: '8%',
                        right: '4%',
                        bottom: '8%',
                        containLabel: true
                    },
                    yAxis: [{
                        type: 'value',
                        name: '降雨量（mm）',
                        axisLine: {
                            lineStyle: {
                                color: '#000',
                            }
                        },
                        splitLine: {
                            show: true
                        },
                    }],
                    series: [{
                        name: '雨量',
                        type: 'bar',
                        data: dataZ
                    }]
                }
                var chartPie = document.getElementById('rainPei')
                var myChartPie = echarts.init(chartPie)
                myChartPie.setOption(option, true)
                $('.load-box-list').hide()
            }
        })
    }

    //逐日雨量------时间查询
    $('#dailyRainBtn').click(function () {
        $('.load-box-list').show()
        $('.input_in input').val('快速查询')
        rainstartTime = $("#inpstart_zr").val()
        rainendTime = $("#inpend_zr").val()
        dailyRainShowPie(rainstartTime, rainendTime)
    })

    $('#dailyRiverSel ul li').click(function () {
        $('.load-box-list').show()
        $('#dailyRiverSel').hide()
        var checkTime = $(this).attr('data')
        var curr = new Date()
        var currDataD = curr.getFullYear() // 获取完整的年份 4位数
        var currDataM = curr.getMonth() + 1 // 获取当前月份，0是1月，所以+1
        var currDataR = curr.getDate() // 获取当前日，1-31日
        var currDataH = curr.getHours() // 获取当前小时数0-23
        // 结束时间
        var currAllTime = currDataD + '-' + currDataM + '-' + currDataR
        var data = ''
        var dataD = ''
        var dataM = ''
        var dataR = ''
        var dataH = ''
        var allDataTime = ''
        if (checkTime == '3') {
            data = new Date(new Date() - 24 * 60 * 60 * 1000 * 3)
            $('.input_in input').val('近3天')
        } else if (checkTime == '7') {
            data = new Date(new Date() - 24 * 60 * 60 * 1000 * 7)
            $('.input_in input').val('近7天')
        } else if (checkTime == '15') {
            data = new Date(new Date() - 24 * 60 * 60 * 1000 * 15)
            $('.input_in input').val('近15天')
        }
        dataD = data.getFullYear()
        dataM = data.getMonth() + 1
        dataR = data.getDate()
        dataH = data.getHours()
        // 开始时间
        allDataTime = dataD + '-' + dataM + '-' + dataR

        $('#inpstart_zr').val(allDataTime)
        $('#inpend_zr').val(currAllTime)

        dailyRainShowPie(allDataTime, currAllTime)
    })

    function dailyRainShowPie (rainstartTime, rainendTime) {
        if (rainstartTime == '' && rainendTime == '') {
            var Nowdate = new Date()
            var MonthFirstDay = new Date(Nowdate.getFullYear(), Nowdate.getMonth(), 1)
            M = Number(MonthFirstDay.getMonth()) + 1
            rainstartTime = MonthFirstDay.getFullYear() + "-" + M + "-" + MonthFirstDay.getDate()
            var MonthNextFirstDay = new Date(Nowdate.getFullYear(), Nowdate.getMonth() + 1, 1)
            var MonthLastDay = new Date(MonthNextFirstDay - 86400000)
            M = Number(MonthLastDay.getMonth()) + 1
            rainendTime = MonthLastDay.getFullYear() + "-" + M + "-" + MonthLastDay.getDate()
        }

        $.ajax({
            url: "http://10.36.162.20:83/blade-ycreal/pptnr/selectStation",
            type: 'post',
            dataType: 'json',
            jsonp: 'callback',
            jsonpCallback: 'data',
            data: {
                'code': code,
                'dateBegin': rainstartTime,
                'dateEnd': rainendTime
            },
            success: function (result) {
                var q = ''
                var w = ''
                var dataName = []
                var dataZ = []
                var contant = ''
                for (var i = 0; i < result.data.length; i++) {
                    var time = result.data[i].tm
                    var timesub = time.substr(5, 11)
                    dataName.push(timesub)

                    if (result.data[i].DRP == -1) {
                        q = 0
                    } else {
                        q = result.data[i].DRP
                    }
                    dataZ.push(q)
                    contant += '<tr>' +
                        '<td><div>' + (i + 1) + '</div></td>' +
                        '<td><div>' + timesub + '</div></td>' +
                        '<td><div>' + q + '</div></td>' +
                        '</tr>'
                }
                $('#dailyRainTable').html(contant)

                var option = {
                    title: {
                        text: '逐日雨量',
                        left: 'center'
                    },
                    tooltip: {
                        trigger: 'axis'
                    },
                    legend: {
                        bottom: '0px',
                        left: 'center',
                        data: ['雨量']
                    },
                    xAxis: [{
                        type: 'category',
                        splitLine: {
                            show: false
                        },
                        data: dataName,
                        inverse: true,
                        boundaryGap: true,
                        axisLine: {
                            onZero: false,
                            lineStyle: {
                                color: "#000"
                            }
                        },
                    }],
                    grid: {
                        left: '8%',
                        right: '4%',
                        bottom: '8%',
                        containLabel: true
                    },
                    yAxis: [{
                        type: 'value',
                        name: '降雨量（mm）',
                        axisLine: {
                            lineStyle: {
                                color: '#000',
                            }
                        },
                        splitLine: {
                            show: true
                        },
                    }],
                    series: [{
                        name: '雨量',
                        type: 'bar',
                        barWidth: 30, // 柱图宽度
                        barMaxWidth: 30, // 最大宽度
                        data: dataZ
                    }]
                }

                var chartPie = document.getElementById('dailyPei')
                var myChartPie = echarts.init(chartPie)
                myChartPie.setOption(option, true)
                $('.load-box-list').hide()
            }
        })
    }


    //特征雨量---查询
    function featuresShowInfo () {
        $.ajax({
            url: "http://10.36.162.20:83/blade-ycreal/pptnr/selectPptnTz",
            type: 'post',
            async: false,
            dataType: 'json',
            jsonp: 'callback',
            jsonpCallback: 'data',
            data: {
                'code': code
            },
            success: function (result) {
                var contant = ''

                var time = result.data[0].time
                var timesub = time.substr(5, 11)
                contant = '<tr>' +
                    '<td><div>1</div></td>' +
                    '<td><div>' + timesub + '</div></td>' +
                    '<td><div>' + result.data[0].drp1 + '</div></td>' +
                    '<td><div>' + result.data[0].drp2 + '</div></td>' +
                    '<td><div>' + result.data[0].drp3 + '</div></td>' +
                    '<td><div>' + result.data[0].drp6 + '</div></td>' +
                    '<td><div>' + result.data[0].drp12 + '</div></td>' +
                    '<td><div>' + result.data[0].drp24 + '</div></td>' +
                    '<td><div>' + result.data[0].drp48 + '</div></td>' +
                    '<td><div>' + result.data[0].drp72 + '</div></td>' +
                    '</tr>'

                $('#rainTbodyBox').html(contant)
            }
        })
    }


    //基础信息---查询
    function rainBasicShowInfo () {
        $.ajax({
            url: "http://10.36.162.20:83/blade-ycreal/stbprpb/selectInfo",
            type: 'post',
            async: false,
            dataType: 'json',
            jsonp: 'callback',
            jsonpCallback: 'data',
            data: {
                'code': code
            },
            success: function (result) {
                var html = '<li>' +
                    '<span>测站编码：</span>' +
                    '<div>' + code + '</div>' +
                    '</li>' +
                    '<li>' +
                    '<span>测站名称：</span>' +
                    '<div>' + result.data[0].stnm + '</div>' +
                    '</li>' +
                    '<li>' +
                    '<span>测站类别：</span>' +
                    '<div>' + result.data[0].sttp + '</div>' +
                    '</li>' +
                    '<li>' +
                    '<span>报讯等级：</span>' +
                    '<div>' + result.data[0].frgrd + '</div>' +
                    '</li>' +
                    '<li>' +
                    '<span>基面名称：</span>' +
                    '<div>' + result.data[0].atcunit + '</div>' +
                    '</li>' +
                    '<li>' +
                    '<span>管理单位：</span>' +
                    '<div>' + result.data[0].locality + '</div>' +
                    '</li>' +
                    '<li>' +
                    '<span>所在县：</span>' +
                    '<div>' + result.data[0].addvcd5 + '</div>' +
                    '</li>' +
                    '<li>' +
                    '<span>流域名称：</span>' +
                    '<div>' + result.data[0].bsnm + '</div>' +
                    '</li>' +
                    '<li>' +
                    '<span>水系：</span>' +
                    '<div>' + result.data[0].hnnm + '</div>' +
                    '</li>' +
                    '<li>' +
                    '<span>河名：</span>' +
                    '<div>' + result.data[0].rvnm + '</div>' +
                    '</li>'

                $('#rainInfo').html(html)
            }
        })
    }



    $('.rain-menu ul li').click(function () {
        $(this).addClass('on').siblings().removeClass('on')
        $('.rain-box .river-con').eq($(this).index()).show().siblings().hide()
    })

})