From ddddcf83e7deb9d0a674d2bbead300089530d87e Mon Sep 17 00:00:00 2001 From: wupengfei <834520024@qq.com> Date: 星期三, 21 五月 2025 13:24:07 +0800 Subject: [PATCH] feat: UI --- packages/components/src/views/Order/components/PhoneOrder.vue | 40 +++++++++++++++++++++++++++++++++++----- 1 files changed, 35 insertions(+), 5 deletions(-) diff --git a/packages/components/src/views/Order/components/PhoneOrder.vue b/packages/components/src/views/Order/components/PhoneOrder.vue index 1dadc9a..caefe34 100644 --- a/packages/components/src/views/Order/components/PhoneOrder.vue +++ b/packages/components/src/views/Order/components/PhoneOrder.vue @@ -1,10 +1,16 @@ <template> - <InfiniteLoading scrollViewClassName="common-infinite-scroll-list" v-bind="infiniteLoadingProps"> + <InfiniteLoading + scrollViewClassName="life-page-infinite-scroll-list" + v-bind="infiniteLoadingProps" + > <template #renderItem="{ item }"> <OrderCard title="璇濊垂鍏呭��" - :status="orderStatusEnum(item?.payStatus, item?.lifePayOrderStatus)" + :status="item?.lifePayOrderStatus" :order-no="item?.orderNo" + :id="item?.id" + @goApplyRefund="emit('goApplyRefund', $event)" + @goRefundDetail="emit('goRefundDetail', $event)" > <OrderCardItem label="鍏呭�艰处鍙�:" @@ -14,7 +20,12 @@ label="涓嬪崟鏃堕棿:" :value="item?.creationTime && dayjs(item?.creationTime).format('YYYY-MM-DD HH:mm:ss')" /> - <template v-if="item.payStatus !== BlLifeRecharge.constants.LifePayStatusEnum.宸查��娆�"> + <template + v-if=" + item.frontStatus === BlLifeRecharge.constants.LifePayOrderFrontStatusEnum.鍏呭�兼垚鍔� || + item.frontStatus === BlLifeRecharge.constants.LifePayOrderFrontStatusEnum.鏀粯鎴愬姛 + " + > <OrderCardItem label="鍏呭�奸噾棰�:" :value="`锟�${toThousand(item?.rechargeAmount)}`" @@ -28,9 +39,23 @@ :value="item?.payTime && dayjs(item?.payTime).format('YYYY-MM-DD HH:mm:ss')" /> <OrderCardItem - v-if="item.payStatus !== BlLifeRecharge.constants.LifePayStatusEnum.宸查��娆�" + v-if=" + item.frontStatus === BlLifeRecharge.constants.LifePayOrderFrontStatusEnum.鍏呭�兼垚鍔� || + item.frontStatus === BlLifeRecharge.constants.LifePayOrderFrontStatusEnum.鏀粯鎴愬姛 + " label="瀹屾垚鏃堕棿:" :value="item?.finishTime && dayjs(item?.finishTime).format('YYYY-MM-DD HH:mm:ss')" + /> + <OrderCardItem + v-else-if=" + item.frontStatus === BlLifeRecharge.constants.LifePayOrderFrontStatusEnum.閫�娆惧緟瀹℃牳 || + item.frontStatus === BlLifeRecharge.constants.LifePayOrderFrontStatusEnum.閫�娆惧け璐� + " + label="閫�娆惧彂璧锋椂闂�:" + :labelWidth="200" + :value=" + item?.refundApplyTime && dayjs(item?.refundApplyTime).format('YYYY-MM-DD HH:mm:ss') + " /> <template v-else> <OrderCardItem label="閫�娆鹃噾棰�:" :value="`锟�${toThousand(item?.payAmount)}`" danger /> @@ -52,7 +77,7 @@ import { useGetUserLifePayOrderPage } from '../../../hooks'; import dayjs from 'dayjs'; import { BlLifeRecharge } from '@life-payment/core-vue'; -import { toThousand, orderStatusEnum } from '../../../utils'; +import { toThousand, convertOrderFrontStatus } from '../../../utils'; defineOptions({ name: 'PhoneOrder', @@ -62,6 +87,11 @@ // const props = withDefaults(defineProps<Props>(), {}); +const emit = defineEmits<{ + (e: 'goApplyRefund', id: string): void; + (e: 'goRefundDetail', orderNo: string): void; +}>(); + const { infiniteLoadingProps } = useGetUserLifePayOrderPage({ lifePayOrderType: BlLifeRecharge.constants.LifePayOrderTypeEnum.璇濊垂璁㈠崟, }); -- Gitblit v1.9.1