confirm-appointment-info.wxml 3.5 KB
<!--pages/index/confirm-appointment-info/confirm-appointment-info.wxml-->
<view class="content">
    <view class="tips {{show?'active':''}}">
        <!--<view>-->
            <view class="iconfont icon-jinggao"></view>
            <text>请在15分钟内确认预约,超时系统将自动取消!</text>
        <!--</view>-->
    </view>
    <view class="time">
        <view class="line"></view>
        <text>预约时间 : </text>
        <text class="date-time">2018年10月10号    10:00-11:30</text>
    </view>

    <view class="address">
        <view class="time">
            <view class="line"></view>
            <text>预约地址 :</text>
        </view>
        <view class="address-detail">
            <!--<text>-->
                朝阳区万寿路5号楼马兰大厦B座301念读书馆内朝阳区读书馆内朝阳区万寿路5号楼马兰大厦B座301念读书万寿路5号楼马兰大厦B座301念读书
            <!--</text>-->
        </view>
    </view>
    <view class="phone-num">
        <view class="line"></view>
        <text>预约电话 :</text>
        <text class="phone">188****8888</text>
    </view>
    <view class="children-name">
        <view class="left-name">
            <view class="line"></view>
            <text>学员姓名</text>
        </view>
        <image src="../../../images/add_btn.png" bindtap="addStudent"></image>
    </view>
    <view class="name-box">
        <view class="check-box" wx:for="{{children}}" wx:key="index" bindtap="chooseChildren"
              data-index="{{index}}">
            <view class="name {{item.is_choose?'change-color':''}}">{{item.name}}</view>
            <image src="../../../images/choose_icon.png" wx:if="{{item.is_choose}}" class="check-icon"></image>
        </view>
    </view>

    <view class="footer">
        <view class="confirm_btn" bindtap="submit">
            <text>确认预约</text>
        </view>
    </view>
    <!--是否购买畅玩卡弹窗-->
    <view class="modal_box" wx:if="{{is_showModal}}" catchtouchmove="disableScroll">
        <view class="background"
              bindtap="handleBackground"
              wx:if="{{is_showModal}}"
              catchtouchmove="disableScroll">
        </view>
        <view class="modalBackground  Augly-bouncein">
            <view class="modal">
                <view class="tips-word">当前学员还没有购买/兑换畅玩卡,暂不能预约实验活动,是否马上购买/兑换?</view>
                <view class="yes-no-btn">
                    <text bindtap="chooseNo" class="{{currentBtn == 0?'change-color':''}}" data-index="{{0}}">否</text>
                    <text bindtap="chooseYes" class="{{currentBtn == 1?'change-color':''}}" data-index="{{1}}">是</text>
                </view>
            </view>
        </view>
    </view>
    <!--预约成功弹窗-->
    <view class="modal_box" wx:if="{{is_showSuccessModal}}" catchtouchmove="disableScroll">
        <view class="background"
              bindtap="handleBackground"
              wx:if="{{is_showSuccessModal}}"
              catchtouchmove="disableScroll">
        </view>
        <view class="modalBackground  Augly-bouncein">
            <view class="success-modal">
                <image src="../../../images/success.jpg"></image>
                <view class="congratulations">恭喜您</view>
                <view class="appointment-success">您已经预约成功!</view>
                <view class="confirm-btn" bindtap="modalConfirm">确定</view>
            </view>
        </view>
    </view>
</view>