生活缴费前端
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
wupengfei
2025-02-24 dd7d743197d2cbb2aa0626a55d3a8cc20cce4295 
 packages/components/src/views/Order/components/PhoneOrder.vue


@@ -1,14 +1,23 @@


<template>


  <InfiniteLoading scrollViewClassName="common-infinite-scroll-list" v-bind="infiniteLoadingProps">


    <template #renderItem="{ item }">


      <OrderCard title="话费充值" status="待支付">


      <OrderCard title="话费充值" status="待支付" :order-no="item?.orderNo">


        <OrderCardItem label="充值账号:" :value="'18888888888'" />


        <OrderCardItem label="下单时间:" :value="'18888888888'" />


        <OrderCardItem label="充值金额:" :value="'18888888888'" />


        <OrderCardItem label="优惠金额:" :value="'18888888888'" />


        <OrderCardItem label="实付金额:" :value="'18888888888'" />


        <OrderCardItem label="支付时间:" :value="'2025-02-19  17:15:54'" />


        <OrderCardItem label="完成时间:" :value="'2025-02-19  17:15:54'" />


        <OrderCardItem


          label="下单时间:"


          :value="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="dayjs(item?.payTime).format('YYYY-MM-DD HH:mm:ss')"


        />


        <OrderCardItem


          label="完成时间:"


          :value="dayjs(item?.finishTime).format('YYYY-MM-DD HH:mm:ss')"


        />


      </OrderCard>


    </template>


  </InfiniteLoading>


@@ -19,7 +28,8 @@


import OrderCard from '../../../components/Card/OrderCard.vue';


import OrderCardItem from '../../../components/Card/OrderCardItem.vue';


import { useGetUserLifePayOrderPage } from '../../../hooks';


import { BlLifeRecharge } from '../../../utils';


import dayjs from 'dayjs';


import { BlLifeRecharge } from '@life-payment/core-vue';




defineOptions({


  name: 'PhoneOrder',