dm-wechat-mini/pages/order/detail/index.wxml

<view class="custom-scroll-view" wx:if="{{orderDetail.orderid}}">
  <scroll-view scroll-y refresher-enabled class="main"
      bindrefresherrefresh="getOrderDetail" refresher-triggered="{{refresherTriggered}}">
    <view class="order-status {{orderDetail.status}}">{{orderStatusKV[orderDetail.status]}}</view>
    <view class="page-container sender" wx:if="{{orderDetail.deliveryman_user_id}}">
      <view class="title">配送员</view>
      <view class="spliter"></view>
      <view class="info">
        <image class="avatar" src="{{orderDetail.deliveryman_avatar||'/assets/icon/my/avatar.png'}}"/>
        <view class="center">
          <view class="name">{{orderDetail.deliveryman_nickname}}</view>
          <view class="desc">已安全送达{{orderDetail.delivery_count}}件</view>
        </view>
        <button class="button" plain size="mini" bind:tap="makePhoneCall">
          <image class="icon" src="/assets/icon/shop/phone@2x.png"/>
          <label>联系他</label>
        </button>
      </view>
    </view>
    <view class="page-container address">
      <view class="title">送货地址</view>
      <view class="spliter"></view>
      <view class="text">
        {{orderDetail.community_name}}
        {{orderDetail.building_name}}
        {{orderDetail.address_detail}}
      </view>
      <view class="user">
        {{orderDetail.address_name}}
        {{genderKV[orderDetail.address_gender]}}
        {{orderDetail.address_phone}}
      </view>
    </view>
    <view class="page-container package-info">
      <view class="title">
        <view class="left">取件信息</view>
        <view class="right">
          <label>{{orderDetail.delivery_time}}</label>
          <!-- <label class="time">18:00～21:00</label> -->
        </view>
      </view>
      <block wx:if="{{orderDetail.pickup_images&&orderDetail.pickup_images.length>0}}">
        <view class="spliter"></view>
        <view class="package">
          <view class="p-title">图片取件 共 {{orderDetail.pickup_images_count}} 件包裹</view>
          <view class="img-list">
            <image class="item" src="{{item}}" wx:for="{{orderDetail.pickup_images}}" 
              wx:key="index" bind:tap="viewPackageImg" data-item="{{item}}"/>
          </view>
        </view>
      </block>
      <block wx:for="{{orderDetail.packages}}" wx:key="index">
        <view class="spliter"></view>
        <view class="package">
          <view class="p-title">{{item.station_name}} 共{{item.pickup_codes.length}}件包裹</view>
          <view class="code-list">
            <view class="item" wx:for="{{item.pickup_codes}}" 
              wx:for-item="package" wx:for-index="pIndex" wx:key="pIndex">{{package}}</view>
          </view>
        </view>
      </block>
    </view>
    <view class="page-container send-way">
      <view class="title">
        <view class="left">送达方式</view>
        <view class="right">{{orderDeliverStatusKV[orderDetail.delivery_method]}}</view>
      </view>
    </view>

    <view class="page-container photos" wx:if="{{orderDetail.complete_images&&orderDetail.complete_images.length>0}}">
      <view class="title">
        <view class="left">送达图片</view>
      </view>
      <view class="spliter"></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 order-info">
      <view class="title">订单信息</view>
      <view class="spliter"></view>
      <view class="kv">
        <view class="key">订单编号</view>
        <view class="value">{{orderDetail.orderid}}</view>
        <view class="copy-area" bind:tap="copyOrderId">
          <view class="copy">复制</view>
        </view>
      </view>
      <view class="kv">
        <view class="key">提交时间</view>
        <view class="value">{{orderDetail.create_time}}</view>
      </view>
      <view class="kv mt">
        <view class="key">取件数量</view>
        <view class="value bold">{{orderDetail.package_count}}</view>
      </view>
      <view class="kv">
        <view class="key">订单金额</view>
        <view class="value">
          <view class="money money-normal">{{orderDetail.original_amount}}</view>
        </view>
      </view>
      <view class="kv" wx:if="{{orderDetail.point_discount_amount>0}}">
        <view class="key">蜂蜜抵扣</view>
        <view class="value">
          <label class="money minus money-normal">
            {{orderDetail.point_discount_amount}}
          </label>
        </view>
      </view>
      <view class="kv" wx:if="{{orderDetail.coupon_discount_amount>0}}">
        <view class="key">优惠券抵扣</view>
        <view class="value">
          <label class="money minus money-normal">
            {{orderDetail.coupon_discount_amount}}
          </label>
        </view>
      </view>
      <view class="kv">
        <view class="key">支付金额</view>
        <view class="value">
          <label class="money">{{orderDetail.final_amount}}</label>
          <view class="tag">先享后付</view>
        </view>
      </view>
    </view>
    <view class="scroll-view-dispatch"></view>
  </scroll-view>
  <view class="bottom-bar-v2">
    <view class="btns">
      <button class="button button1" plain size="mini" bind:tap="showCancelModal"
        wx:if="{{orderDetail.status==orderStatus.created}}" loading="{{cancelling}}" 
        disabled="{{cancelling}}">取消订单</button>
      <button class="pay" type="primary" wx:if="{{orderDetail.status==orderStatus.unpaid}}" 
          bind:tap="pay">去支付</button>
      <block wx:else>
        <button class="button button1" plain size="mini" bind:tap="orderAgain"
          wx:if="{{orderDetail.status==orderStatus.cancelled||orderDetail.status==orderStatus.completed}}">再来一单</button>
        <button class="button button2" open-type="contact" bindcontact="handleContact" plain 
        size="mini" wx:else>联系客服</button>
      </block>
    </view>
  </view>
</view>


<merchant-order id="merchantOrderComponent" bind:paySuccess="paySuccess" wx:if="{{orderDetail.status==orderStatus.unpaid}}"/>
<modal-view titleText="你确定取消此订单吗？" model:show="{{isShowCancelView}}" 
  bind:ok="cancelOrder" wx:if="{{orderDetail.status==orderStatus.created}}"></modal-view>