From 83f7e95067ccca1735043a9a870564003e920e71 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期三, 21 五月 2025 17:17:25 +0800
Subject: [PATCH] fix: 修改ui
---
packages/components/src/components/Card/OrderCard.vue | 24 ++++++++++++++++++++----
packages/components/src/views/Order/components/ElectricOrder.vue | 1 +
packages/components/src/views/Order/components/GasOrder.vue | 1 +
packages/components/src/views/Order/components/PhoneOrder.vue | 1 +
4 files changed, 23 insertions(+), 4 deletions(-)
diff --git a/packages/components/src/components/Card/OrderCard.vue b/packages/components/src/components/Card/OrderCard.vue
index cda4af0..f252c3e 100644
--- a/packages/components/src/components/Card/OrderCard.vue
+++ b/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">
@@ -17,7 +17,7 @@
<slot></slot>
</div>
<slot name="actions">
- <div class="order-card-footer">
+ <div class="order-card-footer" v-if="showFooter">
<div
v-if="status === LifeRechargeConstants.LifePayOrderStatusEnum.鍏呭�间腑"
class="order-card-action"
@@ -25,7 +25,13 @@
>
鐢宠閫�娆�
</div>
- <div class="order-card-action" @click="emit('goRefundDetail', orderNo)">璇︽儏</div>
+ <div
+ class="order-card-action"
+ v-if="frontStatus === LifeRechargeConstants.LifePayOrderFrontStatusEnum.閫�娆惧け璐�"
+ @click="emit('goRefundDetail', orderNo)"
+ >
+ 璇︽儏
+ </div>
</div>
</slot>
</div>
@@ -43,6 +49,7 @@
type Props = {
title: string;
status?: LifeRechargeConstants.LifePayOrderStatusEnum;
+ frontStatus?: LifeRechargeConstants.LifePayOrderFrontStatusEnum;
orderNo: string;
id: string;
};
@@ -64,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>
diff --git a/packages/components/src/views/Order/components/ElectricOrder.vue b/packages/components/src/views/Order/components/ElectricOrder.vue
index eac8a9e..a5eda78 100644
--- a/packages/components/src/views/Order/components/ElectricOrder.vue
+++ b/packages/components/src/views/Order/components/ElectricOrder.vue
@@ -7,6 +7,7 @@
<OrderCard
title="鐢佃垂鍏呭��"
:status="item?.lifePayOrderStatus"
+ :frontStatus="item?.frontStatus"
:order-no="item?.orderNo"
:id="item?.id"
@goApplyRefund="emit('goApplyRefund', $event)"
diff --git a/packages/components/src/views/Order/components/GasOrder.vue b/packages/components/src/views/Order/components/GasOrder.vue
index ebd341b..e333ff6 100644
--- a/packages/components/src/views/Order/components/GasOrder.vue
+++ b/packages/components/src/views/Order/components/GasOrder.vue
@@ -7,6 +7,7 @@
<OrderCard
title="鐕冩皵鍏呭��"
:status="item?.lifePayOrderStatus"
+ :frontStatus="item?.frontStatus"
:order-no="item?.orderNo"
:id="item?.id"
@goApplyRefund="emit('goApplyRefund', $event)"
diff --git a/packages/components/src/views/Order/components/PhoneOrder.vue b/packages/components/src/views/Order/components/PhoneOrder.vue
index caefe34..b6691b0 100644
--- a/packages/components/src/views/Order/components/PhoneOrder.vue
+++ b/packages/components/src/views/Order/components/PhoneOrder.vue
@@ -7,6 +7,7 @@
<OrderCard
title="璇濊垂鍏呭��"
:status="item?.lifePayOrderStatus"
+ :frontStatus="item?.frontStatus"
:order-no="item?.orderNo"
:id="item?.id"
@goApplyRefund="emit('goApplyRefund', $event)"
--
Gitblit v1.9.1