<!--pages/appointmentDetails/appointmentDetails.wxml-->
<view class="app">
  <view class="title">
    <view class="title-box">
      <text class="maoney">¥</text>
      <text class="maoney-nmb" wx:if="{{infor.type_id==2}}">{{infor.minus}}</text>
      <text class="maoney-nmb">{{infor.denomination}}</text>

      <text class="status" wx:if="{{infor.type_id==1}}">体验券</text>
      <text class="status" wx:if="{{infor.type_id==2}}">满减券</text>
      <text class="status" wx:if="{{infor.type_id==3}}">兑换券</text>
    </view>
    <view class="title-details"  wx:if="{{infor.type_id==2}}">满{{infor.full}}可用</view>
    <view class="title-details">{{infor.coupon_name}}</view>
    <view class="title-time">有效期：{{infor.expiration_date}}</view>
  </view>
  <view class="yuan-left"></view>
  <view class="yuan-right"></view>
  <view class="details" >
    <view class="details-yy" wx:if="{{infor.appointment_status==1}}">
      <view class="yy-title yy-details">预约信息</view>
      <view class="yy-details yy-sizestyle">
        <text>姓名</text>
        <text style="float: right;">{{infor.name}}</text>
      </view>
      <view class="yy-details yy-sizestyle">
        <text>联系方式</text>
        <text style="float: right;">{{infor.phone}}</text>
      </view>
      <view class="yy-sizestyle">
        <text>预约时间</text>
        <text style="float: right;">{{infor.appointment_time}}</text>
      </view>
    </view>
    <view class="details-title" wx:if="{{infor.appointment_status==0}}">适用门店</view>
    <view class="details-title" wx:else>预约门店</view>

    <view wx:for="{{store}}" wx:key="key" class="details-list">
      <view class="details-md">{{item.store_name}}</view>
      <view class="details-phone">{{item.contact}}</view>
      <view   class="details-dz">{{item.address}} <text wx:if="{{infor.appointment_status==0}}" class="yy" bindtap="yuyue" data-id="{{item.store_id}}">立即预约</text></view>
    
    </view>
  </view>
  <view class="zysx">
    <view class="zysx-title">注意事项</view>
    <view class="zysx-text">1.抵扣券、折扣券与抵用金均不可兑换为现金。</view>
    <view class="zysx-text">2.每张抵用券在同一活动中只可使用一次。</view>
    <view class="zysx-text">3.新人礼包每个用户只能领取一次。</view>
    <view class="zysx-text">4.老用户推荐成功后可获得活动邀请券，新用户也可邀请好友获得此券。</view>
  </view>
</view>
<!-- /蒙层 -->
<view class="mengcheng" wx:if="{{fromBox}}" bindtap="mengcheng"></view>
<view class="from-box" wx:if="{{fromBox}}">
  <view class="from-title">请输入您的信息</view>
  <view class="piker_n">
    <view class="tui-picker-content">
    <picker mode="multiSelector" value="{{dateTime1}}" bindchange="changeDateTime1" bindcolumnchange="changeDateTimeColumn1" range="{{dateTimeArray1}}">
      <view class="tui-picker-detail">
        {{dateTimeArray1[0][dateTime1[0]]}}-{{dateTimeArray1[1][dateTime1[1]]}}-{{dateTimeArray1[2][dateTime1[2]]}} {{dateTimeArray1[3][dateTime1[3]]}}:{{dateTimeArray1[4][dateTime1[4]]}}
      </view>
    </picker>
  </view>
    </view>
  <view style="margin-bottom: 35rpx;margin-top: 35rpx;">
    <input type="text"
    placeholder="请输入您的姓名"
      style="background: #F3F3F3;width:530rpx;height:84rpx;margin-bottom: 35rpx;margin: 0 auto;padding-left: 34rpx;" value="{{name}}" bindinput="nameChang"></input>
  </view>
  <view style="margin-bottom: 35rpx;">
    <input type="text"
    placeholder="请输入您的手机号"
      style="background: #F3F3F3;width:530rpx;height:84rpx;margin-bottom: 35rpx;margin: 0 auto;padding-left: 34rpx;" value="{{phone}}" bindinput="phoneChang"></input>
  </view>
  <view class="from-btn" bindtap="appointment">立即预约</view>
</view>