From 8eae4c332c821c8aaa3365c84293e836fd8d1dab Mon Sep 17 00:00:00 2001
From: wangqi <magical1908@outlook.com>
Date: 星期二, 13 四月 2021 13:48:02 +0800
Subject: [PATCH] 废气图表

---
 public/assets/imgs/legend/marker_p_2.png                            |    0 
 public/assets/imgs/legend/cyj.png                                   |    0 
 public/assets/imgs/legend/YanChen.png                               |    0 
 public/assets/imgs/legend/SO2.png                                   |    0 
 src/api/mapApi.js                                                   |    4 +
 public/assets/imgs/legend/red_airquality.png                        |    0 
 public/assets/imgs/legend/gray.png                                  |    0 
 public/assets/imgs/legend/image15.gif                               |    0 
 public/assets/imgs/legend/green_airquality.png                      |    0 
 public/assets/imgs/legend/zlj.png                                   |    0 
 public/assets/imgs/legend/cqj.png                                   |    0 
 public/assets/imgs/legend/gwtl4.png                                 |    0 
 public/assets/imgs/legend/zsj.png                                   |    0 
 public/assets/imgs/legend/grn.png                                   |    0 
 public/assets/imgs/legend/yellow_airquality.png                     |    0 
 public/assets/imgs/legend/orange_airquality.png                     |    0 
 public/assets/imgs/legend/WenDu.png                                 |    0 
 public/assets/imgs/legend/image12.gif                               |    0 
 public/assets/imgs/legend/gwtl3.png                                 |    0 
 src/components/LayerController/logic/WasteGas.js                    |   12 +++
 public/assets/imgs/legend/green_airquality_2.png                    |    0 
 src/components/BaseNav/PublicBounced/GasComponents/PublicChart.vue  |    6 +
 src/api/mapUrl.js                                                   |    1 
 src/components/BaseNav/PublicBounced/PublicBounced.vue              |    7 +
 public/assets/imgs/legend/orange.png                                |    0 
 public/assets/imgs/legend/red.png                                   |    0 
 public/assets/imgs/legend/image9.gif                                |    0 
 public/assets/imgs/legend/NOX.png                                   |    0 
 public/assets/imgs/legend/green_airquality_3.png                    |    0 
 public/assets/imgs/legend/green.png                                 |    0 
 public/assets/imgs/legend/gwtl.png                                  |    0 
 public/assets/imgs/legend/gwtl2.png                                 |    0 
 public/assets/imgs/legend/marker_p_1.png                            |    0 
 public/assets/imgs/legend/zongdan.png                               |    0 
 public/assets/imgs/legend/blue.png                                  |    0 
 public/assets/imgs/legend/VOCs.png                                  |    0 
 public/assets/imgs/legend/purple.png                                |    0 
 public/assets/imgs/legend/yellow.png                                |    0 
 src/components/BaseNav/PublicBounced/GasComponents/EChartsTable.vue |  139 ++++++++++++++++++++++++++++++++++++++++++++++
 39 files changed, 163 insertions(+), 6 deletions(-)

diff --git a/public/assets/imgs/legend/NOX.png b/public/assets/imgs/legend/NOX.png
new file mode 100644
index 0000000..98b699e
--- /dev/null
+++ b/public/assets/imgs/legend/NOX.png
Binary files differ
diff --git a/public/assets/imgs/legend/SO2.png b/public/assets/imgs/legend/SO2.png
new file mode 100644
index 0000000..0e2887e
--- /dev/null
+++ b/public/assets/imgs/legend/SO2.png
Binary files differ
diff --git a/public/assets/imgs/legend/VOCs.png b/public/assets/imgs/legend/VOCs.png
new file mode 100644
index 0000000..21cfbf8
--- /dev/null
+++ b/public/assets/imgs/legend/VOCs.png
Binary files differ
diff --git a/public/assets/imgs/legend/WenDu.png b/public/assets/imgs/legend/WenDu.png
new file mode 100644
index 0000000..74401e7
--- /dev/null
+++ b/public/assets/imgs/legend/WenDu.png
Binary files differ
diff --git a/public/assets/imgs/legend/YanChen.png b/public/assets/imgs/legend/YanChen.png
new file mode 100644
index 0000000..d7d2517
--- /dev/null
+++ b/public/assets/imgs/legend/YanChen.png
Binary files differ
diff --git a/public/assets/imgs/legend/blue.png b/public/assets/imgs/legend/blue.png
new file mode 100644
index 0000000..8943f6a
--- /dev/null
+++ b/public/assets/imgs/legend/blue.png
Binary files differ
diff --git a/public/assets/imgs/legend/cqj.png b/public/assets/imgs/legend/cqj.png
new file mode 100644
index 0000000..cd4d1f6
--- /dev/null
+++ b/public/assets/imgs/legend/cqj.png
Binary files differ
diff --git a/public/assets/imgs/legend/cyj.png b/public/assets/imgs/legend/cyj.png
new file mode 100644
index 0000000..639f7da
--- /dev/null
+++ b/public/assets/imgs/legend/cyj.png
Binary files differ
diff --git a/public/assets/imgs/legend/gray.png b/public/assets/imgs/legend/gray.png
new file mode 100644
index 0000000..4915b70
--- /dev/null
+++ b/public/assets/imgs/legend/gray.png
Binary files differ
diff --git a/public/assets/imgs/legend/green.png b/public/assets/imgs/legend/green.png
new file mode 100644
index 0000000..80463ea
--- /dev/null
+++ b/public/assets/imgs/legend/green.png
Binary files differ
diff --git a/public/assets/imgs/legend/green_airquality.png b/public/assets/imgs/legend/green_airquality.png
new file mode 100644
index 0000000..67f1d1c
--- /dev/null
+++ b/public/assets/imgs/legend/green_airquality.png
Binary files differ
diff --git a/public/assets/imgs/legend/green_airquality_2.png b/public/assets/imgs/legend/green_airquality_2.png
new file mode 100644
index 0000000..ca7b11b
--- /dev/null
+++ b/public/assets/imgs/legend/green_airquality_2.png
Binary files differ
diff --git a/public/assets/imgs/legend/green_airquality_3.png b/public/assets/imgs/legend/green_airquality_3.png
new file mode 100644
index 0000000..d5f6a73
--- /dev/null
+++ b/public/assets/imgs/legend/green_airquality_3.png
Binary files differ
diff --git a/public/assets/imgs/legend/grn.png b/public/assets/imgs/legend/grn.png
new file mode 100644
index 0000000..70b4321
--- /dev/null
+++ b/public/assets/imgs/legend/grn.png
Binary files differ
diff --git a/public/assets/imgs/legend/gwtl.png b/public/assets/imgs/legend/gwtl.png
new file mode 100644
index 0000000..2c1460d
--- /dev/null
+++ b/public/assets/imgs/legend/gwtl.png
Binary files differ
diff --git a/public/assets/imgs/legend/gwtl2.png b/public/assets/imgs/legend/gwtl2.png
new file mode 100644
index 0000000..87c2011
--- /dev/null
+++ b/public/assets/imgs/legend/gwtl2.png
Binary files differ
diff --git a/public/assets/imgs/legend/gwtl3.png b/public/assets/imgs/legend/gwtl3.png
new file mode 100644
index 0000000..1dcbce3
--- /dev/null
+++ b/public/assets/imgs/legend/gwtl3.png
Binary files differ
diff --git a/public/assets/imgs/legend/gwtl4.png b/public/assets/imgs/legend/gwtl4.png
new file mode 100644
index 0000000..391f82c
--- /dev/null
+++ b/public/assets/imgs/legend/gwtl4.png
Binary files differ
diff --git a/public/assets/imgs/legend/image12.gif b/public/assets/imgs/legend/image12.gif
new file mode 100644
index 0000000..f9b38b2
--- /dev/null
+++ b/public/assets/imgs/legend/image12.gif
Binary files differ
diff --git a/public/assets/imgs/legend/image15.gif b/public/assets/imgs/legend/image15.gif
new file mode 100644
index 0000000..15b1353
--- /dev/null
+++ b/public/assets/imgs/legend/image15.gif
Binary files differ
diff --git a/public/assets/imgs/legend/image9.gif b/public/assets/imgs/legend/image9.gif
new file mode 100644
index 0000000..9bbd325
--- /dev/null
+++ b/public/assets/imgs/legend/image9.gif
Binary files differ
diff --git a/public/assets/imgs/legend/marker_p_1.png b/public/assets/imgs/legend/marker_p_1.png
new file mode 100644
index 0000000..fc4a504
--- /dev/null
+++ b/public/assets/imgs/legend/marker_p_1.png
Binary files differ
diff --git a/public/assets/imgs/legend/marker_p_2.png b/public/assets/imgs/legend/marker_p_2.png
new file mode 100644
index 0000000..ee33170
--- /dev/null
+++ b/public/assets/imgs/legend/marker_p_2.png
Binary files differ
diff --git a/public/assets/imgs/legend/orange.png b/public/assets/imgs/legend/orange.png
new file mode 100644
index 0000000..cf3ceaf
--- /dev/null
+++ b/public/assets/imgs/legend/orange.png
Binary files differ
diff --git a/public/assets/imgs/legend/orange_airquality.png b/public/assets/imgs/legend/orange_airquality.png
new file mode 100644
index 0000000..c36469a
--- /dev/null
+++ b/public/assets/imgs/legend/orange_airquality.png
Binary files differ
diff --git a/public/assets/imgs/legend/purple.png b/public/assets/imgs/legend/purple.png
new file mode 100644
index 0000000..b206049
--- /dev/null
+++ b/public/assets/imgs/legend/purple.png
Binary files differ
diff --git a/public/assets/imgs/legend/red.png b/public/assets/imgs/legend/red.png
new file mode 100644
index 0000000..9e29f57
--- /dev/null
+++ b/public/assets/imgs/legend/red.png
Binary files differ
diff --git a/public/assets/imgs/legend/red_airquality.png b/public/assets/imgs/legend/red_airquality.png
new file mode 100644
index 0000000..d43ca40
--- /dev/null
+++ b/public/assets/imgs/legend/red_airquality.png
Binary files differ
diff --git a/public/assets/imgs/legend/yellow.png b/public/assets/imgs/legend/yellow.png
new file mode 100644
index 0000000..f1f339f
--- /dev/null
+++ b/public/assets/imgs/legend/yellow.png
Binary files differ
diff --git a/public/assets/imgs/legend/yellow_airquality.png b/public/assets/imgs/legend/yellow_airquality.png
new file mode 100644
index 0000000..567af17
--- /dev/null
+++ b/public/assets/imgs/legend/yellow_airquality.png
Binary files differ
diff --git a/public/assets/imgs/legend/zlj.png b/public/assets/imgs/legend/zlj.png
new file mode 100644
index 0000000..79a22ab
--- /dev/null
+++ b/public/assets/imgs/legend/zlj.png
Binary files differ
diff --git a/public/assets/imgs/legend/zongdan.png b/public/assets/imgs/legend/zongdan.png
new file mode 100644
index 0000000..55639d9
--- /dev/null
+++ b/public/assets/imgs/legend/zongdan.png
Binary files differ
diff --git a/public/assets/imgs/legend/zsj.png b/public/assets/imgs/legend/zsj.png
new file mode 100644
index 0000000..f7d6414
--- /dev/null
+++ b/public/assets/imgs/legend/zsj.png
Binary files differ
diff --git a/src/api/mapApi.js b/src/api/mapApi.js
index 51e2068..19a8423 100644
--- a/src/api/mapApi.js
+++ b/src/api/mapApi.js
@@ -40,6 +40,10 @@
   getWasteGasMonData (data) {
     return axios.get(mapUrl.getWasteGasMonData, data)
   },
+  // 搴熸皵浜哄伐鏁版嵁
+  getWasteGasManualData (data) {
+    return axios.get(mapUrl.getWasteGasManualData, data)
+  },
   // 搴熸按鐐�
   getWasteWater (data) {
     return axios.get(mapUrl.getWasteWater, data)
diff --git a/src/api/mapUrl.js b/src/api/mapUrl.js
index ef1af63..fceb5ae 100644
--- a/src/api/mapUrl.js
+++ b/src/api/mapUrl.js
@@ -14,6 +14,7 @@
 export const getWasteGasDetails = $HOST + '/wasteGas/getWasteGasMonitoringDetails'
 export const DataItems = $HOST + '/wasteWater/RTDB/DataItems'
 export const getWasteGasMonData = $HOST + '/wasteGas/QueryOnlineMonData'
+export const getWasteGasManualData = $HOST + '/wasteGas/QueryLabMonData'
 
 export const getWasteWater = $HOST + '/wasteWater/getWasteWater' // 搴熸按鐐逛俊鎭�
 export const getWasteWaterMonitoring = $HOST + '/wasteWater/getWasteWaterMonitoring' // 搴熸按鐩戞祴鏁版嵁
diff --git a/src/components/BaseNav/PublicBounced/GasComponents/EChartsTable.vue b/src/components/BaseNav/PublicBounced/GasComponents/EChartsTable.vue
new file mode 100644
index 0000000..6c74df4
--- /dev/null
+++ b/src/components/BaseNav/PublicBounced/GasComponents/EChartsTable.vue
@@ -0,0 +1,139 @@
+<template>
+  <el-table :data="tableData" style="width:730px" height="200px">
+    <el-table-column v-for="(item, index) in tableLabel" :key="index" :prop="item.prop"
+                     :label="item.label">
+      <el-table-column v-for="(item1, index1) in item.label" :key="index1" :prop="item1.prop" :label="item1.label">
+      </el-table-column>
+    </el-table-column>
+  </el-table>
+<!--  <el-table-->
+<!--      :data="tableData"-->
+<!--      style="width: 100%">-->
+<!--    <el-table-column-->
+<!--        prop="tableData.LabMonTime"-->
+<!--        label="妫�娴嬫椂闂�">-->
+<!--    </el-table-column>-->
+<!--    <el-table-column-->
+<!--        label="姘哀鍖栫墿">-->
+<!--      <el-table-column-->
+<!--          prop="tableData.NOMonitor"-->
+<!--          label="鐩戞祴鍊�">-->
+<!--      </el-table-column>-->
+<!--      <el-table-column-->
+<!--          prop="tableData.NOtandard"-->
+<!--          label="鏍囧噯鍊�">-->
+<!--      </el-table-column>-->
+<!--    </el-table-column>-->
+<!--    <el-table-column-->
+<!--        label="浜屾哀鍖栫~">-->
+<!--      <el-table-column-->
+<!--          prop="tableData.LabMonTime"-->
+<!--          label="鐩戞祴鍊�">-->
+<!--      </el-table-column>-->
+<!--      <el-table-column-->
+<!--          prop="tableData.LabMonTime"-->
+<!--          label="鏍囧噯鍊�">-->
+<!--      </el-table-column>-->
+<!--    </el-table-column>-->
+<!--    <el-table-column-->
+<!--        label="鐑熷皹">-->
+<!--      <el-table-column-->
+<!--          prop="tableData.LabMonTime"-->
+<!--          label="鐩戞祴鍊�">-->
+<!--      </el-table-column>-->
+<!--      <el-table-column-->
+<!--          prop="tableData.LabMonTime"-->
+<!--          label="鏍囧噯鍊�">-->
+<!--      </el-table-column>-->
+<!--    </el-table-column>-->
+<!--    <el-table-column-->
+<!--        label="榛戝害">-->
+<!--      <el-table-column-->
+<!--          prop="tableData.LabMonTime"-->
+<!--          label="鐩戞祴鍊�">-->
+<!--      </el-table-column>-->
+<!--      <el-table-column-->
+<!--          prop="tableData.LabMonTime"-->
+<!--          label="鏍囧噯鍊�">-->
+<!--      </el-table-column>-->
+<!--    </el-table-column>-->
+<!--  </el-table>-->
+</template>
+
+<script>
+export default {
+  name: 'EChartsTable',
+  data () {
+    return {
+      tableLabel: [
+        {
+          label: '妫�娴嬫椂闂�',
+          prop: 'StoragePlaceId'
+        },
+        {
+          label: '浜屾哀鍖栫~',
+          prop: [
+            {
+              label: '鐩戞祴鍊�',
+              NOMonitor: ''
+            },
+            {
+              label: '鏍囧噯鍊�',
+              NOtandard: ''
+            }]
+        },
+        {
+          label: '姘哀鍖栫墿',
+          prop: [
+            {
+              label: '鐩戞祴鍊�',
+              NOMonitor: ''
+            },
+            {
+              label: '鏍囧噯鍊�',
+              NOtandard: ''
+            }]
+        },
+        {
+          label: '鐑熷皹',
+          prop: [
+            {
+              label: '鐩戞祴鍊�',
+              NOMonitor: ''
+            },
+            {
+              label: '鏍囧噯鍊�',
+              NOtandard: ''
+            }]
+        },
+        {
+          label: '榛戝害',
+          prop: [
+            {
+              label: '鐩戞祴鍊�',
+              NOMonitor: ''
+            },
+            {
+              label: '鏍囧噯鍊�',
+              NOtandard: ''
+            }]
+        }
+      ],
+      tableData: []
+    }
+  },
+  created () {
+    this.$nextTick(() => {
+      this.$attrs.ManualData.forEach(item => {
+        this.tableData = item
+      })
+      console.log(this.tableData.LabMonTime)
+    })
+  }
+}
+
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/components/BaseNav/PublicBounced/GasComponents/PublicChart.vue b/src/components/BaseNav/PublicBounced/GasComponents/PublicChart.vue
index 6d3126f..584f1db 100644
--- a/src/components/BaseNav/PublicBounced/GasComponents/PublicChart.vue
+++ b/src/components/BaseNav/PublicBounced/GasComponents/PublicChart.vue
@@ -8,7 +8,7 @@
             <li @click='tabTaggle("ECharts")'>瀹炴椂鏁版嵁</li>
             <li @click='tabTaggle("EChartsHour")'>灏忔椂鏁版嵁</li>
             <li @click='tabTaggle("EChartsDate")'>鏃ユ暟鎹�</li>
-            <li @click='tabTaggle("EChartsDate")'>浜哄伐鏁版嵁</li>
+            <li @click='tabTaggle("EChartsTable")'>浜哄伐鏁版嵁</li>
         </ul>
         <div class="legend" >
             <span >姝e父</span>
@@ -28,6 +28,7 @@
 import ECharts from './Echarts'
 // import EChartsDate from './EChartsDate'
 import EChartsHourWasteWater from './EChartsHourWasteWater'
+import EChartsTable from '@components/BaseNav/PublicBounced/GasComponents/EChartsTable'
 
 export default {
   name: 'PublicChart',
@@ -36,7 +37,8 @@
     EChartsDate,
     ECharts,
     // EChartsDate
-    EChartsHourWasteWater
+    EChartsHourWasteWater,
+    EChartsTable
   },
   data () {
     return {
diff --git a/src/components/BaseNav/PublicBounced/PublicBounced.vue b/src/components/BaseNav/PublicBounced/PublicBounced.vue
index 19b17c6..b31bc24 100644
--- a/src/components/BaseNav/PublicBounced/PublicBounced.vue
+++ b/src/components/BaseNav/PublicBounced/PublicBounced.vue
@@ -15,6 +15,7 @@
                         :value="value"
                         :getQueryOnlineMonData="getQueryOnlineMonData"
                         :getWasteWaterMonitoringDetails='getWasteWaterMonitoringDetails'
+                        :ManualData="ManualData"
                         ref="PublicChart"
           >
           </public-chart>
@@ -55,7 +56,8 @@
       value: '',
       getWasteGasDetails: [],
       getWasteWaterMonitoringDetails: [],
-      getQueryOnlineMonData: []
+      getQueryOnlineMonData: [],
+      ManualData: []
       // getGasQueryOnlineMonData: []
     }
   },
@@ -80,10 +82,11 @@
       this.flag = true
       this.value = value
     },
-    setGasData (data, dataDetails, GasHourData, value) {
+    setGasData (data, dataDetails, GasHourData, ManualData, value) {
       this.setWasteGasdata = data
       this.getWasteGasDetails = dataDetails
       this.getQueryOnlineMonData = GasHourData
+      this.ManualData = ManualData
       console.log(this.getQueryOnlineMonData)
       this.displayContentTitle = data.Name
       this.flag = true
diff --git a/src/components/LayerController/logic/WasteGas.js b/src/components/LayerController/logic/WasteGas.js
index bdc5e30..9b85faf 100644
--- a/src/components/LayerController/logic/WasteGas.js
+++ b/src/components/LayerController/logic/WasteGas.js
@@ -68,13 +68,21 @@
       endTime: '2020-04-07 15:13:20',
       dataType: '1'
     }
+    const GasManualData = {
+      companyId: '3900100145',
+      labMonPointId: '219',
+      beginTime: '2020-04-06 15:13:20',
+      endTime: ' 2020-04-07 15:13:20'
+    }
+    const ManualData = await mapApi.getWasteGasManualData(GasManualData)
+    console.log(ManualData)
     const Mondata = await mapApi.getWasteGasMonData(GasOnlinedata)
-    console.log(Mondata)
+    // console.log(Mondata)
     const result = await mapApi.getWasteGasDetails(dataValue)
     // console.log(result.Result.DataInfo)
     const PublicBounced = window.Vue.extend(publicBounced)
     const instance = new PublicBounced()
-    instance.setGasData(e.layer.options.test, result.Result.DataInfo, Mondata.Result.DataInfo, 'feiqi')
+    instance.setGasData(e.layer.options.test, result.Result.DataInfo, Mondata.Result.DataInfo, ManualData.Result.DataInfo, 'feiqi')
     // console.log(e.layer.options.test)
     instance.$mount()
     document.body.appendChild(instance.$el)

--
Gitblit v1.8.0