toktok-front/toktok-wx-applet/pages/mineOrderProgress/mineOrderProgress.wxml

<!--pages/mineOrderProgress/mineOrderProgress.wxml-->
<wxs module="filter" src="/utils/filter.wxs"></wxs>

<view class="box-head" style="background-color: #E1F962;">
  <view class="box-title">
    {{orderInfo.boxName}}
  </view>
  <view class="time">
    <view class="box-time" bindtap="orderDateFun">
      <text>订购月份</text>
      <view>
        <text>{{orderInfo.month}}</text>
        <image class="arrowIcon" src="/static/img/arrow_down.png" mode=""/>
      </view>
    </view>
    <text></text>
    <view class="box-time" style="margin-left: 64rpx;">
      <text>截止时间</text>
      <view>{{orderInfo.cutOffTime}}</view>
    </view>
  </view>
</view>

<view class="progress-message">
  <view class="progress" wx:for="{{orderInfo.nodeList}}" wx:key="index">
    <view class="progress-li">
      <block wx:if="{{index==0}}">
        <image src="/static/img/finish.png" mode=""/>
        <view></view>
      </block>
      <block wx:elif="{{index==orderInfo.nodeList.length-1}}">
        <view></view>
      </block>
      <block wx:else>
        <view></view>
        <view></view>
      </block>
    </view>
    <view class="progress-item">
      <view class="progress-head">
        <text>{{item.nodeName}}</text>
        <text>{{filter.nodeTime(item.nodeTime)}}</text>
      </view>
      <view class="progress-msg">{{item.nodeDes}}
        <text wx:if="{{item.nodeAction==3001}}" style="color:#FF5700;">{{item.busiData}}</text>
      </view>
      <view class="progress-btn" wx:if="{{item.nodeAction==1001&&orderInfo.updateAddressFlag==0}}" bindtap="toChangeAd">更改收货地址</view>
      <view class="progress-btn" wx:if="{{item.nodeAction==2001}}" bindtap="checkExpress" data-busi="{{item.busiData}}">查看物流进度</view>
    </view>
  </view>
  <!-- <view class="progress">
    <view class="progress-li">
      <view style="background: #22C570;border: 8rpx solid #D3F3E2;"></view>
      <view></view>
    </view>
    <view class="progress-item">
      <view class="progress-head">
        <text>订购成功</text>
        <text>03-25 18:20</text>
      </view>
      <view class="progress-msg">请耐心等待，新鲜的精酿啤酒将会抓紧时间酿制的哦</view>
      <view class="progress-btn" bindtap="toChangeAd">更改收货地址</view>
    </view>
  </view>
  <view class="progress">
    <view class="progress-li">
      <view></view>
      <view></view>
    </view>
    <view class="progress-item">
      <view class="progress-head">
        <text>已截止订购</text>
        <text>03-25 18:20</text>
      </view>
      <view class="progress-msg">正在抓紧灌装打包, 产品将于截止后的5个工作日内发出哦</view>
    </view>
  </view>
  <view class="progress">
    <view class="progress-li">
      <view></view>
      <view></view>
    </view>
    <view class="progress-item">
      <view class="progress-head">
        <text>已发货, 待签收</text>
        <text>03-25 18:20</text>
      </view>
      <view class="progress-msg">你的商品已在运输途中了, 请耐心等候</view>
      <view class="progress-btn" bindtap="checkExpress">查看物流进度</view>
    </view>
  </view>
  <view class="progress">
    <view class="progress-li">
      <image src="/static/img/finish.png" mode=""/>
    </view>
    <view class="progress-item">
      <view class="progress-head">
        <text>订单已完成</text>
        <text>03-25 18:20</text>
      </view>
      <view class="progress-msg">本期的盲盒精酿是<text style="color: #FF5700;">金花梨帝国IPA</text></view>
    </view>
  </view> -->
</view>

<!-- 选择期数 -->
<view class="popover-view" hidden="{{popover_Status}}">
  <view class="popover">
    <view class="popover-title">
      <text>订购信息</text>
      <image bindtap="popoverFun" src="/static/img/close2.png" mode=""/>
    </view>
    <view class="order-head">
      <text>{{orderInfo.boxName}}</text>
      <!-- <text>申请退款</text> -->
    </view>
    <view class="date-box">
      <view class="order-date" wx:for="{{infoList}}" wx:key="index" bindtap="switchDate" data-bbosid="{{item.bbosId}}">
        <text>{{item.month}}期</text>
        <text>{{filter.blindBoxStatus(item.status)}}</text>
        <image src="/static/img/arrow.png" mode=""/>
      </view>
    </view>
  </view>
</view>