jzmall_wx/pages/ucenter/serviceDetail/serviceDetail.wxml

<view class="service-detail-page">
  <view class="order-main-top">
    <view class="order-main-left">
      <view class="order-detail-status">
        {{orderBook.status==3||orderBook.status==4?'订单已完成':(orderBook.status==6?'订单已取消':'订单服务中')}}
      </view>
      <view class="order-detail-des" wx:if="{{orderBook.status==2&&bookCount>=1}}">
        您剩余{{bookCount}}次保洁次卡可预约
      </view>
    </view>
    <view class="order-main-right">
      <view class="service-times">
        <text class="current-times">{{orderBook.servicedTimes}}</text>/{{orderBook.serviceTimes}}
      </view>
    </view>
  </view>

  <!-- 地址信息 -->
  <view class="address-box" wx:if="{{!isHaveAddress}}">
    <view class="address-item" bindtap="selectAddress"
      wx:if="{{checkedAddress.addressId > 0&&checkedAddress.address}}">
      <image class="map-icon" mode="aspectFit" src='/static/images/address/dingwei.png'></image>
      <view class="m">
        <text class="address">{{checkedAddress.address}}</text>
        <view class="address-bottom">
          <text class="user-name">{{checkedAddress.name}}</text>
          <text>{{checkedAddress.tel}}</text>
        </view>
      </view>
      <view class="r">
        <van-icon name="arrow" />
      </view>
    </view>
    <view class="address-item address-empty" bindtap="selectAddress" wx:else>
      <view class="m">
        还没有收货地址，去添加
      </view>
      <view class="r">
        <van-icon name="arrow" />
      </view>
    </view>
  </view>

  <!-- 订单详情信息 -->
  <view class="service-info">
    <view class="info-title">
      {{orderBook.goodsName}} 鲸致生活
    </view>
    <view class="info-content">
      <image mode="aspectFill" class="product-img" src="{{goods.picUrl}}"></image>
      <view class="info-detail">
        <!-- <view>规格：1</view> -->
        <view>服务次数：{{orderBook.serviceTimes}}</view>
        <view>未预约次数：{{noAppoint}}</view>
        <view>单价：¥ {{goods.retailPrice}} 元</view>
      </view>
    </view>
  </view>

  <!-- 次卡列表 -->

  <van-tabs active="{{ activeTab }}" color="#09afff" bind:change="onTabChange">
    <van-tab title="未使用" name="1"></van-tab>
    <van-tab title="已使用" name="2"></van-tab>

  </van-tabs>

  <view class="service-list">
    <view class="service-item" wx:for="{{serList}}" wx:key="index">
      <view class="service-item-top">
        <view class="item-left">
          <image mode="aspectFit" class="ci-img" src="/static/images/icon-ci.png"></image>
          <text>服务次卡</text>
        </view>
        <view class="service-item-status">{{activeTab=='2'?'服务已完成':(item.status===0?("未预约"):(item.status===7?"匹配中":'待履约'))}}</view>
      </view>
      <view class="service-item-bottom">

        <view class="service-time">
          <text>预约时间：</text>
          <text>{{item.bookTime==null?'':item.bookTime}}</text>
        </view>
        <!-- <view class="service-time">
          <text>服务者：</text>
          <text>{{item.servantName==null?'':item.servantName}}</text>
        </view> -->
        <!-- 0-未预约，1-已预约，2-服务中，3-服务已提供，4-服务已完成，5-取消 未付款，6-退款   orderChannel==25-->
        <view class="go-appoint" wx:if="{{item.status===0&&activeTab=='1'&&(aftersaleStatus!=1&&aftersaleStatus!=2)}}"
          bindtap="showAppoint" data-id="{{item.id}}" data-status="{{item.status}}"> 预约</view>
        <view class="go-appoint" wx:if="{{(item.status==1||item.status==7)&&activeTab=='1'}}" bindtap="showAppoint" data-id="{{item.id}}"
          data-status="{{item.status}}" data-time="{{item.bookTime}}">修改预约</view>
      </view>
    </view>
  </view>
  <view class="no-list" wx:if="{{serList.length==0}}">没有更多了</view>

  <!-- custom-style="height: 80%" -->


  <van-popup show="{{ choosePopup }}" round position="bottom" bind:click-overlay="onClose">
    <view class="popup-wrapper popup-wrapper-special">
      <!-- 标题 -->
      <view class="popup-title popup-title-special">
        选择预约时间
      </view>

      <block>
        <view class="popup-content popup-content-special">
          <view class="time-select-left">
            <view wx:for="{{dateList}}" wx:key="index" class="time-select-left-item" bindtap="dateCheck"
              data-index="{{index}}" data-week="{{item.week}}" data-date="{{item.date}}" data-isbook="{{item.isBook}}">
              <view>
                <!-- <view hidden="{{index>1}}" class="date-tag">{{index==0?'明天':'后天'}}</view>
              <text  wx:if="{{index<=1||(index<=7&&(item.week=='周六'||item.week=='周日'))}}" class="full-time">约满</text> -->
                <text wx:if="{{item.name}}" class="date-tag">{{item.name}}</text>
                <text wx:if="{{item.mark}}" class="full-time">{{item.mark}}</text>
              </view>
              <view class="{{dateIndex==index?'current-date':''}}">{{item.date+' '+item.week}}</view>
            </view>
          </view>
          <view class="time-select-right">
            <view wx:for="{{timeList}}" wx:key="id" class="time-select-right-item" bindtap="timeCheck"
              data-stock="{{item.stock}}" data-index="{{index}}">
              <!-- <view class="{{item.stock<=0?'zero-stock':''}}"> -->
							<view>
                <text class="{{timeIndex===index?'current-date':''}}">{{item.time}} </text>
                <!-- <text class="stock-text">(库存:{{item.stock}})</text> -->
              </view>
              <view wx:if="{{timeIndex==index}}" class="date-tag">已选</view>
            </view>
          </view>
        </view>
      </block>


    </view>


    <!-- 确认按钮 -->
    <view class="popup-btn-wrapper">
      <van-button type="info" block round bindtap="confirmTime">确定</van-button>
    </view>



  </van-popup>


</view>