<view class="container" wx:for="{{tment_details}}" wx:if="{{index<1}}" catchtap="close">
  <!-- 预约人的属性 -->
  <view class="Subscriber padding">
    <!-- 状态栏 -->
    <view class="statusBar fs32 flex-vertical-between lf">
      <view>预约状态：</view>
      <view wx:if="{{item.State==0}}">未服务</view>
      <view wx:if="{{item.State==1}}">已服务</view>
      <view wx:if="{{item.State==2}}">已过期</view>
      <view wx:if="{{item.State==3}}">已取消</view>
      <view wx:if="{{item.State==4}}">已评价</view>
    </view>
    <view class="fs30">
      <view class="items lf">
        <!-- 预约订单 -->
        <view class="flex-vertical bmt" bindtap="code_show" data-order_sn="{{number}}" wx:if="{{item.State==0}}">
          <view class="flex-vertical ai-bas">
            <view class="name">预约订单:</view>
            <view class="ellipsis-1 value">{{number}}</view>
          </view>
          <image src="{{iurl}}miniapp/images/order/code.png" class="code"></image>
        </view>

        <!-- 预约门店 -->
        <view class="flex-vertical bmt ai-bas">
          <view class="name">预约门店:</view>
          <view class="ellipsis-1 value">{{item.StorageName}}</view>
        </view>

        <!-- 预约项目 -->
        <view class="flex-vertical bmt ai-bas">
          <view class="name">预约项目:</view>
          <view class="ellipsis-1 value">{{item.ServiceName}}</view>
        </view>

        <!-- 预约时间 -->
        <view class="flex-vertical bmt ai-bas">
          <view class="name">预约时间:</view>
          <view class="date">{{arrangeTime}}</view>
          <view>{{day}}</view>
        </view>
      </view>
      <view class="bt">

        <!-- 美容师 -->
        <view class="flex-vertical bmt ai-bas">
          <view class="name flex-vertical-between">
            <block wx:if="{{item.State==1 || item.State==4}}">
              <view>服务美容师:</view>
            </block>
            <block wx:else>
              <view>预约美容师:</view>
            </block>
          </view>
          <view class="ellipsis-1 value">{{item.BeauticianName}}</view>
        </view>
        <!-- 预约人及联系方式 -->
        <!-- 姓名 -->
        <view class="flex-vertical bmt ai-bas">
          <view class="name flex-vertical-between">
            <view>预</view>
            <view>约</view>
            <view>人:</view>
          </view>
          <view class="ellipsis-1 value">{{item.VIPName}}</view>
        </view>
        <!-- 号码 -->
        <view class="flex-vertical ai-bas">
          <view class="name flex-vertical-between">
            <view>手</view>
            <view>机</view>
            <view>号:</view>
          </view>
          <view>{{item.MobileTel}}</view>
        </view>
      </view>
    </view>

  </view>

  <!-- 温馨提示内容 -->
  <view class="Tips fs30 lf rel padding">
    <!-- 棒槌 -->
    <view class="Stickl abs"></view>
    <view class="Stickl Stickr abs"></view>

    <view class="Cozy flex-center" style="background-image: url({{iurl}}/miniapp/images/yyservice/icon.png);">
      <view>温馨提示</view>
    </view>
    <view>1.预约成功后需在指定时间前到达;</view>
    <view>2.如有任何问题可致电咨询;</view>
    <view>3.如需退约，需提前取消。</view>
  </view>
  <!-- submit栏 -->
  <view class="subs flex-vertical-between fs32">
    <!-- 左边栏 -->
    <view class="sub flex-center yellow-b" wx:if="{{item.State==0}}" bindtap="cancel_tment">
      <view class="yellow-b" data-index="{{index}}">取消预约</view>
    </view>
    <navigator wx:if="{{item.State>0}}" class="sub flex-center yellow-b" url="/packageG/pages/user/my_service/tment_order_list">
      <view class="yellow-b">我的服务</view>
    </navigator>
    <!-- 右边栏 -->
    <navigator wx:if="{{item.State==0}}" class="sub rb flex-center" url="/packageG/pages/user/my_service/beauty_deta?BeauticianID={{item.BeauticianID}}&number={{item.Number}}&itemId={{item.ServiceID}}&modify=1&projectId={{item.ProjectID}}&VipId={{item.VipID}}">
      <view>更改时间</view>
    </navigator>
    <navigator wx:if="{{item.State==1}}" class="sub rb flex-center" url="/packageG/pages/user/my_service/tment_eval?Number={{item.Number}}&evaluate={{0}}">
      <view>发表评价</view>
    </navigator>
    <navigator wx:if="{{item.State==4}}" class="sub rb flex-center" url="/packageG/pages/user/my_service/tment_eval?Number={{item.Number}}&evaluate={{1}}">
      <view>查看评价</view>
    </navigator>
    <navigator wx:if="{{item.State==2 || item.State==3}}" class="sub rb flex-center" url="/packageG/pages/user/my_service/appment_main?ProjectID={{item.ProjectID}}&BuyType={{item.BuyType}}&service_id={{item.ServiceID}}">
      <view>重新预约</view>
    </navigator>

  </view>

</view>

<!--  制作一个圆球导航  -->
<nav_b id="nav_b"></nav_b>
<my_confirm id="my_confirm"></my_confirm>
<!-- 弹出框扫描 -->
<qr_code id="qc_com"></qr_code>
<warn id="warn"></warn>