From afdc0faf165dbc0c90e45043b4f500a3d53ba20f Mon Sep 17 00:00:00 2001
From: zym2525 <540361168@qq.com>
Date: 星期二, 11 三月 2025 21:02:24 +0800
Subject: [PATCH] fix: some

---
 packages/components/src/views/Order/components/ElectricOrder.vue |   86 ++++++++++++++++++++++++++++++++++--------
 1 files changed, 69 insertions(+), 17 deletions(-)

diff --git a/packages/components/src/views/Order/components/ElectricOrder.vue b/packages/components/src/views/Order/components/ElectricOrder.vue
index 1ab4dc3..d4ebfae 100644
--- a/packages/components/src/views/Order/components/ElectricOrder.vue
+++ b/packages/components/src/views/Order/components/ElectricOrder.vue
@@ -1,24 +1,71 @@
 <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="'2025-02-19  17:15:54'" />
-    <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="life-page-infinite-scroll-list"
+    v-bind="infiniteLoadingProps"
+  >
+    <template #renderItem="{ item }">
+      <OrderCard
+        title="鐢佃垂鍏呭��"
+        :status="convertOrderFrontStatus(item?.payStatus, item?.lifePayOrderStatus)"
+        :order-no="item?.orderNo"
+        @goApplyRefund="emit('goApplyRefund', $event)"
+        @goRefundDetail="emit('goRefundDetail', $event)"
+      >
+        <OrderCardItem
+          label="鍏呭�煎湴鍖�:"
+          :value="`${JSON.parse(item?.orderParamDetailJsonStr)?.Province ?? ''} ${
+            JSON.parse(item?.orderParamDetailJsonStr)?.City ?? ''
+          }`"
+        />
+        <OrderCardItem
+          label="鍏呭�兼埛鍙�:"
+          :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.宸查��娆�">
+          <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?.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>
 </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 { BlLifeRecharge } from '@life-payment/core-vue';
+import dayjs from 'dayjs';
+import { toThousand, convertOrderFrontStatus } from '../../../utils';
 
 defineOptions({
   name: 'ElectricOrder',
@@ -28,7 +75,12 @@
 
 // const props = withDefaults(defineProps<Props>(), {});
 
-const infiniteLoadingProps = {};
-</script>
+const emit = defineEmits<{
+  (e: 'goApplyRefund', orderNo: string): void;
+  (e: 'goRefundDetail', orderNo: string): void;
+}>();
 
-<style lang="scss"></style>
+const { infiniteLoadingProps } = useGetUserLifePayOrderPage({
+  lifePayOrderType: BlLifeRecharge.constants.LifePayOrderTypeEnum.鐢佃垂璁㈠崟,
+});
+</script>

--
Gitblit v1.9.1