fix : 修复页面bug

src/views/workflow/common/OperationRender.vue

@@ -28,7 +28,7 @@
                 </div>
               </div>
               <div>
-<!--                <div class="remark">{{ operation.remark }}</div>-->
+                <!--                <div class="remark">{{ operation.remark }}</div>-->
                 <!--                <div>-->
                 <!--                  <div>审批人：</div>-->
                 <!--                  <div>{{ user.name }}</div>-->
@@ -56,7 +56,6 @@
 </template>
 
 <script setup>
-import {CircleCheckFilled, Close, Loading, MoreFilled} from "@element-plus/icons-vue";
 import NameCircle from "@/components/NameCircle.vue";
 
 const props = defineProps({
@@ -75,10 +74,18 @@ const props = defineProps({
   isColumn: {
     type: Boolean,
     default: false
+  },
+  step: {
+    type: String,
+    default: ""
   }
 })
 
-const timeline = ref()
+const timeline = ref({
+  color: '',
+  icon: '',
+  context: ''
+})
 
 const init = () => {
   switch (props.state) {
@@ -90,10 +97,18 @@ const init = () => {
       }
       break
     case '4':
-      timeline.value = {
-        color: '#f78f5f',
-        icon: 'MoreFilled',
-        context: '年度计划审批中'
+      if (props.step != 'report'){
+        timeline.value = {
+          color: '#0bbd87',
+          icon: 'CircleCheckFilled',
+          context: '审批通过'
+        }
+      }else {
+        timeline.value = {
+          color: '#f78f5f',
+          icon: 'MoreFilled',
+          context:'年度计划审批中'
+        }
       }
       break
     case '2':
@@ -111,6 +126,7 @@ const init = () => {
       }
       break
     case '5':
+    case '6':
       timeline.value = {
         color: '#0bbd87',
         icon: 'CircleCheckFilled',
@@ -305,7 +321,7 @@ init()
         margin-left: 10px;
         margin-right: 20px;
 
-        .name-style{
+        .name-style {
           color: #2a99ff;
         }