jiangping
2025-03-18 cc6ab7021c3aef6ca3bbf05f8bcb5bfe0e6f6096
bicycle/pages/ridingDetails/ridingDetails.vue
@@ -2,7 +2,10 @@
   <view class="details">
      <view class="details_head">
         <view class="details_head_a">预计消费:</view>
         <view class="details_head_b">¥{{ (info.amount / 100).toFixed(2) }}</view>
         <view class="details_head_b">
            <text class="details_head_b_a">¥{{ Number((info.amount / 100).toFixed(2)) > price ? price : (info.amount / 100).toFixed(2) }}</text>
            <text class="details_head_b_b" v-if="info.haveDisCount === 1">骑行卡抵扣:¥{{Number((info.disCountMoney / 100).toFixed(2))}}</text>
         </view>
         <view class="details_head_c">
            <text>结算车型:{{ info.bikeType }}</text>
            <text>计费时长:{{ info.duration }}分钟</text>
@@ -17,9 +20,15 @@
            <view class="details_list_item_b" v-if="!item.rideEndTime">
               骑行时间:{{ item.rideStartTime.substring(5, 10) }} {{ item.rideStartTime.substring(11, 16) }} ~ 骑行中 | {{ item.rideTime }}分钟
            </view>
            <view class="details_list_item_b" v-else>
               骑行时间:{{ item.rideStartTime.substring(5, 10) }} {{ item.rideStartTime.substring(11, 16) }} ~ {{ item.rideEndTime.substring(11, 16) }} | {{ item.rideTime }}分钟
            </view>
            <template v-else>
               <view class="details_list_item_b" v-if="item.rideStartTime.substring(5, 10) === item.rideEndTime.substring(5, 10)">
                  骑行时间:{{ item.rideStartTime.substring(5, 10) }} {{ item.rideStartTime.substring(11, 16) }} ~ {{ item.rideEndTime.substring(11, 16) }} | {{ item.rideTime }}分钟
               </view>
               <view class="details_list_item_b" v-else>
                  骑行时间:{{ item.rideStartTime.substring(5, 10) }} {{ item.rideStartTime.substring(11, 16) }} ~ {{ item.rideEndTime.substring(5, 10) }} {{ item.rideEndTime.substring(11, 16) }} | {{ item.rideTime }}分钟
               </view>
            </template>
            <view class="details_list_item_b">
               计费时长:{{ item.duration }}分钟
            </view>
@@ -33,11 +42,13 @@
      data() {
         return {
            id: '',
            price: 0,
            info: {}
         };
      },
      onLoad(option) {
         this.id = option.id
         this.price = Number(option.price)
         this.getInfo()
      },
      methods: {
@@ -78,10 +89,20 @@
         color: #FFFFFF;
      }
      .details_head_b {
         font-size: 40rpx;
         font-family: PingFangSC-Regular, PingFang SC;
         font-weight: 400;
         color: #FFFFFF;
         width: 100%;
         display: flex;
         align-items: center;
         .details_head_b_a {
            font-size: 40rpx;
            font-weight: 400;
            color: #FFFFFF;
         }
         .details_head_b_b {
            font-weight: 400;
            font-size: 26rpx;
            color: #FFFFFF;
            margin-left: 16rpx;
         }
      }
      .details_head_c {
         width: 100%;