C端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

195 lines
9.0 KiB

  1. <navbar text="停车"></navbar>
  2. <view style="height:{{navigationBarHeight}} "></view>
  3. <view class='container' wx:if="{{ifHaveCarModular == 1}}" >
  4. <view class='top'>
  5. <view class='header'>
  6. <image src='{{parkUrl}}' mode="widthFix"></image>{{park.addr}}
  7. (<text style='color:#f86661;'>{{park.number}}</text>车位)</view>
  8. </view>
  9. <view class='borderBox'>
  10. <view class='passNumberBox'>
  11. <!-- 有车牌的时候显示 -->
  12. <view class='passUp'>
  13. <view class='addicense_active' wx:if='{{carList.length>0}}'>
  14. <swiper current="{{current}}" bindchange='onSlideChangeEnd' class='swiper swiper-box' circular='true' indicator-dots='{{indicatorDots}}' autoplay='{{autoplay}}' interval='1500' duration='1500'>
  15. <block wx:for='{{carList}}' wx:key="unique">
  16. <swiper-item class="swiper-item" data-memberKeyword='{{item.carNumber}}'>
  17. <view class='clearfix clearfix1'>
  18. <text class='txt01'>{{item.carNumber}}</text>
  19. </view>
  20. </swiper-item>
  21. </block>
  22. </swiper>
  23. </view>
  24. </view>
  25. </view>
  26. </view>
  27. <!-- <view class='coupon clearfix' bindtap='gotoquan' wx:if="{{couponList.length>0}}"> -->
  28. <view style="padding:0 25rpx;" class='coupon clearfix' bindtap='openTicketModal' wx:if="{{couponList.length>0&&stopFees.orderId}}">
  29. <text class='fl'><text class='jians'>券</text>优惠券:</text>
  30. <view class="fr">
  31. <text wx:if="{{quantitle}}">{{quantitle}}</text>
  32. <text wx:else>{{totalTicketNum}}张可用</text>
  33. <image class='jiant' src='{{jianUrl}}' mode='widthFix'></image>
  34. </view>
  35. </view>
  36. <view class='orderBox' wx:if="{{stopFees.orderId&&carList.length>0&&3>=carList.length}}">
  37. <view class='clearfix'>
  38. <text class="fl">入场时间:</text>
  39. <text class='fr time'>{{stopFees.entranceTime}}</text>
  40. </view>
  41. <view class='clearfix'>
  42. <text class="fl">停车时长:</text>
  43. <text class='fr time'>{{timecha}}</text>
  44. </view>
  45. <view class="clearfix">
  46. <text class="fl">待缴费用:</text>
  47. <text class='fr' style='color:#ff4949;'>{{stopFees.remainingFee}}元</text>
  48. </view>
  49. <view class="clearfix" wx:if="{{remark}}">
  50. <text class="fl">备注:</text>
  51. <text class='fr time' >{{remark}}</text>
  52. </view>
  53. <!-- 停车费用大于0 etcp -->
  54. <view class="buy-view" wx:if="{{stopFees.orderId&&stopFees.remainingFee>0&&parkVendor==1}}">
  55. <navigator bindfail="bindfail" path="{{payPath}}" wx:if="{{canIUse}}" class='buy' target="miniProgram" open-type="navigate" app-id="{{etcpAppId}}" extra-data='{{extraData}}' version="{{carMiniVersion}}">
  56. 立即支付
  57. </navigator>
  58. <view wx:if="{{!canIUse}}" class='buy' data-flag="parkVendor1" bindtap='gotoCarMini'>立即支付</view>
  59. </view>
  60. <!-- 停车费用大于0 tjd -->
  61. <view class="buy-view" wx:if="{{stopFees.orderId&&stopFees.remainingFee>0&&parkVendor==2}}">
  62. <navigator bindfail="bindfail" path="{{payPath}}" wx:if="{{canIUse}}" class='buy' target="miniProgram" open-type="navigate" app-id="{{tjdAppId}}" extra-data='{{extraData}}' version="{{carMiniVersion}}">
  63. 立即支付
  64. </navigator>
  65. <view wx:if="{{!canIUse}}" class='buy' data-flag="parkVendor1" bindtap='gotoCarMini'>立即支付</view>
  66. </view>
  67. <!-- 停车费用大于0 bolink -->
  68. <view class="buy-view" wx:if="{{stopFees.orderId&&stopFees.remainingFee>0&&parkVendor==5}}">
  69. <navigator bindfail="bindfail" path="{{payPath}}" wx:if="{{canIUse}}" class='buy' target="miniProgram" open-type="navigate" app-id="{{bolinkAppId}}" extra-data='{{extraData}}' version="{{carMiniVersion}}">
  70. 立即支付
  71. </navigator>
  72. <view wx:if="{{!canIUse}}" class='buy' data-flag="parkVendor5" bindtap='gotoCarMini'>立即支付</view>
  73. </view>
  74. <!-- 通用停车 -->
  75. <view class="buy-view" wx:if="{{stopFees.orderId&&stopFees.remainingFee>0&&parkVendor!=1&&parkVendor!=2&&parkVendor!=3&&parkVendor!=4&&parkVendor!=5&&extraDataFlag!='{}'}}">
  76. <navigator bindfail="bindfail" path="{{generalPayPath}}" wx:if="{{canIUse}}" class='buy' target="miniProgram" open-type="navigate" app-id="{{generalAppId}}" extra-data='{{generalExtraData}}' version="{{carMiniVersion}}">
  77. 立即支付
  78. </navigator>
  79. <view wx:if="{{!canIUse}}" class='buy' data-flag="parkVendor1" bindtap='gotoCarMini'>立即支付</view>
  80. </view>
  81. <view class="buy-view" wx:if="{{stopFees.orderId&&stopFees.remainingFee>0&&parkVendor!=1&&parkVendor!=2&&parkVendor!=3&&parkVendor!=4&&parkVendor!=5&&extraDataFlag=='{}'}}">
  82. <navigator bindfail="bindfail" path="{{generalPayPath}}" wx:if="{{canIUse}}" class='buy' target="miniProgram" open-type="navigate" app-id="{{generalAppId}}" version="{{carMiniVersion}}">
  83. 立即支付
  84. </navigator>
  85. <view wx:if="{{!canIUse}}" class='buy' data-flag="parkVendor1" bindtap='gotoCarMini'>立即支付</view>
  86. </view>
  87. <!-- 停车费用为0 -->
  88. <view wx:if="{{stopFees.remainingFee==0}}" class='buy' bindtap='paySuccess'>立即支付</view>
  89. </view>
  90. <!-- 没有车牌的时候显示 -->
  91. <view class='borderUp' bindtap='jumpToAdd' wx:if="{{carList.length==0}}">
  92. <view class="myCars">
  93. <!-- <image src='{{addUrl}}' mode="widthFix"></image> -->
  94. 添加车牌
  95. </view>
  96. <text class='carNumber'>车辆入场后,才能绑车牌</text>
  97. </view>
  98. <view class='bottonBox'>
  99. <view class='textStyle' bindtap='showquan'>
  100. <image src='{{tingcheHr}}'></image>
  101. 我的停车券
  102. <view class='detail'>
  103. <image src='{{jianUrl}}'></image>
  104. </view>
  105. </view>
  106. <view class='textStyle' bindtap='gotomange'>
  107. <image src='{{guanliHr}}'></image>
  108. 车辆管理
  109. <view class='detail'>
  110. <image src='{{jianUrl}}'></image>
  111. </view>
  112. </view>
  113. <view class='textStyle' bindtap='gotodetail' data-rule='{{park.stopFee}}'>
  114. <image src='{{jiaofei}}'></image>
  115. 缴费规则
  116. <view class='detail'>
  117. <image src='{{jianUrl}}'></image>
  118. </view>
  119. </view>
  120. <view class='textStyle' bindtap='passc'>
  121. <image src='{{wentiHr}}'></image>
  122. 常见问题
  123. <view class='detail'>
  124. <image src='{{jianUrl}}'></image>
  125. </view>
  126. </view>
  127. <view class='textStyle' bindtap='goExplain'>
  128. <image src='{{stopThat}}'></image>
  129. 使用说明
  130. <view class='detail'>
  131. <image src='{{jianUrl}}'></image>
  132. </view>
  133. </view>
  134. </view>
  135. </view>
  136. <view class="con" wx:if="{{ifHaveCarModular == 0}}" >
  137. <image class="img" src="{{parkUrl}}" mode="widthFix"></image>
  138. <text class="txt1">智慧停车即将上线</text>
  139. <text class="txt2">敬请期待</text>
  140. </view>
  141. <!-- -->
  142. <view bindtap="closeTicketModal" class="gray-bg" catchtouchmove="cancelMove" wx:if="{{showTicketModal}}"></view>
  143. <view class="ticket-modal" wx:if="{{showTicketModal}}">
  144. <view style='padding-top:0;'>
  145. <view class="nocoupon" wx:if="{{ticketList.length==0}}" style="margin-top:100rpx;">
  146. <image src="{{noCoupon}}" mode="widthFix" />
  147. <text class="txt001">请您敬请期待</text>
  148. <text class='txt002'>我们正在筹备一大波优惠活动</text>
  149. <navigator class='nav' url="/index/index" open-type="switchTab" hover-class="other-navigator-hover">
  150. <button hover-class='active'>前往首页看看</button>
  151. </navigator>
  152. </view>
  153. <view wx:if="{{ticketList.length>0}}" class="ticket-title-tip">
  154. <text>停车券</text>
  155. <icon bindtap="closeTicketModal" class="close-icon" type="cancel"></icon>
  156. </view>
  157. <scroll-view bindscrolltolower="getMoreList" scroll-y style="height:800rpx;">
  158. <view class='section' wx:for='{{ticketList}}' wx:key='{{index}}' bindtap="choicecoupon" data-title="{{item.title}}" data-id="{{item.id}}">
  159. <view class='mms'>
  160. <!-- <text>{{index}}</text> -->
  161. <!-- <image class='gou' wx:if="{{item.id==quanid}}" mode='widthFix' src='{{gouHr}}'></image> -->
  162. <view class='detail_msg'>
  163. <view class='info'>
  164. <view class='title'>
  165. <text>{{item.title}}</text>
  166. </view>
  167. <view class='subtitle'>
  168. <text>{{item.subTitle}}</text>
  169. </view>
  170. <view class="btns">
  171. <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>
  172. <text class='yuan' style='text-decoration:line-through' wx:if="{{item.unit==1}}">{{item.price/100}}小时</text>
  173. </view>
  174. </view>
  175. </view>
  176. <!-- <image class="liness" src='{{linessUrl}}' mode="widthFix"></image> -->
  177. <view class='expiretime'>
  178. <text class="txt1">有效期至:</text>
  179. <text class="txt1">{{item.expiredTime}}</text>
  180. </view>
  181. </view>
  182. </view>
  183. </scroll-view>
  184. <view class="loading" wx:if="{{loading}}">
  185. <image src="{{loadingUrl}}" mode="widthFix"></image>{{content}}
  186. </view>
  187. </view>
  188. </view>