cardetail.wxml 8.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297
  1. <!--pages/cardetail/cardetail.wxml-->
  2. <import src="../../module/header.wxml"/>
  3. <scroll-view
  4. class="conent"
  5. style="height:{{windowh}}rpx;{{openlog?'filter: blur(5rpx)':''}}"
  6. scroll-y="{{openlog?'false':'true'}}"
  7. >
  8. <template
  9. is="header"
  10. data="{{title:'',headerheight:headerheight,hasback:true}}"
  11. />
  12. <view
  13. class="cardetail_img"
  14. >
  15. <swiper
  16. class='detail_img_t'
  17. autoplay='true'
  18. interval='2000'
  19. duration='300'
  20. bindchange='switchTab'
  21. circular='true'
  22. >
  23. <block wx:for="{{detail.imgs}}" wx:key="item">
  24. <swiper-item>
  25. <image class='detail_img_item' src="{{item}}"/>
  26. </swiper-item>
  27. </block>
  28. </swiper>
  29. <view class="detail_code">
  30. 车源编号:{{detail.sn}}
  31. </view>
  32. <view class="banner_step">
  33. {{currentimg}}/{{detail.imgslength}}
  34. </view>
  35. </view>
  36. <view class="cardetail_info_c">
  37. <view class="cardetail_t">
  38. {{detail.name}}
  39. </view>
  40. <view class="cardetail_price">
  41. 好车价
  42. <view class="cardetail_price_v">{{detail.price}}万</view>
  43. <view class="cardetail_price_n">新车含税价:{{detail.tax_price}}万</view>
  44. </view>
  45. <view class="cardetail_flex">
  46. <view class="cardetail_time">
  47. <view class="cardetail_flex_v">
  48. {{detail.first_plate_at}}
  49. </view>
  50. <view class="cardetail_flex_name">
  51. 首次上牌时间
  52. </view>
  53. </view>
  54. <view class="cardetail_mileage">
  55. <view class="cardetail_flex_v">
  56. {{detail.mileage}}
  57. </view>
  58. <view class="cardetail_flex_name">
  59. 表显里程
  60. </view>
  61. </view>
  62. <view class="cardetail_time">
  63. <view class="cardetail_flex_v">
  64. {{detail.emission}}
  65. </view>
  66. <view class="cardetail_flex_name">
  67. 排放标准
  68. </view>
  69. </view>
  70. </view>
  71. </view>
  72. <view class="cardetail_shop">
  73. <view class="cardetail_shop_n">{{detail.shop_name}}</view>
  74. <view class="cardetail_shop_d">
  75. <image src="../../img/address.png"/>
  76. {{detail.work_address}}
  77. </view>
  78. <navigator
  79. class="cardetail_shop_nav"
  80. open-type="navigateTo"
  81. url="../shop/shop?id={{detail.merchant_id}}"
  82. >进店逛逛></navigator>
  83. </view>
  84. <view class="cardetail_space">
  85. <view class="cardetail_space_t">基本信息</view>
  86. <view class="cardetail_baseinfo_c">
  87. <view class="cardetail_baseinfo_i">
  88. <view class="cardetail_baseinfo_v">{{detail.distance_at}}</view>
  89. <view class="cardetail_baseinfo_n">{{detail.first_plate_at}}首次上牌</view>
  90. </view>
  91. <view class="cardetail_baseinfo_i">
  92. <view class="cardetail_baseinfo_v">{{detail.mileage}}</view>
  93. <view class="cardetail_baseinfo_n">表现里程</view>
  94. </view>
  95. <view class="cardetail_baseinfo_i">
  96. <view class="cardetail_baseinfo_v">{{detail.emission}}</view>
  97. <view class="cardetail_baseinfo_n">排放标准</view>
  98. </view>
  99. <view class="cardetail_baseinfo_i">
  100. <view class="cardetail_baseinfo_v">{{detail.car_displacement}}</view>
  101. <view class="cardetail_baseinfo_n">排量</view>
  102. </view>
  103. <view class="cardetail_baseinfo_i">
  104. <view class="cardetail_baseinfo_v">{{detail.plate_province_name}} {{detail.plate_province_name}}</view>
  105. <view class="cardetail_baseinfo_n">上牌地址</view>
  106. </view>
  107. <view class="cardetail_baseinfo_i">
  108. <view class="cardetail_baseinfo_v">{{detail.transfer_num}}次过户</view>
  109. <view class="cardetail_baseinfo_n">过户次数</view>
  110. </view>
  111. <view class="cardetail_baseinfo_i">
  112. <view class="cardetail_baseinfo_v">{{detail.maintain}}</view>
  113. <view class="cardetail_baseinfo_n">是否定期保养</view>
  114. </view>
  115. <view class="cardetail_baseinfo_i">
  116. <view class="cardetail_baseinfo_v">{{detail.year_check_at}}</view>
  117. <view class="cardetail_baseinfo_n">年检到期</view>
  118. </view>
  119. <view class="cardetail_baseinfo_i">
  120. <view class="cardetail_baseinfo_v">{{detail.insurance_at}}</view>
  121. <view class="cardetail_baseinfo_n">保险到期</view>
  122. </view>
  123. </view>
  124. </view>
  125. <view class="cardetail_space">
  126. <view class="cardetail_space_t">车辆描述</view>
  127. <view class="cardetail_describe">
  128. {{detail.car_condition}}
  129. </view>
  130. </view>
  131. <view class="cardetail_space">
  132. <view class="cardetail_space_t">配置详情</view>
  133. <view class="cardetail_collocate">
  134. 仅供参考,购买前请于销售确认
  135. </view>
  136. <view class="cardetail_collocate_list">
  137. <block wx:for="{{collocatetype}}" wx:key="name">
  138. <view class="cardetail_collocate_item {{item.opened?'collocate_open':''}}">
  139. <view
  140. class="cardetail_collocate_item_t"
  141. bindtap="swCollocate"
  142. data-name="{{item.name}}"
  143. >
  144. {{item.label}}
  145. <image
  146. src="../../img/down_icon.png"
  147. class="cardetail_collocate_item_sw"
  148. />
  149. </view>
  150. <view
  151. class="cardetail_collocate_item_l"
  152. style="height:{{item.opened?detail[item.name].length*89:0}}rpx"
  153. >
  154. <block wx:for="{{detail[item.name]}}" wx:key="k" wx:for-item="info">
  155. <view class="cardetail_collocate_item_d">
  156. <view class="collocate_item_n">{{info.k}}</view>
  157. <view class="collocate_item_v">{{info.v}}</view>
  158. </view>
  159. </block>
  160. </view>
  161. </view>
  162. </block>
  163. </view>
  164. </view>
  165. <view class="cardetail_space">
  166. <view class="cardetail_space_t">车辆实拍</view>
  167. <view class="cardetail_img_l">
  168. <block wx:for="{{detail.imgs}}" wx:key="item">
  169. <image class='cardetail_img_i' src="{{item}}"/>
  170. </block>
  171. </view>
  172. </view>
  173. <view class="cardetail_space">
  174. <view class="cardetail_space_t">检查报告</view>
  175. <!-- <view class="cardetail_check_report">
  176. <block wx:for="{{detail.check_info}}" wx:key="item">
  177. <view class="cardetail_check_i">
  178. <view class="cardetail_check_n">
  179. <image src = "../../img/{{imagemap[item.name]}}.png"/>
  180. <view>{{item.name}}</view>
  181. </view>
  182. <view class="cardetail_check_i">
  183. <view>{{item.name}}</view>
  184. <image src = "../../img/uncollect.png"/>
  185. </view>
  186. </view>
  187. </block>
  188. </view> -->
  189. </view>
  190. <view class="cardetail_op_list">
  191. <view
  192. class="cardetail_op_collect"
  193. bindtap="collectCar"
  194. >
  195. <image
  196. src="../../img/{{detail.is_collect=='1'?'collect':'uncollect'}}.png"
  197. />
  198. <view>收藏</view>
  199. </view>
  200. <view class="cardetail_op_phone">
  201. <image src="../../img/phone.png"/>
  202. <view>电话</view>
  203. </view>
  204. <view
  205. bindtap="appointmentBuy"
  206. class="cardetail_op_appointment">
  207. 预约看车
  208. </view>
  209. <view class="cardetail_op_line"></view>
  210. <view
  211. bindtap="openScheme"
  212. class="cardetail_op_buy"
  213. >
  214. 分期购车
  215. </view>
  216. </view>
  217. </scroll-view>
  218. <view
  219. style="left:{{openscheme?'0rpx':'100%'}}"
  220. class="buy_scheme">
  221. <view class="buy_scheme_box">
  222. <view class="buy_scheme_title">
  223. <view class="buy_scheme_tw">
  224. 分期方案
  225. </view>
  226. <image
  227. bindtap="closeScheme"
  228. src="../../img/close.png"
  229. class="buy_scheme_close"/>
  230. </view>
  231. <view class="scheme_price">
  232. <view class="scheme_price_i">
  233. <view class="scheme_price_iw">
  234. 车价
  235. </view>
  236. <view class="scheme_price_ip">
  237. ¥{{detail.price}}万
  238. </view>
  239. </view>
  240. <view class="scheme_price_i">
  241. <view class="scheme_price_iw">
  242. 首付款
  243. </view>
  244. <view class="scheme_price_ipb">
  245. {{firstpay/10000}}万
  246. </view>
  247. </view>
  248. <view class="scheme_price_i">
  249. <view class="scheme_price_iw">
  250. 月供
  251. </view>
  252. <view class="scheme_price_ipb">
  253. {{premonthpay}}元
  254. </view>
  255. </view>
  256. </view>
  257. <view class="scheme_item">
  258. <view class="scheme_item_t">
  259. 首付
  260. </view>
  261. <view class="scheme_item_l">
  262. <block wx:for="{{loanscale}}" wx:key="item">
  263. <view
  264. bindtap="selectScale"
  265. data-n="{{index}}"
  266. class="scheme_item_el {{index==scaleindex?'active':''}}">
  267. {{item*100}}%
  268. </view>
  269. </block>
  270. </view>
  271. </view>
  272. <view class="scheme_item">
  273. <view class="scheme_item_t">
  274. 分期
  275. </view>
  276. <view class="scheme_item_l">
  277. <block wx:for="{{loantime}}" wx:key="item">
  278. <view
  279. bindtap="selectTime"
  280. data-n="{{index}}"
  281. class="scheme_item_el {{index==timeindex?'active':''}}">
  282. {{item}}期
  283. </view>
  284. </block>
  285. </view>
  286. </view>
  287. <view class="scheme_condition">
  288. <view>首付条件:</view>
  289. <view>一成 需芝麻信用分600分以上,需有房产证明;</view>
  290. <view>二成 需芝麻信用分550分以上</view>
  291. <view>三成 需芝麻信用分450分以上</view>
  292. <view class='scheme_condition_po'>※本页面试算结果仅供参考,实际结果以最终复批结果为准</view>
  293. </view>
  294. </view>
  295. </view>
  296. <include src="../../module/logs/logs.wxml"/>