From 24876dcf3812a7d3da17b9d5babdd86d74024ec0 Mon Sep 17 00:00:00 2001
From: caoqianming <caoqianming@foxmail.com>
Date: Wed, 31 Jan 2024 16:19:50 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20cems2=E7=9B=91=E6=B5=8B=E9=A2=84?=
 =?UTF-8?q?=E8=AD=A6=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/bigScreen/enpComponents/cems2.vue | 85 +++++++++++++++++++++
 src/views/bigScreen/index_enp_blue.vue      |  7 +-
 2 files changed, 90 insertions(+), 2 deletions(-)
 create mode 100644 src/views/bigScreen/enpComponents/cems2.vue

diff --git a/src/views/bigScreen/enpComponents/cems2.vue b/src/views/bigScreen/enpComponents/cems2.vue
new file mode 100644
index 00000000..717f31d9
--- /dev/null
+++ b/src/views/bigScreen/enpComponents/cems2.vue
@@ -0,0 +1,85 @@
+<template>
+    <el-card>
+        <template #header>
+            <div class="card-header">
+                <span>CEMS监测预警</span>
+                <el-button @click="getTableData">刷新</el-button>
+            </div>
+        </template>
+        <el-table :data="tableData" style="width: 100%;" size="large" row-key="id" v-loading="tableLoading">
+            <el-table-column type="index" width="50" />
+            <el-table-column prop="equipment_number" label="设备编号" width="140" />
+            <el-table-column prop="drain_name" label="排口名称" width="140" />
+            <el-table-column prop="metric_0" label="0分钟" />
+            <el-table-column prop="metric_5" label="5分钟" />
+            <el-table-column prop="metric_10" label="10分钟" />
+            <el-table-column prop="metric_15" label="15分钟" />
+            <el-table-column prop="metric_20" label="20分钟" />
+            <el-table-column prop="metric_25" label="25分钟" />
+            <el-table-column prop="metric_30" label="30分钟" />
+            <el-table-column prop="metric_35" label="35分钟" />
+            <el-table-column prop="metric_40" label="40分钟" />
+            <el-table-column prop="metric_45" label="45分钟" />
+            <el-table-column prop="metric_50" label="50分钟" />
+            <el-table-column prop="metric_55" label="55分钟" />
+            <el-table-column prop="metric_hour" label="小时均值" />
+            <el-table-column prop="dust_alarm" label="预警值" />
+            <el-table-column label="是否达标">
+                <template #default="scope">
+                    <span v-if="scope.row.metric_hour < scope.row.dust_alarm"
+                        style="color:green;font-weight: bold;">达标</span>
+                    <span v-else style="color:red;font-weight: bold;">未达标</span>
+                </template>
+            </el-table-column>
+        </el-table>
+    </el-card>
+</template>
+<script>
+import * as echarts from "echarts";
+export default {
+    data() {
+        return {
+            tableData: [],
+            tableLoading: false,
+            query: {
+                "day": 18,
+                "hour": 15,
+                "year": 2024,
+                "month": 1,
+                "metric": "dust_rtd"
+            }
+        }
+    },
+    mounted() {
+        this.getTableData()
+    },
+    methods: {
+        initDate() {
+            let now = new Date();
+            this.query.year = now.getFullYear();
+            this.query.month = now.getMonth() + 1; // 注意：getMonth() 的返回值是 0-11，所以需要加 1
+            this.query.day = now.getDate();
+            this.query.hour = now.getHours();
+            console.log(this.query)
+        },
+        getTableData() {
+            this.initDate()
+            this.tableLoading = true
+            this.$API.bi.dataset.exec.req('enp_edata_metric', { query: this.query, raise_exception: true }).then(res => {
+                let data = res.data2.ds0
+                for (let i = 0, y = data.length; i < y; i++) {
+                    for (let key in data[i]) {
+                        if (key.includes('metric_')) {
+                            if (data[i][key]) {
+                                data[i][key] = data[i][key].toFixed(3)
+                            }
+                        }
+                    }
+                }
+                this.tableData = data
+            }).then(() => { this.tableLoading = false })
+        },
+    },
+
+}
+</script>
\ No newline at end of file
diff --git a/src/views/bigScreen/index_enp_blue.vue b/src/views/bigScreen/index_enp_blue.vue
index 6d745726..6393aff5 100644
--- a/src/views/bigScreen/index_enp_blue.vue
+++ b/src/views/bigScreen/index_enp_blue.vue
@@ -21,7 +21,7 @@
                   <el-dropdown-menu>
                     <el-dropdown-item command="paikou">排放口清单</el-dropdown-item>
                     <el-dropdown-item command="cems">CEMS监测清单</el-dropdown-item>
-                    <el-dropdown-item>CEMS监测预警</el-dropdown-item>
+                    <el-dropdown-item command="cems2">CEMS监测预警</el-dropdown-item>
                     <el-dropdown-item>CEMS报表导出</el-dropdown-item>
                   </el-dropdown-menu>
                 </template>
@@ -283,6 +283,7 @@
           <!-- <div class="sysName">智能环保一体化管控平台</div> -->
           <org-dialog v-if="activeDrawerName == 'paikou'" @close="closeDialog"></org-dialog>
           <cems-drawer v-else-if="activeDrawerName == 'cems'" @close="closeDialog"></cems-drawer>
+          <cems2-drawer v-else-if="activeDrawerName == 'cems2'" @close="closeDialog"></cems2-drawer>
         </el-drawer>
       </div>
     </el-main>
@@ -296,12 +297,14 @@ import * as BABYLON_GRID from "@/utils/gridMaterial"
 import * as BABYLON_MATERIAL from "@/utils/babylonMaterial"
 import orgDialog from "./enpComponents/orgwryList"
 import cemsDrawer from './enpComponents/cems.vue'
+import cems2Drawer from './enpComponents/cems2.vue'
 import 'babylonjs-loaders';
 import 'animate.css';
 export default {
   components: {
     orgDialog,
-    cemsDrawer
+    cemsDrawer,
+    cems2Drawer
   },
   data() {
     return {