doum
2026-04-28 b40a03e6cbba769c752d6d8f3b8a8c9af2e50955
small-program/pages/delivery-order-detail/delivery-order-detail.vue
@@ -30,7 +30,7 @@
                     <text>{{info.depositShopName || ''}}</text>
                     <image src="/static/icon/ar_jicundian@2x.png" mode="widthFix"></image>
                  </view>
                  <text>{{info.takeUser || ''}} {{info.takePhone || ''}}</text>
                  <text>{{info.depositShopAddress || ''}} </text>
               </view>
               <view class="addr-item" v-if="info.type === 1">
                  <view class="ji bg1">收</view>
@@ -38,20 +38,27 @@
                     <text>{{info.takeShopName || info.takeLocation || ''}}</text>
                     <image src="/static/icon/ar_jicundian@2x.png" mode="widthFix"></image>
                  </view>
                  <text>{{info.takeUser || ''}} {{info.takePhone || ''}}</text>
                  <text>{{info.takeShopAddress || ''}}</text>
               </view>
            </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> -->
               <view style="width: 360rpx; height: 360rpx;">
                  <canvas canvas-id="qrcodeCanvas" id="qrcodeCanvas" style="width: 180px; height: 180px;"></canvas>
                  <!-- <image :src="qrcodeImage" mode="widthFix"></image> -->
               </view>
               <text>{{info.memberVerifyCode || ''}}</text>
               <text @tap="copyCode(info.memberVerifyCode||'')">核销码</text>
            </view>
            <view class="item-x"></view>
            <view class="item-list">
               <view class="item-list-row">
                  <view class="item-form-label">收件人</view>
                  <view class="item-form-val">{{info.takeUser || ''}}</view>
               </view>
               <view class="item-list-row">
                  <view class="item-form-label">收件人电话</view>
                  <view class="item-form-val">{{info.takePhone || ''}}</view>
               </view>
               <view class="item-list-row">
                  <view class="item-form-label">预计到店时间</view>
                  <view class="item-form-val">{{info.expectedDepositTime || ''}}</view>
@@ -74,7 +81,7 @@
               </view>
            </view>
         </view>
         <view class="item" v-if="info.refundInfo">
         <!-- <view class="item" v-if="info.refundInfo">
            <view class="tuikuan">
               <view class="tuikuan-top">
                  <text>退款金额</text>
@@ -88,7 +95,7 @@
                  <text v-if="info.refundInfo.status  !== 1">{{info.refundInfo.createTime || ''}}</text>
               </view>
            </view>
         </view>
         </view> -->
         <view class="item" v-if="info.commentStatus === 1">
            <view class="comment">
               <view class="comment-top">
@@ -110,7 +117,7 @@
            <view class="tuikuan">
               <view class="tuikuan-top">
                  <text>退款金额</text>
                  <text>¥{{((info.refundInfo.refundAmount || 0)/100).toFixed(2)}}</text>
                  <text>{{((info.refundInfo.refundAmount || 0)/100).toFixed(2)}}</text>
               </view>
               <view class="tuikuan-bottom">
                  <text v-if="info.refundInfo.status === 0">退款中</text>
@@ -137,7 +144,7 @@
            <view class="item-x"></view>
            <view class="item-list">
               <view class="item-list-row">
                  <view class="item-form-label" style="color: #333333; font-size: 28rpx;">报价金额</view>
                  <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">
@@ -215,8 +222,8 @@
      <view class="tips" v-if="info.overdueStatus !==0">
         <image src="/static/icon/ic_waring@2x.png" mode="widthFix"></image>
         <text  v-if="info.overdueStatus ===1">已超过取件时间,已产生超时费用:¥{{((info.overdueFee || 0)/100).toFixed(2)}}元</text> 
         <text  v-if="info.overdueStatus ===2">已超过取件时间,需要支付超时费用:¥{{((info.overdueFee || 0)/100).toFixed(2)}}元</text>
         <text  v-if="info.overdueStatus ===3">超过取件时间,已支付超时费用:¥{{((info.overdueFee || 0)/100).toFixed(2)}}元</text>
         <text  v-if="info.overdueStatus ===3">已超过取件时间,需要支付超时费用:¥{{((info.overdueFee || 0)/100).toFixed(2)}}元</text>
         <text  v-if="info.overdueStatus ===4">超过取件时间,已支付超时费用:¥{{((info.overdueFee || 0)/100).toFixed(2)}}元</text>
      </view> 
      <view class="footer" v-if="info.type===0">
         <view class="footer-btns">
@@ -226,7 +233,7 @@
            <view class="btn you"  @click="payOrder(info)" v-if="info.status ===0">立即支付</view>
<!--             <view class="btn you" v-if="info.status >=1 &&info.status <7 " @click="openQrcode(info)" >核销码</view>
 -->         <view class="btn you" @click="evaluateOrder(info)" v-if="info.status ===7 && !info.commentStatus ">评价订单</view>
            <view class="btn you" @click="payOrderFee(info)" v-if="info.status ===5 && info.overdueStatus===2 ">立即支付</view>
            <view class="btn you" @click="payOrderFee(info)" v-if="info.status ===5 && info.overdueStatus===3 ">立即支付</view>
         </view>
      </view>
      <view class="footer" v-if="info.type===1">
@@ -241,7 +248,7 @@
<!--             <view class="btn you" v-if="info.status ===1 || (info.takeShopId && info.status ===5)" @click="openQrcode(info)" >核销码</view>
 -->            <view class="btn you"  @click="doneOrder(info)"  v-if="!info.takeShopId && info.status ===5">确认收货</view>
            <view class="btn you"  @click="evaluateOrder(info)" v-if="info.status ===7 && !info.commentStatus ">评价订单</view>
            <view class="btn you" @click="payOrderFee(info)" v-if="info.status ===5 && info.overdueStatus ===2">立即支付</view>
            <view class="btn you" @click="payOrderFee(info)" v-if="info.status ===5 && info.overdueStatus ===3">立即支付</view>
         </view>
      </view>
      <u-popup :show="showPhone" round="15" mode="bottom" :safeAreaInsetBottom="true"  @close="contactPhone()" :closeable="true" :closeOnClickOverlay="true">
@@ -343,6 +350,9 @@
         }
      },
      onShow() {
      },
      onLoad(options) {
         this.id = options.id
         this.info={}
         this.showDone=false
         this.showCancel=false
@@ -352,9 +362,6 @@
         this.showPhone=false
         this.getUserDetail() 
         this.linkItem={title:'',linkname:'',linkphone:''}
      },
      onLoad(options) {
         this.id = options.id
      },
      methods:{
         previewImage(images,index = 0) {