| | |
| | | <template> |
| | | <div class="recharge-result-view"> |
| | | <div class="recharge-result-view-title">{{ title }}</div> |
| | | <div class="recharge-result-view-subtitle">订单号:{{ orderNo }}</div> |
| | | <div class="recharge-result-view-remark"> |
| | | {{ refundCheckRemark }},如有疑问请联系客服 {{ servicePhone }}(周一到周五 9:00-17:30) |
| | | <div class="result-wrapper" v-bind="$attrs"> |
| | | <div class="result-content"> |
| | | <img class="result-content-icon" :src="icon" /> |
| | | <div class="result-content-title">{{ title }}</div> |
| | | <div class="result-content-remark"> |
| | | <slot name="remark"> |
| | | <div class="result-content-remark-item">{{ refundCheckRemark }}</div> |
| | | <div class="result-content-remark-item" v-if="servicePhone"> |
| | | 如有疑问 请联系客服 {{ servicePhone }}(周一到周五 9:00-17:30) |
| | | </div> |
| | | </slot> |
| | | </div> |
| | | </div> |
| | | <div class="recharge-result-view-btn-wrapper"> |
| | | <slot name="actions"> |
| | | <div class="recharge-result-view-btn" @click="emit('goBackHome')">回首页</div> |
| | | <div class="result-order-number"> |
| | | <div class="result-order-number-label">订单编号:</div> |
| | | <div class="result-order-number-value">{{ orderNo }}</div> |
| | | </div> |
| | | <div class="result-wrapper-tips"> |
| | | <slot name="tips"> |
| | | <div class="result-wrapper-tips-item title">充值须知</div> |
| | | <div class="result-wrapper-tips-item danger">{{ dangerTips }}</div> |
| | | <div class="result-wrapper-tips-item warning">{{ warningTips }}</div> |
| | | <div class="result-wrapper-tips-item">{{ customerServiceTips }}</div> |
| | | </slot> |
| | | </div> |
| | | <div class="result-wrapper-actions"> |
| | | <slot name="actions"> </slot> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | |
| | | type Props = { |
| | | title?: string; |
| | | icon?: string; |
| | | orderNo?: string; |
| | | refundCheckRemark?: string; |
| | | servicePhone?: string; |
| | | dangerTips?: string; |
| | | warningTips?: string; |
| | | customerServiceTips?: string; |
| | | }; |
| | | |
| | | const props = withDefaults(defineProps<Props>(), {}); |