From 34148c6084ee25e0318bf81707fd5f2eb5c95bf8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=9D=E5=BF=83?= <13773726377@163.com>
Date: Thu, 9 Apr 2026 16:50:25 +0800
Subject: [PATCH] 1

---
 src/pages/client/order/details.vue | 50 +++++++++++++++++++++++-------
 1 file changed, 39 insertions(+), 11 deletions(-)

diff --git a/src/pages/client/order/details.vue b/src/pages/client/order/details.vue
index 8c32010..ad69b7b 100644
--- a/src/pages/client/order/details.vue
+++ b/src/pages/client/order/details.vue
@@ -203,9 +203,8 @@
             class="goods-img"
             :src="item.product_pic"
             mode="aspectFill"
-            @click="jumpToGoodDetails(item)"
           />
-          <view class="goods-content" @click="jumpToGoodDetails(item)">
+          <view class="goods-content" >
             <view class="goods-row-first">
               <view class="goods-name">{{ item.product_name || "" }}</view>
               <text class="goods-price"
@@ -344,10 +343,15 @@
         </view>
       </template>
 
-      <!-- 待发货 -->
-      <template >
+      <!-- 待发货（待预约） -->
+      <template
+        v-if="
+          [SHOP_ORDER_UNSLIVER].includes(orderData.status) &&
+          showBeforeSaleOrderStatus
+        "
+      >
         <!-- 抖音退款组件 - 只有在没有售后状态或售后被驳回时显示 -->
-        <view v-if="showBeforeSaleOrderStatus" class="handle-btn refund-btn">
+        <view class="handle-btn refund-btn">
           <!-- #ifdef MP-TOUTIAO -->
           <pay-button-sdk
           :mode="1"
@@ -367,10 +371,10 @@
           />
           <!-- #endif -->
           <!-- #ifndef MP-TOUTIAO -->
-          <text class="fs-32 btnColor" style="color: #ff19a0" @click.stop="remindRefund(orderData.order_id)">立即退款</text>
+          <text class="fs-32 btnColor" style="color: #ff19a0" @click.stop="remindRefund(orderData.order_id)">申请退款</text>
           <!-- #endif -->
         </view>
-        <!-- 立即预约按钮始终显示 -->
+        <!-- 立即预约按钮 -->
         <view class="handle-btn" @click.stop="remindSliver">
           <text class="fs-32 btnColor">立即预约</text>
         </view>
@@ -635,7 +639,6 @@ export default {
   onLoad(options) {
     this.orderId = options.id;
     this.getOrderDetail();
-
     // 初始化联系客服按钮位置
     const systemInfo = uni.getSystemInfoSync();
     const windowHeight = systemInfo.windowHeight;
@@ -1081,9 +1084,9 @@ plugin.continueToPay({
               font-size: 28rpx;
               color: #3d3d3d;
               line-height: 40rpx;
-              overflow: hidden;
-              text-overflow: ellipsis;
-              white-space: nowrap;
+              // overflow: hidden;
+              // text-overflow: ellipsis;
+              // white-space: nowrap;
               margin-right: 20rpx;
             }
 
@@ -1362,9 +1365,15 @@ plugin.continueToPay({
       justify-content: center !important;
       position: relative;
       overflow: hidden;
+      text-align: center;
 
       .btnColor {
         color: #ff19a0 !important;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 100%;
+        height: 100%;
       }
       
       // 确保 pay-button 组件居中显示
@@ -1378,6 +1387,25 @@ plugin.continueToPay({
         top: 0 !important;
         left: 0 !important;
       }
+      
+      // 确保 pay-button-sdk 组件居中显示
+      ::v-deep pay-button-sdk {
+        display: flex !important;
+        align-items: center !important;
+        justify-content: center !important;
+        width: 100% !important;
+        height: 100% !important;
+        position: absolute !important;
+        top: 0 !important;
+        left: 0 !important;
+      }
+      
+      // 确保组件内部的所有元素都居中
+      ::v-deep * {
+        display: flex !important;
+        align-items: center !important;
+        justify-content: center !important;
+      }
     }
 
     // 最后一个按钮（立即预约）保持粉色背景白色文字样式