feat: 审批状态展示样式修改

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">{{
+        审批状态：<span
-          listItem.statshisText
+          class="list-item-status"
-        }}</span>
+          :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;