From 557e09ad5bbddc1fc3ed5165bbe33961ce8d80cd Mon Sep 17 00:00:00 2001
From: liushilong <2224574157@qq.com>
Date: Tue, 19 Mar 2024 10:01:39 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AE=A1=E6=89=B9=E7=8A=B6=E6=80=81?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/task/aside/ListItem.vue | 43 +++++++++++++++++++++++++++----
 1 file changed, 38 insertions(+), 5 deletions(-)

diff --git a/src/views/task/aside/ListItem.vue b/src/views/task/aside/ListItem.vue
index ec51369..cf73df8 100644
--- a/src/views/task/aside/ListItem.vue
+++ b/src/views/task/aside/ListItem.vue
@@ -36,9 +36,17 @@ const svgName = computed(() => {
     </div>
     <ul class="list-item-detail">
       <li>
-        审批状态：<span class="list-item-status">{{
-          listItem.statshisText
-        }}</span>
+        审批状态：<span
+          class="list-item-status"
+          :class="
+            listItem.statshisText == '通过'
+              ? 'list-item-success'
+              : listItem.statshisText == '不通过'
+              ? 'list-item-error'
+              : 'list-item-watting'
+          "
+          >{{ listItem.statshisText }}</span
+        >
       </li>
       <li>审批节点：{{ listItem.tasknamehis }}</li>
       <li>
@@ -80,12 +88,37 @@ const svgName = computed(() => {
     display: inline-block;
     display: flex;
     align-items: center;
-
+  }
+  &-error {
+    &:before {
+      content: "";
+      width: 6px;
+      height: 6px;
+      background: #e45656;
+      border-radius: 50%;
+      display: inline-block;
+      margin-left: 8px;
+      margin-right: 4px;
+    }
+  }
+  &-success {
+    &:before {
+      content: "";
+      width: 6px;
+      height: 6px;
+      background: #53c21d;
+      border-radius: 50%;
+      display: inline-block;
+      margin-left: 8px;
+      margin-right: 4px;
+    }
+  }
+  &-watting {
     &:before {
       content: "";
       width: 6px;
       height: 6px;
-      background: #fe9800;
+      background: #398ade;
       border-radius: 50%;
       display: inline-block;
       margin-left: 8px;