添加网格来源

qinbo

2021-11-12 cb0c513e298403fa82b1c0a333adc202a4305bf4

添加网格来源

 js/changable_params.js

@@ -20,6 +20,9 @@
  , 1004: ['pm25', 'pm10', 'no2', 'co', 'no', 'nox']
  , 1005: ['pm25', 'pm10', 'no2', 'co', 'no', 'nox']
  , 1006: ['pm25', 'pm10', 'no2', 'co', 'no', 'nox']
  , 3001: ['pm25', 'pm10', 'no2', 'co', 'no', 'nox']
  , 3002: ['pm25', 'pm10', 'no2', 'co', 'no', 'nox']
  , 3003: ['pm25', 'pm10', 'no2', 'co', 'no', 'nox']
}

var echart_lines_color_list =
@@ -39,6 +42,9 @@
  , 100607: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066', '#ff6666']
  , 100610: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066', '#ff6666']
  , 100611: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066', '#ff6666']
  , 3001: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066', '#ff6666']
  , 3002: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066', '#ff6666']
  , 3003: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066', '#ff6666']
}

var default_system_params = { geoserver_url_predix: 'http://58.246.27.194:7011/', nodejs_url_predix: 'http://58.246.27.194:7012/', userid: 2, queryDataType: 'hour', weathercitycode: '101020100', wind360: 0, windSpeed: 10, is_single_taxi_replaying: false,summary_topN_count :50};
@@ -123,6 +129,19 @@
      "<br/><p><a href='#' onclick='javascript:showHistoryPathDetail(\"" + item["code"] + "\")' >轨迹回放</a></p>";


  }else if(layerid == 3001 || layerid == 3002 || layerid == 3003 ) {

    return "数据时间：" +
      item["datatime"] +
      "<table>" +
      "<tr><td>PM<SUB>2.5</SUB>：</td><td align= right>" + item["pm25"] + '&nbsp' + "</td><td>μg/m³</td></tr>" +
      "<tr><td>PM<SUB>10</SUB>：</td><td align= right>" + item["pm10"] + '&nbsp' + "</td><td>μg/m³</td></tr>" +
      "<tr><td>NO<SUB>2</SUB>：</td><td align= right>" + item["no2"] + '&nbsp' + "</td><td>μg/m³</td></tr>" +
      "<tr><td>CO：</td><td align= right>" + item["co"] + '&nbsp' + "</td><td>mg/m³</td></tr>" +
      "<tr><td>NO<SUB>x</SUB>：</td><td align= right>" + item["nox"] + '&nbsp' + "</td><td>μg/m³</td></tr>" +
      "<tr><td>NO：</td><td align= right>" + item["no"] + '&nbsp' + "</td><td>μg/m³</td></tr>" +
      "</table>" +
      "<br /><br /><p><a href='#' onclick='javascript:showDetail(" + layerid + ",\"" + item["code"] + "\",\"" + qindex + "\")' >详细信息</a>&nbsp;&nbsp;&nbsp;<a href='#' onclick='javascript:addGraphictoHighlightLayer()' >保持高亮显示</a></p>";
  } else {

    return "站点编号：" +

 widgetsTS/widget_detail/view.css

@@ -18,9 +18,10 @@

.no_bgc_table{
    width: 100%;
    height: 50%;
    /* height: 50%; */
    background-color: rgba(0, 0, 0, 0);
    color:rgba(255,255,255,.7);
    margin-bottom: 30px;
}

.no_bgc_table_head{
@@ -35,6 +36,11 @@

.top_10_table tr {
    border-bottom: 1px solid rgba(77,255,255,.5);
    
}
.top_10_table td,
.top_10_table th{
   padding: 9px 5px;
}

.my_sep{
@@ -71,4 +77,11 @@
    width: 50px;
  }

  .headerInfo{
      color: #FF5722;
      background-color: rgba(0, 0, 0, 0);
      font-weight: bold;
      text-align: center;
  }

 

 widgetsTS/widget_detail/view.html

@@ -56,7 +56,7 @@
    </div>
    <div class="layui-row" style="padding-left:1%;padding-right:1%;overflow: auto; height: 400px;">
        <table id="" class="layui-table no_bgc_table top_10_table" lay-skin="nob">
            <thead>
            <thead id="headInfo">
                <tr style="background-color: rgba(0, 0, 0, 0); color: #FF5722;">
                    <th style="font-weight: bold;">ID</th>
                    <th style="font-weight: bold;">指标编码</th>

 widgetsTS/widget_detail/view.js

@@ -295,8 +295,12 @@
    $('#appDateHourEnd').datetimepicker('setDate', new Date(params.appDateHourEnd));
    //loadLineChartbySiteid(params);
    queryEchartDataByTimePeriod();

   if(tmpQueryParams.layerid == 3001 || tmpQueryParams.layerid == 3002 || tmpQueryParams.layerid == 3003){
    loadDetailedInfobyGrid(params) 
   }else{
    loadDetailedInfobySiteid(params);
   }
   

}
function loadDetailedInfobySiteid(params) {
@@ -347,6 +351,40 @@
        }
    });
}

function loadDetailedInfobyGrid(params) {
    $("#indexTb").empty();
    $("#headInfo").empty();
    var backend_url = params.nodejs_url_predix+"dataapi/Bdata?bid=get_" + params.layerid + "_single&datatype=" + params.datatype + "&siteid=" + params.siteid + "&datatime=" + params.datatime;
    $.ajax({
        type: 'get',
        dataType: 'json',
        data: {},
        async: false,//同步
        url: backend_url,
        success: function (data) {
            var tableData = data.data.result;
            tableData = data.data.result;
            var _tr = "<tr onmouseover='over(this)' onmouseout='out(this)' class='headerInfo'><td>" + '序号' + "</td><td onclick='locateAndShowDetail(this)'>" + "road_id" + "</td><td>" + "道路" + "</td><td>"+ "PM<sub>2.5</sub>"+ "</td><td>" + "PM<sub>10</sub>"+ "</td><td>" + "NO"+ "</td><td>" + "NO<sub>x</sub>"+ "</td><td>" + "NO<sub>2</sub>"+ "</td><td>" + "CO" +"</td></tr>"
            $("#indexTb").append(_tr);

            if (tableData != null && tableData.length > 0) {
                for (var i = 0; length = tableData.length, i < length; i++) {
                    var j = i + 1;
                    var topObj = tableData[i]; 
                    var _tr = "<tr onmouseover='over(this)' onmouseout='out(this)' ><td>" + j + "</td><td onclick='locateAndShowDetail(this)'>" + topObj.road_id + "</td><td>" + topObj.name + "</td><td>"+ topObj.pm25 + "</td><td>" + topObj.pm10 + "</td><td>" + topObj.no + "</td><td>" + topObj.nox + "</td><td>" + topObj.no2 + "</td><td>" + topObj.co +"</td></tr>"
                    $("#indexTb").append(_tr);
                }
            } else {
                haoutil.msg("查询无数据，请更换查询条件！");
            }
        },
        error: function (request, textStatus) {
            haoutil.msg("系统后台错误，请联系管理员处理！");
        }
         
    });
}
function getUnitByqindex(qindex){
    qindex = qindex.toUpperCase();
    if (qindex=='PM25' || qindex=='PM10' || qindex=='NO'|| qindex=='NO2'|| qindex=='NOX' || qindex=='SO2'){