diff --git a/src/pages.json b/src/pages.json
index e10c067..b98df95 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -307,7 +307,7 @@
           "style": {
             "navigationBarTitleText": "订单详情",
           "usingComponents": {
-					"pay-button": "tta5a3d31e3aecfb9b11://pay-button"
+					"pay-button-sdk": "tta5a3d31e3aecfb9b11://pay-button"
 			}
           }
         },
diff --git a/src/pages/client/order/details.vue b/src/pages/client/order/details.vue
index c0b5da7..8c32010 100644
--- a/src/pages/client/order/details.vue
+++ b/src/pages/client/order/details.vue
@@ -349,21 +349,21 @@
         <!-- 抖音退款组件 - 只有在没有售后状态或售后被驳回时显示 -->
         <view v-if="showBeforeSaleOrderStatus" class="handle-btn refund-btn">
           <!-- #ifdef MP-TOUTIAO -->
-          <pay-button
-            :mode="1"
-            :order-id="orderData.douyin_order_id"
-            :order-status="1"
-            :refund-total-amount="Math.round((orderData.actual_price || 0) * 100)"
-            :apply-refund-params="{
-              reasonCode: [410],
-              note: '用户申请退款',
-              applySource: 101,
-              afterSaleType: 3,
-              needRefundPackFee: true
-            }"
-            style="width:100%;height:100%;display:block;position:relative;z-index:999;"
-            @refund="handleRefundSuccess"
-            @error="handleRefundError"
+          <pay-button-sdk
+          :mode="1"
+          :order-id="orderData.order_no"
+          :order-status="1"
+          :refund-total-amount="Math.round((orderData.actual_price || 0) * 100)"
+          :apply-refund-params="{
+          reasonCode: [410],
+          note: '用户申请退款',
+          applySource: 101,
+          afterSaleType: 3,
+          needRefundPackFee: true
+          }"
+          style="width:100%;height:100%;display:block;position:relative;z-index:999;"
+          @refund="handleRefundSuccess"
+          @error="handleRefundError"
           />
           <!-- #endif -->
           <!-- #ifndef MP-TOUTIAO -->