From cce1ddfa72daadf8491a7a7bca8937df26d5a58a Mon Sep 17 00:00:00 2001
From: lankuixing <799745985@qq.com>
Date: Wed, 28 Feb 2024 23:59:31 +0800
Subject: [PATCH] =?UTF-8?q?1=E3=80=81=E5=A2=9E=E5=8A=A0=E5=85=AC=E5=85=B1t?=
 =?UTF-8?q?able?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/CEMSDialog.vue     | 350 ++++++++++++++++++++++++++++++++++
 components/CustomTable.vue    |  18 +-
 components/GBZDialog.vue      | 350 ++++++++++++++++++++++++++++++++++
 components/PointDialog.vue    |  19 ++
 components/SDJCYDialog.vue    | 350 ++++++++++++++++++++++++++++++++++
 components/WZDialog.vue       | 350 ++++++++++++++++++++++++++++++++++
 components/ZKZDialog.vue      | 350 ++++++++++++++++++++++++++++++++++
 pages/visual/PeakCoalView.vue |  57 +++++-
 8 files changed, 1833 insertions(+), 11 deletions(-)
 create mode 100644 components/CEMSDialog.vue
 create mode 100644 components/GBZDialog.vue
 create mode 100644 components/PointDialog.vue
 create mode 100644 components/SDJCYDialog.vue
 create mode 100644 components/WZDialog.vue
 create mode 100644 components/ZKZDialog.vue

diff --git a/components/CEMSDialog.vue b/components/CEMSDialog.vue
new file mode 100644
index 0000000..1b45fae
--- /dev/null
+++ b/components/CEMSDialog.vue
@@ -0,0 +1,350 @@
+<template>
+  <div class="w-z-dialog">
+    <custom-table :table-title="tableTitle" :standard-value="standardValue" :data-source="dataSource"/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "CEMSDialog",
+  data() {
+    return {
+      tableTitle: [
+        {
+          title: '监测设备',
+          dataIndex: 'pointName',
+          width: '15%'
+        },
+        {
+          title: '一氧化碳[0.5%VOL]',
+          dataIndex: 'COValue',
+          width: '15%'
+        },
+        {
+          title: '二氧化硫[30mg/m³]',
+          dataIndex: 'SO2Value',
+          width: '15%'
+        },
+        {
+          title: '氮氧化物[10mg/L]',
+          dataIndex: 'NOValue',
+          width: '15%'
+        },
+        {
+          title: '臭氧[80⏜ppm]',
+          dataIndex: 'O3Value',
+          width: '15%'
+        },
+        {
+          title: 'PM10[50μg/m³]',
+          dataIndex: 'PM10Value',
+          width: '25%'
+        }
+      ],
+      standardValue: {
+        COValue: 0.5,
+        SO2Value: 30,
+        NOValue: 10,
+        O3Value: 80,
+        PM10Value: 50
+      },
+      dataSource: [
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        }
+      ]
+
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.w-z-dialog {
+  height: 2000px;
+  width: 100%;
+}
+</style>
+
diff --git a/components/CustomTable.vue b/components/CustomTable.vue
index 0fd5a16..cd1996d 100644
--- a/components/CustomTable.vue
+++ b/components/CustomTable.vue
@@ -78,7 +78,6 @@ export default {
   .check-data-info {
     height: 100%;
     width: 100%;
-    padding: 30px 20px 0 20px;
 
     .table-info {
       width: 100%;
@@ -88,34 +87,33 @@ export default {
       .table-header {
         position: sticky;
         top: 0;
-        height: 77px;
+        height: 100px;
         white-space: nowrap;
-        background-color: rgba(255, 255, 255, 1);
+        background-color: #063367;
         .table-header-item {
           background-color: rgba(35, 140, 255, 0.2);
           display: inline-block;
           font-family: MicrosoftYaHei-Bold;
-          font-size: 29.97px;
+          font-size: 46px;
           color: #37EAFF;
           letter-spacing: 0;
           text-align: center;
-          line-height: 77px;
+          line-height: 100px;
           font-weight: 700;
         }
       }
 
       .table-body {
-        height: calc(100% - 77px);
-
+        height: calc(100% - 100px);
         .table-item-body {
-          height: 77px;
+          height: 100px;
           margin-top: 20px;
           width: 100%;
           white-space: nowrap;
 
           .data-content {
             display: inline-block;
-            height: 77px;
+            height: 100px;
             background: rgba(21, 77, 160, 0.20);
 
             ._content {
@@ -127,7 +125,7 @@ export default {
 
             .point-name {
               font-family: MicrosoftYaHei-Bold;
-              font-size: 29.97px;
+              font-size: 46px;
               color: #FFFFFF;
               letter-spacing: 0;
               font-weight: 700;
diff --git a/components/GBZDialog.vue b/components/GBZDialog.vue
new file mode 100644
index 0000000..12ca5f6
--- /dev/null
+++ b/components/GBZDialog.vue
@@ -0,0 +1,350 @@
+<template>
+  <div class="w-z-dialog">
+    <custom-table :table-title="tableTitle" :standard-value="standardValue" :data-source="dataSource"/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "GBZDialog",
+  data() {
+    return {
+      tableTitle: [
+        {
+          title: '监测设备',
+          dataIndex: 'pointName',
+          width: '15%'
+        },
+        {
+          title: '一氧化碳[0.5%VOL]',
+          dataIndex: 'COValue',
+          width: '15%'
+        },
+        {
+          title: '二氧化硫[30mg/m³]',
+          dataIndex: 'SO2Value',
+          width: '15%'
+        },
+        {
+          title: '氮氧化物[10mg/L]',
+          dataIndex: 'NOValue',
+          width: '15%'
+        },
+        {
+          title: '臭氧[80⏜ppm]',
+          dataIndex: 'O3Value',
+          width: '15%'
+        },
+        {
+          title: 'PM10[50μg/m³]',
+          dataIndex: 'PM10Value',
+          width: '25%'
+        }
+      ],
+      standardValue: {
+        COValue: 0.5,
+        SO2Value: 30,
+        NOValue: 10,
+        O3Value: 80,
+        PM10Value: 50
+      },
+      dataSource: [
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        }
+      ]
+
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.w-z-dialog {
+  height: 2000px;
+  width: 100%;
+}
+</style>
+
diff --git a/components/PointDialog.vue b/components/PointDialog.vue
new file mode 100644
index 0000000..da31cc0
--- /dev/null
+++ b/components/PointDialog.vue
@@ -0,0 +1,19 @@
+<template>
+<div class="point-dialog">
+
+</div>
+</template>
+
+<script>
+export default {
+  name: "PointDialog"
+}
+</script>
+
+<style scoped lang="less">
+.point-dialog{
+  height: 2000px;
+  width: 100%;
+  background: black;
+}
+</style>
diff --git a/components/SDJCYDialog.vue b/components/SDJCYDialog.vue
new file mode 100644
index 0000000..0b69a64
--- /dev/null
+++ b/components/SDJCYDialog.vue
@@ -0,0 +1,350 @@
+<template>
+  <div class="w-z-dialog">
+    <custom-table :table-title="tableTitle" :standard-value="standardValue" :data-source="dataSource"/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "SDJCYDialog",
+  data() {
+    return {
+      tableTitle: [
+        {
+          title: '监测设备',
+          dataIndex: 'pointName',
+          width: '15%'
+        },
+        {
+          title: '一氧化碳[0.5%VOL]',
+          dataIndex: 'COValue',
+          width: '15%'
+        },
+        {
+          title: '二氧化硫[30mg/m³]',
+          dataIndex: 'SO2Value',
+          width: '15%'
+        },
+        {
+          title: '氮氧化物[10mg/L]',
+          dataIndex: 'NOValue',
+          width: '15%'
+        },
+        {
+          title: '臭氧[80⏜ppm]',
+          dataIndex: 'O3Value',
+          width: '15%'
+        },
+        {
+          title: 'PM10[50μg/m³]',
+          dataIndex: 'PM10Value',
+          width: '25%'
+        }
+      ],
+      standardValue: {
+        COValue: 0.5,
+        SO2Value: 30,
+        NOValue: 10,
+        O3Value: 80,
+        PM10Value: 50
+      },
+      dataSource: [
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        }
+      ]
+
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.w-z-dialog {
+  height: 2000px;
+  width: 100%;
+}
+</style>
+
diff --git a/components/WZDialog.vue b/components/WZDialog.vue
new file mode 100644
index 0000000..34d6e5f
--- /dev/null
+++ b/components/WZDialog.vue
@@ -0,0 +1,350 @@
+<template>
+  <div class="w-z-dialog">
+    <custom-table :table-title="tableTitle" :standard-value="standardValue" :data-source="dataSource"/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "WZDialog",
+  data() {
+    return {
+      tableTitle: [
+        {
+          title: '监测设备',
+          dataIndex: 'pointName',
+          width: '15%'
+        },
+        {
+          title: '一氧化碳[0.5%VOL]',
+          dataIndex: 'COValue',
+          width: '15%'
+        },
+        {
+          title: '二氧化硫[30mg/m³]',
+          dataIndex: 'SO2Value',
+          width: '15%'
+        },
+        {
+          title: '氮氧化物[10mg/L]',
+          dataIndex: 'NOValue',
+          width: '15%'
+        },
+        {
+          title: '臭氧[80⏜ppm]',
+          dataIndex: 'O3Value',
+          width: '15%'
+        },
+        {
+          title: 'PM10[50μg/m³]',
+          dataIndex: 'PM10Value',
+          width: '25%'
+        }
+      ],
+      standardValue: {
+        COValue: 0.5,
+        SO2Value: 30,
+        NOValue: 10,
+        O3Value: 80,
+        PM10Value: 50
+      },
+      dataSource: [
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        }
+      ]
+
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.w-z-dialog {
+  height: 2000px;
+  width: 100%;
+}
+</style>
+
diff --git a/components/ZKZDialog.vue b/components/ZKZDialog.vue
new file mode 100644
index 0000000..7076ef7
--- /dev/null
+++ b/components/ZKZDialog.vue
@@ -0,0 +1,350 @@
+<template>
+  <div class="w-z-dialog">
+    <custom-table :table-title="tableTitle" :standard-value="standardValue" :data-source="dataSource"/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "ZKZDialog",
+  data() {
+    return {
+      tableTitle: [
+        {
+          title: '监测设备',
+          dataIndex: 'pointName',
+          width: '15%'
+        },
+        {
+          title: '一氧化碳[0.5%VOL]',
+          dataIndex: 'COValue',
+          width: '15%'
+        },
+        {
+          title: '二氧化硫[30mg/m³]',
+          dataIndex: 'SO2Value',
+          width: '15%'
+        },
+        {
+          title: '氮氧化物[10mg/L]',
+          dataIndex: 'NOValue',
+          width: '15%'
+        },
+        {
+          title: '臭氧[80⏜ppm]',
+          dataIndex: 'O3Value',
+          width: '15%'
+        },
+        {
+          title: 'PM10[50μg/m³]',
+          dataIndex: 'PM10Value',
+          width: '25%'
+        }
+      ],
+      standardValue: {
+        COValue: 0.5,
+        SO2Value: 30,
+        NOValue: 10,
+        O3Value: 80,
+        PM10Value: 50
+      },
+      dataSource: [
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        },
+        {
+          pointName: '监测设备名称',
+          COValue: 2,
+          COUnit: '%VOL',
+          SO2Value: 30,
+          SO2Unit: 'mg/m³',
+          NOValue: 20,
+          NOUnit: 'mg/L',
+          O3Value: 10,
+          O3Unit: 'ppm',
+          PM10Value: 10,
+          PM10Unit: 'μg/m³',
+          PM25Value: 30,
+          PM25Unit: 'μg/m³'
+        }
+      ]
+
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.w-z-dialog {
+  height: 2000px;
+  width: 100%;
+}
+</style>
+
diff --git a/pages/visual/PeakCoalView.vue b/pages/visual/PeakCoalView.vue
index ead4540..05c5815 100644
--- a/pages/visual/PeakCoalView.vue
+++ b/pages/visual/PeakCoalView.vue
@@ -120,6 +120,12 @@
 <script>
 import mapFilters from "@/config/mapFilters";
 const centerBg = require('@/assets/peakCoalImages/center/center-content-bg.png')
+import WZDialog from "@/components/WZDialog";
+import SDJCYDialog from "@/components/SDJCYDialog";
+import ZKZDialog from "@/components/ZKZDialog";
+import GBZDialog from "@/components/GBZDialog";
+import CEMSDialog from "@/components/CEMSDialog";
+import pointDialog from '@/components/PointDialog'
 export default {
   name: "PeakCoalView",
   components: {},
@@ -154,8 +160,57 @@ export default {
      * @param { 'cems' | 'sdjcy' | 'zkz' | 'gbz' | 'ssc' | 'shisc' | 'wz' | 'jkd' } props.layerType 图层类型 jkd(监控点) wz(微站) sdjcy(深度检测仪)  zkz（质控站） gbz(国标站) ssc(洒水车) shisc(湿扫车) cems（CEMS）
      * @param { object } props.data 图层类型
      */
-    pointClick ({ layerType, data }) {
+    pointClick ({layerType, data}) {
       // todo
+      if(layerType == 'wz'){
+        this.$open(WZDialog, {}, {
+          title: '微站',
+          width: 2000,
+          onClose () {
+            console.log(1);
+          }
+        })
+      } else if(layerType === 'sdjcy'){
+        this.$open(SDJCYDialog, {}, {
+          title: '深度检测仪',
+          width: 2000,
+          onClose () {
+            console.log(1);
+          }
+        })
+      }else if(layerType === 'zkz'){
+        this.$open(ZKZDialog, {}, {
+          title: '质控站',
+          width: 2000,
+          onClose () {
+            console.log(1);
+          }
+        })
+      } else if(layerType === 'gbz'){
+        this.$open(GBZDialog, {}, {
+          title: '国标站',
+          width: 2000,
+          onClose () {
+            console.log(1);
+          }
+        })
+      } else if(layerType === 'cems'){
+        this.$open(CEMSDialog, {}, {
+          title: 'CEMS',
+          width: 2000,
+          onClose () {
+            console.log(1);
+          }
+        })
+      } else if (layerType === 'jkd'){
+        this.$open(pointDialog, {}, {
+          title: '监控点',
+          width: 2000,
+          onClose () {
+            console.log(1);
+          }
+        })
+      }
     },
     getAutoStyle() {
       const {scale, origin} = this.getScale()