弹窗样式 bug fix

qinbo

2021-10-27 0a85166b655d377cb01b212cfecf7eeb4b6d6001

弹窗样式 bug fix

 data/getLayerListByUserid.json

@@ -8,7 +8,7 @@
            "geoname_prefix":"",
            "style_prefix":"",
            "style_selected":"pm25",
            "styleoptions": ["pm25", "pm10", "no2", "co","so2"],
            "styleoptions": ["pm25", "pm10", "no2", "co"],
            "show":true

        },
@@ -20,7 +20,7 @@
            "geoname_prefix":"vis_weizhan_",
            "style_prefix":"point_weizhan_",
            "style_selected":"pm25",
            "styleoptions": ["pm25", "pm10","no2", "co","so2","o3"],
            "styleoptions": ["pm25", "pm10","no2", "co"],
            "regiontype":"00",
            "show":false
        },

 js/changable_params.js

@@ -8,24 +8,24 @@
var color_list_1003 = ['#0EE839', '#FEFE23', '#F70F0D'];
var color_list_1004_and_other = ['#0dd4f7', '#23fe9f', '#078901', '#d4fe23', '#FFFF00', '#febf23', '#fe7c23', '#F70F0D', '#8A0B73', '#88041E'];

var qindex_range_list_1001 = { 'pm25': [35, 75, 115, 150, 250], 'pm10': [50, 150, 250, 350, 420], 'no2': [100, 200, 700, 1200, 2340], 'co': [5, 10, 35, 60, 90], 'so2':[50, 150, 650, 800, 1600], 'o3':[160, 200, 300, 400,800] };
var qindex_range_list_1002 = { 'pm25': [10, 20, 50, 80, 100], 'pm10': [20, 50, 80, 150, 200], 'no2': [25, 50, 100, 150, 300], 'co': [0.5, 0.6, 0.8, 1, 1.5],'so2':[5, 8, 10, 12, 15], 'o3':[10, 35, 65, 100, 200]};
var qindex_range_list_1001 = { 'pm25': [35, 75, 115, 150, 250], 'pm10': [50, 150, 250, 350, 420], 'no2': [100, 200, 700, 1200, 2340], 'co': [5, 10, 35, 60, 90]};
var qindex_range_list_1002 = { 'pm25': [10, 20, 50, 80, 100], 'pm10': [20, 50, 80, 150, 200], 'no2': [25, 50, 100, 150, 300], 'co': [0.5, 0.6, 0.8, 1, 1.5]};
var qindex_range_list_1003 = { 'tsp': [0.2, 0.5] };
var qindex_range_list_1004_and_other = { 'pm25': [15, 35, 50, 75, 150, 250, 350, 500, 700], 'pm10': [20, 50, 100, 150, 200, 300, 500, 800, 1000], 'no': [10, 30, 60, 100, 200, 500, 1000, 2000, 3500], 'no2': [20, 80, 110, 150, 200, 250, 300, 400, 500], 'nox': [80, 110, 130, 150, 200, 500, 1000, 2000, 5000], 'co': [0.2, 0.4, 0.6, 0.8, 1, 1.5, 2.5, 4, 6] };

var all_layer_legends = {
  1001: ['PM25', 'PM10', 'NO2', 'CO', 'SO2','O3']
  , 1002: ['PM25', 'PM10', 'NO2', 'CO', 'SO2', 'O3']
  , 1003: ['TSP']
  , 1004: ['PM25', 'PM10', 'NO2', 'CO','NO', 'NOX']
  , 1005: ['PM25', 'PM10', 'NO2', 'CO','NO', 'NOX']
  , 1006: ['PM25', 'PM10', 'NO2', 'CO','NO', 'NOX']
  1001: ['pm25', 'pm10', 'no2', 'co', 'so2']
  , 1002: ['pm25', 'pm10', 'no2', 'co', 'so2']
  , 1003: ['tsp']
  , 1004: ['pm25', 'pm10', 'no2', 'co','no', 'nox']
  , 1005: ['pm25', 'pm10', 'no2', 'co','no', 'nox']
  , 1006: ['pm25', 'pm10', 'no2', 'co','no', 'nox']
} 

var echart_lines_color_list =
{
  1001: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066', '#ff6666']
  , 1002: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066', '#ff6666']
  1001: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066']
  , 1002: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066']
  , 1003: ['#00EE00']
  , 1004: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066', '#ff6666']
  , 1005: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066', '#ff6666']
@@ -44,15 +44,18 @@
  }
  if (layerid == 1001) {

    return "<table>" +
      "<tr><td>编号：</td><td>" + item["code"] + "</td><td></td></tr>" +
      "<tr><td>名称：</td><td>" + item["name"] + "</td><td></td></tr>" +
      "<tr><td>时间：</td><td>" + item["datatime"] + "</td><td></td></tr>" +
      "<tr><td>PM2.5：</td><td>" + item["pm25"] + "</td><td>ug/m3</td></tr>" +
      "<tr><td>PM10：</td><td>" + item["pm10"] + "</td><td>ug/m3</td></tr>" +
      "<tr><td>NO2：</td><td>" + item["no2"] + "</td><td>ug/m3</td></tr>" +
      "<tr><td>CO：</td><td>" + item["co"] + "</td><td>mg/m3</td></tr>" +
      "<tr><td>SO2</td><td>" + item["so2"] + "</td><td>ug/m3</td></tr>" +
    return "站点编号：" +
    item["code"] +
    "<br />站点名称：" +
    item["name"] +
    "<br />数据时间：" +
    item["datatime"] +
      "<table>" +
      "<tr><td>PM<SUB>2.5</SUB>：</td><td align= right>" + item["pm25"] + '&nbsp' + "</td><td>μg/m³</sup></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>SO<SUB>2</SUB>： </td><td align= right>" + item["so2"] + '&nbsp' + "</td><td>μg/m³</td></tr>" +
      "</table>" +
      "<br/><p><a href='#' onclick='javascript:showDetail(1001,\"" + item["code"] + "\",\"" + qindex + "\")' >详细信息</a>&nbsp;&nbsp;&nbsp;<a href='#' onclick='javascript:addGraphictoHighlightLayer()' >保持高亮显示</a></p>";
  } else if (layerid == 1002) {
@@ -62,18 +65,14 @@
      item["name"] +
      "<br />数据时间：" +
      item["datatime"] +
      "<br />PM2.5: " +
      item["pm25"] + '&nbsp'+"ug/m3" +
      "<br />PM10: " +
      item["pm10"] + '&nbsp'+"ug/m3" +
      "<br />NO2:" +
      item["no2"] + '&nbsp'+"ug/m3" +
      "<br />CO: " +
      item["co"] + '&nbsp'+"mg/m3" +
      "<br />SO2: " +
      item["so2"] +'&nbsp'+ "ug/m3" +
      "<br />O3: " +
      item["o3"] + '&nbsp'+"ug/m3" +
      "<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>SO<SUB>2</SUB>： </td><td align= right>" + item["so2"] + '&nbsp' + "</td><td>μg/m³</td></tr>" +
      "<tr><td>O<SUB>3</SUB>： </td><td align= right>" + item["o3"] + '&nbsp' + "</td><td>μg/m³</td></tr>" +
      "</table>" +
      "<br /><br /><p><a href='#' onclick='javascript:showDetail(1002,\"" + item["code"] + "\",\"" + qindex + "\")' >详细信息</a>&nbsp;&nbsp;&nbsp;<a href='#' onclick='javascript:addGraphictoHighlightLayer()' >保持高亮显示</a></p>";

  } else if (layerid == 1003) {
@@ -83,22 +82,25 @@
      item["name"] +
      "<br />数据时间：" +
      item["datatime"] +
      "<br />TSP: " +
      item["tsp"] + "ug/m3" +
      "<br />TSP：" +
      item["tsp"] + '&nbsp' + "mg/m³" +
      "<br /><br /><p><a href='#' onclick='javascript:showDetail(1003,\"" + item["code"] + "\",\"" + qindex + "\")' >详细信息</a>&nbsp;&nbsp;&nbsp;<a href='#' onclick='javascript:addGraphictoHighlightLayer()' >保持高亮显示</a></p>";

  } else if (layerid == 1004) {

    return "<table>" +
      "<tr><td>编号：</td><td>" + item["code"] + "</td><td></td></tr>" +
      "<tr><td>时间：</td><td>" + item["datatime"] + "</td><td></td></tr>" +
      "<tr><td>车速：</td><td>" + item["speed"] + "</td><td>km/h</td></tr>" +
      "<tr><td>PM2.5：</td><td>" + item["pm25"] + "</td><td>ug/m3</td></tr>" +
      "<tr><td>PM10：</td><td>" + item["pm10"] + "</td><td>ug/m3</td></tr>" +
      "<tr><td>NO：</td><td>" + item["no"] + "</td><td>ug/m3</td></tr>" +
      "<tr><td>NO2：</td><td>" + item["no2"] + "</td><td>ug/m3</td></tr>" +
      "<tr><td>NOx</td><td>" + item["nox"] + "</td><td>ug/m3</td></tr>" +
      "<tr><td>CO：</td><td>" + item["co"] + "</td><td>mg/m3</td></tr>" +
    return "编号：" +
    item["code"] +
    "<br />时间：" +
    item["datatime"] +
    "<br />车速：" +
    item["speed"] +
    "<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：</td><td align= right>" + item["no"] + '&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>NO<SUB>x</SUB>: </td><td align= right>" + item["nox"]  + '&nbsp'+ "</td><td>μg/m³</td></tr>" +
      "<tr><td>CO：</td><td align= right>" + item["co"] + '&nbsp' + "</td><td>mg/m³</td></tr>" +
      "</table>" +
      "<br/><p><a href='#' onclick='javascript:showHistoryPathDetail(\"" + item["code"] + "\")' >轨迹回放</a></p>";

@@ -110,18 +112,14 @@
      item["name"] +
      "<br />数据时间：" +
      item["datatime"] +
      "<br />PM2.5: " +
      item["pm25"] + '&nbsp'+ "ug/m3" +
      "<br />PM10: " +
      item["pm10"] +  '&nbsp'+ "ug/m3" +
      "<br />NO2: " +
      item["no2"] + '&nbsp'+  "ug/m3" +
      "<br />CO: " +
      item["co"]+ '&nbsp'+  "ug/m3" +
      "<br />NOX: " +
      item["nox"] + '&nbsp'+  "ug/m3" +
      "<br />NO: " +
      item["no"]+ '&nbsp'+  "ug/m3" +
      "<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>";
  }
}