From db365a5eff31c040c42463df4966bf34a5de6a6d Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期三, 12 三月 2025 15:00:42 +0800
Subject: [PATCH] fix: 二期需求
---
packages/components/src/components/Card/OrderCard.vue | 67 ++++++++++++++++-----------------
1 files changed, 33 insertions(+), 34 deletions(-)
diff --git a/packages/components/src/components/Card/OrderCard.vue b/packages/components/src/components/Card/OrderCard.vue
index 14ed16e..3a6e2d4 100644
--- a/packages/components/src/components/Card/OrderCard.vue
+++ b/packages/components/src/components/Card/OrderCard.vue
@@ -3,10 +3,30 @@
<div class="order-card-title">
<div class="order-card-title-top">
<div class="order-card-title-text">{{ title }}</div>
- <div class="order-card-title-status">{{ status }}</div>
+ <div class="order-card-title-status">
+ {{ LifeRechargeConstants.LifePayOrderFrontStatusEnumText[status] }}
+ </div>
</div>
- <div class="order-card-title-ordernum">
- {{ `璁㈠崟缂栧彿锛�${'JF202502191515350002'}` }}
+ <div class="order-card-title-ordernum-wrapper">
+ <div class="order-card-title-ordernum">
+ {{ `璁㈠崟缂栧彿锛�${orderNo}` }}
+ </div>
+ <slot name="actions">
+ <div
+ class="order-card-action"
+ v-if="status === LifeRechargeConstants.LifePayOrderFrontStatusEnum.鏀粯鎴愬姛"
+ @click="emit('goApplyRefund', id)"
+ >
+ 鐢宠閫�娆�
+ </div>
+ <div
+ class="order-card-action"
+ v-if="status === LifeRechargeConstants.LifePayOrderFrontStatusEnum.閫�娆惧け璐�"
+ @click="emit('goRefundDetail', orderNo)"
+ >
+ 璇︽儏
+ </div>
+ </slot>
</div>
</div>
<div class="order-card-content">
@@ -16,44 +36,23 @@
</template>
<script setup lang="ts">
+import { LifeRechargeConstants } from '@life-payment/core-vue';
+
defineOptions({
name: 'OrderCard',
});
type Props = {
title: string;
- status: string;
+ status: LifeRechargeConstants.LifePayOrderFrontStatusEnum;
+ orderNo: string;
+ id: string;
};
const props = withDefaults(defineProps<Props>(), {});
+
+const emit = defineEmits<{
+ (e: 'goApplyRefund', id: string): void;
+ (e: 'goRefundDetail', orderNo: string): void;
+}>();
</script>
-<style lang="scss">
-.order-card {
- border: 1px solid #e8e8e8;
- border-radius: 12px;
- padding: 20px;
-
- .order-card-title {
- display: flex;
- flex-direction: column;
- border-bottom: 1px solid #e8e8e8;
- padding-bottom: 20px;
- margin-bottom: 20px;
-
- .order-card-title-top {
- display: flex;
- justify-content: space-between;
- color: #333333;
- font-size: 28px;
- line-height: 40px;
- font-weight: 600;
- margin-bottom: 12px;
- }
-
- .order-card-title-ordernum {
- font-size: 24px;
- color: #999999;
- }
- }
-}
-</style>
--
Gitblit v1.9.1