cardetail.wxml 8.9 KB

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