移动增加查询等待的提示

wr1207

2023-10-17 a84aa78163506d4ed27b2ffa15a93bca6ed31d5d

移动增加查询等待的提示

 mobile/js/widget_search_view.js

@@ -129,17 +129,22 @@
        + "&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('请选择查询类别！！！')
@@ -182,6 +187,13 @@
                '</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");
        }
    });
}

 mobile/road_search.html

@@ -80,6 +80,16 @@
    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>

@@ -170,6 +180,8 @@
                </tbody>
            </table>
        </form>
        <!-- <div id="warning"></div> -->
        <div id="warning" style="color:#ffffff; display:none; position:absolute; top:220px; left:10em;">正在处理，请稍等！</div>
        <div class="page">
            <div id="pageID">
            </div>