beefast-mini-deliveryman/pages/order-detail/index.wxml

<view class="custom-scroll-view">
  <scroll-view refresher-triggered="{{refreshTrigger}}" bindrefresherrefresh="getOrderDetail" 
      refresher-enabled scroll-y class="order-detail main {{orderDetail.is_first_order?'is-new-order':''}}" 
      enhanced show-scrollbar="{{false}}">
    <view class="scroll-view-top-margin"></view>
    <view class="page-container address-info">
      <view class="title">
        {{orderDetail.community_name}}
        {{orderDetail.building_name}}
        {{orderDetail.address_detail}}
      </view>
      <view class="sub-title">
        {{orderDetail.address_name}}{{genderKV[orderDetail.address_gender]}}：{{orderDetail.address_phone}}丨{{deliverStatusKV[orderDetail.delivery_method]}}
      </view>
      <view class="deliver-time">
        期望送达<label class="time">{{orderDetail.delivery_time}}</label>
      </view>
    </view>
    <view class="page-container station-info" wx:for="{{orderDetail.packages}}" wx:key="index">
      <view class="title">
        <view class="name">{{item.station_name}}</view>
        <image src="/assets/icon/images.png" class="view-img-icon" bind:tap="previewPackageImage"
          data-item="{{orderDetail.pickup_images}}" 
          wx:if="{{orderDetail.status!=orderStatus.created&&!item.station_id}}"/>
        <view class="received-status {{orderDetail.status==orderStatus.received&&!item.receivedAll?'done':''}}" 
          wx:if="{{item.status!=orderStatus.created}}">
          <!-- {{item.receivedAll?'已取件':'待取件'}} -->
          {{
            orderDetail.status==orderStatus.received?(item.receivedAll?'已取件':'待取件'):
            orderDetail.status==orderStatus.delivering?'已取件':''
          }}
        </view>
      </view>
      <checkbox-group bindchange="selectPackageCode" 
        data-index="{{index}}">
        <label class="code-item" wx:for="{{item.formattedCode}}" wx:key="cIndex" 
          wx:for-item="formattedItem" wx:for-index="code">
          <view class="code {{orderDetail.status==orderStatus.created||(orderDetail.status==orderStatus.received&&!item.formattedCode[code].checked)?'':'checked'}}">
            {{orderDetail.status==orderStatus.created?'*********':code}}
            
            <view wx:if="{{item.formattedCode[code].sameCount>1}}" class="same-count">
              x {{item.formattedCode[code].sameCount}} 重复的取件码
            </view>
          </view>
          <checkbox checked="{{!!item.formattedCode[code].checked}}" value="{{code}}" wx:if="{{orderDetail.status==orderStatus.received}}"/>
        </label>
      </checkbox-group>
    </view>
    <view class="page-container station-info" wx:if="{{false&&orderDetail.pickup_images&&orderDetail.pickup_images.length>0}}">
      <view class="title">
        <view class="name">原始图片信息</view>
      </view>
      <view class="images" wx:if="{{orderDetail.status==orderStatus.created}}">
        <view class="image empty-img" wx:for="{{orderDetail.pickup_images}}" wx:key="index" src="{{item}}">
          <image class="icon" src="/assets/icon/img-default.png"/>
        </view>
      </view>
      <view class="images" wx:else="">
        <image class="image" wx:for="{{orderDetail.pickup_images}}" wx:key="index" 
          src="{{item}}" bind:tap="previewPackageImage" data-item="{{item}}"/>
      </view>
    </view>

    <view class="page-container steps">
      <view class="item {{orderStep>0?'night':''}}">
        <view class="content">
          <view class="name">接单</view>
          <view class="time">{{orderDetail.received_time}}</view>
        </view>
      </view>
      <view class="item {{orderStep>1?'night':''}}">
        <view class="content">
          <view class="name">取货</view>
          <view class="time">{{orderDetail.pickup_time}}</view>
        </view>
      </view>
      <view class="item {{orderStep>2?'night':''}}">
        <view class="content">
          <view class="name">送达</view>
          <view class="time">{{orderDetail.complete_time}}</view>
        </view>
      </view>
    </view>
    <view class="page-container photos" wx:if="{{orderDetail.complete_images&&orderDetail.complete_images.length>0}}">
      <view class="title">拍照留证</view>
      <view class="imgs">
        <image class="image" src="{{item}}" wx:for="{{orderDetail.complete_images}}" wx:key="index" bind:tap="preview" data-url="{{item}}"/>
      </view>
    </view>
    <view class="page-container income">
      <label>订单收益：</label>
      <label class="money">{{orderDetail.deliveryman_share}}</label>
    </view>
    <view class="page-container order-info">
      <view class="row">
        <view class="key">订单编号</view>
        <view class="value">{{orderDetail.orderid}}</view>
        <view class="copy-area" bind:tap="copyOrderId">
          <view class="copy-btn">复制</view>
        </view>
      </view>
      <view class="row">
        <view class="key">下单时间</view>
        <view class="value">{{orderDetail.create_time}}</view>
      </view>


      <view class="row">
        <view class="key">取件数量</view>
        <view class="value">{{orderDetail.package_count}}</view>
      </view>
      <view class="row">
        <view class="key">基础配送费</view>
        <view class="value money money-normal">{{orderDetail.base_delivery_amount}}</view>
      </view>
      <view class="row" wx:if="{{orderDetail.additional_fee_amount}}">
        <view class="key">加价金额</view>
        <view class="value money money-normal">{{orderDetail.additional_fee_amount}}</view>
      </view>
      <view class="row" wx:if="{{orderDetail.more_station_price}}">
        <view class="key">多驿站费</view>
        <view class="value money money-normal">{{orderDetail.more_station_price}}</view>
      </view>
      <view class="row">
        <view class="key">订单金额</view>
        <view class="value money money-normal">{{orderDetail.final_amount}}</view>
      </view>
    </view>
    <view class="scroll-view-dispatch"></view>
  </scroll-view>
  <view class="bottom-bar-v2" wx:if="{{orderDetail.status==orderStatus.received}}">
    <button disabled="{{item.receiving}}" class="button more-btn" plain capture-catch:tap="showMoreAS">
      <view class="icon"></view>
    </button>
    <swipe-button class="swipe-button" loading="{{receiving}}" bind:done="receivedOrder" 
      button-text="我已取货" button-loading-text="取货中..." capture-catch:tap="emptyFun"/>
  </view>
</view>

<mark-up id="markupView" class="mark-up" bind:success="markupSuccess"/>

<modal-view titleText="取消订单需联系客户说明原因" editable content-placeholder="请输入退单原因" bind:ok="refund" model:show="{{isShowRefundConfirm}}" titleTextCenter="{{false}}" editRequired/>