From a34b723c72de7461b13b81ce7cafa195b9a261a8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AA=86=E4=B9=90?= <342503599@qq.com>
Date: Tue, 30 Aug 2022 14:35:12 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AD=E5=BB=BA=E5=9B=9B=E5=B1=80(=E5=8F=8C?=
 =?UTF-8?q?=E7=A2=B3=E7=AE=A1=E7=90=86):=E6=8A=A5=E8=AD=A6=E8=AE=B0?=
 =?UTF-8?q?=E5=BD=95=E6=A8=A1=E5=9D=97=E9=A1=B5=E9=9D=A2=E4=BB=A5=E5=8F=8A?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E8=BF=9E=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../projectAdmin/zjsj/carbon/rightBottom.vue  | 79 ++++++++++++++++++-
 1 file changed, 76 insertions(+), 3 deletions(-)

diff --git a/src/views/projectAdmin/zjsj/carbon/rightBottom.vue b/src/views/projectAdmin/zjsj/carbon/rightBottom.vue
index 1ad04124..60af31aa 100644
--- a/src/views/projectAdmin/zjsj/carbon/rightBottom.vue
+++ b/src/views/projectAdmin/zjsj/carbon/rightBottom.vue
@@ -1,14 +1,87 @@
 <template>
   <Card title="报警记录">
-    报警记录
+    <div class="contentBox">
+        <vue-scroll>
+          <table class="greenTable">
+            <thead>
+              <tr>
+                <th>报警设备</th>
+                <th>报警时间</th>
+                <th>报警类型</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr style="font-size: 14px;" v-for="(item, index) in alarmList" :key="index">
+                <td>{{ item.deviceName }}</td>
+                <td>{{ item.tempAlarmTime }}</td>
+                <td>{{ item.alarmTypeName }}</td>
+              </tr>
+            </tbody>
+          </table>
+          <div class="placeholderBox placeholderBox2" v-if="alarmList.length == 0">
+            <img src="@/assets/images/noData3.png" alt srcset />
+            <p>
+              <!-- 暂无数据 -->
+              {{$t('message.dataBoard.nodata')}}
+            </p>
+          </div>
+        </vue-scroll>
+      </div>
   </Card>
 </template>
 
 <script>
 import Card from '../components/Card.vue'
+import { selectNewEnvironmentAlarmListApi } from '@/assets/js/api/environmentManage'
 export default {
-  components: { Card }
+  components: { Card },
+   data() {
+    return {
+      alarmList: []
+    }
+  },
+  created() {
+    this.getAlarmList()
+  },
+  methods: {
+    //获取报警列表
+    getAlarmList() {
+      let data = {
+        projectSn: this.$store.state.projectSn
+      }
+      selectNewEnvironmentAlarmListApi(data).then(res => {
+        console.log(res)
+        if (res.code == 200) {
+          // this.alarmList = res.result
+        }
+      })
+    }
+  }
 }
 </script>
 
-<style></style>
+<style lang="less" scoped>
+.contentBox {
+  box-sizing: border-box;
+  padding-top: 20px;
+  width: 100%;
+  height: 100%;  
+ .greenTable{
+        font-size: 13px;
+        width: 100%;
+        border-spacing: 0px;
+        margin-bottom: 10px;
+        th{
+            color: #6adce8;
+            border-bottom: 1px solid rgba(31, 68, 86, 0.3);
+            padding-bottom: 5px;
+            font-weight: normal;
+        }
+        td{
+            color: rgba(255, 255, 255, 0.6);
+            text-align: center;
+            line-height: 20px;
+        }
+    }
+}
+</style>