增加查询等待的提示,查询时禁用其它相关操作

wr1207

2023-10-17 e4b02462b2718be6ae677385ca90328e45a61a4d

 mobile/js/widget_search_view.js

@@ -1,323 +1,340 @@
'use script'; //开发环境建议开启严格模式

var current_selected_monitor_type = "1002";
var current_selected_monitor_name = "微站";
var current_selected_monitor_keyword="";
var current_selected_monitor_qindex = "pm25";
var current_selected_monitor_street = "";

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() {
    //开始查询数据
    changeQindexSelection();
}
updateRegionSelect()
monitortype();
reloadData(1);

$("#querySelect").change(function(){
    //code...
    current_selected_monitor_name=$("#querySelect").find("option:selected").text(); //获取Select选择的text
    current_selected_monitor_type=$("#querySelect").val(); //获取Select选择的Value
    // var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值
    // var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值
    updateRegionSelect()
    monitortype();
    reloadData(1);

}); //为Select添加事件，当选择其中一项时触发
 

$("#regionSelect").change(function(){
    //code...
    current_selected_monitor_street=$("#regionSelect").val(); //获取Select选择的Value
    monitortype();
    reloadData(1);
}); //为Select添加事件，当选择其中一项时触发
 

//加载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);
    }
    if(current_selected_monitor_type == 1005 || current_selected_monitor_type ==100500) {
        $("#newname_a").empty();
        $("#newname_a").html('名称-属性');
    } else {
        $("#newname_a").empty();
        $("#newname_a").html('名称');
    }
    options.forEach(element => $("#qindex_selection").append("<option value='" + element + "'>" + element + "</option>"));
}

function reloadData(page) {
    $("#pageID").append('');
    $("#page").append('');
    $("#searchInfo").empty();
    let datatime_, querytype_,endtime_ ;
    if ($("#appDateHour")[0].style.display == 'none') {
        datatime_ = document.getElementById("appDate").value + ' 00:00:00';
        querytype_ = 'day';
    } else { 
        datatime_ = document.getElementById("appDateHour").value;
        querytype_ = 'hour';
    }
    var avgnam = 50; //每页显示个数  
    var backend_url = default_system_params.nodejs_url_predix + "dataapi/Bdata?bid=mobile_get_" + current_selected_monitor_type + "_list_keyword&datatype=" + querytype_ 
        + "&datatime=" + datatime_ 
        + "&qindex=" + current_selected_monitor_qindex 
        + "&keyword=" + current_selected_monitor_keyword 
        + "&pageno="+page+"&pagesize="+avgnam
        + "&userid="+localStorage.getItem('user_id_')
        + "&region="+current_selected_monitor_street;
    var loadingdiv = document.getElementById("warning"); 
    $.ajax({
        type: "GET",
        url: backend_url,
        dataType: "json",
        async: true,
        beforeSend: function(){
            loadingdiv.innerhtml = "正在处理，请稍等！"; // insert tip information
            $("#btn").attr({disabled:"disabled"});
            $("#regionSelect").attr({disabled:"disabled"});
            $("#querySelect").attr({disabled:"disabled"});
            $("#qindex_selection").attr({disabled:"disabled"});
            loadingdiv.style.display = "block"; // display the div
        },
        success: function (data) {
            tableData = data.data.result;
            if (tableData == null) {
                // haoutil.msg("请选择查询类别！！！")
                alert('请选择查询类别！！！')
                return;
            }
            if (tableData.length == 0) {
                // haoutil.msg("无查询结果，请更换查询条件！")
                alert('无查询结果，请更换查询条件！');
                return;
            }
            var newsTotalNum = data.data.counter.counter; //记录的总条数
            var pageNum = Math.ceil(newsTotalNum / avgnam); //分页的总页数
            for (var i = 0; i < tableData.length; i++) {
                var j = (page-1)*avgnam + 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 
                    + "'><td>" + j + "</td><td >" 
                    + topObj.region + "</td><td >" 
                    + 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);
            }
            $("#pageID").empty();
            $("#page").empty();
            var content1 = '<div class="am-cf">' + '共 ' + newsTotalNum + ' 条记录 / ' + pageNum + '页' + '</div>';
            var content2 = '<div class="pageDiv">' +
                '<ul class="am-pagination">';
            for (var i = 1; i <= pageNum; i++) {
                let pagestr_ = addPageItem(pageNum,page,i);
                content2 += pagestr_;
            };
            content2 += '</ul>' +
                '</div>';
            $("#pageID").append(content1);
            $("#page").append(content2);
        },complete: function() {
            loadingdiv.innerhtml = ""; 
            loadingdiv.style.display = "none"; 
            $("#btn").removeAttr("disabled");
            $("#regionSelect").removeAttr("disabled");
            $("#querySelect").removeAttr("disabled");
            $("#qindex_selection").removeAttr("disabled");
        }
    });
}

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);
}

function addPageItem(pageNum,currpage,i) {
    let html = "";
    // 判断前面是否还有页面
    if (i == 1) {
        html += '<li><a href="javascript:reloadData(' + (currpage>1 ? currpage-1 : 1) + ')" rel="external nofollow" >&lt;</a></li>';
    }
    if (i == currpage) {
        html += '<li class="am-active"><a href="javascript:reloadData(' + i + ')" rel="external nofollow" rel="external nofollow" >' + i + '</a></li>';
    } else {
        let dis_ = Math.abs(i-currpage);
        if (dis_<3 || i<3 || i==pageNum){
            html += '<li><a href="javascript:reloadData(' + i + ')" rel="external nofollow" rel="external nofollow" >' + i + '</a></li>';
        } else if (dis_==3 && i>2) {
            html += "<li><a>...</a></li>";
        }
    }
    // 判断后面是否还有页面
    if (i == pageNum) {
        html += '<li><a href="javascript:reloadData(' + (currpage < pageNum ? currpage + 1 : pageNum ) + ')" rel="external nofollow" >&gt;</a></li>';
    }
    return html;
}

function updateRegionSelect() {
    let datatime_, querytype_ ;
    if(current_selected_monitor_type == 1005 || current_selected_monitor_type ==100500) {
        $("#regionSelect").empty();
        $("#regionSelect").append(`<option value="">上海市</option>`); //为Select追加一个Option(下拉项)
        $("#regionSelect").append(`<option value="黄浦区">黄浦区</option>`); //为Select追加一个Option(下拉项)
        $("#regionSelect").append(`<option value="浦东新区">浦东新区</option>`); //为Select追加一个Option(下拉项)
        $("#regionSelect").append(`<option value="静安区">静安区</option>`); //为Select追加一个Option(下拉项)
        $("#regionSelect").append(`<option value="长宁区">长宁区</option>`); //为Select追加一个Option(下拉项)
        $("#regionSelect").append(`<option value="徐汇区">徐汇区</option>`); //为Select追加一个Option(下拉项)
        $("#regionSelect").append(`<option value="闵行区">闵行区</option>`); //为Select追加一个Option(下拉项)
        $("#regionSelect").append(`<option value="虹口区">虹口区</option>`); //为Select追加一个Option(下拉项)
        $("#regionSelect").append(`<option value="杨浦区">杨浦区</option>`); //为Select追加一个Option(下拉项)
        $("#regionSelect").append(`<option value="宝山区">宝山区</option>`); //为Select追加一个Option(下拉项)
        $("#regionSelect").append(`<option value="嘉定区">嘉定区</option>`); //为Select追加一个Option(下拉项)
        $("#regionSelect").append(`<option value="青浦区">青浦区</option>`); //为Select追加一个Option(下拉项)
        $("#regionSelect").append(`<option value="松江区">松江区</option>`); //为Select追加一个Option(下拉项)
        $("#regionSelect").append(`<option value="金山区">金山区</option>`); //为Select追加一个Option(下拉项)
        $("#regionSelect").append(`<option value="奉贤区">奉贤区</option>`); //为Select追加一个Option(下拉项)
        $("#regionSelect").append(`<option value="崇明区">崇明区</option>`); //为Select追加一个Option(下拉项)
        $("#regionSelect").append(` <option value="普陀区">普陀区</option>`); //为Select追加一个Option(下拉项)
        return;
    }
    if ($("#appDateHour")[0].style.display == 'none') {
        datatime_ = document.getElementById("appDate").value + ' 00:00:00';
        querytype_ = 'day';
    } else { 
        datatime_ = document.getElementById("appDateHour").value;
        querytype_ = 'hour';
    }
    var backend_url = default_system_params.nodejs_url_predix + "dataapi/Bdata?bid=mobile_count_" + current_selected_monitor_type + "_by_district&datatype=" + querytype_ 
        + "&datatime=" + datatime_ 
        + "&userid="+localStorage.getItem('user_id_')
        + "&pageno=1&pagesize=50";
    console.log(`current selected:${current_selected_monitor_street}`);
    $.ajax({
        type: 'get',
        dataType: 'json',
        data: {},
        async: false,//同步
        url: backend_url,
        success: function (data) {
            let regionStat = data.data.result;
            if (regionStat != null) {
                $("#regionSelect").empty();
                for (var i = 0; i < regionStat.length; i++) {
                    let obj = regionStat[i];
                    select_strict = current_selected_monitor_street.length >0 ? current_selected_monitor_street : '上海市';
                    if(obj.region == select_strict) {
                        $("#regionSelect").prepend(`<option value='${obj.region !='' ? obj.region : ''}' selected>${obj.region}(${obj.region !='上海市' ? obj.num : ''})</option>`); //为Select插入一个Option(第一个位置)
                    } else {
                        $("#regionSelect").append(`<option value='${obj.region !='上海市' ? obj.region : ''}'>${obj.region}(${obj.region !='上海市' ? obj.num : ''})</option>`); //为Select追加一个Option(下拉项)
                    }
                }
                // $("#regionSelect").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)
                // $("#regionSelect option:last").remove(); //删除Select中索引值最大Option(最后一个)
                // $("#regionSelect option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)
                // $("#regionSelect option[value='3']").remove(); //删除Select中Value='3'的Optiona
                // $("#regionSelect option[text='4']").remove(); //删除Select中Text='4'的Optiona
            }
        },
        error: function (request, textStatus) {
        }
    });
    
    


use script'; //开发环境建议开启严格模式

 
var current_selected_monitor_type = "1002";

var current_selected_monitor_name = "微站";

var current_selected_monitor_keyword="";

var current_selected_monitor_qindex = "pm25";

var current_selected_monitor_street = "";

 
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() {

    //开始查询数据

    changeQindexSelection();

}

updateRegionSelect()

monitortype();

reloadData(1);

 
$("#querySelect").change(function(){

    //code...

    current_selected_monitor_name=$("#querySelect").find("option:selected").text(); //获取Select选择的text

    current_selected_monitor_type=$("#querySelect").val(); //获取Select选择的Value

    // var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值

    // var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值

    updateRegionSelect()

    monitortype();

    reloadData(1);

 
}); //为Select添加事件，当选择其中一项时触发

 
 
$("#regionSelect").change(function(){

    //code...

    current_selected_monitor_street=$("#regionSelect").val(); //获取Select选择的Value

    monitortype();

    reloadData(1);

}); //为Select添加事件，当选择其中一项时触发

 
 
//加载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);

    }

    if(current_selected_monitor_type == 1005 || current_selected_monitor_type ==100500) {

        $("#newname_a").empty();

        $("#newname_a").html('名称-属性');

    } else {

        $("#newname_a").empty();

        $("#newname_a").html('名称');

    }

    options.forEach(element => $("#qindex_selection").append("<option value='" + element + "'>" + element + "</option>"));

    $("#qindex_selection").find("option[value=pm25]").text("PM₂.₅");

        $("#qindex_selection").find("option[value=pm10]").text("PM₁₀");

        $("#qindex_selection").find("option[value=no]").text("NO");

        $("#qindex_selection").find("option[value=nox]").text("NOₓ");

        $("#qindex_selection").find("option[value=no2]").text("NO₂");

        $("#qindex_selection").find("option[value=co]").text("CO");

        $("#qindex_selection").find("option[value=so2]").text("SO₂");

        $("#qindex_selection").find("option[value=o3]").text("O₃");

        $("#qindex_selection").find("option[value=o31]").text("O₃₁");

        $("#qindex_selection").find("option[value=o38]").text("O₃₈");

        $("#qindex_selection").find("option[value=aqi]").text("AQI");

        $("#qindex_selection").find("option[value=tsp]").text("TSP");

}

 
function reloadData(page) {

    $("#pageID").append('');

    $("#page").append('');

    $("#searchInfo").empty();

    let datatime_, querytype_,endtime_ ;

    if ($("#appDateHour")[0].style.display == 'none') {

        datatime_ = document.getElementById("appDate").value + ' 00:00:00';

        querytype_ = 'day';

    } else { 
        datatime_ = document.getElementById("appDateHour").value;

        querytype_ = 'hour';

    }

    var avgnam = 50; //每页显示个数  
    var backend_url = default_system_params.nodejs_url_predix + "dataapi/Bdata?bid=mobile_get_" + current_selected_monitor_type + "_list_keyword&datatype=" + querytype_ 
        + "&datatime=" + datatime_ 
        + "&qindex=" + current_selected_monitor_qindex 
        + "&keyword=" + current_selected_monitor_keyword 
        + "&pageno="+page+"&pagesize="+avgnam

        + "&userid="+localStorage.getItem('user_id_')

        + "&region="+current_selected_monitor_street;

   var loadingdiv = document.getElementById("warning"); 
    $.ajax({

        type: "GET",

        url: backend_url,

        dataType: "json",

        async: true,

        beforeSend: function(){

            loadingdiv.innerhtml = "正在处理，请稍等！"; // insert tip information

            $("#btn").attr({disabled:"disabled"});

            $("#regionSelect").attr({disabled:"disabled"});

            $("#querySelect").attr({disabled:"disabled"});

            $("#qindex_selection").attr({disabled:"disabled"});

            loadingdiv.style.display = "block"; // display the div

        },

        success: function (data) {

            tableData = data.data.result;

            // if (current_selected_monitor_keyword == null) {

            //     // haoutil.msg("请输入关键字！！！")

            //     alert('请输入关键字！！！')

            //     return;

            // }

            if (tableData == null) {

                // haoutil.msg("请选择查询类别！！！")

                alert('请选择查询类别！！！')

                return;

            }

            if (tableData.length == 0) {

                // haoutil.msg("无查询结果，请更换查询条件！")

                alert('无查询结果，请更换查询条件！');

                return;

            }

            var newsTotalNum = data.data.counter.counter; //记录的总条数

            var pageNum = Math.ceil(newsTotalNum / avgnam); //分页的总页数

            for (var i = 0; i < tableData.length; i++) {

                var j = (page-1)*avgnam + 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 
                    + "'><td>" + j + "</td><td >" 
                    + topObj.region + "</td><td >" 
                    + 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);

            }

            $("#pageID").empty();

            $("#page").empty();

            var content1 = '<div class="am-cf">' + '共 ' + newsTotalNum + ' 条记录 / ' + pageNum + '页' + '</div>';

            var content2 = '<div class="pageDiv">' +

                '<ul class="am-pagination">';

            for (var i = 1; i <= pageNum; i++) {

                let pagestr_ = addPageItem(pageNum,page,i);

                content2 += pagestr_;

            };

            content2 += '</ul>' +

                '</div>';

            $("#pageID").append(content1);

            $("#page").append(content2);

        },complete: function() {

            loadingdiv.innerhtml = ""; 
            loadingdiv.style.display = "none"; 
            $("#btn").removeAttr("disabled");

            $("#regionSelect").removeAttr("disabled");

            $("#querySelect").removeAttr("disabled");

            $("#qindex_selection").removeAttr("disabled");

        }

    });

}

 
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);

}

 
function addPageItem(pageNum,currpage,i) {

    let html = "";

    // 判断前面是否还有页面

    if (i == 1) {

        html += '<li><a href="javascript:reloadData(' + (currpage>1 ? currpage-1 : 1) + ')" rel="external nofollow" >&lt;</a></li>';

    }

    if (i == currpage) {

        html += '<li class="am-active"><a href="javascript:reloadData(' + i + ')" rel="external nofollow" rel="external nofollow" >' + i + '</a></li>';

    } else {

        let dis_ = Math.abs(i-currpage);

        if (dis_<3 || i<3 || i==pageNum){

            html += '<li><a href="javascript:reloadData(' + i + ')" rel="external nofollow" rel="external nofollow" >' + i + '</a></li>';

        } else if (dis_==3 && i>2) {

            html += "<li><a>...</a></li>";

        }

    }

    // 判断后面是否还有页面

    if (i == pageNum) {

        html += '<li><a href="javascript:reloadData(' + (currpage < pageNum ? currpage + 1 : pageNum ) + ')" rel="external nofollow" >&gt;</a></li>';

    }

    return html;

}

 
function updateRegionSelect() {

    let datatime_, querytype_ ;

    if(current_selected_monitor_type == 1005 || current_selected_monitor_type ==100500) {

        $("#regionSelect").empty();

        $("#regionSelect").append(`<option value="">上海市</option>`); //为Select追加一个Option(下拉项)

        $("#regionSelect").append(`<option value="黄浦区">黄浦区</option>`); //为Select追加一个Option(下拉项)

        $("#regionSelect").append(`<option value="浦东新区">浦东新区</option>`); //为Select追加一个Option(下拉项)

        $("#regionSelect").append(`<option value="静安区">静安区</option>`); //为Select追加一个Option(下拉项)

        $("#regionSelect").append(`<option value="长宁区">长宁区</option>`); //为Select追加一个Option(下拉项)

        $("#regionSelect").append(`<option value="徐汇区">徐汇区</option>`); //为Select追加一个Option(下拉项)

        $("#regionSelect").append(`<option value="闵行区">闵行区</option>`); //为Select追加一个Option(下拉项)

        $("#regionSelect").append(`<option value="虹口区">虹口区</option>`); //为Select追加一个Option(下拉项)

        $("#regionSelect").append(`<option value="杨浦区">杨浦区</option>`); //为Select追加一个Option(下拉项)

        $("#regionSelect").append(`<option value="宝山区">宝山区</option>`); //为Select追加一个Option(下拉项)

        $("#regionSelect").append(`<option value="嘉定区">嘉定区</option>`); //为Select追加一个Option(下拉项)

        $("#regionSelect").append(`<option value="青浦区">青浦区</option>`); //为Select追加一个Option(下拉项)

        $("#regionSelect").append(`<option value="松江区">松江区</option>`); //为Select追加一个Option(下拉项)

        $("#regionSelect").append(`<option value="金山区">金山区</option>`); //为Select追加一个Option(下拉项)

        $("#regionSelect").append(`<option value="奉贤区">奉贤区</option>`); //为Select追加一个Option(下拉项)

        $("#regionSelect").append(`<option value="崇明区">崇明区</option>`); //为Select追加一个Option(下拉项)

        $("#regionSelect").append(` <option value="普陀区">普陀区</option>`); //为Select追加一个Option(下拉项)

        return;

    }

    if ($("#appDateHour")[0].style.display == 'none') {

        datatime_ = document.getElementById("appDate").value + ' 00:00:00';

        querytype_ = 'day';

    } else { 
        datatime_ = document.getElementById("appDateHour").value;

        querytype_ = 'hour';

    }

    var backend_url = default_system_params.nodejs_url_predix + "dataapi/Bdata?bid=mobile_count_" + current_selected_monitor_type + "_by_district&datatype=" + querytype_ 
        + "&datatime=" + datatime_ 
        + "&userid="+localStorage.getItem('user_id_')

        + "&pageno=1&pagesize=50";

    console.log(`current selected:${current_selected_monitor_street}`);

    $.ajax({

        type: 'get',

        dataType: 'json',

        data: {},

        async: false,//同步

        url: backend_url,

        success: function (data) {

            let regionStat = data.data.result;

            if (regionStat != null) {

                $("#regionSelect").empty();

                for (var i = 0; i < regionStat.length; i++) {

                    let obj = regionStat[i];

                    select_strict = current_selected_monitor_street.length >0 ? current_selected_monitor_street : '上海市';

                    if(obj.region == select_strict) {

                        $("#regionSelect").prepend(`<option value='${obj.region !='' ? obj.region : ''}' selected>${obj.region}(${obj.region !='上海市' ? obj.num : ''})</option>`); //为Select插入一个Option(第一个位置)

                    } else {

                        $("#regionSelect").append(`<option value='${obj.region !='上海市' ? obj.region : ''}'>${obj.region}(${obj.region !='上海市' ? obj.num : ''})</option>`); //为Select追加一个Option(下拉项)

                    }

                }

                // $("#regionSelect").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)

                // $("#regionSelect option:last").remove(); //删除Select中索引值最大Option(最后一个)

                // $("#regionSelect option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)

                // $("#regionSelect option[value='3']").remove(); //删除Select中Value='3'的Optiona

                // $("#regionSelect option[text='4']").remove(); //删除Select中Text='4'的Optiona

            }

        },

        error: function (request, textStatus) {

        }

    });

    
    
 
 
}