jzmall_wx/pages/diffOrder/diffOrder.wxml

<wxs src="../../utils/formatFuc.wxs" module="utils" />
<view class="container">


  <!-- 卡片 -->
  <view class="top-card">

    <view class="top-name">{{orderInfo.goodsName}}</view>


    <view class="top-times">
      <!-- <view class="top-sku-name">{{orderInfo.skuName}}</view> -->
      <view>剩余<text>{{orderInfo.remainTimes}}</text>次</view>
      <view class="serviced-times">已服务<text>{{orderInfo.servicedTimes}}</text>次</view>
    </view>


  </view>


  <!-- 工单 -->
  <view class="service-list" >
    <view class="service-item">
      <view class="service-title">
        <view class="sercive-name">服务{{utils.servciceName(orderInfo.ofTimes)}}</view>
        <view class="service-id">工单编号：{{orderInfo.bookDetailId}}</view>
        <view class="service-status">{{orderInfo.statusName}}</view>
      </view>

      <view class="service-main">
        <view class="customer-info">
          <image mode="aspectFit" src="https://jzmall.lifejingzhi.com/file/jzmall-dy/icon-order-map.png"></image>
          <view class="customer-main">
            <view class="main-line">
              <view>{{orderInfo.cusName}}</view>
              <view class="phone">{{orderInfo.cusMobile}}</view>
            </view>
            <!-- <view class="customer-address" wx:if="{{orderInfo.address}}">{{orderInfo.addressName}}</view> -->
            <view class="customer-address" >{{orderInfo.address}}</view>
          </view>
        </view>
        <view class="row">
          <text>上门时段：</text>{{orderInfo.bookTime}}
        </view>
        <view class="row">
          <text>预约备注：</text>{{orderInfo.message}}
        </view>
      </view>
		</view>
	</view>

		<!-- 提示 -->
		<view class="diff-tips">
			您的服务还需支付补差费
		</view>
		<view class="service-tips">
			如有任何疑问，请联系服务人员或客服
		</view>
		<view class="supply-order" wx:for="{{diffList}}" wx:key="index" bindtap="diffDetail" data-no="{{item.difNo}}">
    <view class="order-title">
		<view>补差订单{{index+1}}
		</view>
		<view class="{{item.state!=2?'non-payment':''}} pay-status">{{(item.state==0||item.state==1)?'未支付':(item.state==2?'已支付':'取消')}}</view>
		</view>
		<view class="item-line">
	    <view class="item-left">补差内容：</view>
		<view>{{item.difName}}</view>
	 </view>
	 <view class="item-line">
	    <view class="item-left">金额：</view>
		<view class="order-amount">¥ {{item.difTotalPrice}}</view>
	 </view>
	 <view class="item-line">
	    <view class="item-left">创建时间：</view>
		<view class="order-time">{{item.createTime}}</view>
	 </view>
	 <view class="pay-btn" wx:if="{{item.state==0||item.state==1}}" catchtap="goPay" data-no="{{item.difNo}}">立即支付</view>
	 <view class="detail-btn" wx:else>查看详情</view>


</view>
 


    </view>