From e9e2f03acfa97de83a09c96bfe0cdce0ac02992f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AD=8F=E5=95=BE?= <1144797966@qq.com>
Date: Sat, 16 Mar 2024 10:03:20 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E6=94=B9=E5=8F=98=E8=AE=A2=E5=8D=95?=
 =?UTF-8?q?=E9=A2=9C=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/order/components/add.vue | 6 +++---
 src/views/order/index.vue          | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/views/order/components/add.vue b/src/views/order/components/add.vue
index 7c60965..e1d336c 100644
--- a/src/views/order/components/add.vue
+++ b/src/views/order/components/add.vue
@@ -2,7 +2,7 @@
     <div class="demo_tabs_box">
         <div class="demo_tabs_boxitem" v-for="(item, index) in ordereData.list" :key="index"
             @click="clickitemboxshow(item)">
-            <div class="demo_tabs_boxitem_oneyt" v-if="item.status == 'refund'">已退款</div>
+            <!-- <div class="demo_tabs_boxitem_oneyt" v-if="item.status == 'refund'">已退款</div> -->
 
             <div class="demo_tabs_boxitem_one">
                 <div class=""
@@ -32,8 +32,8 @@
                 </div>
                 <div style="color:#ff9e01;">
                     <span v-if="item.status == 'pending'">挂单</span>
-                    <span v-if="item.status == 'refund'">退单</span>
-                    <span v-if="item.status == 'closed'">订单完成</span>
+                    <span style="color: red;" v-if="item.status == 'refund'">退单</span>
+                    <span style="color:#21c36b;" v-if="item.status == 'closed'">订单完成</span>
                 </div>
             </div>
         </div>
diff --git a/src/views/order/index.vue b/src/views/order/index.vue
index b423e20..aec1240 100644
--- a/src/views/order/index.vue
+++ b/src/views/order/index.vue
@@ -69,8 +69,8 @@
                 </div>
                 <div class="orderbox_right_top" style="margin-top: 20px; border-bottom: 2px solid #ccc;">
                     <span style="font-size: 16px;" v-if="orderDetaildata.status == 'pending'">挂单</span>
-                    <span style="font-size: 16px;" v-if="orderDetaildata.status == 'refund'">退单</span>
-                    <span style="font-size: 16px;" v-if="orderDetaildata.status == 'closed'">订单完成</span>
+                    <span style="font-size: 16px; color: red;" v-if="orderDetaildata.status == 'refund'">退单</span>
+                    <span style="font-size: 16px; color:#21c36b;" v-if="orderDetaildata.status == 'closed'">订单完成</span>
                 </div>
                 <div class="orderbox_right_top" style="margin-top: 20px;">
                     <span>商品明细</span>

From ae2137f468c954ff8f8419191b57379ca491cf44 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AD=8F=E5=95=BE?= <1144797966@qq.com>
Date: Sat, 16 Mar 2024 10:08:48 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E9=80=80=E6=AC=BEloading?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/order/index.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/views/order/index.vue b/src/views/order/index.vue
index aec1240..397e499 100644
--- a/src/views/order/index.vue
+++ b/src/views/order/index.vue
@@ -204,8 +204,11 @@
                             <div class="recharge_footer_itemright_botton_boxonetext">￥{{ refundamount }}</div>
                         </div>
                         <div class="recharge_footer_itemright_botton_boxtow">
-                            <el-button type="primary" style="width: 100%; height: 100%;"
-                                @click="payreturnOrderclick">支付退回</el-button>
+                            <el-button type="primary" style="width: 100%; height: 100%;" :loading="buttonloading"
+                                @click="payreturnOrderclick">
+                                <span v-if="!buttonloading">支付退回</span>
+                                <span v-else>支付退回...</span>
+                            </el-button>
                         </div>
                     </div>
                 </div>
@@ -236,7 +239,10 @@ const handlerecharge = () => { //退单切换
     recharge.value = !recharge.value
 }
 
+const buttonloading = ref() //loading
+
 const payreturnOrderclick = async () => {
+    buttonloading.value = true
     if (refundamount.value == 0) {
         ElMessage.error('退款金额不能为0！')
         return false
@@ -259,12 +265,15 @@ const payreturnOrderclick = async () => {
             itemboxshow.value = false
             refundamount.value = 0
             ElMessage.success('退款成功！')
+            buttonloading.value = false
             asyncorderfindOrder()
         } else {
+            buttonloading.value = false
             ElMessage.error('以没有退款项目！')
         }
 
     } catch (error) {
+        buttonloading.value = false
 
     }