fix mobile query bug

wangrong

2021-12-20 402435f45d53be25a856882277d04b1b2c9a6c3c

fix mobile query bug

 mobile/css/widget_search.css

@@ -142,8 +142,8 @@
    padding: 0 10px;
}
.am-cf{
    float: left;
    line-height: 50px;
    text-align: center;
    line-height: 40px;
    color: #fff;
}


 mobile/index.html

@@ -129,9 +129,10 @@
      </form>
      <script>
        function DoAjax() {
          debugger;
          $.ajax({
            type: "get",
            url: "http://58.246.27.194:7012/dataapi/Bdata?bid=mobile_login",
            url: default_system_params.nodejs_url_predix+"dataapi/Bdata?bid=mobile_login",
            data: {"username":$("#username").val(),"password":$("#password").val()},
            async: true,
            error: function (request) {

 mobile/js/widget_search_view.js

@@ -112,8 +112,7 @@
            }
            var newsTotalNum = data.data.counter.counter; //记录的总条数
            var pageNum = Math.ceil(newsTotalNum / avgnam); //分页的总页数

            for (var i = 0; i < avgnam; i++) {
            for (var i = 0; i < tableData.length; i++) {
                var j = (page-1)*avgnam + i + 1;
                var topObj = tableData[i];
                for (var key in topObj) {
@@ -124,91 +123,18 @@
                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>';
            $("#pageID").empty();
            $("#page").empty();
            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>';
                    }
                let pagestr_ = addPageItem(pageNum,page,i);
                content2 += pagestr_;
                };
                $('#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);
        }
    });
@@ -220,7 +146,6 @@
}

function out(obj) {

    $(obj).removeClass("over_tr");
}

@@ -244,5 +169,27 @@

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

 mobile/road_search.html

@@ -44,6 +44,11 @@
        .datetimepicker table {
            width: 100%;
        }

.pageDiv{
            float: none!important;
            text-align: center;
        }
    </style>
</head>

@@ -107,9 +112,7 @@
        <div class="page">
            <div id="pageID">
            </div>
            <div class="pageDiv">
                <ul id="page"></ul>
            </div>
            <ul id="page" style="padding: 0;"></ul>
        </div>
    </div>
    <script type="text/javascript" src="js/widget_search_view.js"></script>

 mobile/road_show.html

@@ -21,8 +21,7 @@
    <meta name="apple-mobile-web-app-title" content="MarsGIS" />

    <!--第三方lib-->
    <script type="text/javascript" src="../lib/include-lib.js?time=20210803" libpath="../lib/"
        include="jquery,jquery.range,bootstrap,bootstrap-checkbox,font-awesome,web-icons,layer,haoutil,localforage,nprogress,toastr,admui,turf,mars3d,mars3d-widget,mars3d-wind"></script>
    <script type="text/javascript" src="../lib/include-lib.js?time=20210803" libpath="../lib/" include="jquery,bootstrap-checkbox"></script>    
    <link href="../css/style.css?time=20210803" rel="stylesheet" />
    <link href="../lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="../lib/bootstrap/bootstrap-datepicker/bootstrap-datetimepicker.css" rel="stylesheet" />