yanglao/addons/service/wxapp/服务端/component/order/order.wxml

<!--component/order/order.wxml-->
<wxs src="../../wxs/tool.wxs" module="tool"></wxs>
<view class="item-box" bindtap="orderTap">
  <view class="z-margin-b-24 item-each">
    <view class="floor-1 z-flex-c-s-b z-padding-lr-32 z-padding-t-24">
      <view class="pica-t">{{info.shop_id > 0 ? '商家派单' : '平台派单'}}</view>

      <view>
        <text class="t-red" wx:if="{{info.is_service === 1}}">售后中</text>
        <text class="t-red" wx:elif="{{info.is_service === 2}}">已退款 ¥{{info.refund_price}}</text>
        <text class="after-sale" wx:elif="{{info.status === 1}}">待接单</text>
        <text class="after-sale" wx:elif="{{info.status === 2}}">待出发</text>
        <text class="after-sale" wx:elif="{{info.status === 3}}">已出发</text>
        <text class="after-sale" wx:elif="{{info.status === 4}}">已到达</text>
        <text class="after-sale" wx:elif="{{info.status === 5}}">服务中</text>
        <text class="after-sale" wx:elif="{{info.status === 6}}">已完成</text>
        <text class="after-sale" wx:elif="{{info.status === 7}}">已评价</text>
      </view>

    </view>
    <view class="z-margin-t-16 z-padding-l-32">
      <text class="time-date">{{tool.formatTime(info.starttime,'mm-dd')}}</text>
      <text class="z-margin-l-16 time-hour theme-color">{{tool.formatTime(info.starttime,'HH:MM')}}</text>
    </view>
    <!-- 项目 -->
    <view class="z-padding-24 z-flex-c-s-b z-margin-t-24 items">
      <view class="z-flex">
        <image class="img-box z-margin-r-24" src="{{tool.cdn(info.orderDetail.image)}}" mode="aspectFill"></image>
        <view>
          <view class="item-title z-padding-b-24">{{info.orderDetail.name}}</view>
          <text class="item-tab" wx:if="{{info.orderDetail.sku_name}}">{{info.orderDetail.sku_name}}</text>
        </view>
      </view>
      <view>
        <view class="item-price z-padding-b-24">￥<text class="z-font-30">{{info.orderDetail.price}}</text> </view>
        <view class="item-number">x{{info.orderDetail.num}}</view>
      </view>
    </view>
    <!-- 地址 -->
    <view>
      <view class="z-padding-t-32 z-padding-lr-32 server-text"> <text class="text-b">服务地址：</text>
        {{info.address.city}} {{info.address.area}}</view>

      <view class="z-padding-lr-32 z-padding-t-24 server-text"> <text class="text-b">用户备注：</text>{{info.memo}}
      </view>
    </view>
    <view class="z-margin-t-32 wire"></view>

    <view class="z-padding-tb-30 z-padding-lr-32 z-flex-c">
      <view>
        <text class="total z-font-22">合计：</text>
      <text class="unit z-font-22">￥</text>
      <text class="total-prices z-font-36">{{info.payprice}}</text>
      </view>
      <view class="z-flex-1"></view>
      <view class="z-btn receive z-font-22" data-type="1" catchtap="orderBtnTap" wx:if="{{info.is_service <= 0 && info.status === 1 && !info.skill_id}}">立即抢单</view>
      <view class="z-btn receive z-font-22" data-type="2" catchtap="orderBtnTap" wx:elif="{{info.is_service <= 0 && info.status === 1 && info.skill_id}}">立即接单</view>
    </view>
  </view>
</view>