提交

MrShi

2026-05-14 ce1248297e07cf5e409a37d43f2e0b54fcf86071

 small-program/pages/delivery-order-detail/delivery-order-detail.vue

@@ -17,7 +17,12 @@
            <view class="nr-status-type1"  v-if="info.type === 1 && info.isUrgent === 0">标速达</view>
            <view class="nr-status-type1"  v-if="info.type === 1 && info.isUrgent === 1">极速达</view>
         </view>
         <view class="nr-desc" v-if="info.statusDesc">{{info.statusDesc || ''}}</view>
         <view class="nr-desc" v-if="info.statusDesc && info.status !== 0">{{info.statusDesc || ''}}</view>
         <view class="nr-desc" style="display: flex; align-items: center;" v-if="info.statusDesc && info.status === 0">
            请在
            <u-count-down :time="info.payCountdownMs" format="mm:ss"></u-count-down>
            内完成支付，超时订单将自动取消
         </view>
         <view class="item" style="padding: 10rpx;" v-if="info.type ===1 && info.status===4">
            <map 
               name="mapAddr"
@@ -51,6 +56,7 @@
            </view>
            <view class="item-qrcode" v-if=" (info.type ===0 && info.status >=1 &&info.status <7) || (info.type ===1 && (info.status ===1 || (info.takeShopId && info.status ===5)))">
               <!-- <image src="/static/image/btn_upload@2x.png" mode="widthFix"></image> -->
               <text style="font-size: 36rpx;font-weight: 600;margin-bottom: 20rpx;">行李编号：{{info.sortnum || ''}}</text>
               <view style="width: 360rpx; height: 360rpx;">
                  <canvas canvas-id="qrcodeCanvas" id="qrcodeCanvas":style="'width: '+width+'px; height:'+height+'px;'"></canvas>
                  <image class="qrcode-image" :src="qrcodeImage" mode="widthFix"></image>
@@ -152,9 +158,13 @@
            </view>
            <view class="item-x"></view>
            <view class="item-list">
               <view class="item-list-row">
               <!-- <view class="item-list-row">
                  <view class="item-form-label" style="color: #333333; font-size: 28rpx;">保价金额</view>
                  <view class="item-form-val" style="color: #333333; font-size: 24rpx;">¥{{((info.declaredAmount || 0)/100).toFixed(2)}}</view>
               </view> -->
               <view class="item-list-row">
                  <view class="item-form-label" style="color: #333333; font-size: 28rpx;">{{ info.type === 1 ? '配送费' : '寄存费' }}</view>
                  <view class="item-form-val" style="color: #333333; font-size: 24rpx;">¥{{((info.basicAmount || 0)/100).toFixed(2)}}</view>
               </view>
               <view class="item-list-row">
                  <view class="item-form-label" style="color: #333333; font-size: 28rpx;">行李保费</view>
@@ -247,10 +257,10 @@
      </view>
      <view class="footer" v-if="info.type===1">
         <view class="footer-btns">
            <view class="btn kong" @click="contactPhone(info,0)" v-if="info.status ===1 || info.status ==2">联系门店</view> 
            <view class="btn kong" @click="contactPhone(info,2)" v-if="info.status ===3 || info.status ===4 ">联系骑手</view>
            <view class="btn kong" @click="contactPhone(info,1)" v-if="info.status ===5">联系门店</view>
            <view class="btn kong" v-if="info.status ===0"  @click="cancelOrder(info)">取消订单</view>
            <view class="btn kong" @click="contactPhone(info,0)" v-if="(info.status ===1 || info.status ==2) && info.takeShopId">联系门店</view> 
            <view class="btn kong" @click="contactPhone(info,2)" v-if="[3,4,5].includes(info.status) && !info.takeShopId">联系骑手</view>
            <view class="btn kong" @click="contactPhone(info,1)" v-if="info.status ===5 && info.takeShopId">联系门店</view>
            <view class="btn kong" v-if="[0,1,2].includes(info.status)"  @click="cancelOrder(info)">取消订单</view>
            <view class="btn you" @click="payOrder(info)" v-if="info.status ===0">立即支付</view>
            <view class="btn kong" @click="deleteOrder(info)" v-if="info.status ===7 || info.status===96 || info.status == 99">删除订单</view>
            <view class="btn you" @click="cancelOrder(info)" v-if="info.status ===1">申请退款</view>
@@ -746,6 +756,11 @@
   page {
      background-color: #F8F9FB;
   }
   .u-count-down__text {
      font-weight: 400 !important;
       font-size: 26rpx !important;
      color: #ffffff !important;
   }
</style>
<style lang="scss" scoped>
   .detail {