zhaoxing
2022-10-31 6e012a8f524eeddf3aaa34d2b7b981d267df4eb5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
'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 avgnam = 50; //每页显示个数  
    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="+page+"&pagesize="+avgnam;
    $.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.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 + "' 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);
            }
            $("#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);
        }
    });
}
 
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;
}