Fix：4452 【旅居商城小程序】订单状态列表，待使用订单增加入住时间显示，查看详情区域改为修改时间、立即退款、查看券码按钮

pages/order/MyOrder/index.vue

@@ -161,7 +161,7 @@
             </view>
           </view>
         </view>
-        <view class="totalPrice acea-row row-between row-middle">
+        <view class="totalPrice acea-row row-between row-middle" :style="{'padding-bottom': order.isTravelGroup === 1 ? '0rpx !important' : '30rpx'}">
           <view v-if="order.createTime">
             <span class="orderTime v12-font-24 v12-dark1-text">{{ order.createTime }}</span>
           </view>
@@ -180,6 +180,12 @@
             </text>
           </view>
         </view>
+        <view class="v12-ml-4 v12-mt-2 v12-mb-2 v12-align-center">
+          <u-icon name="clock" color="#333" size="28rpx" bold></u-icon>
+          <text class="v12-font-bold v12-font-24">
+            入住时间: {{ order.travelGroupOrderInfo.orderStartDate }}
+          </text>
+        </view>
         <view
           v-if="!order.isGiftCardSend"
           class="bottom flex jc-between ai-center"
@@ -249,10 +255,20 @@
               >立即付款</view>
             </template>
             <template v-if="parseInt(order._status._type) === 1 && order.isTickets === 0">
+              <view
+                v-if="order.isTravelGroup === 1"
+                class="bnt service"
+                @click="editTime(order)"
+              >{{ '修改时间' }}</view>
+              <view
+                v-if="order.isTravelGroup === 1"
+                class="bnt service"
+                @click="applyRefund(order)"
+              >{{ '申请退款' }}</view>
               <view
                 class="bnt service"
                 @click="goOrderDetails(order)"
-              >查看详情</view>
+              >{{ order.isTravelGroup === 0 ? '查看详情' : '查看券码' }}</view>
             </template>
             <template v-if="parseInt(order._status._type) === 1 && order.isTickets === 1">
               <view
@@ -360,10 +376,22 @@
       @close="pwdPopClose"
       @finish="pwdPopFinish"
     />
+    <DateRangePicker 
+      ref="DateRangePicker"
+      :originDate="travelGroupOrderInfo.orderStartDate"
+      v-model="dateRange"
+      :show="showDatePicker"
+      :minBookingDays="travelGroupOrderInfo.minBookingDays"
+      :travelGroupProductId="travelGroupOrderInfo.travelGroupProduct.id"
+      @update:show="showDatePicker = false"
+      @input="handleDateSelected"
+    ></DateRangePicker>
   </view>
 </template>
 <script>
 import passkeyborad from '@/components/yzc-paykeyboard/yzc-paykeyboard'
+import DateRangePicker from '@/components/DateRangePicker/DateRangePicker.vue'
+import { sojoumOrderCheckInTime } from "@/api/sojoumOrder";
 import {
   getOrderData,
   getOrderList,
@@ -430,17 +458,21 @@ export default {
       payType: ["yue", "weixin"],
       from: this.$deviceType,
       orderInfo: {},
+      travelGroupOrderInfo: {},
       showExtend: false,
       delayId: null,
       pageKeyId: Object.freeze('userOrderIndex'),
       keyword: '',
-      _orderId: ''
+      _orderId: '',
+      showDatePicker: false,
+      dateRange: []
     }
   },
   components: {
     Loading,
     Payment,
-    passkeyborad
+    passkeyborad,
+    DateRangePicker
   },
   computed: mapGetters(["userInfo"]),
   onShow() {
@@ -499,6 +531,40 @@ export default {
     }
   },
   methods: {
+    handleDateSelected(dateRange) {
+      
+      const params = {
+        orderId: this.orderInfo.orderId,
+        orderStartDate: dateRange[0],
+        orderEndDate: dateRange[1]
+      }
+      uni.showLoading({
+        title: '加载中...',
+        mask: true,
+      })
+      sojoumOrderCheckInTime(params).then(res => {
+        if (res.status === 200) {
+          uni.showToast({
+            title: '入住时间修改成功',
+            icon: 'success'
+          })
+          this.changeType()
+        }
+      }).finally(() => {
+        uni.hideLoading();
+      })
+    },
+    editTime(order) {
+      this.showDatePicker = true
+      this.travelGroupOrderInfo = order.travelGroupOrderInfo
+      this.orderInfo = order
+    },
+    applyRefund(order) {
+      // 这里可以添加申请退款的逻辑，比如跳转到退款页面
+      uni.navigateTo({
+        url: '/pkg_product/views/sojoumOrderRefund?id=' + order.orderId
+      })
+    },
     getTime(type) {
       const timeMap = {
         1:"48小时内",