From a2cbd3cf6045015b14e25c6e79e6e466e2b4fc1a Mon Sep 17 00:00:00 2001
From: fanluyan <754122931@qq.com>
Date: Wed, 7 Jun 2023 11:04:02 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/api/index.js            |  8 ++++++++
 src/views/alarmHandling/index.vue | 21 ++++++++++++++++-----
 2 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/src/utils/api/index.js b/src/utils/api/index.js
index 94f2e06..828c669 100644
--- a/src/utils/api/index.js
+++ b/src/utils/api/index.js
@@ -90,6 +90,14 @@ export function getAlarmList(data) {
     data,
   });
 }
+//已读未读
+export function readAlarm(data) {
+  return request({
+    url: "/api/readAlarm",
+    method: "post",
+    data,
+  });
+}
 
 //历史图片
 //获取电压-线路-杆塔等信息
diff --git a/src/views/alarmHandling/index.vue b/src/views/alarmHandling/index.vue
index 1e603f4..1ccd487 100644
--- a/src/views/alarmHandling/index.vue
+++ b/src/views/alarmHandling/index.vue
@@ -84,6 +84,7 @@
               :formatter="dateFormat"
             >
             </el-table-column>
+
             <!-- <el-table-column
               prop="dyLevel"
               label="电压等级"
@@ -101,14 +102,14 @@
             <el-table-column
               prop="towerName"
               label="杆塔名称"
-              min-width="115"
+              min-width="145"
               :show-overflow-tooltip="true"
             >
             </el-table-column>
             <el-table-column
               prop="displayName"
               label="设备名称"
-              min-width="95"
+              min-width="145"
               :show-overflow-tooltip="true"
             >
             </el-table-column>
@@ -140,8 +141,8 @@
             </el-table-column>
             <el-table-column label="是否已读" min-width="95" fixed="right">
               <template slot-scope="scope">
-                <span v-if="scope.row.isread == 0">未读</span>
-                <span v-if="scope.row.isread == 1">已读</span>
+                <span v-if="scope.row.isread == 0 || isreadshow">未读</span>
+                <span v-if="scope.row.isread == 1 || isreadshow">已读</span>
               </template>
             </el-table-column>
           </el-table>
@@ -170,7 +171,7 @@
 </template>
 
 <script>
-import { getSearchInfo, getAlarmList } from "@/utils/api/index";
+import { getSearchInfo, getAlarmList, readAlarm } from "@/utils/api/index";
 import moment from "moment";
 export default {
   data() {
@@ -193,6 +194,7 @@ export default {
       pageSize: 20, // 每页数量
       total: 0, //总条数
       loading: false,
+      isreadshow: false,
     };
   },
   mounted() {
@@ -286,6 +288,15 @@ export default {
       console.log(row);
       this.photoPic = row.path;
       //未读变已读
+      readAlarm({
+        id: row.id,
+      })
+        .then((res) => {
+          console.log(res);
+        })
+        .catch((err) => {
+          console.log(err);
+        });
     },
     dateFormat(row, column) {
       var date = row[column.property];