yanglao/addons/service/wxapp/商家端/pages/orderDetail/orderDetail.wxml

<wxs src="../../wxs/tool.wxs" module="tool"></wxs>
<view class="orderdetail">
  <view class="main-box">
    <view class="head">
    <view class="state-text">{{info.orderLog[0].content}}</view>
    <view class="explain-text">{{tool.formatTime(info.orderLog[0].createtime)}}</view>
  </view>
  <view class="settle-box z-margin-32" wx:if="{{info.is_settle > 0}}">
      <image src="/static/index/settle.png" class="settle-bg"></image>
      <view class="settle">
        <view class="settle-title z-flex z-radius-b-20">{{info.is_settle == 1 ? '待结算' : '已结算'}}</view>
        <view class="z-flex-c z-margin-t-40 z-margin-b-100">
          <view class="z-flex-1">
            <view class="z-font-24 text_666">服务者佣金</view>
            <view class="z-font-40 z-font-w" wx:if="{{info.is_settle > 1}}">{{tool.sum(settle.skillPrice,settle.act_travel_price)}}</view>
            <view class="z-font-40 z-font-w" wx:else>结算中</view>
          </view>
          <view class="z-flex-1">
            <view class="z-font-24 text_666">商户佣金</view>
            <view class="z-font-40 z-font-w" wx:if="{{info.is_settle > 1}}">{{tool.sum(settle.shopPrice,settle.act_travel_price)}}</view>
            <view class="z-font-40 z-font-w" wx:else>结算中</view>
          </view>
        </view>
        <view class="z-flex-c z-margin-b-24">
          <view class="z-font-30">支付总金额</view>
          <view class="z-flex-1"></view>
          <view class="z-font-32">￥{{settle.payprice}}</view>
        </view>
        <view class="num-box z-flex-c">
          <view class="num z-flex-c z-radius-8">
            <view class="z-font-24  text_666">项目金额</view>
            <view class="z-flex-1"></view>
            <view class="z-font-24">￥{{settle.price}}</view>
          </view>

          <view class="num z-flex-c z-radius-8" wx:if="{{info.discount < 100}}">
            <view class="z-font-24  text_666">折扣</view>
            <view class="z-flex-1"></view>
            <view class="z-font-24">￥{{settle.goods_total_price}}</view>
            <view class="discount z-font-24 z-padding-lr-8 z-margin-l-8 z-flex">{{info.discount/10}}折</view>
          </view>
          <view class="num z-flex-c z-radius-8">
            <view class="z-font-24  text_666">优惠券</view>
            <view class="z-flex-1"></view>
            <view class="z-font-24">￥{{settle.coupon_price}}</view>
          </view>
          <view class="num z-flex-c z-radius-8">
            <view class="z-font-24  text_666">补差价</view>
            <view class="z-flex-1"></view>
            <view class="z-font-24">￥{{settle.premium_price}}</view>
          </view>
          <view class="num z-flex-c z-radius-8">
            <view class="z-font-24  text_666">加项</view>
            <view class="z-flex-1"></view>
            <view class="z-font-24">￥{{settle.add_price}}</view>
          </view>
          <view class="num z-flex-c z-radius-8">
            <view class="z-font-24  text_666">车费</view>
            <view class="z-flex-1"></view>
            <view class="z-font-24">￥{{settle.travel_price}}</view>
          </view>
        </view>
        <view class="z-flex-c z-margin-b-24">
          <view class="z-font-30">结算项目金额</view>
          <view class="z-flex-1"></view>
          <view class="z-font-32">￥{{settle.settle_price}}</view>
        </view>
        <view class="num-box z-flex-c">
          <view class="num z-flex-c z-radius-8">
            <view class="z-font-24  text_666">退款金额</view>
            <view class="z-flex-1"></view>
            <view class="z-font-24">￥{{settle.refund_price}}</view>
          </view>
          <view class="num z-flex-c z-radius-8">
            <view class="z-font-24  text_666">结算车费</view>
            <view class="z-flex-1"></view>
            <view class="z-font-24">￥{{settle.act_travel_price}}</view>
          </view>

        </view>
      </view>
    </view>
  <view class="floor-2"></view>
  <!-- 主要 content -->
  <view class="order-info-box">
    <view class="make-info" wx:if="{{info.to_shop === 'door'}}">
      <view class="chunk"></view>
      <view class="z-margin-t-32 z-margin-l-32 make-time">预约时间</view>
      <view class="z-margin-t-16 z-padding-l-32">
        <text class="time-date">{{tool.formatTime(info.starttime, 'yyyy-mm-dd')}}</text>
        <text class="z-margin-l-16 time-hour theme-color">{{tool.formatTime(info.starttime, 'HH:MM')}}</text>
      </view>
      <view class="z-margin-lr-32 z-margin-t-24 z-padding-b-16 site">
        {{info.orderAddress.province}}{{info.orderAddress.city}}{{info.orderAddress.district}}{{info.orderAddress.area}}{{info.orderAddress.address}}
      </view>

      <view class="user-info z-flex-c z-padding-b-16"  wx:if="{{info.status > 1}}">
        <text class="z-padding-lr-32">{{info.orderAddress.name}}{{info.orderAddress.sex == 1 ? '男士' : '女士'}}</text>
        {{info.orderAddress.mobile}}
        <view class="z-flex-1"></view>
        <image class="phone-img z-margin-r-32" bindtap="navigation" src="../../static/index/navigation.png">
        </image>
        <image class="phone-img" bindtap="call" data-content="{{info.orderAddress.mobile}}"
          src="../../static/service/tel.png"></image>
      </view>
      <view class="user-remark z-padding-tb-32">
        <text class="z-padding-lr-32 bz-title">备注</text> {{info.memo}}
      </view>
    </view>

    <!-- 服务者 -->
    <view class="z-flex-c technician-box z-padding-lr-32 z-margin-t-24" wx:if="{{info.skillInfo}}">
      <view>服务者</view>
      <view class="z-flex-1"></view>
      <view>
        <image class="technician-img z-margin-r-16" mode="aspectFill" src="{{tool.cdn(info.skillInfo.image)}}"></image>
        {{info.skillInfo.name}}
      </view>
      <view class="tel z-flex z-radius-8 z-margin-l-32" bindtap="call" data-content="{{info.skillInfo.mobile}}">
        <image src="/static/service/tel.png" class="tel-icon"></image>
      </view>

    </view>

    <!-- 订单信息 -->
    <view class="orders-box z-margin-t-24">
      <view class="order-each z-flex-c-s-b z-padding-lr-32 z-padding-t-32  z-margin-t-24">
        <image class="order-each-img" src="{{tool.cdn(info.detail.image)}}" mode="aspectFill"></image>
        <view class="z-margin-l-24 z-flex-1 hidden">
          <view class="z-flex-c">
            <view class="order-each-title">{{info.detail.name}}</view>
            <view class="z-flex-1"></view>
            <view class="types z-flex z-font-18 z-flex-0">{{info.to_shop === 'door' ? '上门服务' : '到店核销'}}</view>
          </view>
          <view class="order-number"> <text class="unit-money">￥</text> <text class="order-price">{{info.detail.price}}</text>
            <text class="quantity">x{{info.detail.num}}</text>
          </view>
        </view>
      </view>

      <view class="wire z-margin-t-24"></view>
      <view class="z-flex-c z-padding-lr-32  z-margin-t-32" wx:if="{{info.discount < 100}}">
        <view class="z-font-26">会员价</view>
        <view class="z-flex-1"></view>
        <text class="ticket-price">￥{{tool.toFix(info.price * info.discount /100)}}</text>
        <view class="discount z-flex z-font-24 z-padding-lr-8 z-margin-l-24">{{info.discount/10}}折</view>
      </view>

      <view class="z-padding-lr-32 z-flex-c-s-b z-margin-t-32 font">
        <view>
          <image class="ticket-img" src="../../static/index/ticket.png"></image>
          优惠券
        </view>
        <view>- <text class="ticket-price">￥{{info.coupon_price}}</text></view>
      </view>
      <view class="z-padding-lr-32 z-flex-c-s-b z-margin-t-32 font">
        <view>补差价</view>
        <view>+ <text>￥{{info.premium_price}}</text></view>
      </view>
      <view class="z-padding-lr-32 z-flex-c-s-b z-margin-t-32 font" wx:for="{{info.adddetail}}">
        <view>加项（{{item.name}}/{{item.cost_seconds}}分钟/数量:{{item.num}}）</view>
        <view>+ <text>￥{{tool.toFix(item.price*item.num)}}</text></view>
      </view>
      <view class="z-padding-lr-32 z-flex-c-s-b z-margin-t-32 font">
        <view wx:if="{{info.distance}}">车费（共{{info.distance}}公里）</view>
        <view wx:else>车费</view>
        <view>- <text>￥{{info.travel_price}}</text></view>
      </view>

      <view class="wire z-margin-t-32"></view>

      <view class="total-t z-padding-r-32 z-padding-tb-24">付款金额：<text class="total-price">￥{{info.payprice}}</text></view>
      <view class="total-t z-padding-r-32 z-padding-b-24"  wx:if="{{info.refund_price > 0}}">（退款金额：<text class="z-font-22 refund">￥{{info.refund_price}}</text>）</view>
    </view>

    <!-- 订单编号 -->
    <view class="order-odd z-margin-t-24 z-padding-32">
      <view class="z-flex-c-s-b">
        <view class="odd-text">订单编号：</view>
        <view class="order-color" bindtap="copy" data-content="{{info.orderId}}">{{info.orderId}} <text
            class="copk">复制</text> </view>
      </view>
      <view class="z-flex-c-s-b z-margin-t-24">
        <view class="odd-text">下单时间：</view>
        <view class="order-color">{{tool.formatTime(info.paytime)}}</view>
      </view>
      <view class="z-flex-c-s-b z-margin-t-24">
        <view class="odd-text">支付方式：</view>
        <view class="order-color">{{info.paytype === 4 ? '余额' : '微信'}}</view>
      </view>
    </view>
  </view>
  </view>

  <!-- 按钮 -->
  <view class="order-btn-box z-flex-0 z-padding-lr-32 z-padding-t-32"  style="padding-bottom: {{safeBottom}}" wx:if="{{info.is_service <= 0 && !info.shop_id  && info.status === 1}}">
    <view class="z-btn" bindtap="accept">立即抢单</view>
  </view>
  <view class="order-btn-box z-flex-0 z-padding-lr-32 z-padding-t-32"  style="padding-bottom: {{safeBottom}}" wx:if="{{info.is_service <= 0 && info.shop_id  && info.status === 1 && !info.skill_id}}">
    <view class="z-btn" bindtap="allocation">立即派单</view>
  </view>
  <view class="order-btn-box z-flex-0 z-padding-lr-32 z-padding-t-32"  style="padding-bottom: {{safeBottom}}" wx:if="{{info.is_service <= 0 && info.shop_id  && (info.status === 1 || info.status === 2) && info.skill_id}}">
    <view class="z-btn" bindtap="allocation">更换服务人员</view>
  </view>
</view>