$(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)
|
|
// 时段选择
|
$('#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)
|
})
|
|
// tab切换事件
|
$('.river-top ul li').off('click').click(function () {
|
var ind = $(this).index()
|
tabIndex = ind
|
$('.rain-box>div:eq(' + ind + ')').stop().show().siblings().stop().hide()
|
$(this).addClass('on').siblings().removeClass('on')
|
|
$('.load-box-list').show()
|
|
$('.input_in input').val('快速查询')
|
$('#RainSel').hide()
|
$('#dailyRiverSel').hide()
|
|
if (ind == 0) {
|
rainShowPie(startTime, endTime, sdData)
|
} else if (ind == 1) {
|
dailyRainShowPie(rainstartTime, rainendTime)
|
} else if (ind == 2) {
|
$('.load-box-list').hide()
|
featuresShowInfo()
|
} else if (ind == 3) {
|
$('.load-box-list').hide()
|
// 库容曲线
|
rainBasicShowInfo()
|
}
|
})
|
|
function getDate (timestamp) {
|
const d = new Date(timestamp) // 时间戳为10位需*1000，时间戳为13位的话不需乘1000
|
const yyyy = d.getFullYear() + '-'
|
const MM = (d.getMonth() + 1 < 10 ? '0' + (d.getMonth() + 1) : d.getMonth() + 1) + '-'
|
const dd = d.getDate() + ' '
|
const HH = d.getHours() + ':'
|
const mm = d.getMinutes() + ':'
|
const ss = d.getSeconds()
|
return yyyy + MM + dd + HH + mm + ss
|
}
|
|
function rainShowPie (startTime, endTime, sd) {
|
$.ajax({
|
url: 'http://10.36.98.39:85/regionWeight/regionweight/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.98.39:85/regionWeight/regionweight/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.98.39:85/regionWeight/regionweight/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 == '' ? '--' : result.data[0].drp1} </div></td>
|
<td><div> ${result.data[0].drp2 == '' ? '--' : result.data[0].drp2} </div></td>
|
<td><div> ${result.data[0].drp3 == '' ? '--' : result.data[0].drp3} </div></td>
|
<td><div> ${result.data[0].drp6 == '' ? '--' : result.data[0].drp6} </div></td>
|
<td><div> ${result.data[0].drp12 == '' ? '--' : result.data[0].drp12} </div></td>
|
<td><div> ${result.data[0].drp24 == '' ? '--' : result.data[0].drp24} </div></td>
|
<td><div> ${result.data[0].drp48 == '' ? '--' : result.data[0].drp48} </div></td>
|
<td><div> ${result.data[0].drp72 == '' ? '--' : result.data[0].drp72} </div></td>
|
</tr>`
|
|
$('#rainTbodyBox').html(contant)
|
}
|
})
|
}
|
|
// 基础信息---查询
|
function rainBasicShowInfo () {
|
$.ajax({
|
url: 'http://10.36.98.39:85/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)
|
}
|
})
|
}
|
})
|
