feat: improve member payment and order flows

web/src/mobile/views/ClaimView.vue

@@ -53,10 +53,8 @@
           </div>
           <div v-if="isAutoMatching" class="m-match-progress"><i :style="{ width: `${matchProgress}%` }"></i></div>
           <strong v-if="isAutoMatching" class="m-match-percent">{{ matchProgress }}%</strong>
-          <ol class="m-match-steps">
-            <li v-for="(step, index) in matchSteps" :key="step" :class="{ active: index <= matchStep }">
-              <span>✓</span>{{ step }}
-            </li>
+          <ol class="m-match-steps m-match-steps--single">
+            <li class="active"><span>✓</span>正在匹配任务</li>
           </ol>
           <button class="m-result-secondary" @click="openOrders">稍后去记录查看</button>
         </template>
@@ -139,8 +137,6 @@
     const end = String(eligibility.value?.business_end_at || '21:00').slice(0, 5);
     return `${start}-${end}`;
   });
-  const matchStep = computed(() => (matchProgress.value < 35 ? 0 : matchProgress.value < 60 ? 1 : matchProgress.value < 85 ? 2 : 3));
-  const matchSteps = ['正在匹配任务', '获取商品信息', '确认任务内容', '发放任务结果'];
   const isAutoMatching = computed(() => order.value?.dispatch_mode !== 'manual');
   const matchingHint = computed(() => {
     if (order.value?.dispatch_mode === 'manual') return '订单已领取，正在等待后台匹配...';