zhengyiming
2025-03-07 b916fb416c25a7e11c25fb62bc83f2f3434778d0
packages/components/src/views/Order/components/ElectricOrder.vue
@@ -1,5 +1,8 @@
<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="电费充值"
@@ -8,36 +11,46 @@
      >
        <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')"
        />
        <OrderCardItem label="充值金额:" :value="`¥${toThousand(item?.rechargeAmount)}`" />
        <OrderCardItem label="优惠金额:" :value="`¥${toThousand(item?.discountAmount)}`" />
        <OrderCardItem label="实付金额:" :value="`¥${toThousand(item?.payAmount)}`" />
        <template v-if="item.payStatus !== BlLifeRecharge.constants.LifePayStatusEnum.已退款">
          <OrderCardItem
            label="充值金额:"
            :value="`¥${toThousand(item?.rechargeAmount)}`"
            danger
          />
          <OrderCardItem label="优惠金额:" :value="`¥${toThousand(item?.discountAmount)}`" />
        </template>
        <OrderCardItem label="实付金额:" :value="`¥${toThousand(item?.payAmount)}`" danger />
        <OrderCardItem
          label="支付时间:"
          :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
          v-if="item.payStatus !== BlLifeRecharge.constants.LifePayStatusEnum.已退款"
          label="完成时间:"
          :value="item?.finishTime && dayjs(item?.finishTime).format('YYYY-MM-DD HH:mm:ss')"
        />
        <template v-else>
          <OrderCardItem label="退款金额:" :value="`¥${toThousand(item?.payAmount)}`" danger />
          <OrderCardItem
            label="退款时间:"
            :value="item?.refundTime && dayjs(item?.refundTime).format('YYYY-MM-DD HH:mm:ss')"
          >
          </OrderCardItem>
        </template>
      </OrderCard>
    </template>
  </InfiniteLoading>