From 4cb3259a2dc953678d6d7b3961728b0e47f32fc4 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期一, 24 二月 2025 15:26:54 +0800
Subject: [PATCH] Merge branch 'master' of http://120.26.58.240:8888/r/LifePaymentFront

---
 packages/components/src/views/Order/components/PhoneOrder.vue |   52 ++++++++++++++++++++++++++++++++++++----------------
 1 files changed, 36 insertions(+), 16 deletions(-)

diff --git a/packages/components/src/views/Order/components/PhoneOrder.vue b/packages/components/src/views/Order/components/PhoneOrder.vue
index 530a7cf..acfb987 100644
--- a/packages/components/src/views/Order/components/PhoneOrder.vue
+++ b/packages/components/src/views/Order/components/PhoneOrder.vue
@@ -1,23 +1,43 @@
 <template>
-  <!-- <InfiniteLoading scrollViewClassName="common-infinite-scroll-list" v-bind="infiniteLoadingProps">
-    <template #renderItem="{ item }"> -->
-  <OrderCard title="璇濊垂鍏呭��" status="寰呮敮浠�">
-    <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'" />
-  </OrderCard>
-  <!-- </template>
-  </InfiniteLoading> -->
+  <InfiniteLoading scrollViewClassName="common-infinite-scroll-list" v-bind="infiniteLoadingProps">
+    <template #renderItem="{ item }">
+      <OrderCard
+        title="璇濊垂鍏呭��"
+        :status="orderStatusEnum(item?.payStatus, item?.lifePayOrderStatus)"
+        :order-no="item?.orderNo"
+      >
+        <OrderCardItem
+          label="鍏呭�艰处鍙�:"
+          :value="JSON.parse(item?.orderParamDetailJsonStr)?.phone"
+        />
+        <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)}`" />
+        <OrderCardItem
+          label="鏀粯鏃堕棿:"
+          :value="item?.payTime && dayjs(item?.payTime).format('YYYY-MM-DD HH:mm:ss')"
+        />
+        <OrderCardItem
+          label="瀹屾垚鏃堕棿:"
+          :value="item?.finishTime && dayjs(item?.finishTime).format('YYYY-MM-DD HH:mm:ss')"
+        />
+      </OrderCard>
+    </template>
+  </InfiniteLoading>
 </template>
 
 <script setup lang="ts">
 import InfiniteLoading from '../../../components/InfiniteLoading/InfiniteLoading.vue';
 import OrderCard from '../../../components/Card/OrderCard.vue';
 import OrderCardItem from '../../../components/Card/OrderCardItem.vue';
+import { useGetUserLifePayOrderPage } from '../../../hooks';
+import dayjs from 'dayjs';
+import { BlLifeRecharge } from '@life-payment/core-vue';
+import { toThousand, orderStatusEnum } from '../../../utils';
 
 defineOptions({
   name: 'PhoneOrder',
@@ -27,7 +47,7 @@
 
 // const props = withDefaults(defineProps<Props>(), {});
 
-const infiniteLoadingProps = {};
+const { infiniteLoadingProps } = useGetUserLifePayOrderPage({
+  lifePayOrderType: BlLifeRecharge.constants.LifePayOrderTypeEnum.璇濊垂璁㈠崟,
+});
 </script>
-
-<style lang="scss"></style>

--
Gitblit v1.9.1