'use script'; //开发环境建议开启严格模式
|
|
var current_selected_monitor_type = "1005";
|
var current_selected_monitor_name = "道路路段";
|
var current_selected_monitor_keyword;
|
var current_selected_monitor_qindex = "pm25";
|
|
var tableData;
|
|
$("#btn").on("click", function () {
|
current_selected_monitor_keyword = $('#search').val();
|
reloadData(1);
|
});
|
|
//绑定enter回车键事件
|
$('#search').bind('keypress', function (event) {
|
if (event.keyCode == "13") {
|
current_selected_monitor_keyword = $('#search').val();
|
reloadData(1);
|
}
|
})
|
|
//当前页面业务
|
function monitortype() {
|
//开始查询数据
|
current_selected_monitor_type = "1005";
|
current_selected_monitor_name = "道路路段";
|
changeQindexSelection();
|
}
|
monitortype();
|
|
//加载count
|
function loadCountByUserid() {
|
var backend_url = default_system_params.nodejs_url_predix_url_predix + "dataapi/Bdata?bid=get_all_count_by_id&userid=" + default_system_params.userid;
|
$.ajax({
|
type: 'get',
|
dataType: 'json',
|
data: {},
|
async: true,//同步
|
url: backend_url,
|
success: function (data) {
|
var cntGroup = data.data.result;
|
console.log(cntGroup)
|
if (cntGroup != null) {
|
for (var i = 0; i < cntGroup.length; i++) {
|
var j = i + 1;
|
var cntObj = cntGroup[i];
|
$("#count" + j).text(cntObj.count);
|
$("#countName" + j).text(cntObj.name);
|
$("#href" + j).attr("1005", cntObj.code);
|
$("#href" + j).attr("道路路段", cntObj.name);
|
}
|
}
|
},
|
error: function (request, textStatus) {
|
}
|
});
|
}
|
|
$("#qindex_selection").change(function () {
|
current_selected_monitor_qindex = $("#qindex_selection").val();
|
reloadData(1);
|
});
|
|
function changeQindexSelection() {
|
current_selected_monitor_qindex = "pm25"; // 重设qindex
|
$("#qindex_selection").empty();
|
var options = [];
|
if (current_selected_monitor_type == 1001) {
|
options = Object.keys(qindex_range_list_1001);
|
console.log(options)
|
} else if (current_selected_monitor_type == 1002) {
|
options = Object.keys(qindex_range_list_1002);
|
} else if (current_selected_monitor_type == 1003) {
|
options = Object.keys(qindex_range_list_1003);
|
current_selected_monitor_qindex = "tsp";
|
} else {
|
options = Object.keys(qindex_range_list_1004_and_other);
|
}
|
options.forEach(element => $("#qindex_selection").append("<option value='" + element + "'>" + element + "</option>"));
|
}
|
|
function reloadData(page) {
|
$("#searchInfo").empty();
|
let datatime_, querytype_ ;
|
if ($("#appDateHour")[0].style.display == 'none') {
|
datatime_ = document.getElementById("appDate").value;
|
querytype_ = 'day';
|
} else {
|
datatime_ = document.getElementById("appDateHour").value;
|
querytype_ = 'hour';
|
}
|
var backend_url = default_system_params.nodejs_url_predix + "dataapi/Bdata?bid=get_" + current_selected_monitor_type + "_list_keyword&datatype=" + querytype_ + "&datatime=" + datatime_ + "&qindex=" + current_selected_monitor_qindex + "&keyword=" + current_selected_monitor_keyword + "&pageno=1&pagesize=10";
|
var avgnam = 50; //每页显示个数
|
$.ajax({
|
type: "GET",
|
url: backend_url,
|
dataType: "json",
|
success: function (data) {
|
tableData = data.data.result;
|
if (current_selected_monitor_keyword == null) {
|
haoutil.msg("请输入关键字！！！")
|
return;
|
}
|
if (tableData == null) {
|
haoutil.msg("请选择查询类别！！！")
|
return;
|
}
|
if (tableData.length == 0) {
|
haoutil.msg("无查询结果，请更换查询条件！")
|
return;
|
}
|
var newsTotalNum = data.data.result.length; //记录的总条数
|
var pageNum = Math.ceil(newsTotalNum / avgnam); //分页的总页数
|
|
for (var i = ((page - 1) * 50); i < (page * 50) && i < newsTotalNum; i++) {
|
var j = i + 1;
|
var topObj = tableData[i];
|
for (var key in topObj) {
|
if (topObj[key] == null || topObj[key] == 'null' || topObj[key] == undefined || topObj[key] == 'undefined') {
|
topObj[key] = "/";
|
}
|
}
|
var content = "<tr _siteid='" + topObj.code + "' _lon='" + topObj.lon + "' _lat='" + topObj.lat + "' onmouseover='over(this)' onmouseout='out(this)' ><td>" + j + "</td><td onclick='locateAndShowDetail(this)'>" + topObj.code + "</td><td onclick='locateAndShowDetail(this)'>" + topObj.name + "</td><td><font color='" + getLayerPointColorByQindexandValue(current_selected_monitor_type, current_selected_monitor_qindex, topObj[current_selected_monitor_qindex]) + "'>" + topObj[current_selected_monitor_qindex] + "</font></td></tr>"
|
$("#searchInfo").append(content);
|
}
|
var content1 = '<div class="am-cf">' +
|
'共 ' + newsTotalNum + ' 条记录 / ' + pageNum + '页' +
|
'</div>';
|
var content2 = '<div class="pageDiv">' +
|
'<ul class="am-pagination">';
|
// 判断前面是否还有页面
|
if (page == 1) {
|
content2 += '<li class="am-disabled"><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" >«</a></li>';
|
} else {
|
content2 += '<li><a href="javascript:reloadData(' + (page - 1) + ')" rel="external nofollow" >«</a></li>';
|
}
|
if (pageNum <= 3) {//总页数小于五页，则加载所有页
|
for (var i = 1; i <= pageNum; i++) {
|
if (i == page) {
|
content2 += '<li class="am-active"><a href="javascript:reloadData(' + i + ')" rel="external nofollow" rel="external nofollow" >' + i + '</a></li>';
|
} else {
|
content2 += '<li><a href="javascript:reloadData(' + i + ')" rel="external nofollow" rel="external nofollow" >' + i + '</a></li>';
|
}
|
};
|
$('#page').append(content2);
|
// return;
|
} else if (pageNum > 3) {//总页数大于五页，则加载五页
|
if (page < 3) {//当前页小于3，加载1-3页
|
for (var i = 1; i <= 3; i++) {
|
if (i == page) {
|
content2 += '<li class="am-active"><a href="javascript:reloadData(' + i + ')" rel="external nofollow" rel="external nofollow" >' + i + '</a></li>';
|
|
} else {
|
content2 += '<li><a href="javascript:reloadData(' + i + ')" rel="external nofollow" rel="external nofollow" >' + i + '</a></li>';
|
}
|
};
|
if (page <= pageNum - 2) {//最后一页追加“...”代表省略的页
|
content2 += "<li><a>...</a></li>";
|
}
|
$('#page').append(content2);
|
// return;
|
} else if (page >= 3) {//当前页大于3页
|
for (var i = 1; i <= 2; i++) {//1,2页码始终显示
|
content2 += '<li><a href="javascript:reloadData(' + i + ')" rel="external nofollow" rel="external nofollow" >' + i + '</a></li>';
|
}
|
content2 += "<li><a>...</a></li>";//2页码后面用...代替部分未显示的页码
|
if (page + 1 == pageNum) {//当前页+1等于总页码
|
for (i = page - 1; i <= pageNum; i++) {//“...”后面跟三个页码当前页居中显示
|
if (i == page) {
|
content2 += '<li class="am-active"><a href="javascript:reloadData(' + i + ')" rel="external nofollow" rel="external nofollow" >' + i + '</a></li>';
|
|
} else {
|
content2 += '<li><a href="javascript:reloadData(' + i + ')" rel="external nofollow" rel="external nofollow" >' + i + '</a></li>';
|
}
|
}
|
} else if (page == pageNum) {//当前页数等于总页数则是最后一页页码显示在最后
|
for (var i = page - 2; i <= pageNum; i++) {//...后面跟三个页码当前页居中显示
|
if (i == page) {
|
content2 += '<li class="am-active"><a href="javascript:reloadData(' + i + ')" rel="external nofollow" rel="external nofollow" >' + i + '</a></li>';
|
|
} else {
|
content2 += '<li><a href="javascript:reloadData(' + i + ')" rel="external nofollow" rel="external nofollow" >' + i + '</a></li>';
|
}
|
}
|
} else {//当前页小于总页数，则最后一页后面跟...
|
for (var i = page - 1; i <= page + 1; i++) {//dqPage+1页后面...
|
if (i == page) {
|
content2 += '<li class="am-active"><a href="javascript:reloadData(' + i + ')" rel="external nofollow" rel="external nofollow" >' + i + '</a></li>';
|
|
} else {
|
content2 += '<li><a href="javascript:reloadData(' + i + ')" rel="external nofollow" rel="external nofollow" >' + i + '</a></li>';
|
}
|
}
|
content2 += "<li><a>...</a></li>";
|
}
|
$('#page').append(content2);
|
// return;
|
}
|
}
|
// 判断后面是否还有页面
|
if (page == pageNum) {
|
content2 += '<li class="am-disabled"><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" >»</a></li>';
|
} else {
|
content2 += '<li><a href="javascript:reloadData(' + (page + 1) + ')" rel="external nofollow" >»</a></li>';
|
}
|
content2 += '</ul>' +
|
'</div>';
|
$("#pageID").empty();
|
$("#pageID").append(content1);
|
$("#page").empty();
|
$("#page").append(content2);
|
}
|
});
|
}
|
|
function over(obj) {
|
$('#searchInfo tr').removeClass("over_tr");
|
$(obj).addClass("over_tr");
|
}
|
|
function out(obj) {
|
|
$(obj).removeClass("over_tr");
|
}
|
|
/* function locateAndShowDetail(obj) {
|
$('#searchInfo tr').removeClass("select_tr");
|
let parentObj = $(obj).parent();
|
|
$(parentObj).addClass("select_tr");
|
var siteId = $(parentObj).attr("_siteid");
|
var lon = $(parentObj).attr("_lon");
|
var lat = $(parentObj).attr("_lat");
|
|
if (lon && lon != 'undefined') {
|
thisWidget.locateAndHighlight(lon, lat);
|
}
|
if (current_selected_monitor_type != 100500) {
|
thisWidget.showDetailedWindow({ "nodejs_url_predix": thisWidget.nodejs_url_predix, "datatype": thisWidget.datatype, "selected_qindex": current_selected_monitor_qindex, "datatime": thisWidget.datatime, "layerid": current_selected_monitor_type, "siteid": siteId });
|
}
|
} */
|
|
|
function setTopNname(count) {
|
$("#topN_name").html("Top" + count);
|
|
}
|
