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.

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