调整开门状态样式

src/components/door-panel/door-panel.vue

@@ -39,7 +39,9 @@
             <text class="step-text">完成订单</text>
           </view>
         </view>
-        <view class="door-btn-close" @click="handleClose">返回首页</view>
+        <view class="door-btn-area">
+          <view class="door-btn-close" @click="handleClose">返回首页</view>
+        </view>
       </view>
     </view>
 
@@ -74,7 +76,9 @@
             <text class="step-text">完成订单</text>
           </view>
         </view>
-        <view class="door-btn-close" @click="handleClose">返回首页</view>
+        <view class="door-btn-area">
+          <view class="door-btn-close" @click="handleClose">返回首页</view>
+        </view>
       </view>
     </view>
 
@@ -109,8 +113,10 @@
           <text class="door-order-loading">加载订单信息...</text>
         </view>
 
-        <view class="door-btn-detail" @click="goOrderDetail" v-if="orderInfo">查看订单详情</view>
+        <view class="door-btn-area">
-        <view class="door-btn-close" @click="handleClose">返回首页</view>
+          <view class="door-btn-detail" @click="goOrderDetail">查看订单详情</view>
+          <view class="door-btn-close" @click="handleClose">返回首页</view>
+        </view>
       </view>
     </view>
   </view>
@@ -235,8 +241,14 @@ export default {
 
     // 跳转订单详情
     goOrderDetail() {
-      const orderId = this.orderInfo.order_id || this.orderInfo.order_no;
+      if (this.orderInfo) {
-      uni.navigateTo({ url: `/pages/order/detail?order_id=${orderId}` });
+        const orderId = this.orderInfo.order_id || this.orderInfo.order_no;
+        uni.navigateTo({ url: `/pages/order/detail?order_id=${orderId}` });
+      } else if (this.flowId) {
+        uni.navigateTo({ url: `/pages/order/detail?flow_id=${this.flowId}` });
+      } else {
+        uni.showToast({ title: '无法获取订单信息', icon: 'none' });
+      }
     },
 
     // 关闭遮罩
@@ -541,9 +553,17 @@ export default {
   padding: 16rpx 0;
 }
 
+/* ====== 按钮区域 ====== */
+.door-btn-area {
+  margin-top: 64rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 24rpx;
+}
+
 /* ====== 查看订单详情按钮 ====== */
 .door-btn-detail {
-  margin-top: 32rpx;
   font-size: 30rpx;
   color: #fff;
   padding: 24rpx 80rpx;
@@ -555,7 +575,6 @@ export default {
 
 /* ====== 关闭按钮 ====== */
 .door-btn-close {
-  margin-top: 24rpx;
   font-size: 30rpx;
   color: rgba(255, 255, 255, 0.85);
   padding: 24rpx 100rpx;