| | |
| | | <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?.frontStatus" |
| | | :order-no="item?.orderNo" |
| | | :id="item?.id" |
| | | @goApplyRefund="emit('goApplyRefund', $event)" |
| | | @goRefundDetail="emit('goRefundDetail', $event)" |
| | | > |
| | | <OrderCardItem |
| | | label="充值地区:" |
| | | :value="`${JSON.parse(item?.orderParamDetailJsonStr)?.province ?? ''} ${ |
| | | JSON.parse(item?.orderParamDetailJsonStr)?.city ?? '' |
| | | :value="`${JSON.parse(item?.orderParamDetailJsonStr)?.Province ?? ''} ${ |
| | | JSON.parse(item?.orderParamDetailJsonStr)?.City ?? '' |
| | | }`" |
| | | /> |
| | | <OrderCardItem |
| | | label="充值户号:" |
| | | :value="JSON.parse(item?.orderParamDetailJsonStr)?.electricAccount" |
| | | :value="JSON.parse(item?.orderParamDetailJsonStr)?.ElectricAccount" |
| | | /> |
| | | <OrderCardItem |
| | | 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)}`" |
| | |
| | | /> |
| | | |
| | | <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="110px" |
| | | :value=" |
| | | item?.refundApplyTime && dayjs(item?.refundApplyTime).format('YYYY-MM-DD HH:mm:ss') |
| | | " |
| | | /> |
| | | <template v-else> |
| | | <OrderCardItem label="退款金额:" :value="`¥${toThousand(item?.payAmount)}`" danger /> |
| | | <OrderCardItem |
| | | label="退款时间:" |
| | | :value="item?.finishTime && dayjs(item?.refundTime).format('YYYY-MM-DD HH:mm:ss')" |
| | | :value="item?.refundTime && dayjs(item?.refundTime).format('YYYY-MM-DD HH:mm:ss')" |
| | | > |
| | | </OrderCardItem> |
| | | </template> |
| | |
| | | import { useGetUserLifePayOrderPage } from '../../../hooks'; |
| | | import { BlLifeRecharge } from '@life-payment/core-vue'; |
| | | import dayjs from 'dayjs'; |
| | | import { toThousand, orderStatusEnum } from '../../../utils'; |
| | | import { toThousand, convertOrderFrontStatus } from '../../../utils'; |
| | | |
| | | defineOptions({ |
| | | name: 'ElectricOrder', |
| | |
| | | |
| | | // 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.电费订单, |
| | | }); |