<navbar text="停车"></navbar>
<view style="height:{{navigationBarHeight}} "></view>
<view class='container' wx:if="{{ifHaveCarModular == 1}}">
  <view class='top'>
    <view class='header'>
      <image src='{{parkUrl}}' mode="widthFix"></image>{{park.addr}}
      (<text style='color:#f86661;'>{{park.number}}</text>车位)
    </view>
  </view>
  <view class='borderBox'>
    <view class='passNumberBox'>
      <!-- 有车牌的时候显示 -->
      <view class='passUp'>
        <view class='addicense_active' wx:if='{{carList.length>0}}'>
          <swiper current="{{current}}" bindchange='onSlideChangeEnd' class='swiper swiper-box' circular='true' indicator-dots='{{indicatorDots}}' autoplay='{{autoplay}}' interval='1500' duration='1500'>
            <block wx:for='{{carList}}' wx:key="unique">
              <swiper-item class="swiper-item" data-memberKeyword='{{item.carNumber}}'>
                <view class='clearfix clearfix1'>
                  <text class='txt01'>{{item.carNumber}}</text>
                </view>
              </swiper-item>
            </block>
          </swiper>
        </view>
      </view>
    </view>
  </view>
  <!-- <view class='coupon clearfix' bindtap='gotoquan' wx:if="{{couponList.length>0}}"> -->
  <view style="padding:0 25rpx;" class='coupon clearfix' bindtap='openTicketModal' wx:if="{{couponList.length>0&&stopFees.orderId}}">
    <text class='fl'><text class='jians'>券</text>使用停车券:</text>
    <view class="fr">
      <text wx:if="{{quantitle}}">{{quantitle}}</text>
      <text wx:else>{{totalTicketNum}}张可用</text>
      <image class='jiant' src='{{jianUrl}}' mode='widthFix'></image>
    </view>
  </view>
  <view class='orderBox' wx:if="{{stopFees.orderId&&carList.length>0&&3>=carList.length}}">
    <view class='clearfix'>
      <text class="fl">入场时间:</text>
      <text class='fr time'>{{stopFees.entranceTime}}</text>
    </view>
    <view class='clearfix'>
      <text class="fl">停车时长:</text>
      <text class='fr time'>{{timecha}}</text>
    </view>
    <view class="clearfix">
      <text class="fl">待缴费用:</text>
      <text class='fr' style='color:#ff4949;'>{{stopFees.remainingFee}}元</text>
    </view>
    <view class="clearfix" wx:if="{{remark}}">
      <text class="fl">备注:</text>
      <text class='fr time'>{{remark}}</text>
    </view>

    <view class="clearfix" wx:if="{{stopFees.sysNotice!=''&&stopFees.sysNotice}}">
      <text class="fl" style="color:red">系统提示:</text>
      <text class='fr' style="color:red">{{stopFees.sysNotice}}</text>
    </view>
    <!-- <view >
      系统提示：
    </view> -->
    <!-- 停车费用大于0 etcp -->
    <view class="buy-view" wx:if="{{stopFees.orderId&&stopFees.remainingFee>0&&parkVendor==1}}">
      <navigator bindfail="bindfail" path="{{payPath}}" wx:if="{{canIUse}}" class='buy' target="miniProgram" open-type="navigate" app-id="{{etcpAppId}}" extra-data='{{extraData}}' version="{{carMiniVersion}}">
        立即支付
      </navigator>
      <view wx:if="{{!canIUse}}" class='buy' data-flag="parkVendor1" bindtap='gotoCarMini'>立即支付</view>
    </view>
    <!-- 停车费用大于0 tjd -->
    <view class="buy-view" wx:if="{{stopFees.orderId&&stopFees.remainingFee>0&&parkVendor==2}}">
      <navigator bindfail="bindfail" path="{{payPath}}" wx:if="{{canIUse}}" class='buy' target="miniProgram" open-type="navigate" app-id="{{tjdAppId}}" extra-data='{{extraData}}' version="{{carMiniVersion}}">
        立即支付
      </navigator>
      <view wx:if="{{!canIUse}}" class='buy' data-flag="parkVendor1" bindtap='gotoCarMini'>立即支付</view>
    </view>
    <!-- 停车费用大于0 bolink -->
    <view class="buy-view" wx:if="{{stopFees.orderId&&stopFees.remainingFee>0&&parkVendor==5}}">
      <navigator bindfail="bindfail" path="{{payPath}}" wx:if="{{canIUse}}" class='buy' target="miniProgram" open-type="navigate" app-id="{{bolinkAppId}}" extra-data='{{extraData}}' version="{{carMiniVersion}}">
        立即支付
      </navigator>
      <view wx:if="{{!canIUse}}" class='buy' data-flag="parkVendor5" bindtap='gotoCarMini'>立即支付</view>
    </view>
    <!-- 通用停车 -->
    <view class="buy-view" wx:if="{{stopFees.orderId&&stopFees.remainingFee>0&&parkVendor!=1&&parkVendor!=2&&parkVendor!=3&&parkVendor!=4&&parkVendor!=5&&extraDataFlag!='{}'}}">
      <navigator bindfail="bindfail" path="{{generalPayPath}}" wx:if="{{canIUse}}" class='buy' target="miniProgram" open-type="navigate" app-id="{{generalAppId}}" extra-data='{{generalExtraData}}' version="{{carMiniVersion}}">
        立即支付
      </navigator>
      <view wx:if="{{!canIUse}}" class='buy' data-flag="parkVendor1" bindtap='gotoCarMini'>立即支付</view>
    </view>


    <view class="buy-view" wx:if="{{stopFees.orderId&&stopFees.remainingFee>0&&parkVendor!=1&&parkVendor!=2&&parkVendor!=3&&parkVendor!=4&&parkVendor!=5&&extraDataFlag=='{}'}}">
      <navigator bindfail="bindfail" path="{{generalPayPath}}" wx:if="{{canIUse}}" class='buy' target="miniProgram" open-type="navigate" app-id="{{generalAppId}}" version="{{carMiniVersion}}">
        立即支付
      </navigator>
      <view wx:if="{{!canIUse}}" class='buy' data-flag="parkVendor1" bindtap='gotoCarMini'>立即支付</view>
    </view>

    <!-- 停车费用为0 -->
    <view wx:if="{{stopFees.remainingFee==0}}" class='buy' bindtap='paySuccess'>立即支付</view>
  </view>

  <!-- 没有车牌的时候显示 -->
  <view class='borderUp' bindtap='jumpToAdd' wx:if="{{carList.length==0}}">
    <view class="myCars">
      <!-- <image src='{{addUrl}}' mode="widthFix"></image> -->
      添加车牌
    </view>
    <text class='carNumber'>车辆入场后，才能绑车牌</text>
  </view>
  <view class='bottonBox'>
    <view class='textStyle' bindtap='showquan'>
      <image src='{{tingcheHr}}'></image>
      我的停车券
      <view class='detail'>
        <image src='{{jianUrl}}'></image>
      </view>
    </view>

    <view class='textStyle' bindtap='gotomange'>
      <image src='{{guanliHr}}'></image>
      车辆管理
      <view class='detail'>
        <image src='{{jianUrl}}'></image>
      </view>
    </view>

    <view class='textStyle' bindtap='gotodetail' data-rule='{{park.stopFee}}'>
      <image src='{{jiaofei}}'></image>
      缴费规则
      <view class='detail'>
        <image src='{{jianUrl}}'></image>
      </view>
    </view>

    <view class='textStyle' bindtap='passc'>
      <image src='{{wentiHr}}'></image>
      常见问题
      <view class='detail'>
        <image src='{{jianUrl}}'></image>
      </view>
    </view>
    <view class='textStyle' bindtap='goExplain'>
      <image src='{{stopThat}}'></image>
      使用说明
      <view class='detail'>
        <image src='{{jianUrl}}'></image>
      </view>
    </view>

  </view>
</view>

<view class="con" wx:if="{{ifHaveCarModular == 0}}">
  <image class="img" src="{{parkUrl}}" mode="widthFix"></image>
  <text class="txt1">智慧停车即将上线</text>
  <text class="txt2">敬请期待</text>
</view>
<!--  -->
<view bindtap="closeTicketModal" class="gray-bg" catchtouchmove="cancelMove" wx:if="{{showTicketModal}}"></view>
<view class="ticket-modal" wx:if="{{showTicketModal}}">
  <view style='padding-top:0;'>
    <view class="nocoupon" wx:if="{{ticketList.length==0}}" style="margin-top:100rpx;">
      <image src="{{noCoupon}}" mode="widthFix" />
      <text class="txt001">请您敬请期待</text>
      <text class='txt002'>我们正在筹备一大波优惠活动</text>
      <navigator class='nav' url="{{goHomeUrl}}" open-type="switchTab" hover-class="other-navigator-hover">
        <button hover-class='active'>前往首页看看</button>
      </navigator>
    </view>
    <view wx:if="{{ticketList.length>0}}" class="ticket-title-tip">
      <text>停车券</text>
      <icon bindtap="closeTicketModal" class="close-icon" type="cancel"></icon>
    </view>
    <scroll-view bindscrolltolower="getMoreList" scroll-y style="height:800rpx;">
      <view class='section' wx:for='{{ticketList}}' wx:key="index" bindtap="choicecoupon" data-title="{{item.title}}" data-id="{{item.id}}">
        <view class='mms'>
          <!-- <text>{{index}}</text> -->
          <!-- <image class='gou' wx:if="{{item.id==quanid}}" mode='widthFix' src='{{gouHr}}'></image> -->
          <view class='detail_msg'>
            <view class='info'>
              <view class='title'>
                <text>{{item.title}}</text>
              </view>
              <view class='subtitle'>
                <text>{{item.subTitle}}</text>
              </view>
              <view class="btns">
                <text class='yuan' style='margin-right:10rpx;'>售价:{{item.salePrice/100}}元</text><text class='yuan' style='text-decoration:line-through' wx:if="{{item.unit==0}}">{{item.price/100}}元</text>
                <text class='yuan' style='text-decoration:line-through' wx:if="{{item.unit==1}}">{{item.price/100}}小时</text>
              </view>
            </view>
          </view>
          <!-- <image class="liness" src='{{linessUrl}}' mode="widthFix"></image> -->
          <view class='expiretime'>
            <text class="txt1">有效期至：</text>
            <text class="txt1">{{item.expiredTime}}</text>
          </view>
        </view>
      </view>
    </scroll-view>
    <view class="loading" wx:if="{{loading}}">
      <image src="{{loadingUrl}}" mode="widthFix"></image>{{content}}
    </view>
  </view>
</view>