cardetail.wxml 8.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296
  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. url="../shop/shop?id={{detail.merchant_id}}"
  81. >进店逛逛></navigator>
  82. </view>
  83. <view class="cardetail_space">
  84. <view class="cardetail_space_t">基本信息</view>
  85. <view class="cardetail_baseinfo_c">
  86. <view class="cardetail_baseinfo_i">
  87. <view class="cardetail_baseinfo_v">{{detail.distance_at}}</view>
  88. <view class="cardetail_baseinfo_n">{{detail.first_plate_at}}首次上牌</view>
  89. </view>
  90. <view class="cardetail_baseinfo_i">
  91. <view class="cardetail_baseinfo_v">{{detail.mileage}}</view>
  92. <view class="cardetail_baseinfo_n">表现里程</view>
  93. </view>
  94. <view class="cardetail_baseinfo_i">
  95. <view class="cardetail_baseinfo_v">{{detail.emission}}</view>
  96. <view class="cardetail_baseinfo_n">排放标准</view>
  97. </view>
  98. <view class="cardetail_baseinfo_i">
  99. <view class="cardetail_baseinfo_v">#######</view>
  100. <view class="cardetail_baseinfo_n">排量</view>
  101. </view>
  102. <view class="cardetail_baseinfo_i">
  103. <view class="cardetail_baseinfo_v">{{detail.plate_province_name}} {{detail.plate_province_name}}</view>
  104. <view class="cardetail_baseinfo_n">上牌地址</view>
  105. </view>
  106. <view class="cardetail_baseinfo_i">
  107. <view class="cardetail_baseinfo_v">{{detail.transfer_num}}次过户</view>
  108. <view class="cardetail_baseinfo_n">过户次数</view>
  109. </view>
  110. <view class="cardetail_baseinfo_i">
  111. <view class="cardetail_baseinfo_v">{{detail.maintain}}</view>
  112. <view class="cardetail_baseinfo_n">是否定期保养</view>
  113. </view>
  114. <view class="cardetail_baseinfo_i">
  115. <view class="cardetail_baseinfo_v">{{detail.year_check_at}}</view>
  116. <view class="cardetail_baseinfo_n">年检到期</view>
  117. </view>
  118. <view class="cardetail_baseinfo_i">
  119. <view class="cardetail_baseinfo_v">{{detail.insurance_at}}</view>
  120. <view class="cardetail_baseinfo_n">保险到期</view>
  121. </view>
  122. </view>
  123. </view>
  124. <view class="cardetail_space">
  125. <view class="cardetail_space_t">车辆描述</view>
  126. <view class="cardetail_describe">
  127. {{detail.car_condition}}
  128. </view>
  129. </view>
  130. <view class="cardetail_space">
  131. <view class="cardetail_space_t">配置详情</view>
  132. <view class="cardetail_collocate">
  133. 仅供参考,购买前请于销售确认
  134. </view>
  135. <view class="cardetail_collocate_list">
  136. <block wx:for="{{collocatetype}}" wx:key="name">
  137. <view class="cardetail_collocate_item {{item.opened?'collocate_open':''}}">
  138. <view
  139. class="cardetail_collocate_item_t"
  140. bindtap="swCollocate"
  141. data-name="{{item.name}}"
  142. >
  143. {{item.label}}
  144. <image
  145. src="../../img/down_icon.png"
  146. class="cardetail_collocate_item_sw"
  147. />
  148. </view>
  149. <view
  150. class="cardetail_collocate_item_l"
  151. style="height:{{item.opened?detail[item.name].length*89:0}}rpx"
  152. >
  153. <block wx:for="{{detail[item.name]}}" wx:key="k" wx:for-item="info">
  154. <view class="cardetail_collocate_item_d">
  155. <view class="collocate_item_n">{{info.k}}</view>
  156. <view class="collocate_item_v">{{info.v}}</view>
  157. </view>
  158. </block>
  159. </view>
  160. </view>
  161. </block>
  162. </view>
  163. </view>
  164. <view class="cardetail_space">
  165. <view class="cardetail_space_t">车辆实拍</view>
  166. <view class="cardetail_img_l">
  167. <block wx:for="{{detail.imgs}}" wx:key="item">
  168. <image class='cardetail_img_i' src="{{item}}"/>
  169. </block>
  170. </view>
  171. </view>
  172. <view class="cardetail_space">
  173. <view class="cardetail_space_t">检查报告</view>
  174. <view class="cardetail_check_report">
  175. <block wx:for="{{detail.check_info}}" wx:key="item">
  176. <view class="cardetail_check_i">
  177. <view class="cardetail_check_n">
  178. <image src = "../../img/{{imagemap[item.name]}}.png"/>
  179. <view>{{item.name}}</view>
  180. </view>
  181. <view class="cardetail_check_i">
  182. <view>{{item.name}}</view>
  183. <image src = "../../img/uncollect.png"/>
  184. </view>
  185. </view>
  186. </block>
  187. </view>
  188. </view>
  189. <view class="cardetail_op_list">
  190. <view
  191. class="cardetail_op_collect"
  192. bindtap="collectCar"
  193. >
  194. <image
  195. src="../../img/{{detail.is_collect=='1'?'collect':'uncollect'}}.png"
  196. />
  197. <view>收藏</view>
  198. </view>
  199. <view class="cardetail_op_phone">
  200. <image src="../../img/phone.png"/>
  201. <view>电话</view>
  202. </view>
  203. <view
  204. bindtap="appointmentBuy"
  205. class="cardetail_op_appointment">
  206. 预约看车
  207. </view>
  208. <view class="cardetail_op_line"></view>
  209. <view
  210. bindtap="openScheme"
  211. class="cardetail_op_buy"
  212. >
  213. 分期购车
  214. </view>
  215. </view>
  216. </scroll-view>
  217. <view
  218. style="left:{{openscheme?'0rpx':'100%'}}"
  219. class="buy_scheme">
  220. <view class="buy_scheme_box">
  221. <view class="buy_scheme_title">
  222. <view class="buy_scheme_tw">
  223. 分期方案
  224. </view>
  225. <image
  226. bindtap="closeScheme"
  227. src="../../img/close.png"
  228. class="buy_scheme_close"/>
  229. </view>
  230. <view class="scheme_price">
  231. <view class="scheme_price_i">
  232. <view class="scheme_price_iw">
  233. 车价
  234. </view>
  235. <view class="scheme_price_ip">
  236. ¥{{detail.price}}万
  237. </view>
  238. </view>
  239. <view class="scheme_price_i">
  240. <view class="scheme_price_iw">
  241. 首付款
  242. </view>
  243. <view class="scheme_price_ipb">
  244. {{firstpay/10000}}万
  245. </view>
  246. </view>
  247. <view class="scheme_price_i">
  248. <view class="scheme_price_iw">
  249. 月供
  250. </view>
  251. <view class="scheme_price_ipb">
  252. {{premonthpay}}元
  253. </view>
  254. </view>
  255. </view>
  256. <view class="scheme_item">
  257. <view class="scheme_item_t">
  258. 首付
  259. </view>
  260. <view class="scheme_item_l">
  261. <block wx:for="{{loanscale}}" wx:key="item">
  262. <view
  263. bindtap="selectScale"
  264. data-n="{{index}}"
  265. class="scheme_item_el {{index==scaleindex?'active':''}}">
  266. {{item*100}}%
  267. </view>
  268. </block>
  269. </view>
  270. </view>
  271. <view class="scheme_item">
  272. <view class="scheme_item_t">
  273. 分期
  274. </view>
  275. <view class="scheme_item_l">
  276. <block wx:for="{{loantime}}" wx:key="item">
  277. <view
  278. bindtap="selectTime"
  279. data-n="{{index}}"
  280. class="scheme_item_el {{index==timeindex?'active':''}}">
  281. {{item}}期
  282. </view>
  283. </block>
  284. </view>
  285. </view>
  286. <view class="scheme_condition">
  287. <view>首付条件:</view>
  288. <view>一成 需芝麻信用分600分以上,需有房产证明;</view>
  289. <view>二成 需芝麻信用分550分以上</view>
  290. <view>三成 需芝麻信用分450分以上</view>
  291. <view class='scheme_condition_po'>※本页面试算结果仅供参考,实际结果以最终复批结果为准</view>
  292. </view>
  293. </view>
  294. </view>
  295. <include src="../../module/logs/logs.wxml"/>