From e1817e611ff449f2b0e4eb170ecb2bf0a8d6ea0f Mon Sep 17 00:00:00 2001
From: caoqianming <caoqianming@foxmail.com>
Date: Sun, 4 Feb 2024 14:28:05 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20cems2,cemsExport=E5=AF=BC=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/bigScreen/enpComponents/cems2.vue   | 69 ++++++++++---------
 .../bigScreen/enpComponents/cemsExport.vue    | 29 +++++---
 2 files changed, 56 insertions(+), 42 deletions(-)

diff --git a/src/views/bigScreen/enpComponents/cems2.vue b/src/views/bigScreen/enpComponents/cems2.vue
index b2f5452e..af647343 100644
--- a/src/views/bigScreen/enpComponents/cems2.vue
+++ b/src/views/bigScreen/enpComponents/cems2.vue
@@ -1,41 +1,44 @@
 <template>
-    <el-card>
-        <template #header>
-            <div class="card-header">
-                <span>CEMS监测预警</span>
+    <el-container>
+        <el-header>
+            <div class="left-panel">
+                <div class="panel_title">CEMS监测预警</div>
+            </div>
+            <div class="right-panel">
                 <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>
+        </el-header>
+        <el-main class="nopadding">
+            <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="120" />
+                <el-table-column prop="drain_name" label="排口名称" width="180" />
+                <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="小时均值" width="110" />
+                <el-table-column prop="dust_alarm" label="预警值" />
+                <el-table-column label="是否达标" width="120">
+                    <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-main>
+    </el-container>
 </template>
 <script>
-import * as echarts from "echarts";
 export default {
     data() {
         return {
diff --git a/src/views/bigScreen/enpComponents/cemsExport.vue b/src/views/bigScreen/enpComponents/cemsExport.vue
index dd0ffe46..2faff605 100644
--- a/src/views/bigScreen/enpComponents/cemsExport.vue
+++ b/src/views/bigScreen/enpComponents/cemsExport.vue
@@ -1,13 +1,24 @@
 <template>
-    <el-card header="CEMS报表导出">
-        <el-date-picker size="large" v-model="query.time" type="datetime" value-format="YYYY-MM-DD HH:mm:ss"
-            placeholder="时间选择" style=" width: 400px" />
-        <el-select size="large" v-model="query.type" placeholder="周期" style="margin-left:4px">
-            <el-option v-for="item in typeOptions" :key="item.value" :label="item.label" :value="item.value" />
-        </el-select>
-        <el-button size="large" type="primary" @click="exportExcel" style="margin-left: 4px"
-            v-loading="eLoading">导出报表</el-button>
-    </el-card>
+    <el-container>
+        <el-header>
+            <div class="left-panel">
+                <div class="panel_title">CEMS报表导出</div>
+            </div>
+        </el-header>
+        <el-main class="nopadding">
+            <div style="height: 8px;"></div>
+            <div style="margin-left: 8px">
+                <el-date-picker size="large" v-model="query.time" type="datetime" value-format="YYYY-MM-DD HH:mm:ss"
+                    placeholder="时间选择" style=" width: 400px" />
+                <el-select size="large" v-model="query.type" placeholder="周期" style="margin-left:4px">
+                    <el-option v-for="item in typeOptions" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
+                <el-button size="large" type="primary" @click="exportExcel" style="margin-left: 4px"
+                    v-loading="eLoading">导出报表</el-button>
+            </div>
+
+        </el-main>
+    </el-container>
     <!-- <div class="exportContainer">
         <div class="ecard">
             <div>