From c6ed2ffd44e9da2c00945ebe7c2ff8ed6847e0c6 Mon Sep 17 00:00:00 2001
From: zhoule <zz221011@163.com>
Date: Thu, 25 Apr 2024 16:22:43 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E4=BA=8B=E4=BB=B6=E5=91=8A?=
 =?UTF-8?q?=E8=AD=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/HeaderMenu/WarningList.vue     | 80 ++++++++++++++-----
 1 file changed, 62 insertions(+), 18 deletions(-)

diff --git a/ruoyi-ui/src/views/JiHeExpressway/components/HeaderMenu/WarningList.vue b/ruoyi-ui/src/views/JiHeExpressway/components/HeaderMenu/WarningList.vue
index 9627b1c1..629c8935 100644
--- a/ruoyi-ui/src/views/JiHeExpressway/components/HeaderMenu/WarningList.vue
+++ b/ruoyi-ui/src/views/JiHeExpressway/components/HeaderMenu/WarningList.vue
@@ -1,47 +1,91 @@
 <template>
   <div class="warning_list">
     <el-tabs v-model="activeTab" @tab-click="onChangeTab">
-      <el-tab-pane label="告警事件" name="first">用户管理</el-tab-pane>
-      <el-tab-pane label="待确认事件" name="second">配置管理</el-tab-pane>
+      <el-tab-pane label="告警事件" name="first" />
+      <el-tab-pane label="待确认事件" name="second" />
     </el-tabs>
+
+    <div>
+      <Table :data="tableData" :show-header="false">
+        <ElTableColumn prop="remark" width="280" />
+      </Table>
+    </div>
+
+    <div class="footer">
+      <Pagination @current-change="getMainData" @size-change="onSizeChange" width="'100%'"
+        :page-sizes="[10, 20, 30, 40, 50]" :page-size="searchData.pageSize" :current-page.sync="searchData.pageNum"
+        layout="total, sizes, prev, pager, next" :total="total">
+      </Pagination>
+    </div>
   </div>
 </template>
 
 <script>
 import request from "@/utils/request";
+import Table from '@screen/components/Table.vue';
+import Pagination from '@screen/components/Pagination.vue';
 export default {
   data() {
     return {
-      activeTab:"first"
+      activeTab: "first",
+      tableData: [],
+      total: 10,
+      searchData: {
+        pageSize: 10,
+        pageNum: 1,
+      },
     };
   },
   components: {
+    Table,
+    Pagination
   },
   computed: {
   },
+  mounted() {
+    this.getMainData();
+  },
   methods: {
-    onChangeTab(tab, event){
+    onChangeTab(tab, event) {
       console.log(tab, event);
       this.getMainData();
     },
-    getMainData(){
-      request({
-        // url: `/business/dcBatchFunctionsJobGroup`,
-        url: `/perceivedEvents/warning/perceivedEventsList`,
-        method: "GET",
-        params:{}
-      })
-        .then((result) => {
-          if (result.code != 200) return;
-          console.log( result.data , "刚发的刚发的发多少++++");
+    getMainData() {
+      if (this.activeTab == 'first') {
+        request({
+          url: `perceivedEvents/warning/perceivedEventsList?pageNum=${this.searchData.pageNum}&pageSize=${this.searchData.pageSize}`,
+          method: "POST",
+          data: {}
+        })
+          .then((result) => {
+            if (result.code != 200) return;
+            this.tableData = result.rows;
+            this.total = result.total;
+          })
+      } else if (this.activeTab == 'second') {
+        request({
+          url: `dc/system/event/list?eventState=0&pageSize=${this.searchData.pageSize}&pageNum=${this.searchData.pageNum}`,
+          method: "GET",
+          // params: {}
         })
-    }
+          .then((result) => {
+            if (result.code != 200) return;
+            result.rows.forEach(item => {
+              item.remark = item.occurrenceTime + " " + item.stakeMark + " " + item.direction + " 发生" + item.stringEventType + "( " + item.eventSubclass + ")事件"
+            })
+            this.tableData = result.rows;
+            this.total = result.total;
+          })
+      }
+    },
+    onSizeChange(pageSize) {
+      this.searchData.pageSize = pageSize;
+      this.getMainData();
+    },
   }
 };
 </script>
 
 <style lang="scss" scoped>
-.warning_list{
-
-}
+.warning_list {}
 </style>