From 0224735fb1cba46f6549adfa1f60ffd6b5041b72 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期三, 21 五月 2025 16:13:45 +0800
Subject: [PATCH] feat: UI

---
 packages/components/src/views/Order/OrderRefundResultView.vue |   25 ++++++++++++++++++++++---
 1 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/packages/components/src/views/Order/OrderRefundResultView.vue b/packages/components/src/views/Order/OrderRefundResultView.vue
index 72b7f96..040c28c 100644
--- a/packages/components/src/views/Order/OrderRefundResultView.vue
+++ b/packages/components/src/views/Order/OrderRefundResultView.vue
@@ -1,6 +1,24 @@
 <template>
   <LoadingLayout :loading="isLoading">
-    <div class="recharge-result-view" v-bind="$attrs">
+    <Result
+      v-bind="$attrs"
+      :title="title"
+      :orderNo="orderNo"
+      :icon="OssAssets.result.Fail"
+      :refundCheckRemark="detail.refundCheckRemark"
+      :servicePhone="CustomerServicePhone"
+    >
+      <template #actions>
+        <div class="chunk-form-actions">
+          <nut-button class="recharge-button" type="primary" @click="emit('goBackHome')">
+            <div class="recharge-button-inner">
+              <div class="recharge-button-text">鍥為椤�</div>
+            </div>
+          </nut-button>
+        </div>
+      </template>
+    </Result>
+    <!-- <div class="recharge-result-view" >
       <div class="recharge-result-view-title">{{ title }}</div>
       <div class="recharge-result-view-subtitle">璁㈠崟鍙凤細{{ orderNo }}</div>
       <div class="recharge-result-view-remark">
@@ -10,13 +28,14 @@
       <div class="recharge-result-view-btn-wrapper">
         <div class="recharge-result-view-btn" @click="emit('goBackHome')">鍥為椤�</div>
       </div>
-    </div>
+    </div> -->
   </LoadingLayout>
 </template>
 
 <script setup lang="ts">
 import { LifeRechargeConstants, useLifeRechargeContext } from '@life-payment/core-vue';
-import { CustomerServicePhone } from '../../constants';
+import Result from '../../components/Result/Result.vue';
+import { CustomerServicePhone, OssAssets } from '../../constants';
 import { useQuery } from '@tanstack/vue-query';
 import { computed } from 'vue';
 import LoadingLayout from '../../components//Layout/LoadingLayout.vue';

--
Gitblit v1.9.1