bug修复

src/components/pro-tabs/bns-timeline-tabs.vue

@@ -10,7 +10,7 @@
       <div style="height: 90%" v-else>
         <el-timeline :reverse="reverse">
           <el-timeline-item
-            v-for="(item, index) in items"
+            v-for="(item, index) in auditRecordList"
             :key="index"
             :timestamp="item.time"
             placement="top"
@@ -214,8 +214,9 @@ export default {
         // if (item.isActive == 1) return 'currentLight'
         if (item.auditStatus == 1 || item.auditStatus == 3) return 'highlight'
         if (item.auditStatus == 2) return 'rejectHighlight'
-        if (item.auditStatus == null) return 'normal'
-        if (item.auditStatus == 4) return 'currentLight'
+        if (item.auditStatus == null && this.endAuditingIndex < 0) return 'normal'
+        if ((item.auditStatus == null || item.auditStatus == 4) && this.endAuditingIndex > -1) return 'currentGary'
+        if (item.auditStatus == 4 && this.endAuditingIndex < 0) return 'currentLight'
       }
     },
 
@@ -232,7 +233,13 @@ export default {
   watch: {
     items: {
       handler: function (val) {
-        console.log('=----------------', val)
+        console.log('=----------------items9996', val)
+
+        const endIndex = val.findIndex(item => item.status === '终审通过')
+        this.endAuditingIndex = endIndex
+        if (endIndex > -1) {
+          this.auditRecordList = val.slice(0, endIndex + 1)
+        }
       },
       deep: true,
     },
@@ -267,6 +274,10 @@ export default {
       code: 1,
       num: 0,
       assignNum: 0,
+
+      // 3.31更改bug新增
+      auditRecordList: [],
+      endAuditingIndex: -1,
     }
   },
   mounted() {
@@ -428,6 +439,18 @@ export default {
   border-radius: 5px;
   background: #f56c6c;
 }
+.currentGary {
+  /* Add any specific styles for the highlighted state */
+  padding: 8px;
+  /* border: 1px solid green; */
+  width: 50%;
+  text-align: center;
+  height: 50px;
+  font-size: 14px;
+  margin-top: 2px;
+  border-radius: 5px;
+  background: rgb(153, 153, 153);
+}
 .currentLight {
   /* Add any specific styles for the highlighted state */
   padding: 8px;