C端小程序
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

218 行
10 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 wx:if="{{park.number>0}}">(<text style='color:#f86661;'>{{park.number}}</text>车位)</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&&stopFees.remainingFee>0}}">
  30. <text class='fl'><text class='jians'>券</text>您有停车券可使用哦</text>
  31. <view class="fr" style="margin-left:180rpx ;">
  32. <text wx:if="{{quantitle}}">{{quantitle}}</text>
  33. <text wx:else><text style="font-size: 32rpx;color: red;">{{totalTicketNum}}</text> 张可用</text>
  34. <image class='jiant' src='{{jianBlueUrl}}' 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. <view wx:if="{{supportPay && supportPay==1 && stopFees.remainingFee>0}}" class='buy' bindtap='goToPay'>立即支付</view>
  97. <!-- <view wx:if="{{stopFees.remainingFee==0}}" class='buy' bindtap='paySuccess'>立即支付</view> -->
  98. </view>
  99. <!-- 没有车牌的时候显示 -->
  100. <view class='borderUp' bindtap='jumpToAdd' wx:if="{{carList.length==0}}">
  101. <view class="myCars">
  102. <!-- <image src='{{addUrl}}' mode="widthFix"></image> -->
  103. 添加车牌
  104. </view>
  105. <text class='carNumber'>车辆入场后,才能绑车牌</text>
  106. </view>
  107. <view class='bottonBox'>
  108. <view class='textStyle' bindtap='showList'>
  109. <image src='{{tingcheHr}}'></image>
  110. 我的支付订单
  111. <view class='detail'>
  112. <image src='{{jianUrl}}'></image>
  113. </view>
  114. </view>
  115. <view class='textStyle' bindtap='showquan'>
  116. <image src='{{tingcheHr}}'></image>
  117. 我的停车券
  118. <view class='detail'>
  119. <image src='{{jianUrl}}'></image>
  120. </view>
  121. </view>
  122. <view class='textStyle' bindtap='gotomange'>
  123. <image src='{{guanliHr}}'></image>
  124. 车辆管理
  125. <view class='detail'>
  126. <image src='{{jianUrl}}'></image>
  127. </view>
  128. </view>
  129. <view class='textStyle' bindtap='gotodetail' data-rule='{{park.stopFee}}'>
  130. <image src='{{jiaofei}}'></image>
  131. 缴费规则
  132. <view class='detail'>
  133. <image src='{{jianUrl}}'></image>
  134. </view>
  135. </view>
  136. <view class='textStyle' bindtap='passc'>
  137. <image src='{{wentiHr}}'></image>
  138. 常见问题
  139. <view class='detail'>
  140. <image src='{{jianUrl}}'></image>
  141. </view>
  142. </view>
  143. <view class='textStyle' bindtap='goExplain'>
  144. <image src='{{stopThat}}'></image>
  145. 使用说明
  146. <view class='detail'>
  147. <image src='{{jianUrl}}'></image>
  148. </view>
  149. </view>
  150. </view>
  151. </view>
  152. <view class="con" wx:if="{{ifHaveCarModular == 0}}">
  153. <image class="img" src="{{parkUrl}}" mode="widthFix"></image>
  154. <text class="txt1">智慧停车即将上线</text>
  155. <text class="txt2">敬请期待</text>
  156. </view>
  157. <!-- -->
  158. <view bindtap="closeTicketModal" class="gray-bg" catchtouchmove="cancelMove" wx:if="{{showTicketModal}}"></view>
  159. <view class="ticket-modal" wx:if="{{showTicketModal}}">
  160. <view style='padding-top:0;'>
  161. <view class="nocoupon" wx:if="{{ticketList.length==0}}" style="margin-top:100rpx;">
  162. <image src="{{noCoupon}}" mode="widthFix" />
  163. <text class="txt001">请您敬请期待</text>
  164. <text class='txt002'>我们正在筹备一大波优惠活动</text>
  165. <navigator class='nav' url="{{goHomeUrl}}" open-type="switchTab" hover-class="other-navigator-hover">
  166. <button hover-class='active'>前往首页看看</button>
  167. </navigator>
  168. </view>
  169. <view wx:if="{{ticketList.length>0}}" class="ticket-title-tip">
  170. <text>停车券</text>
  171. <icon bindtap="closeTicketModal" class="close-icon" type="cancel"></icon>
  172. </view>
  173. <scroll-view bindscrolltolower="getMoreList" scroll-y style="height:800rpx;">
  174. <view class='section' wx:for='{{ticketList}}' wx:key="index" bindtap="choicecoupon" data-title="{{item.title}}" data-id="{{item.id}}">
  175. <view class='mms'>
  176. <!-- <text>{{index}}</text> -->
  177. <!-- <image class='gou' wx:if="{{item.id==quanid}}" mode='widthFix' src='{{gouHr}}'></image> -->
  178. <view class='detail_msg'>
  179. <view class='info'>
  180. <view class='title'>
  181. <text>{{item.title}}</text>
  182. </view>
  183. <view class='subtitle'>
  184. <text>{{item.subTitle}}</text>
  185. </view>
  186. <view class="btns">
  187. <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>
  188. <text class='yuan' style='text-decoration:line-through' wx:if="{{item.unit==1}}">{{item.price/100}}小时</text>
  189. </view>
  190. </view>
  191. </view>
  192. <!-- <image class="liness" src='{{linessUrl}}' mode="widthFix"></image> -->
  193. <view class='expiretime'>
  194. <text class="txt1">有效期至:</text>
  195. <text class="txt1">{{item.expiredTime}}</text>
  196. </view>
  197. </view>
  198. </view>
  199. </scroll-view>
  200. <view class="loading" wx:if="{{loading}}">
  201. <image src="{{loadingUrl}}" mode="widthFix"></image>{{content}}
  202. </view>
  203. </view>
  204. </view>