a-pay.swan 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196
  1. <scroll-view scroll-y style="height:{{scrollHeight}}px" id="scrollBox" bindscroll="scrollAction" scroll-with-animation scroll-top="{{scrollTop}}" >
  2. <view id="wrapBox">
  3. <view>
  4. <image src="../../../../icon/home/a_p_banner.png" class="banner"></image>
  5. </view>
  6. <view class="sale">
  7. <view class="wrap">
  8. <text>自助缴社保 按当地最低标准缴费</text>
  9. <text>服务费降至行业冰点价,每月只需{{data.fund_charge}}元</text>
  10. <view>
  11. <text>服务费:¥{{servicePrice}}</text>
  12. <text>月销量{{sale}}笔</text>
  13. </view>
  14. </view>
  15. </view>
  16. <view class="type">
  17. <view s-for="currtentData" class="typeItem">
  18. <view class="wrap">
  19. <text>{{item.t}}</text>
  20. <view bindtap="{{index==0?'openModal':''}}" data-type="{{dataset[index]}}">
  21. <text s-if="{{index==0}}" style="color:#333333">{{item.c}}</text>
  22. <text s-if="{{index==1}}" style="font-family: PingFangSC-Medium;font-size: 30rpx;color: #ff5e5e;">下限{{fundMin}}元/月-上限{{fundMax}}元/月</text>
  23. <text
  24. s-if="{{index==0}}">目前可购买{{time.sYear}}年{{time.sMonth}}月及之后月份,截止时间为{{time.eMonth}}月{{time.eDay}}日</text>
  25. <text s-if="{{index==1}}">根据自身需要选择缴费金额</text>
  26. <image s-if="{{index==0}}" src="../../../../icon/public/arrow_right.png"></image>
  27. </view>
  28. </view>
  29. </view>
  30. <view class="tips" s-if="{{data.fund_desc}}">
  31. <view s-for="{{data.fund_desc}}">
  32. <text></text>
  33. <text>{{item}}</text>
  34. </view>
  35. </view>
  36. </view>
  37. <view class="service">
  38. <view>
  39. <text>服务费</text>
  40. <text>¥{{data.fund_charge}}/月</text>
  41. </view>
  42. <text>含0.6%通道服务费和增值税费</text>
  43. </view>
  44. <view class="guide">
  45. <view class="read" s-for="ui[2]">
  46. <view class="title">
  47. <image src="../../../../icon/home/purchase_tips.png" class="star"></image>
  48. {{item.c}}
  49. </view>
  50. <view class="desc">
  51. <view class="descItem" s-for="item.d" style="margin-bottom:30rpx">
  52. <view></view>
  53. {{item}}
  54. </view>
  55. </view>
  56. </view>
  57. <view class="progress box" id="progressBox">
  58. <view class="{{anchor}}" id="anchor">
  59. <view class="wrap" id="anchorWrap">
  60. <view s-for="ui[3]" bindtap="anchorAction" class="{{index==anchorIndex?'selected':'anchorItem'}}" data-index="{{index}}">{{item}}</view>
  61. </view>
  62. <view class="blueLine" style="width:{{anchorItemWidth}}px" animation="{{animationData}}"></view>
  63. </view>
  64. <view>
  65. <view class="title">
  66. 购买流程
  67. <image src="../../../../icon/home/purchase_tips.png" class="star"></image>
  68. </view>
  69. <image src="../../../../icon/home/process_s.png"></image>
  70. </view>
  71. </view>
  72. <view class="advantage box" id="advantageBox">
  73. <view id="advantage"></view>
  74. <view class="title">
  75. 平台优势
  76. <image src="../../../../icon/home/purchase_tips.png" class="star"></image>
  77. </view>
  78. <view class="desc">
  79. <view class="descItem" s-for="ui[4]" >
  80. <view></view>
  81. {{item}}
  82. </view>
  83. </view>
  84. <view class="pic">
  85. <view class="picItem" s-for="ui[5]">
  86. <image src="../../../../icon/home/{{item.p}}.png"></image>
  87. <text>{{item.c}}</text>
  88. </view>
  89. </view>
  90. </view>
  91. <view class="ask box" id="askBox">
  92. <view id="ask"></view>
  93. <view class="title">
  94. 社保购买常见问题
  95. <image src="../../../../icon/home/purchase_tips.png" class="star"></image>
  96. </view>
  97. <view class="pic">
  98. <view class="askItemLeft">
  99. <image src="../../../../icon/home/tips_left_a.png"></image>
  100. <view class="msgLeft">
  101. <image src="../../../../icon/home/tips_left_top.png" class="top"></image>
  102. <image src="../../../../icon/home/tips_left_bottom.png" class="bottom"></image>
  103. <image src="../../../../icon/home/tips_left_left.png" class="left"></image>
  104. <image src="../../../../icon/home/tips_left_right.png" class="right"></image>
  105. <text>付款成功后,一般什么时候可以查询公积金缴费情况呢?</text>
  106. </view>
  107. </view>
  108. <view class="askItemRight">
  109. <view class="msgRight" style="padding:34rpx;">
  110. <image src="../../../../icon/home/tips_right_top.png"></image>
  111. <text>当月下单截止后,专员会开始进行跟进。
  112. 如有异常,则会通过信息或电话通知您;没有通知则表示正常操作,一般可于<text
  113. style="font-family:PingFangSC-Semibold">次月1日-15日</text>查询缴纳情况。</text>
  114. </view>
  115. <image src="../../../../icon/home/tips_right_a.png"></image>
  116. </view>
  117. <view class="askItemLeft">
  118. <image src="../../../../icon/home/tips_left_a.png"></image>
  119. <view class="msgLeft">
  120. <image src="../../../../icon/home/tips_left_top.png" class="top"></image>
  121. <image src="../../../../icon/home/tips_left_bottom.png" class="bottom"></image>
  122. <image src="../../../../icon/home/tips_left_left.png" class="left"></image>
  123. <image src="../../../../icon/home/tips_left_right.png" class="right"></image>
  124. <text>如果公积金缴费没有成功,你们会给予退款么?</text>
  125. </view>
  126. </view>
  127. <view class="askItemRight">
  128. <view class="msgRight">
  129. <image src="../../../../icon/home/tips_right_top.png"></image>
  130. <text>会的,因您自身原因办理不成功,或符合申请退款条件的,则可退款。但是支付通道收取0.6%的手续费,需由您自己承担。
  131. 退款一般会于月底或次月初前原路退还给您。
  132. </text>
  133. </view>
  134. <image src="../../../../icon/home/tips_right_a.png"></image>
  135. </view>
  136. <view class="askItemLeft">
  137. <image src="../../../../icon/home/tips_left_a.png"></image>
  138. <view class="msgLeft">
  139. <image src="../../../../icon/home/tips_left_top.png" class="top"></image>
  140. <image src="../../../../icon/home/tips_left_bottom.png" class="bottom"></image>
  141. <image src="../../../../icon/home/tips_left_left.png" class="left"></image>
  142. <image src="../../../../icon/home/tips_left_right.png" class="right"></image>
  143. <text>缴存公积金后,会有公积金对账薄/卡么?</text>
  144. </view>
  145. </view>
  146. <view class="askItemRight">
  147. <view class="msgRight" style="margin-bottom:60rpx">
  148. <image src="../../../../icon/home/tips_right_top.png"></image>
  149. <text>首次缴存公积金,仅少数城市默认办理公积金对账薄/卡(如湛江、佛山、汕头)。
  150. 不出对账薄/卡的城市,您本人可以去有公积金业务的银行,办理公积金联名卡。
  151. </text>
  152. </view>
  153. <image src="../../../../icon/home/tips_right_a.png"></image>
  154. </view>
  155. </view>
  156. </view>
  157. <view class="tips box" id="tipsBox">
  158. <view id="tips{{suffix}}"></view>
  159. <view class="title">
  160. 温馨提示
  161. <image src="../../../../icon/home/purchase_tips.png" class="star"></image>
  162. </view>
  163. <view class="wrap">
  164. <view class="tipsItem" s-for="ui[6]">
  165. <image src="../../../../icon/home/tips_{{index}}.png"></image>
  166. <text>{{item}}</text>
  167. </view>
  168. </view>
  169. </view>
  170. </view>
  171. </view>
  172. <view class="{{suffix}}" s-if="{{suffix}}"></view>
  173. </scroll-view>
  174. <view class="footer{{suffix}}">
  175. <view class="wrap">
  176. <view class="pic">
  177. <!-- <view bindtap="goKefu">
  178. <image src="../../../../icon/home/service_online.png"></image>
  179. <text>联系客服</text>
  180. </view> -->
  181. <view bindtap="hotline">
  182. <image src="../../../../icon/home/hot_line.png"></image>
  183. <text>拨打热线</text>
  184. </view>
  185. </view>
  186. <view class="btn">
  187. <view class="left" bindtap="goNext" data-type="quickBuyFund">一键续保</view>
  188. <view class="right" bindtap="goNext">立即缴存</view>
  189. </view>
  190. </view>
  191. </view>
  192. <choosecity-modal id="chooseCityModal" bindchangeCurrent="changeCurrent"></choosecity-modal>
  193. <hotline id="hotline"></hotline>