修改指标显示

qinbo

2021-10-11 2451595eeb02e773c04e44c3f83801611247fa1b

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
"use script"; //开发环境建议开启严格模式
//系统 功能入口
 
 
var allLayer_color_nodata = '#C0C0C0';
var color_list_1001 = ['#0EE839', '#FEFE23', '#FD9D00', '#F70F0D', '#8A0B73', '#88041E'];
var color_list_1002 = ['#0dd4f7', '#078901', '#FFFF00', '#fe7c23', '#F70F0D', '#88041E'];
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_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']
} 
 
var echart_lines_color_list =
{
  1001: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066', '#ff6666']
  , 1002: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066', '#ff6666']
  , 1003: ['#00EE00']
  , 1004: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066', '#ff6666']
  , 1005: ['#00EE00', '#FF9F7F', '#FFD700', '#ff6600', '#ff0066', '#ff6666']
  , 1006: ['#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 };
 
function bindPopupFunction(event) {
 
  let layerid = event.layer.options.id;
  let item = event.graphic?.attr;
  let qindex = event.layer.options.style_selected;
  if (!item) {
    return "";
  }
  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>" +
      "</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) {
    return "站点编号：" +
      item["code"] +
      "<br />站点名称：" +
      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" +
      "<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) {
    return "站点编号：" +
      item["code"] +
      "<br />站点名称：" +
      item["name"] +
      "<br />数据时间：" +
      item["datatime"] +
      "<br />TSP: " +
      item["tsp"] + "ug/m3" +
      "<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>" +
      "</table>" +
      "<br/><p><a href='#' onclick='javascript:showHistoryPathDetail(\"" + item["code"] + "\")' >轨迹回放</a></p>";
 
  } else {
 
    return "站点编号：" +
      item["code"] +
      "<br />站点名称：" +
      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" +
      "<br /><br /><p><a href='#' onclick='javascript:showDetail(" + layerid + ",\"" + item["code"] + "\",\"" + qindex + "\")' >详细信息</a>&nbsp;&nbsp;&nbsp;<a href='#' onclick='javascript:addGraphictoHighlightLayer()' >保持高亮显示</a></p>";
  }
}