sphc/pages/order_details/order_details.wxml

<wxs module="findGoods">
  function findGoods(goodsList, id) {
    // 初始化一个变量来存储找到的商品
    var found = null;

    // 遍历商品列表以查找具有指定ID的商品
    for (var i = 0; i < goodsList.length; i++) {
      if (goodsList[i].id === id) {
        found = goodsList[i];
        break;
      }
    }

    // 如果找到了商品，返回商品的照片
    if (found !== null) {
      return found;
    }

    // 如果没有找到，返回undefined
    return undefined;
  }
  module.exports = {
    findGoods: findGoods,
  }
</wxs>
<wxs module="num">
  function toFixed(num, precise) {
    return typeof (num) === "undefined" ? num : num.toFixed(precise)
  }
  module.exports = {
    toFixed: toFixed,
  }
</wxs>
<!-- 倒计时 -->
<view wx:if='{{goods.status==1}}'>
  <view class="djs" wx:if="{{ticker!=''}}">还剩余<text>{{ticker}}</text>订单将自动取消</view>
  <view class="djs" wx:if="{{ticker==''}}">订单已取消</view>
</view>
<view wx:if='{{goods.status==3}}'>
  <view class="djs">还剩余<text>{{leftoverDay}}</text>天后自动收货</view>
</view>

<view style="height:34rpx"></view>


<!--待收货-->
<view class="logistics-all" data-item='{{goods}}' data-order-number="{{goods.orderNumber}}" data-logistics="{{refundLogistics}}" data-logistics-name="{{goods.orderRefundName}}" data-logistics-num="{{goods.logisticsNum}}" catchtap="viewLogisticsDetails" wx:if='{{goods.status==3 && (!goods.afterSalesStatus||goods.afterSalesStatus==66||goods.afterSalesStatus==64)}}'>
  <view class="logistics display_J_B">
    <view class="logistics-l display_J_S display_A_C">
      <image src="/icon/express_icon.png"></image>
      <view class="logistics-l__1">{{goods.afterSalesStatus==64?"退货中":"待收货"}}</view>
      <view class="logistics-l__2">{{goods.afterSalesStatus==64?"商品正在退回物流中心":"商家正在为您处理订单"}}</view>
    </view>
    <view class="logistics-r display_A_C">
      <image src="/icon/right.png"></image>
    </view>
  </view>
</view>

<view class="address display_J_S">
  <image src="/icon/order-addrass.png"></image>
  <view class="address-cont">{{goods.orderAddress}}</view>
</view>

<view>
  <view wx:if="{{logistics}}">
    <view wx:for='{{logistics}}' class="packages" wx:key='id' data-id='{{item.id}}'>
      <view style="display:flex; justify-content: space-between;">
        <view>
          包裹{{index+1}}
        </view>
        <view style="display:flex;">
          <view wx:if="{{goods.status == 3 && goods.orderPayWay!=3 && (!goods.afterSalesStatus || goods.afterSalesStatus == 66||goods.afterSalesStatus==67)}}" class="btn btn-red" data-id='{{goods.id}}' data-num='{{goods.orderNumber}}' data-s='{{goods.status}}' data-sq='1' data-package-id="{{item.id}}" capture-bind:tap="apply">退货</view>
          <view wx:if="{{goods.status == 3 && (!goods.afterSalesStatus || goods.afterSalesStatus == 66||goods.afterSalesStatus==67)}}" class="btn btn-red" data-id='{{goods.id}}' data-num='{{goods.orderNumber}}' data-s='{{goods.status}}' data-sq='2' data-package-id="{{item.id}}" capture-bind:tap="apply">换货</view>
        </view>
      </view>
      <view class="cont display_J_B" wx:for='{{item.goods}}' wx:key="specId" wx:for-item="goodsItem" catchtap="">
        <view class="cont-l">
          <image src="{{ findGoods.findGoods(goods.goodsList,goodsItem.id).goodsPhoto }}"></image>
        </view>
        <view class="cont-m">
          <view class="name GStitleOne">{{goodsItem.name}}</view>
          <view class="specs" wx:if="{{goods.orderPayWay!=3}}">规格：{{goodsItem.spec}}</view>
          <view class="price" wx:if="{{goods.orderPayWay!=3}}">
            {{goods.orderPayWay!=2?'￥'+findGoods.findGoods(goods.goodsList,goodsItem.id).price:findGoods.findGoods(goods.goodsList,goodsItem.id).price+'积分'}}
          </view>
          <view class="price" wx:if="{{goods.orderPayWay==3}}">￥0</view>
        </view>
        <view class="cont-r">x{{goodsItem.num}}</view>
      </view>
    </view>
  </view>
  <view class="goods" wx:else>
    <view class="cont display_J_B" wx:for='{{goods.goodsList}}' wx:key='index' data-id='{{item.id}}' catchtap="goodsDetails">
      <view class="cont-l">
        <image src="{{item.goodsPhoto}}"></image>
      </view>
      <view class="cont-m">
        <view class="name GStitleOne">{{item.goodsName}}</view>
        <view class="specs" wx:if="{{goods.orderPayWay!=3}}">规格：{{item.wisdGoodsSpec.specName}}</view>
        <view class="price" wx:if="{{goods.orderPayWay!=3}}">
          {{goods.orderPayWay!=2?'￥'+item.price:item.price+'积分'}}
        </view>
        <view class="price" wx:if="{{goods.orderPayWay==3}}">￥0</view>
      </view>
      <view class="cont-r">x{{item.goodsNum}}</view>
    </view>
  </view>
</view>

<view class="data">
  <view class="data-t display_J_B display_A_C">
    <view class="t-l">商品合计</view>
    <view class="t-r t-r__1">{{goods.orderPayWay!=2?'￥'+ num.toFixed(total, 2) : goods.orderOtherPay+'积分'}}</view>
  </view>
  <view class="data-t display_J_B display_A_C">
    <view class="t-l">运费</view>
    <view class="t-r t-r__2">{{goods.orderPick==1?'自提':goods.orderFreight==0?'包邮':'￥'+goods.orderFreight}}</view>
  </view>
  <view class="data-t display_J_B display_A_C" wx:if="{{goods.orderPayWay==4||goods.orderPayWay==5||goods.orderPayWay==3}}">
    <view class="t-l">{{goods.orderPayWay==4?'现金券':goods.orderPayWay==5?'折扣券':'套餐券'}}</view>
    <view class="t-r t-r__2">{{goods.orderPayWay==3?goods.goodsList[0].packageName:'-￥'+goods.orderOtherPay}}</view>
  </view>
  <!-- <view class="data-t display_J_B display_A_C">
		<view class="t-l">优惠</view>
		<view class="t-r t-r__3 display_A_C" wx:if='{{goods.orderPayWay!=5&&goods.orderPayWay!=4&&goods.orderPayWay!=3}}'>
			<text>无</text></view>
		<view class="t-r t-r__3 display_A_C" wx:if='{{goods.orderPayWay==5||goods.orderPayWay==4}}'>
			<text>{{goods.orderPayWay==4?'现金券':goods.orderPayWay==5?'折扣券':''}}</text>-￥{{goods.orderOtherPay}}</view>
		<view class="t-r t-r__3 display_A_C" wx:if='{{goods.orderPayWay==3}}'><text>套餐券</text>-1</view>
	</view> -->
  <view class="data-t display_J_B display_A_C">
    <view class="t-l">优惠</view>
    <view class="t-r t-r__3 display_A_C">
      <text>-￥{{goods.orderVolumePay}}</text>
    </view>
  </view>
  <view class="data-t display_J_B">
    <view class="t-l" style="line-height: 32rpx;">备注</view>
    <view class="t-r t-r__2 note">{{goods.orderRemark==''?'无':goods.orderRemark}}</view>
  </view>
  <view class="data-t display_J_B display_A_C">
    <view class="t-l">实际支付</view>
    <view class="t-r t-r__4">{{goods.orderPayWay!=2?'￥'+num.toFixed(goods.orderActualPay, 2):goods.orderOtherPay+'积分'}}</view>
  </view>
</view>

<view class="order-data">
  <view class="order display_J_B display_A_C">
    <view class="order-l">支付方式</view>
    <view class="order-r">
      {{goods.orderPayWay==1?'微信支付':goods.orderPayWay==2?'积分支付':goods.orderPayWay==3?'套餐券':goods.orderPayWay==4?'微信支付+现金券':goods.orderPayWay==5?'微信支付+折扣券':''}}
    </view>
  </view>
  <view class="order display_J_B display_A_C">
    <view class="order-l">下单时间</view>
    <view class="order-r">{{goods.createTime}}</view>
  </view>
  <view class="order display_J_B display_A_C" wx:if="{{goods.orderPick == 1}}">
    <view class="order-l">自提时间</view>
    <view class="order-r">{{goods.orderPickTime}}</view>
  </view>
  <view class="order display_J_B display_A_C" wx:if="{{goods.status>1&&goods.status!=5}}">
    <view class="order-l">支付时间</view>
    <view class="order-r">{{goods.orderPayTime}}</view>
  </view>
  <view class="order display_J_B display_A_C" wx:if="{{goods.orderRefundTime != null && goods.status > 5}}">
    <view class="order-l">退款时间</view>
    <view class="order-r">{{goods.orderRefundTime}}</view>
  </view>
  <view class="order display_J_B display_A_C">
    <view class="order-l">订单编号</view>
    <view class="order-r">{{goods.orderNumber}}</view>
  </view>
  <view class="order display_J_B display_A_C">
    <view class="order-l">物流单号</view>
    <view class="order-r">暂无</view>
  </view>
  <view class="contact">
    <view class="order-l">快速解决问题</view>
    <!-- <view class="order-r">暂无</view> -->
    <view class="contact-b">
      <view bind:tap="callCustomService" class="contact-bth">
        <image style="width: 36rpx;height: 36rpx;margin-right: 12rpx;" src="/icon/kefu.svg" />
        客服电话
      </view>
      <view style="position: relative;" class="contact-bth">
        <image style="width: 36rpx; height: 36rpx; margin-right: 12rpx;" src="/icon/zaixiankefu.svg" />
        在线客服
        <button type="primary" class="open-type-contact" plain open-type="contact"></button>
      </view>
      <!-- <button bind:tap="callCustomService" type="primary"></button> -->
    </view>
  </view>
</view>

<view class="code" wx:if='{{goods.orderPick==1&&goods.status==2&&!shops}}'>
  <view class="code-img">
    <image src="{{goods.verificationCode}}" data-img='{{goods.verificationCode}}' catchtap="codeImg"></image>
  </view>
  <view class="code-cont">核销时请出示此核销码~</view>
</view>
<!-- <view class="display_J_E display_A_C">
  <button class="logistics-btn rounded-full" type="warn" size="mini" plain bind:tap="viewLogisticsDetails">查看物流</button>
</view> -->
<view style="height:230rpx;"></view>

<view wx:if="{{!shops}}">
  <view class="b-btn display_J_E display_A_C" wx:if="{{goods.status>2&&goods.status<6}}">
    <view class="btn" wx:if="{{goods.status==5||goods.status==4}}" catchtap="del">删除订单</view>
    <view class="btn" wx:if="{{goods.status==3}}" data-item='{{goods}}' data-logistics="{{goods.logistics}}" data-order-number="{{goods.orderNumber}}" data-logistics-name="{{goods.logisticsName}}" catchtap="viewLogisticsDetails">物流查询</view>
    <view class="btn btn-red" catchtap="apply" data-id='{{goods.id}}' data-num='{{goods.orderNumber}}' data-s='{{goods.status}}' data-sq='1' wx:if="{{goods.status==3 && goods.orderPayWay!=3}}">全部退货</view>
    <view class="btn btn-red" catchtap="apply" data-id='{{goods.id}}' data-num='{{goods.orderNumber}}' data-s='{{goods.status}}' data-sq='2' wx:if="{{goods.status==3}}">全部换货</view>
    <view class="btn btn-red" catchtap="confirm" wx:if="{{goods.status==3}}">确认收货</view>
    <view class="btn btn-red" catchtap="rate" wx:if="{{goods.status==4}}">评价</view>
  </view>

  <!-- 待支付  -->
  <view wx:if="{{ticker!=''}}">
    <view class="pay display_J_B display_A_C" wx:if="{{goods.status==1&&goods.orderPayWay!=3}}">
      <view class="pay-l"><i>共计{{numAll}}件</i>合计：￥<text>{{goods.orderActualPay}}</text></view>
      <view class="pay-r" catchtap="pay">立即支付</view>
    </view>

    <view class="pay display_J_A display_A_C" wx:if="{{goods.status==1&&goods.orderPayWay==3}}">
      <view class="pay-m" catchtap="pay">立即兑换</view>
    </view>
  </view>
</view>


<!-- 自提 -->
<!-- <view class="b-btn display_J_E display_A_C" wx:if="{{shops}}">
	<view class="btn" wx:if="{{goods.status==4}}" catchtap="del">删除订单</view>
	<view class="btn btn-red" catchtap="confirm" wx:if="{{goods.status==2}}">确认提货</view>
</view> -->