| | |
| | | * 转场动效调试面板(仅 dev 构建可见)。 |
| | | * |
| | | * ## 用途 |
| | | * 提供「呼叫中(3)→派单成功(4)」和「送驾中(6)→行程结束(8)」两个关键转场的独立调试入口, |
| | | * 提供「呼叫中(3)→派单成功(4)」和「送驾中(6)→行程结束(8)/待评价(9)」两个关键转场的独立调试入口, |
| | | * 固定在地图上方,始终可见,方便反复验证转场动效。 |
| | | * |
| | | * ## 使用方法 |
| | | * 1. 点击「呼叫中(3)」/「派单成功(4)」/「送驾中(6)」/「行程结束(8)」直接跳到指定态。 |
| | | * 2. 点击「重放转场」自动执行序列:先设前一态 → 400ms 后设后一态,稳定触发转场动效。 |
| | | * 3. 打开页面前需先清缓存,避免被 redirectTo 首页。 |
| | | * 3. 点击「去评价」执行 送驾中(6) → 400ms → 待评价(9),用于验证内部免费订单 |
| | | * 行程结束后跳过待支付、直接进入评价态的转场。 |
| | | * 4. 打开页面前需先清缓存,避免被 redirectTo 首页。 |
| | | */ |
| | | export default function DebugTransitionPanel(props: Props) { |
| | | if (process.env.NODE_ENV === 'production') { |
| | |
| | | props.setTripStatus(TripStatus.TripFinished); |
| | | }; |
| | | |
| | | /** 重放 送驾中→行程结束:6 → 400ms → 8 */ |
| | | const handleReplayInServiceToFinished = () => { |
| | | /** |
| | | * 重放 送驾中→待评价:6 → 400ms → 9。 |
| | | * |
| | | * 用于测试内部免费订单(无需支付)行程结束后直接进入待评价态的转场, |
| | | * 跳过 行程结束(8) 待支付中间态。 |
| | | */ |
| | | const handleReplayInServiceToEvaluate = () => { |
| | | prepOrder(); |
| | | props.setTripStatus(TripStatus.InService); |
| | | setTimeout(() => { |
| | | props.setTripStatus(TripStatus.TripFinished); |
| | | props.setTripStatus(TripStatus.PaymentSuccess); |
| | | }, 400); |
| | | }; |
| | | |
| | |
| | | opacity: 0.85, |
| | | }} |
| | | > |
| | | <Text style={{ fontWeight: 'bold' }}>送驾到达转场(送驾中 → 行程结束)</Text> |
| | | <Text style={{ fontWeight: 'bold' }}>送驾到达转场(送驾中 → 行程结束 / 待评价)</Text> |
| | | </View> |
| | | <View style={{ display: 'flex' }}> |
| | | <View onClick={handleSetInService} style={btn('#4b9fd6')}> |
| | |
| | | <View onClick={handleSetTripFinished} style={btn('#36b37e')}> |
| | | 行程结束(8) |
| | | </View> |
| | | <View onClick={handleReplayInServiceToFinished} style={btn('#ff7a45')}> |
| | | 重放转场 |
| | | <View onClick={handleReplayInServiceToEvaluate} style={btn('#ff7a45')}> |
| | | 去评价 |
| | | </View> |
| | | </View> |
| | | </View> |