提交

web-admin/src/components/business/clinical-payment-confirm-timeline/index.vue

@@ -110,8 +110,7 @@
         <div class="v-timeline-item__rail">
           <div class="v-timeline-item__dot">
             <span v-if="step.state === 'done'">✓</span>
-            <span v-else-if="step.state === 'current'">●</span>
-            <span v-else>○</span>
+            <span v-else>●</span>
           </div>
           <div
             v-if="index < displaySteps.length - 1"
@@ -123,8 +122,7 @@
           <div class="v-timeline-item__head">
             <h4 class="v-timeline-item__title">{{ step.title }}</h4>
             <el-tag v-if="step.state === 'current'" type="warning" size="small">进行中</el-tag>
-            <el-tag v-else-if="step.state === 'done'" type="success" size="small">已完成</el-tag>
-            <span v-else class="v-timeline-item__pending">待处理</span>
+            <el-tag v-else type="success" size="small">已完成</el-tag>
           </div>
           <div
             v-if="step.state !== 'pending' && step.time && step.time !== '—'"
@@ -160,9 +158,6 @@
               </div>
             </dl>
           </div>
-          <p v-else-if="step.state === 'pending'" class="v-timeline-item__placeholder">
-            尚未到达此环节
-          </p>
           <p
             v-else-if="step.state === 'current' && hasActionPanel"
             class="v-timeline-item__placeholder v-timeline-item__placeholder--hint"
@@ -281,8 +276,10 @@
       : buildPaymentFlowSteps(props.detail, props.activeStepKey)
   )
 
-  /** 倒序：最新环节在上，最早环节在下 */
-  const displaySteps = computed(() => [...steps.value].reverse())
+  /** 倒序：最新环节在上，最早环节在下；隐藏尚未到达的环节 */
+  const displaySteps = computed(() =>
+    [...steps.value].filter((step) => step.state !== 'pending').reverse()
+  )
 </script>
 
 <style scoped lang="scss">