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="service-info">
		  <view class="info-title">
				{{orderBook.goodsName}}  鲸致生活
			</view>
			<view class="info-content">
				 <image mode="aspectFit"  class="product-img"
				 src="{{goods.picUrl}}"></image>
				 <view class="info-detail">
						<view>规格：1</view>
						<view>服务次数：{{orderBook.serviceTimes}}</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?'未预约':'已预约')}}</view>
				</view>
				<view class="service-item-bottom">
					
					<!-- <view class="go-appoint" wx:if="{{item.status===0&&activeTab=='1'}}"  bindtap="showAppoint" data-id="{{item.id}}">去预约</view> -->
         
					<view class="service-time" >
						<text>预约时间：</text>
						<text>{{item.bookTime}}</text>
					</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">
<!-- 标题 -->
<view class="popup-title">
 选择预约时间
</view>

    <block>
      <view class="popup-content">
      <view class="time-select-left">
          <view wx:for="{{dateList}}" wx:key="index" class="time-select-left-item" bindtap="dateCheck" data-index="{{index}}">
            <view hidden="{{index>1}}" class="date-tag">{{index==0?'明天':'后天'}}</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-index="{{index}}">
         <view class="{{timeIndex==index?'current-date':''}}">{{item.time}}</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>