var current_selected_monitor_type = 1001;
|
var current_selected_monitor_name = "国控点";
|
var current_selected_monitor_qindex = "pm25";
|
var mr_list = ''
|
var floor_list = []
|
var floor_change_list = []
|
var msisdn_name_list = []
|
var base_msg = {
|
base_url:"http://127.0.0.1:4500"
|
}
|
//对应widget.js中MyWidget实例化后的对象
|
var thisWidget
|
|
//当前页面业务
|
function initWidgetView(_thisWidget) {
|
console.log(_thisWidget,"thisWidget")
|
thisWidget = _thisWidget
|
$(document).ready(function(){
|
thisWidget.openTest()
|
})
|
loadCountByUserid();
|
|
$("#body").click(function(){
|
console.log("ddd")
|
})
|
|
|
}
|
|
|
|
// 页面创建时，向后端请求数据，渲染列表
|
$(document).ready(function loadCountByUserid() {
|
var select_html = ''
|
var msisdn_name_html = ''
|
for(let i=1;i<23;i++){
|
select_html += `<option value ="${i}">${i}楼</option>`
|
}
|
$("#qindex_selection").append(select_html)
|
$.ajax({
|
type:'get',
|
dataType:'json',
|
async:true,
|
url:base_msg.base_url+'/dataservice/Bdata?bid=get_msisdn_msg',
|
success:function(data){
|
let datas = data.data.data
|
msisdn_name_list = datas
|
for(let i=0;i<datas.length;i++){
|
msisdn_name_html += `<option value ="${datas[i].msisidn_id}">${datas[i].name_}</option>`
|
}
|
$("#equipment_name").append(msisdn_name_html)
|
console.log(datas,"msisdn")
|
},
|
error: function (request, textStatus) {
|
|
}
|
})
|
let pci_data
|
let pci_list = [];
|
let backend_url = base_msg.base_url+'/dataservice/Bdata?bid=get_mr_position';
|
|
$.ajax({
|
type: 'get',
|
dataType: 'json',
|
async: true,//同步
|
url: backend_url,
|
success: function (data) {
|
let datas = data.data.data
|
console.log(datas)
|
let true_data = datas.filter(item=>{
|
return item.test_lat != null
|
})
|
console.log(true_data)
|
floor_list = true_data;
|
var th_html = ''
|
$.each(true_data,function(i,val){
|
let time = new Date(val.time_datetime).getTime();
|
|
let new_time = new Date(time);
|
console.log(new_time)
|
// let final_time = new DateTime(new_time).getFormattedDateTime("yyyy-MM-dd HH:mm:ss")
|
let final_time = new_time.toLocaleDateString().replace(/\//g, "-") + " " + new_time.toTimeString().substr(0, 8)
|
th_html +=
|
`<tr class="data_list">
|
<td class="data_td1">${val.name_}</td>
|
<td class="data_td2" style="width:100px;overflow:hidden;">${final_time}</td>
|
<td class="data_td3">${val.test_floor}楼</td>
|
<td class="data_td4">${val.msisdn}</td>
|
<td class="pci_list">
|
<span>经度:${val.test_lon}</span><br/>
|
<span>纬度:${val.test_lat}</span>
|
</td>
|
</tr>`
|
})
|
floor_list_all = th_html
|
$("#top10Tb").append(th_html)
|
},
|
error: function (request, textStatus) {
|
|
}
|
});
|
console.log("成功")
|
})
|
|
$("#equipment_name").change(function(){
|
let msisdn_name = $(this).children('option:selected').val()
|
let floor_id = $("#qindex_selection").val()
|
let time1 = $(".time1").val();
|
let time2 = $(".time2").val();
|
console.log(msisdn_name,"name",floor_id,"floor")
|
})
|
// 通过条件获取数据，用于msisdn_name,msisdn_id和时间的条件筛选
|
function change_list(){
|
|
}
|
|
|
// 通过选择楼层筛选数据
|
$("#qindex_selection").change(function(){
|
console.log("改变了")
|
$("#top10Tb").empty()
|
let floor_id = $(this).children('option:selected').val()
|
console.log(floor_id)
|
if(floor_id == 'all'){
|
floor_change_list = floor_list
|
}else{
|
floor_change_list = floor_list.filter(item=>{
|
return item.test_floor == floor_id
|
})
|
}
|
var floor_change_html = ''
|
if(floor_change_list.length>0){//通过判断数组长度来展示不同的界面
|
$.each(floor_change_list,function(i,val){
|
// 将时间戳转换为标准时间格式
|
let time = new Date(val.time_datetime).getTime();
|
let new_time = new Date(time);
|
let final_time = new_time.toLocaleDateString().replace(/\//g, "-") + " " + new_time.toTimeString().substr(0, 8)
|
|
// let time = val.time_datetime.substr(0,10)
|
floor_change_html +=
|
`<tr class="data_list">
|
<td class="data_td1">${val.name_}</td>
|
<td class="data_td2" style="width:100px;overflow:hidden;">${final_time}</td>
|
<td class="data_td3">${val.test_floor}楼</td>
|
<td class="data_td4">${val.msisdn}</td>
|
<td class="pci_list">
|
<span>经度:${val.test_lon}</span><br/>
|
<span>纬度:${val.test_lat}</span>
|
</td>
|
</tr>`
|
})
|
}else{
|
floor_change_html = '<div style="width:100%;height:36px;color:white;font-size:36px;text-aline:center;line-height:36px">暂无数据</div>'
|
}
|
// floor_list_all = th_html
|
$("#top10Tb").append(floor_change_html)
|
})
|
|
|
|
|
$(".search_time_btn").click(function(){
|
let time1 = $(".time1").val();
|
let time2 = $(".time2").val();
|
console.log(time1,time2 )
|
$("#top10Tb").empty()
|
let backend_url = base_msg.base_url+`/dataservice/Bdata?bid=get_mr_by_time&time1_=${time1}&time2_=${time2}`;
|
$.ajax({
|
type: 'get',
|
dataType: 'json',
|
// data: {},
|
async: true,//同步
|
url: backend_url,
|
success: function (data) {
|
console.log(data,"data")
|
let datas = data.data.data
|
let true_data = datas.filter(item=>{
|
return item.test_lon != null
|
})
|
console.log(true_data,"true_data")
|
floor_list = true_data;
|
var th_html = ''
|
$.each(true_data,function(i,val){
|
let time = new Date(val.time_datetime).getTime();
|
let new_time = new Date(time);
|
let final_time = new_time.toLocaleDateString().replace(/\//g, "-") + " " + new_time.toTimeString().substr(0, 8)
|
|
// let time = val.time_datetime.substr(0,10)
|
th_html +=
|
`<tr class="data_list">
|
<td class="data_td1">${val.name_}</td>
|
<td class="data_td2" style="width:100px;overflow:hidden;">${final_time}</td>
|
<td class="data_td3">${val.test_floor}楼</td>
|
<td class="data_td4">${val.msisdn}</td>
|
<td class="pci_list">
|
<span>经度:${val.test_lon}</span><br/>
|
<span>纬度:${val.test_lat}</span>
|
</td>
|
</tr>`
|
})
|
floor_list_all = th_html
|
$("#top10Tb").append(th_html)
|
},
|
error: function (request, textStatus) {
|
|
}
|
});
|
})
|
|
// 将列表中的经纬度转换为数字
|
$('#top10Tb').on('click','.data_list',function(e){
|
let span_list = e.currentTarget.cells[4].children;
|
let span1 = span_list[0].innerText;
|
let span2 = span_list[2].innerText;
|
let len1 = span1.length;
|
let len2 = span2.length;
|
let span_lon = span1.substr(3,len1)
|
let span_lat = span2.substr(3,len2)
|
addMrPoint(Number(span_lon),Number(span_lat),0)
|
console.log(thisWidget,"eeee")
|
// thisWidget.locateAndHighlight(Number(span_lon),Number(span_lat))
|
})
|
|
function addMrPoint(lon,lat,floor){
|
console.log("map")
|
}
|
function changeQindexSelection() {
|
|
$("#qindex_selection").empty();
|
var options = [];
|
if (current_selected_monitor_type == 1001) {
|
options = Object.keys(qindex_range_list_1001);
|
} 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);
|
} else {
|
options = Object.keys(qindex_range_list_1004_and_other);
|
}
|
|
options.forEach(element => $("#qindex_selection").append("<option value='" + element + "'>" + element + "</option>"));
|
|
}
|
|
function reloadData() {
|
$("#top10Tb").empty();
|
var backend_url = thisWidget.nodejs_url_predix + "dataapi/Bdata?bid=get_" + current_selected_monitor_type + "_list&datatype=" + thisWidget.datatype + "&datatime=" + thisWidget.datatime + "&qindex=" + current_selected_monitor_qindex + "&pageno=1&pagesize=10";
|
//加入cntId
|
$.ajax({
|
type: 'get',
|
dataType: 'json',
|
//crossDomain: true,
|
data: {},
|
async: true,//同步
|
url: backend_url,
|
success: function (data) {
|
var tableData = data.data.result;
|
//console.log(tableData);
|
if (tableData != null) {
|
for (var i = 0; i < tableData.length; i++) {
|
var j = i + 1;
|
var topObj = tableData[i];
|
var _tr = "<tr _siteid='" + topObj.code + "' _lon='" + topObj.lon + "' _lat='" + topObj.lat + "' onclick='locateAndShowDetail(this)' onmouseover='over(this)' onmouseout='out(this)' ><td>" + j + "</td><td>" + topObj.code + "</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>"
|
$("#top10Tb").append(_tr);
|
|
}
|
}
|
|
},
|
error: function (request, textStatus) {
|
|
}
|
});
|
}
|
|
|
function over(obj) {
|
$('#top10Tb tr').removeClass("over_tr");
|
$(obj).addClass("over_tr");
|
}
|
|
function out(obj) {
|
|
$(obj).removeClass("over_tr");
|
}
|
|
function locateAndShowDetail(obj) {
|
$('#top10Tb tr').removeClass("select_tr");
|
$(obj).addClass("select_tr");
|
var siteId = $(obj).attr("_siteid");
|
var lon = $(obj).attr("_lon");
|
var lat = $(obj).attr("_lat");
|
|
if (lon && lon != 'undefined') {
|
thisWidget.locateAndHighlight(lon, lat);
|
}
|
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 });
|
}
|
