| | |
|---|
| | | <template> |
|---|
| | | <InfiniteLoading scrollViewClassName="common-infinite-scroll-list" v-bind="infiniteLoadingProps"> |
|---|
| | | <template #renderItem="{ item }"> |
|---|
| | | <OrderCard title="电费充值" status="待支付" :order-no="item?.orderNo"> |
|---|
| | | <OrderCardItem label="充值地区:" :value="'18888888888'" /> |
|---|
| | | <OrderCardItem label="充值户号:" :value="'18888888888'" /> |
|---|
| | | <OrderCard |
|---|
| | | title="电费充值" |
|---|
| | | :status="orderStatusEnum(item?.payStatus, item?.lifePayOrderStatus)" |
|---|
| | | :order-no="item?.orderNo" |
|---|
| | | > |
|---|
| | | <OrderCardItem |
|---|
| | | label="充值地区:" |
|---|
| | | :value="`${JSON.parse(item?.orderParamDetailJsonStr)?.province ?? ''} ${ |
|---|
| | | JSON.parse(item?.orderParamDetailJsonStr)?.city ?? '' |
|---|
| | | }`" |
|---|
| | | /> |
|---|
| | | <OrderCardItem |
|---|
| | | label="充值户号:" |
|---|
| | | :value="JSON.parse(item?.orderParamDetailJsonStr)?.electricAccount" |
|---|
| | | /> |
|---|
| | | <OrderCardItem |
|---|
| | | label="下单时间:" |
|---|
| | | :value="dayjs(item?.creationTime).format('YYYY-MM-DD HH:mm:ss')" |
|---|
| | | :value="item?.creationTime && dayjs(item?.creationTime).format('YYYY-MM-DD HH:mm:ss')" |
|---|
| | | /> |
|---|
| | | <OrderCardItem label="充值金额:" :value="item?.rechargeAmount" /> |
|---|
| | | <OrderCardItem label="优惠金额:" :value="item?.discountAmount" /> |
|---|
| | | <OrderCardItem label="实付金额:" :value="item?.payAmount" /> |
|---|
| | | <OrderCardItem label="充值金额:" :value="`￥${toThousand(item?.rechargeAmount)}`" /> |
|---|
| | | <OrderCardItem label="优惠金额:" :value="`￥${toThousand(item?.discountAmount)}`" /> |
|---|
| | | <OrderCardItem label="实付金额:" :value="`￥${toThousand(item?.payAmount)}`" /> |
|---|
| | | <OrderCardItem |
|---|
| | | label="支付时间:" |
|---|
| | | :value="dayjs(item?.payTime).format('YYYY-MM-DD HH:mm:ss')" |
|---|
| | | :value="item?.payTime && dayjs(item?.payTime).format('YYYY-MM-DD HH:mm:ss')" |
|---|
| | | /> |
|---|
| | | <OrderCardItem |
|---|
| | | v-if="item.payStatus === BlLifeRecharge.constants.LifePayStatusEnum.已退款" |
|---|
| | | label="退款时间:" |
|---|
| | | :value="item?.finishTime && dayjs(item?.refundTime).format('YYYY-MM-DD HH:mm:ss')" |
|---|
| | | > |
|---|
| | | </OrderCardItem> |
|---|
| | | <OrderCardItem |
|---|
| | | v-else |
|---|
| | | label="完成时间:" |
|---|
| | | :value="dayjs(item?.finishTime).format('YYYY-MM-DD HH:mm:ss')" |
|---|
| | | :value="item?.finishTime && dayjs(item?.finishTime).format('YYYY-MM-DD HH:mm:ss')" |
|---|
| | | /> |
|---|
| | | </OrderCard> |
|---|
| | | </template> |
|---|
| | |
|---|
| | | import { useGetUserLifePayOrderPage } from '../../../hooks'; |
|---|
| | | import { BlLifeRecharge } from '@life-payment/core-vue'; |
|---|
| | | import dayjs from 'dayjs'; |
|---|
| | | import { toThousand, orderStatusEnum } from '../../../utils'; |
|---|
| | | |
|---|
| | | defineOptions({ |
|---|
| | | name: 'ElectricOrder', |
|---|
