zhengyiming
1 天以前 e662aa7d894a0b259dc1816e79514c1f0d38da9f
packages/components/src/components/Result/Result.vue
@@ -1,14 +1,31 @@
<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>
@@ -20,9 +37,13 @@
type Props = {
  title?: string;
  icon?: string;
  orderNo?: string;
  refundCheckRemark?: string;
  servicePhone?: string;
  dangerTips?: string;
  warningTips?: string;
  customerServiceTips?: string;
};
const props = withDefaults(defineProps<Props>(), {});