From 5f0e4b3c3757ba2f172baf4556a270f6d2be5539 Mon Sep 17 00:00:00 2001
From: qb <1191961160@qq.com>
Date: Tue, 2 Jul 2024 10:18:41 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E9=83=A8=E5=88=86bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/option/distribution/abnormalList.js       |  4 +--
 .../distribution/artery/abnormalList.vue      | 31 +++++++++++++++++++
 2 files changed, 33 insertions(+), 2 deletions(-)

diff --git a/src/option/distribution/abnormalList.js b/src/option/distribution/abnormalList.js
index d9bfaa01..761d3d57 100644
--- a/src/option/distribution/abnormalList.js
+++ b/src/option/distribution/abnormalList.js
@@ -32,7 +32,7 @@ export const columnList = [
   {
     prop: 'abnormalTypeName',
     label: '异常类型',
-    type: 3,
+    type: 14,
     values: '',
     width: '130',
     checkarr: [
@@ -139,7 +139,7 @@ export const columnList = [
   {
     prop: 'abnormalStatusName',
     label: '异常状态',
-    type: 3,
+    type: 14,
     values: '',
     width: '130',
     checkarr: [
diff --git a/src/views/distribution/artery/abnormalList.vue b/src/views/distribution/artery/abnormalList.vue
index 50141e1a..9bf136c0 100644
--- a/src/views/distribution/artery/abnormalList.vue
+++ b/src/views/distribution/artery/abnormalList.vue
@@ -83,6 +83,29 @@
         @selection="selectionChange"
       >
         <template #default="slotProps">
+          <template v-if="slotProps.scope.column.label === '异常类型'">
+            <el-tag
+              :class="{
+                red: Number(slotProps.scope.row.abnormalType) === 1,
+                green: Number(slotProps.scope.row.abnormalType) === 2,
+                blue: Number(slotProps.scope.row.abnormalType) === 3,
+              }"
+            >
+              {{ slotProps.scope.row.abnormalTypeName }}
+            </el-tag>
+          </template>
+
+          <template v-if="slotProps.scope.column.label === '异常状态'">
+            <el-tag
+              :class="{
+                red: Number(slotProps.scope.row.abnormalStatus) === 0,
+                green: Number(slotProps.scope.row.abnormalStatus) === 1,
+              }"
+            >
+              {{ slotProps.scope.row.abnormalStatusName }}
+            </el-tag>
+          </template>
+
           <template v-if="slotProps.scope.column.label === '操作'">
             <el-text
               v-if="Number(slotProps.scope.row.abnormalStatus) === 0"
@@ -470,4 +493,12 @@ const handleSynchronization = () => {
 .fwb {
   font-weight: bold;
 }
+
+:deep(.el-tag) {
+  border: none;
+
+  &.blue {
+    background: var(--el-color-primary);
+  }
+}
 </style>