<template>
|
<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="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>
|
|
<script setup lang="ts">
|
defineOptions({
|
name: 'Result',
|
});
|
|
type Props = {
|
title?: string;
|
icon?: string;
|
orderNo?: string;
|
refundCheckRemark?: string;
|
servicePhone?: string;
|
dangerTips?: string;
|
warningTips?: string;
|
customerServiceTips?: string;
|
};
|
|
const props = withDefaults(defineProps<Props>(), {});
|
</script>
|
