fix: 修改ui

zhengyiming

1 天以前 23bfd958545ab5548d561ef6db1eafafe03e4e05

 packages/components/src/components/Card/OrderCard.vue

@@ -5,7 +5,7 @@
        <div class="order-card-title-text-wrapper">
          <div class="order-card-title-text">{{ title }}</div>
          <div class="order-card-title-status">
            <img :src="LifePayOrderStatusEnumImg[status]" alt="" />
            <img :src="StatusEnumImg" alt="" />
          </div>
        </div>
        <div class="order-card-title-ordernum">
@@ -27,7 +27,7 @@
        </div>
        <div
          class="order-card-action"
          v-if="status === LifeRechargeConstants.LifePayOrderStatusEnum.退款失败"
          v-if="frontStatus === LifeRechargeConstants.LifePayOrderFrontStatusEnum.退款失败"
          @click="emit('goRefundDetail', orderNo)"
        >
          详情
@@ -49,6 +49,7 @@
type Props = {
  title: string;
  status?: LifeRechargeConstants.LifePayOrderStatusEnum;
  frontStatus?: LifeRechargeConstants.LifePayOrderFrontStatusEnum;
  orderNo: string;
  id: string;
};
@@ -70,10 +71,19 @@
  [LifeRechargeConstants.LifePayOrderStatusEnum.退款中]: OssAssets.card.Refund,
};

const StatusEnumImg = computed(() => {
  if (props.frontStatus === LifeRechargeConstants.LifePayOrderFrontStatusEnum.退款失败) {
    return OssAssets.card.RefundFail;
  } else {
    return LifePayOrderStatusEnumImg[props.status];
  }
});

const showFooter = computed(() => {
  return (
    props.status === LifeRechargeConstants.LifePayOrderStatusEnum.充值中 ||
    props.status === LifeRechargeConstants.LifePayOrderStatusEnum.退款失败
    props.status === LifeRechargeConstants.LifePayOrderStatusEnum.退款失败 ||
    props.frontStatus === LifeRechargeConstants.LifePayOrderFrontStatusEnum.退款失败
  );
});
</script>