From e4b02462b2718be6ae677385ca90328e45a61a4d Mon Sep 17 00:00:00 2001
From: wr1207 <wyun001@163.com>
Date: 星期二, 17 十月 2023 12:09:31 +0800
Subject: [PATCH] 增加查询等待的提示,查询时禁用其它相关操作

---
 mobile/js/widget_search_view.js |  661 ++++++++++++++++++-----------------
 mobile/road_search.html         |  389 ++++++++++----------
 2 files changed, 534 insertions(+), 516 deletions(-)

diff --git a/mobile/js/widget_search_view.js b/mobile/js/widget_search_view.js
index 57dd46a..04bec0f 100644
--- a/mobile/js/widget_search_view.js
+++ b/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閫夋嫨鐨則ext
-    current_selected_monitor_type=$("#querySelect").val(); //鑾峰彇Select閫夋嫨鐨刅alue
-    // var checkIndex=$("#select_id ").get(0).selectedIndex; //鑾峰彇Select閫夋嫨鐨勭储寮曞��
-    // var maxIndex=$("#select_id option:last").attr("index"); //鑾峰彇Select鏈�澶х殑绱㈠紩鍊�
-    updateRegionSelect()
-    monitortype();
-    reloadData(1);
-
-}); //涓篠elect娣诲姞浜嬩欢锛屽綋閫夋嫨鍏朵腑涓�椤规椂瑙﹀彂
- 
-
-$("#regionSelect").change(function(){
-    //code...
-    current_selected_monitor_street=$("#regionSelect").val(); //鑾峰彇Select閫夋嫨鐨刅alue
-    monitortype();
-    reloadData(1);
-}); //涓篠elect娣诲姞浜嬩欢锛屽綋閫夋嫨鍏朵腑涓�椤规椂瑙﹀彂
- 
-
-//鍔犺浇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 = "姝e湪澶勭悊锛岃绋嶇瓑锛�"; // 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>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
-        $("#regionSelect").append(`<option value="榛勬郸鍖�">榛勬郸鍖�</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
-        $("#regionSelect").append(`<option value="娴︿笢鏂板尯">娴︿笢鏂板尯</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
-        $("#regionSelect").append(`<option value="闈欏畨鍖�">闈欏畨鍖�</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
-        $("#regionSelect").append(`<option value="闀垮畞鍖�">闀垮畞鍖�</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
-        $("#regionSelect").append(`<option value="寰愭眹鍖�">寰愭眹鍖�</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
-        $("#regionSelect").append(`<option value="闂佃鍖�">闂佃鍖�</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
-        $("#regionSelect").append(`<option value="铏瑰彛鍖�">铏瑰彛鍖�</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
-        $("#regionSelect").append(`<option value="鏉ㄦ郸鍖�">鏉ㄦ郸鍖�</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
-        $("#regionSelect").append(`<option value="瀹濆北鍖�">瀹濆北鍖�</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
-        $("#regionSelect").append(`<option value="鍢夊畾鍖�">鍢夊畾鍖�</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
-        $("#regionSelect").append(`<option value="闈掓郸鍖�">闈掓郸鍖�</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
-        $("#regionSelect").append(`<option value="鏉炬睙鍖�">鏉炬睙鍖�</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
-        $("#regionSelect").append(`<option value="閲戝北鍖�">閲戝北鍖�</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
-        $("#regionSelect").append(`<option value="濂夎搐鍖�">濂夎搐鍖�</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
-        $("#regionSelect").append(`<option value="宕囨槑鍖�">宕囨槑鍖�</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
-        $("#regionSelect").append(` <option value="鏅檧鍖�">鏅檧鍖�</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
-        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>`); //涓篠elect鎻掑叆涓�涓狾ption(绗竴涓綅缃�)
-                    } else {
-                        $("#regionSelect").append(`<option value='${obj.region !='涓婃捣甯�' ? obj.region : ''}'>${obj.region}(${obj.region !='涓婃捣甯�' ? obj.num : ''})</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
-                    }
-                }
-                // $("#regionSelect").prepend("<option value='0'>璇烽�夋嫨</option>"); //涓篠elect鎻掑叆涓�涓狾ption(绗竴涓綅缃�)
-                // $("#regionSelect option:last").remove(); //鍒犻櫎Select涓储寮曞�兼渶澶ption(鏈�鍚庝竴涓�)
-                // $("#regionSelect option[index='0']").remove(); //鍒犻櫎Select涓储寮曞�间负0鐨凮ption(绗竴涓�)
-                // $("#regionSelect option[value='3']").remove(); //鍒犻櫎Select涓璙alue='3'鐨凮ptiona
-                // $("#regionSelect option[text='4']").remove(); //鍒犻櫎Select涓璗ext='4'鐨凮ptiona
-            }
-        },
-        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閫夋嫨鐨則ext
+    current_selected_monitor_type=$("#querySelect").val(); //鑾峰彇Select閫夋嫨鐨刅alue
+    // var checkIndex=$("#select_id ").get(0).selectedIndex; //鑾峰彇Select閫夋嫨鐨勭储寮曞��
+    // var maxIndex=$("#select_id option:last").attr("index"); //鑾峰彇Select鏈�澶х殑绱㈠紩鍊�
+    updateRegionSelect()
+    monitortype();
+    reloadData(1);
+ 
+}); //涓篠elect娣诲姞浜嬩欢锛屽綋閫夋嫨鍏朵腑涓�椤规椂瑙﹀彂
+ 
+ 
+$("#regionSelect").change(function(){
+    //code...
+    current_selected_monitor_street=$("#regionSelect").val(); //鑾峰彇Select閫夋嫨鐨刅alue
+    monitortype();
+    reloadData(1);
+}); //涓篠elect娣诲姞浜嬩欢锛屽綋閫夋嫨鍏朵腑涓�椤规椂瑙﹀彂
+ 
+ 
+//鍔犺浇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 = "姝e湪澶勭悊锛岃绋嶇瓑锛�"; // 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>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
+        $("#regionSelect").append(`<option value="榛勬郸鍖�">榛勬郸鍖�</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
+        $("#regionSelect").append(`<option value="娴︿笢鏂板尯">娴︿笢鏂板尯</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
+        $("#regionSelect").append(`<option value="闈欏畨鍖�">闈欏畨鍖�</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
+        $("#regionSelect").append(`<option value="闀垮畞鍖�">闀垮畞鍖�</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
+        $("#regionSelect").append(`<option value="寰愭眹鍖�">寰愭眹鍖�</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
+        $("#regionSelect").append(`<option value="闂佃鍖�">闂佃鍖�</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
+        $("#regionSelect").append(`<option value="铏瑰彛鍖�">铏瑰彛鍖�</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
+        $("#regionSelect").append(`<option value="鏉ㄦ郸鍖�">鏉ㄦ郸鍖�</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
+        $("#regionSelect").append(`<option value="瀹濆北鍖�">瀹濆北鍖�</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
+        $("#regionSelect").append(`<option value="鍢夊畾鍖�">鍢夊畾鍖�</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
+        $("#regionSelect").append(`<option value="闈掓郸鍖�">闈掓郸鍖�</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
+        $("#regionSelect").append(`<option value="鏉炬睙鍖�">鏉炬睙鍖�</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
+        $("#regionSelect").append(`<option value="閲戝北鍖�">閲戝北鍖�</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
+        $("#regionSelect").append(`<option value="濂夎搐鍖�">濂夎搐鍖�</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
+        $("#regionSelect").append(`<option value="宕囨槑鍖�">宕囨槑鍖�</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
+        $("#regionSelect").append(` <option value="鏅檧鍖�">鏅檧鍖�</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
+        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>`); //涓篠elect鎻掑叆涓�涓狾ption(绗竴涓綅缃�)
+                    } else {
+                        $("#regionSelect").append(`<option value='${obj.region !='涓婃捣甯�' ? obj.region : ''}'>${obj.region}(${obj.region !='涓婃捣甯�' ? obj.num : ''})</option>`); //涓篠elect杩藉姞涓�涓狾ption(涓嬫媺椤�)
+                    }
+                }
+                // $("#regionSelect").prepend("<option value='0'>璇烽�夋嫨</option>"); //涓篠elect鎻掑叆涓�涓狾ption(绗竴涓綅缃�)
+                // $("#regionSelect option:last").remove(); //鍒犻櫎Select涓储寮曞�兼渶澶ption(鏈�鍚庝竴涓�)
+                // $("#regionSelect option[index='0']").remove(); //鍒犻櫎Select涓储寮曞�间负0鐨凮ption(绗竴涓�)
+                // $("#regionSelect option[value='3']").remove(); //鍒犻櫎Select涓璙alue='3'鐨凮ptiona
+                // $("#regionSelect option[text='4']").remove(); //鍒犻櫎Select涓璗ext='4'鐨凮ptiona
+            }
+        },
+        error: function (request, textStatus) {
+        }
+    });
+    
+    
+ 
+ 
 }
\ No newline at end of file
diff --git a/mobile/road_search.html b/mobile/road_search.html
index ac869d2..549242c 100644
--- a/mobile/road_search.html
+++ b/mobile/road_search.html
@@ -1,195 +1,196 @@
-<!DOCTYPE html>
-<html class="no-js css-menubar" lang="zh-cn">
-
-<head>
-    <title>涓婃捣甯傞亾璺氦閫氱幆澧冪洃娴嬪钩鍙�</title>
-    <meta charset="utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-    <!-- 绉诲姩璁惧 viewport -->
-    <meta name="viewport"
-        content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui" />
-    <meta name="author" content="涓婃捣甯傞亾璺氦閫氱幆澧冪洃娴嬪钩鍙� http://mars3d.cn" />
-    <!-- 360娴忚鍣ㄩ粯璁や娇鐢╓ebkit鍐呮牳 -->
-    <meta name="renderer" content="webkit" />
-    <!-- Chrome娴忚鍣ㄦ坊鍔犳闈㈠揩鎹锋柟寮忥紙瀹夊崜锛� -->
-    <link rel="icon" type="image/png" href="img/favicon/favicon.png" />
-    <meta name="mobile-web-app-capable" content="yes" />
-    <!-- Safari娴忚鍣ㄦ坊鍔犲埌涓诲睆骞曪紙IOS锛� -->
-    <link rel="icon" sizes="192x192" href="img/favicon/apple-touch-icon.png" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
-    <meta name="apple-mobile-web-app-title" content="MarsGIS" />
-
-    <!--绗笁鏂筶ib-->
-    <script type="text/javascript" src="../lib/include-lib.js?time=20210803" libpath="../lib/" include="jquery,jquery.range,bootstrap,bootstrap-checkbox,font-awesome"></script>
-    <link href="../css/style.css" rel="stylesheet" />
-    <link href="../lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
-    <link href="../lib/bootstrap/bootstrap-datepicker/bootstrap-datetimepicker.css" rel="stylesheet" />
-    <script src="../lib/bootstrap/bootstrap-datepicker/bootstrap-datetimepicker.js"></script>
-    <script src="../lib/bootstrap/bootstrap-datepicker/bootstrap-datetimepicker.zh-CN.js"></script>
-
-    <link href="css/dataTime.css" rel="stylesheet" />
-    <link href="css/widget_search.css" rel="stylesheet" />
-
-    <script type="text/javascript" src="../js/changable_params.js"></script>
-    <script type="text/javascript" src="js/widget_search.js"></script>
-    <script type="text/javascript" src="js/widget_search_view.js"></script>   
-    <script type="text/javascript" src="../js/function_1001.js"></script>
-    
-    <style>
-        .datetimepicker {
-            right: 0;
-            border-radius: 0;
-        }
-
-        .datetimepicker table {
-            width: 100%;
-        }
-
-        .pageDiv{
-            float: none!important;
-            text-align: center;
-        }
-        .querySelect{
-  height: 32px;
-  margin-right: 8px;
-  background: #304B80;
-  border: none;
-  color: #fff;
-}
-.layui-input{
-    display: none;
-}
-.append_test{
-    background: #304B80;
-    border-bottom: 1px solid #476399;
-}
-.form-control,
-.input-group-addon{
-    background: transparent;
-    border: none;
-    color: #fff;
-    position: relative;
-}
-.input-group-addon::after{
-    position: absolute;
-    content: " ";
-    width: 1px;
-    top: 12px;
-    bottom: 12px;
-    right: 0;
-    background: #476399;
-}
-.loading{
-    display: none;
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    z-index: 99;
-    background: rgba(0, 0, 0, .6);
-}
-    </style>
-</head>
-
-<body style="background: #304B80;">
-    <!--閫夋嫨鏃堕棿 寮�濮�-->
-    <div class="input-group input-group-lg append_test">
-        <div style="width:78px; height:44px; line-height: 1; border-radius: 0; font-size: 14px;"
-            class="fa fa-globe input-group-addon dropdown-toggle" data-toggle="dropdown">
-            <span id="current">灏忔椂</span>
-        </div>
-        <input type='text' class="form-control date" id='appDate' name="appDate"
-            style="height:44px;width:100%;display:none;" />
-        <input type='text' class="form-control date" id='appDateHour' name="appDateHour"
-            style="height:44px;width:100%;" />
-        <ul class="dropdown-menu dropdown-menu_datatime">
-            <div class="layui-form">
-                <div class="layui-form-item">
-                    <div class="layui-inline" style="margin-bottom: 10px;">
-                        <div class="layui-input-inline">
-                            <input type="radio" name="datatype" value="hour" title="灏忔椂鏁版嵁" checked>
-                            <input type="text" class="layui-input" id="datatype_hour" placeholder="yyyy-mm-dd hh">
-                            灏忔椂
-                        </div>
-                    </div>
-                    <div class="layui-inline">
-                        <div class="layui-input-inline">
-                            <input type="radio" name="datatype" value="day" title="澶╂暟鎹�">
-                            <input type="text" class="layui-input" id="datatype_day" placeholder="yyyy-mm-dd">
-                            澶�
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </ul>
-    </div>
-    <script type="text/javascript" src="js/dataTime.js"></script>
-    <!--閫夋嫨鏃堕棿 缁撴潫-->
-
-    <!--閬撹矾鏌ヨ 寮�濮�-->
-    <div id="searchDiv" class="searchDiv">
-        <select class="querySelect" id="querySelect" >
-            <option value="1002">寰珯</option>
-            <option value="1003">TSP</option>
-            <option value="1004">鐩戞祴杞﹁締</option>
-            <option value="100500">閬撹矾</option>
-            <option value="1005">閬撹矾璺</option>
-            <option value="1006">鐩戞祴鍖哄煙</option>
-            <option value="1001">鍥芥帶鐐�</option>            
-        </select>
-        <input style="flex: 1;" type="text" id="search" class="input_keyword" placeholder="璇疯緭鍏ュ叧閿瓧锛屽彲涓虹┖">
-        <button type="button" id="btn" class="btn btn-primary">
-            <span id="btn_text">鏌ヨ</span>
-        </button>
-    </div>
-
-    <div class="layui-row" id="">
-        <form action="" class="am-form" id="listContainer" style="height: calc(100vh - 146px); overflow-y: auto;">
-            <table class="layui-table no_bgc_table top_10_table table_Info" id="newsList" lay-skin="nob">
-                <thead>
-                    <tr style="background:#304b80; color: #fff;">
-                        <th width="50">搴忓彿</th>
-                        <th width="80">
-                            <select id="regionSelect" style="width: 100%; background: #304b80; border: none;">
-                                <option value="">涓婃捣甯�</option>
-                                <option value="榛勬郸鍖�">榛勬郸鍖�</option>
-                                <option value="娴︿笢鏂板尯">娴︿笢鏂板尯</option>
-                                <option value="闈欏畨鍖�">闈欏畨鍖�</option>
-                                <option value="闀垮畞鍖�">闀垮畞鍖�</option>
-                                <option value="寰愭眹鍖�">寰愭眹鍖�</option>
-                                <option value="闂佃鍖�">闂佃鍖�</option>
-                                <option value="铏瑰彛鍖�">铏瑰彛鍖�</option>
-                                <option value="鏉ㄦ郸鍖�">鏉ㄦ郸鍖�</option>
-                                <option value="瀹濆北鍖�">瀹濆北鍖�</option>
-                                <option value="鍢夊畾鍖�">鍢夊畾鍖�</option>
-                                <option value="闈掓郸鍖�">闈掓郸鍖�</option>
-                                <option value="鏉炬睙鍖�">鏉炬睙鍖�</option>
-                                <option value="閲戝北鍖�">閲戝北鍖�</option>
-                                <option value="濂夎搐鍖�">濂夎搐鍖�</option>
-                                <option value="宕囨槑鍖�">宕囨槑鍖�</option>
-                                <option value="鏅檧鍖�">鏅檧鍖�</option>
-                            </select>
-                        </th>
-                        <th style="width: calc(100% - 212px); overflow: hidden; text-overflow: ellipsis;" id="newname_a">鍚嶇О</th>
-                        <th width="80"><select style="width: 100%; background: #304b80; border: none;" id="qindex_selection"></select></th>
-                    </tr>
-                </thead>
-                <tbody class="am-u-sm-12" id="searchInfo" style="cursor: pointer;">
-                </tbody>
-            </table>
-        </form>
-        <!-- <div id="warning"></div> -->
-        <div id="warning" style="color:#ffffff; display:none; position:absolute; top:220px; left:10em;">姝e湪澶勭悊锛岃绋嶇瓑锛�</div>
-        <div class="page">
-            <div id="pageID">
-            </div>
-            <ul id="page" style="padding: 0;"></ul>
-        </div>
-    </div>
-    <script type="text/javascript" src="js/widget_search_view.js"></script>
-    <!--閬撹矾鏌ヨ 缁撴潫-->
-</body>
-
+<!DOCTYPE html>
+<html class="no-js css-menubar" lang="zh-cn">
+ 
+<head>
+    <title>涓婃捣甯傞亾璺氦閫氱幆澧冪洃娴嬪钩鍙�</title>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <!-- 绉诲姩璁惧 viewport -->
+    <meta name="viewport"
+        content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui" />
+    <meta name="author" content="涓婃捣甯傞亾璺氦閫氱幆澧冪洃娴嬪钩鍙� http://mars3d.cn" />
+    <!-- 360娴忚鍣ㄩ粯璁や娇鐢╓ebkit鍐呮牳 -->
+    <meta name="renderer" content="webkit" />
+    <!-- Chrome娴忚鍣ㄦ坊鍔犳闈㈠揩鎹锋柟寮忥紙瀹夊崜锛� -->
+    <link rel="icon" type="image/png" href="img/favicon/favicon.png" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <!-- Safari娴忚鍣ㄦ坊鍔犲埌涓诲睆骞曪紙IOS锛� -->
+    <link rel="icon" sizes="192x192" href="img/favicon/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="apple-mobile-web-app-title" content="MarsGIS" />
+ 
+    <!--绗笁鏂筶ib-->
+    <script type="text/javascript" src="../lib/include-lib.js?time=20210803" libpath="../lib/" include="jquery,jquery.range,bootstrap,bootstrap-checkbox,font-awesome"></script>
+    <link href="../css/style.css" rel="stylesheet" />
+    <link href="../lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
+    <link href="../lib/bootstrap/bootstrap-datepicker/bootstrap-datetimepicker.css" rel="stylesheet" />
+    <script src="../lib/bootstrap/bootstrap-datepicker/bootstrap-datetimepicker.js"></script>
+    <script src="../lib/bootstrap/bootstrap-datepicker/bootstrap-datetimepicker.zh-CN.js"></script>
+ 
+    <link href="css/dataTime.css" rel="stylesheet" />
+    <link href="css/widget_search.css" rel="stylesheet" />
+ 
+    <script type="text/javascript" src="../js/changable_params.js"></script>
+    <script type="text/javascript" src="js/widget_search.js"></script>
+    <script type="text/javascript" src="js/widget_search_view.js"></script>   
+    <script type="text/javascript" src="../js/function_1001.js"></script>
+    
+    <style>
+        .datetimepicker {
+            right: 0;
+            border-radius: 0;
+        }
+ 
+        .datetimepicker table {
+            width: 100%;
+        }
+ 
+        .pageDiv{
+            float: none!important;
+            text-align: center;
+        }
+        .querySelect{
+  height: 32px;
+  margin-right: 8px;
+  background: #304B80;
+  border: none;
+  color: #fff;
+}
+.layui-input{
+    display: none;
+}
+.append_test{
+    background: #304B80;
+    border-bottom: 1px solid #476399;
+}
+.form-control,
+.input-group-addon{
+    background: transparent;
+    border: none;
+    color: #fff;
+    position: relative;
+}
+.input-group-addon::after{
+    position: absolute;
+    content: " ";
+    width: 1px;
+    top: 12px;
+    bottom: 12px;
+    right: 0;
+    background: #476399;
+}
+.loading{
+    display: none;
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    z-index: 99;
+    background: rgba(0, 0, 0, .6);
+}
+    </style>
+</head>
+ 
+<body style="background: #304B80;">
+    <!--閫夋嫨鏃堕棿 寮�濮�-->
+    <div class="input-group input-group-lg append_test">
+        <div style="width:78px; height:44px; line-height: 1; border-radius: 0; font-size: 14px;"
+            class="fa fa-globe input-group-addon dropdown-toggle" data-toggle="dropdown">
+            <span id="current">灏忔椂</span>
+        </div>
+        <input type='text' class="form-control date" id='appDate' name="appDate"
+            style="height:44px;width:100%;display:none;" />
+        <input type='text' class="form-control date" id='appDateHour' name="appDateHour"
+            style="height:44px;width:100%;" />
+        <ul class="dropdown-menu dropdown-menu_datatime">
+            <div class="layui-form">
+                <div class="layui-form-item">
+                    <div class="layui-inline" style="margin-bottom: 10px;">
+                        <div class="layui-input-inline">
+                            <input type="radio" name="datatype" value="hour" title="灏忔椂鏁版嵁" checked>
+                            <input type="text" class="layui-input" id="datatype_hour" placeholder="yyyy-mm-dd hh">
+                            灏忔椂
+                        </div>
+                    </div>
+                    <div class="layui-inline">
+                        <div class="layui-input-inline">
+                            <input type="radio" name="datatype" value="day" title="澶╂暟鎹�">
+                            <input type="text" class="layui-input" id="datatype_day" placeholder="yyyy-mm-dd">
+                            澶�
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </ul>
+    </div>
+    <script type="text/javascript" src="js/dataTime.js"></script>
+    <!--閫夋嫨鏃堕棿 缁撴潫-->
+ 
+    <!--閬撹矾鏌ヨ 寮�濮�-->
+    <div id="searchDiv" class="searchDiv">
+        <select class="querySelect" id="querySelect" >
+            <option value="1002">寰珯</option>
+            <option value="1003">TSP</option>
+            <option value="1004">鐩戞祴杞﹁締</option>
+            <option value="100500">閬撹矾</option>
+            <option value="1005">閬撹矾璺</option>
+            <option value="1006">鐩戞祴鍖哄煙</option>
+            <option value="1001">鍥芥帶鐐�</option>            
+        </select>
+        <input style="flex: 1;" type="text" id="search" class="input_keyword" placeholder="璇疯緭鍏ュ叧閿瓧锛屽彲涓虹┖">
+        <button type="button" id="btn" class="btn btn-primary">
+            <span id="btn_text">鏌ヨ</span>
+        </button>
+    </div>
+ 
+    <div class="layui-row" id="">
+        <form action="" class="am-form" id="listContainer" style="height: calc(100vh - 146px); overflow-y: auto;">
+            <table class="layui-table no_bgc_table top_10_table table_Info" id="newsList" lay-skin="nob">
+                <thead>
+                    <tr style="background:#304b80; color: #fff;">
+                        <th width="50">搴忓彿</th>
+                        <th width="90">
+                            <select id="regionSelect" style="width: 100%; background: #304b80; border: none;">
+                                <option value="">涓婃捣甯�</option>
+                                <option value="榛勬郸鍖�">榛勬郸鍖�</option>
+                                <option value="娴︿笢鏂板尯">娴︿笢鏂板尯</option>
+                                <option value="闈欏畨鍖�">闈欏畨鍖�</option>
+                                <option value="闀垮畞鍖�">闀垮畞鍖�</option>
+                                <option value="寰愭眹鍖�">寰愭眹鍖�</option>
+                                <option value="闂佃鍖�">闂佃鍖�</option>
+                                <option value="铏瑰彛鍖�">铏瑰彛鍖�</option>
+                                <option value="鏉ㄦ郸鍖�">鏉ㄦ郸鍖�</option>
+                                <option value="瀹濆北鍖�">瀹濆北鍖�</option>
+                                <option value="鍢夊畾鍖�">鍢夊畾鍖�</option>
+                                <option value="闈掓郸鍖�">闈掓郸鍖�</option>
+                                <option value="鏉炬睙鍖�">鏉炬睙鍖�</option>
+                                <option value="閲戝北鍖�">閲戝北鍖�</option>
+                                <option value="濂夎搐鍖�">濂夎搐鍖�</option>
+                                <option value="宕囨槑鍖�">宕囨槑鍖�</option>
+                                <option value="鏅檧鍖�">鏅檧鍖�</option>
+                            </select>
+                        </th>
+                        <th style="width: calc(100% - 232px); overflow: hidden; text-overflow: ellipsis;" id="newname_a">鍚嶇О</th>
+                        <th width="90"><select style="width: 100%; background: #304b80; border: none;" id="qindex_selection"></select></th>
+                    </tr>
+                </thead>
+                <tbody class="am-u-sm-12" id="searchInfo" style="cursor: pointer;">
+                </tbody>
+            </table>
+        </form>
+        <!-- <div id="warning"></div> -->
+        <div id="warning" style="color:#ffffff; display:none; position:absolute; top:220px; left:10em;">姝e湪澶勭悊锛岃绋嶇瓑锛�</div>
+        <div class="page">
+            <div id="pageID">
+            </div>
+            <ul id="page" style="padding: 0;"></ul>
+        </div>
+    </div>
+    <script type="text/javascript" src="js/widget_search_view.js"></script>
+    
+    <!--閬撹矾鏌ヨ 缁撴潫-->
+</body>
+ 
 </html>
\ No newline at end of file

--
Gitblit v1.9.1