tment_details.wxml 3.71 KB
<view class="container" wx:for="{{tment_details}}" wx:if="{{index<1}}">
  <!-- 预约人的属性 -->
  <view class="Subscriber">
    <!-- 状态栏 -->
    <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>
    <view class="fs30">
      <view class="items lf">
        <!-- 预约门店 -->
        <view class="flex-vertical bmt">
          <view class="name">预约门店:</view>
          <view class="ellipsis-1 value">{{item.StorageName}}</view>
        </view>

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

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

        <!-- 美容师 -->
        <view class="flex-vertical bmt">
          <view class="name flex-vertical-between">
            <view>美</view>
            <view>容</view>
            <view>师:</view>
          </view>
          <view class="ellipsis-1 value">{{item.BeauticianName}}</view>
        </view>
        <!-- 预约人及联系方式 -->
        <!-- 姓名 -->
        <view class="flex-vertical bmt">
          <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">
          <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">
    <!-- 棒槌 -->
    <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.States==1}}">
      <view class="yellow-b" wx:if="{{item.States==1}}">取消预约</view>
    </view>
    <navigator wx:if="{{item.States!=1}}" class="sub flex-center yellow-b"  url="/pages/user/my_service/tment_order_list">
      <view class="yellow-b">我的服务</view>
    </navigator>
    <!-- 右边栏 -->
    <navigator wx:if="{{item.States==0}}" class="sub rb flex-center" url="/pages/user/my_service/beauty_deta">
      <view>更改时间</view>
    </navigator>
    <navigator wx:if="{{item.States==1}}" class="sub rb flex-center" url="/pages/user/my_service/tment_eval">
      <view>发表评价</view>
    </navigator>
    <navigator wx:if="{{item.States==2}}" class="sub rb flex-center" url="/pages/user/my_service/appment_main">
      <view>重新预约</view>
    </navigator>
     <navigator wx:if="{{item.States==3}}" class="sub rb flex-center" bindtap="goto">
      <view>回到首页</view>
    </navigator>

  </view>
</view>
<warn id="warn"></warn>