$(function () {
|
|
var allResult = null;
|
|
var tabIndex = null;
|
|
$('.load-box-list').show();
|
// 截取 url 地址参数code的值
|
var code = GetQueryString("code");
|
|
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;
|
}
|
|
//初始触发
|
getData();
|
|
|
//tab切换事件
|
$(".river-top ul li").off('click').click(function () {
|
var ind = $(this).index();
|
tabIndex = ind;
|
$(".reser-box>div:eq(" + ind + ")").stop().show().siblings().stop().hide();
|
$(this).addClass('on').siblings().removeClass('on');
|
|
$('.load-box-list').show();
|
|
if (ind == 0) {
|
//基础信息
|
reservoirCharacteristics(allResult.data.bases[0]);
|
|
$(".detentionBasin-selectdate").hide();
|
} else if (ind == 1) {
|
//水库水文特征值
|
reservoirFeatures(allResult.data.rshyprs[0]);
|
var select = "";
|
for (var i = 0; i < allResult.data.rshyprs.length; i++) {
|
select += "<option value='" + i + "'>" + allResult.data.rshyprs[i].coll_DATE; + "</option>"
|
}
|
$(".detentionBasin-select").html(select);
|
$(".detentionBasin-selectdate").show();
|
} else if (ind == 2) {
|
//洪水计算成果
|
reservoirCompute(allResult.data.dsflclprs[0]);
|
var select = "";
|
for (var i = 0; i < allResult.data.dsflclprs.length; i++) {
|
select += "<option value='" + i + "'>" + allResult.data.dsflclprs[i].coll_DATE; + "</option>"
|
}
|
$(".detentionBasin-select").html(select);
|
$(".detentionBasin-selectdate").show();
|
|
}
|
|
});
|
|
//下拉改变事件
|
$(".detentionBasin-select").change(function () {
|
if (tabIndex == 0) {
|
reservoirCharacteristics(allResult.data.bases[$(this).val()]);
|
} else if (tabIndex == 1) {
|
reservoirFeatures(allResult.data.rshyprs[$(this).val()]);
|
} else if (tabIndex == 1) {
|
reservoirCompute(allResult.data.dsflclprs[$(this).val()]);
|
}
|
|
});
|
|
|
//获取所有数据
|
function getData() {
|
$.ajax({
|
url: 'https://watermap.ysy.com.cn/onemap/api/v1/projectInfo?',
|
type: 'GET',
|
data: {
|
code: code,
|
type: "fsda"
|
},
|
datatype: 'json',
|
success: function (res) {
|
allResult = res;
|
|
var select = "";
|
for (var i = 0; i < allResult.data.bases.length; i++) {
|
select = "<option value='" + i + "'>" + allResult.data.bases[i].coll_DATE; + "</option>"
|
}
|
$(".detentionBasin-select").html(select);
|
reservoirCharacteristics(res.data.bases[0]);
|
}
|
})
|
}
|
|
//基础信息面板
|
function reservoirCharacteristics(result) {
|
|
if(result != null){
|
|
$(".river-course .reser-box .detentionBasin-characteristics tbody tr:eq(0) td:eq(1)").text(result.fsda_NAME);
|
|
//$(".river-course .reser-box .detentionBasin-characteristics tbody tr:eq(0) td:eq(3)").text();
|
|
$(".river-course .reser-box .detentionBasin-characteristics tbody tr:eq(1) td:eq(1)").text(result.fsda_LOC == null ?"":result.fsda_LOC);
|
|
$(".river-course .reser-box .detentionBasin-characteristics tbody tr:eq(1) td:eq(3)").text(result.feda_TYPE == null?"":result.feda_TYPE);
|
|
$(".river-course .reser-box .detentionBasin-characteristics tbody tr:eq(2) td:eq(1)").text(result.build_FL_DATE == null?"":result.build_FL_DATE);
|
|
$(".river-course .reser-box .detentionBasin-characteristics tbody tr:eq(2) td:eq(3)").text(result.fsda_TOT_AERA == null?"":result.fsda_TOT_AERA + " km²");
|
|
$(".river-course .reser-box .detentionBasin-characteristics tbody tr:eq(3) td:eq(1)").text(result.fsda_DIKE_LEN == null?"":result.fsda_DIKE_LEN + " km");
|
|
$(".river-course .reser-box .detentionBasin-characteristics tbody tr:eq(3) td:eq(3)").text(result.des_FL_AREA == null?"":result.des_FL_AREA + " km²");
|
|
$(".river-course .reser-box .detentionBasin-characteristics tbody tr:eq(4) td:eq(1)").text(result.des_FL_STAG ==null?"":result.des_FL_STAG + " m");
|
|
$(".river-course .reser-box .detentionBasin-characteristics tbody tr:eq(4) td:eq(3)").text(result.des_STOR_CAP == null?"":result.des_STOR_CAP + " 10⁴m³");
|
|
$(".river-course .reser-box .detentionBasin-characteristics tbody tr:eq(5) td:eq(1)").text(result.des_FL_FLOW == null?"":result.des_FL_FLOW +" m³/s");
|
|
$(".river-course .reser-box .detentionBasin-characteristics tbody tr:eq(5) td:eq(3)").text(result.ar_AREA == null?"":result.ar_AREA + " 亩");
|
|
$(".river-course .reser-box .detentionBasin-characteristics tbody tr:eq(6) td:eq(1)").text(result.fsda_POP == null?"":result.fsda_POP + " 10⁴人");
|
|
$(".river-course .reser-box .detentionBasin-characteristics tbody tr:eq(6) td:eq(3)").text(result.fsda_GDP == null?"":result.fsda_GDP + " 10⁸元");
|
|
$(".river-course .reser-box .detentionBasin-characteristics tbody tr:eq(7) td:eq(1)").text(result.note == null?"":result.note);
|
|
//$(".river-course .reser-box .detentionBasin-characteristics tbody tr:eq(7) td:eq(3)").text(result.ben_RES_CAP + " 10⁴m³");
|
|
}
|
|
$('.load-box-list').hide();
|
|
}
|
|
|
|
|
|
//水库水文特征值
|
function reservoirFeatures(result) {
|
|
if (result != null) {
|
$(".river-course .reser-box .detentionBasin-features tbody tr:eq(0) td:eq(1)").text(result.avanpr);
|
|
$(".river-course .reser-box .detentionBasin-features tbody tr:eq(0) td:eq(3)").text(result.avanrn);
|
|
$(".river-course .reser-box .detentionBasin-features tbody tr:eq(1) td:eq(1)").text(result.avanev);
|
|
$(".river-course .reser-box .detentionBasin-features tbody tr:eq(1) td:eq(3)").text(result.avansnqn == null ? "" : result.avansnqn);
|
|
$(".river-course .reser-box .detentionBasin-features tbody tr:eq(2) td:eq(1)").text(result.avansdld == null ? "" : result.avansdld);
|
|
$(".river-course .reser-box .detentionBasin-features tbody tr:eq(2) td:eq(3)").text(result.gnquttfl == null ? "" : result.gnquttfl);
|
|
$(".river-course .reser-box .detentionBasin-features tbody tr:eq(3) td:eq(1)").text(result.dflmd);
|
|
$(".river-course .reser-box .detentionBasin-features tbody tr:eq(3) td:eq(3)").text(result.cflmd);
|
|
$(".river-course .reser-box .detentionBasin-features tbody tr:eq(4) td:eq(1)").text(result.mnds == null ? "" : result.mnds);
|
|
$(".river-course .reser-box .detentionBasin-features tbody tr:eq(4) td:eq(3)").text(result.mddwl == null ? "" : result.mddwl);
|
|
$(".river-course .reser-box .detentionBasin-features tbody tr:eq(5) td:eq(1)").text(result.note == null ? "" : result.note);
|
}
|
|
|
|
$('.load-box-list').hide();
|
|
}
|
|
//洪水计算成果
|
function reservoirCompute(result) {
|
|
var contant = '';
|
if (result != null) {
|
contant += '<tr>' +
|
'<td><div>' + result.cldt + '</div></td>' +
|
'<td><div>' + result.flqn + '</div></td>' +
|
'<td><div>' + result.tmprln + '</div></td>' +
|
'<td><div>' + result.dtpfq + '</div></td>' +
|
'<td><div>' + result.dsflpkfl + '</div></td>' +
|
'<td><div>' + (result.note == null ? "" : result.note == null) + '</div></td>' +
|
'</tr>';
|
}
|
$('#compute').html(contant);
|
|
$('.load-box-list').hide();
|
}
|
|
|
function dateProcessing(data) {
|
var date = new Date(data);
|
var Y = date.getFullYear() + '.';
|
var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '.';
|
var D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate());
|
var h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';
|
var m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':';
|
var s = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds());
|
return Y + M + D
|
}
|
|
function timestamp(data) {
|
var date = new Date(data);
|
var Y = date.getFullYear() + '-';
|
var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
|
var D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' ';
|
var h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';
|
var m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':';
|
var s = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds());
|
return Y + M + D + h + m
|
}
|
|
function realTimes(data) {
|
var date = new Date(data);
|
var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
|
var D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' ';
|
var h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + '时';
|
return M + D + h
|
}
|
|
|
});
|