From cb0c513e298403fa82b1c0a333adc202a4305bf4 Mon Sep 17 00:00:00 2001
From: qinbo <qinbo@shsening.com>
Date: 星期五, 12 十一月 2021 18:58:41 +0800
Subject: [PATCH] 添加网格来源
---
js/changable_params.js | 19 +++++++++
widgetsTS/widget_detail/view.js | 40 +++++++++++++++++++
widgetsTS/widget_detail/view.css | 15 +++++++
widgetsTS/widget_detail/view.html | 2
4 files changed, 73 insertions(+), 3 deletions(-)
diff --git a/js/changable_params.js b/js/changable_params.js
index 4c63c3b..3863733 100644
--- a/js/changable_params.js
+++ b/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"] + ' ' + "</td><td>渭g/m鲁</td></tr>" +
+ "<tr><td>PM<SUB>10</SUB>锛�</td><td align= right>" + item["pm10"] + ' ' + "</td><td>渭g/m鲁</td></tr>" +
+ "<tr><td>NO<SUB>2</SUB>锛�</td><td align= right>" + item["no2"] + ' ' + "</td><td>渭g/m鲁</td></tr>" +
+ "<tr><td>CO锛�</td><td align= right>" + item["co"] + ' ' + "</td><td>mg/m鲁</td></tr>" +
+ "<tr><td>NO<SUB>x</SUB>锛�</td><td align= right>" + item["nox"] + ' ' + "</td><td>渭g/m鲁</td></tr>" +
+ "<tr><td>NO锛�</td><td align= right>" + item["no"] + ' ' + "</td><td>渭g/m鲁</td></tr>" +
+ "</table>" +
+ "<br /><br /><p><a href='#' onclick='javascript:showDetail(" + layerid + ",\"" + item["code"] + "\",\"" + qindex + "\")' >璇︾粏淇℃伅</a> <a href='#' onclick='javascript:addGraphictoHighlightLayer()' >淇濇寔楂樹寒鏄剧ず</a></p>";
} else {
return "绔欑偣缂栧彿锛�" +
diff --git a/widgetsTS/widget_detail/view.css b/widgetsTS/widget_detail/view.css
index 7efb8d7..2a3e6b8 100644
--- a/widgetsTS/widget_detail/view.css
+++ b/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;
+ }
+
\ No newline at end of file
diff --git a/widgetsTS/widget_detail/view.html b/widgetsTS/widget_detail/view.html
index a6a1dd8..978d3c0 100644
--- a/widgetsTS/widget_detail/view.html
+++ b/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>
diff --git a/widgetsTS/widget_detail/view.js b/widgetsTS/widget_detail/view.js
index 0fbc671..71fe940 100644
--- a/widgetsTS/widget_detail/view.js
+++ b/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'){
--
Gitblit v1.9.1