cardetail.wxml 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410
  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. <swc-scroll
  13. className="content"
  14. styleSheet="height:{{windowh-headerheight}}rpx;"
  15. scroll-y="{{openlog?'false':'true'}}"
  16. scrollitem="{{scrollitem}}"
  17. bind:swc="swcItem"
  18. scrollto="{{scrollto}}"
  19. >
  20. <view
  21. style="display: {{scrollindex==0?'none':'flex'}};top:{{headerheight}}rpx;"
  22. class="cardetail_nav">
  23. <view class="cardetail_nav_i {{scrollindex==1?'cardetail_nav_active':''}}" bindtap="toScroll" data-index="0">
  24. 车源
  25. </view>
  26. <view class="cardetail_nav_i {{scrollindex==2?'cardetail_nav_active':''}}" bindtap="toScroll" data-index="1">
  27. 图文
  28. </view>
  29. <view class="cardetail_nav_i {{scrollindex==3?'cardetail_nav_active':''}}" bindtap="toScroll" data-index="2">
  30. 检测
  31. </view>
  32. </view>
  33. <view
  34. class="cardetail_img"
  35. >
  36. <swiper
  37. class='detail_img_t'
  38. autoplay='true'
  39. interval='2000'
  40. duration='300'
  41. bindchange='switchTab'
  42. circular='true'
  43. >
  44. <block wx:for="{{detail.imgs}}" wx:key="item">
  45. <swiper-item>
  46. <image class='detail_img_item' src="{{item}}"/>
  47. </swiper-item>
  48. </block>
  49. </swiper>
  50. <view class="detail_code">
  51. 车源编号:{{detail.sn}}
  52. </view>
  53. <view class="banner_step">
  54. {{currentimg}}/{{detail.imgslength}}
  55. </view>
  56. </view>
  57. <view class="cardetail_info_c">
  58. <view class="cardetail_t">
  59. {{detail.name}}
  60. </view>
  61. <view class="cardetail_price">
  62. 好车价:
  63. <view class="cardetail_price_v">{{detail.price}}万</view>
  64. <view class="cardetail_price_n">新车指导价:{{detail.guid_price}}万</view>
  65. </view>
  66. <view class="cardetail_flex">
  67. <view class="cardetail_time">
  68. <view class="cardetail_flex_v">
  69. {{detail.first_plate_atname}}
  70. </view>
  71. <view class="cardetail_flex_name">
  72. 首次上牌时间
  73. </view>
  74. </view>
  75. <view class="cardetail_mileage">
  76. <view class="cardetail_flex_v">
  77. {{detail.mileage}}万公里
  78. </view>
  79. <view class="cardetail_flex_name">
  80. 表显里程
  81. </view>
  82. </view>
  83. <view class="cardetail_time">
  84. <view class="cardetail_flex_v">
  85. {{detail.emission}}
  86. </view>
  87. <view class="cardetail_flex_name">
  88. 排放标准
  89. </view>
  90. </view>
  91. </view>
  92. </view>
  93. <view class="cardetail_shop">
  94. <view class="cardetail_shop_n">{{detail.shop_name}}</view>
  95. <view class="cardetail_shop_d">
  96. <image src="../../img/address.png"/>
  97. {{detail.work_address}}
  98. </view>
  99. <navigator
  100. class="cardetail_shop_nav"
  101. open-type="navigateTo"
  102. url="../shop/shop?id={{detail.merchant_id}}"
  103. >进店逛逛<image src="../../img/right.png"/></navigator>
  104. </view>
  105. <view
  106. class="cardetail_space cardetail_space_base">
  107. <view class="cardetail_space_t">基本信息</view>
  108. <view class="cardetail_baseinfo_c">
  109. <view class="cardetail_baseinfo_i">
  110. <view class="cardetail_baseinfo_v">{{detail.distance_at}}</view>
  111. <view class="cardetail_baseinfo_n">{{detail.first_plate_at}}首次上牌</view>
  112. </view>
  113. <view class="cardetail_baseinfo_i">
  114. <view class="cardetail_baseinfo_v">{{detail.mileage}}万公里</view>
  115. <view class="cardetail_baseinfo_n">表显里程</view>
  116. </view>
  117. <view class="cardetail_baseinfo_i">
  118. <view class="cardetail_baseinfo_v">{{detail.emission}}</view>
  119. <view class="cardetail_baseinfo_n">排放标准</view>
  120. </view>
  121. <view class="cardetail_baseinfo_i">
  122. <view class="cardetail_baseinfo_v">{{detail.car_displacement}}</view>
  123. <view class="cardetail_baseinfo_n">排量</view>
  124. </view>
  125. <view class="cardetail_baseinfo_i">
  126. <view class="cardetail_baseinfo_v">{{detail.plate_province_name}}</view>
  127. <view class="cardetail_baseinfo_n">上牌地址</view>
  128. </view>
  129. <view class="cardetail_baseinfo_i">
  130. <view class="cardetail_baseinfo_v">{{detail.transfer_num}}次过户</view>
  131. <view class="cardetail_baseinfo_n">过户次数</view>
  132. </view>
  133. <view class="cardetail_baseinfo_i">
  134. <view class="cardetail_baseinfo_v">{{detail.maintain}}</view>
  135. <view class="cardetail_baseinfo_n">是否定期保养</view>
  136. </view>
  137. <view class="cardetail_baseinfo_i">
  138. <view class="cardetail_baseinfo_v">{{detail.year_check_at}}</view>
  139. <view class="cardetail_baseinfo_n">年检到期</view>
  140. </view>
  141. <view class="cardetail_baseinfo_i">
  142. <view class="cardetail_baseinfo_v">{{detail.insurance_at}}</view>
  143. <view class="cardetail_baseinfo_n">保险到期</view>
  144. </view>
  145. </view>
  146. </view>
  147. <view
  148. class="cardetail_space cardetail_space_dsc">
  149. <view class="cardetail_space_t">车辆描述</view>
  150. <image
  151. bindtap="swdesc"
  152. class="cardetail_describe_op {{desopen?'cardetail_describe_opactive':''}}" src = "../../img/right.png"/>
  153. <view
  154. style="{{desopen?'height:auto':''}}"
  155. class="cardetail_describe">
  156. {{detail.car_condition}}
  157. </view>
  158. </view>
  159. <view
  160. class="cardetail_space cardetail_space_col">
  161. <view class="cardetail_space_t">配置详情</view>
  162. <view class="cardetail_collocate">
  163. 仅供参考,购买前请于销售确认
  164. </view>
  165. <view class="cardetail_collocate_list">
  166. <block wx:for="{{collocatetype}}" wx:key="name">
  167. <view class="cardetail_collocate_item {{item.opened?'collocate_open':''}}">
  168. <view
  169. class="cardetail_collocate_item_t"
  170. bindtap="swCollocate"
  171. data-name="{{item.name}}"
  172. >
  173. {{item.label}}
  174. <image
  175. src="../../img/down_icon.png"
  176. class="cardetail_collocate_item_sw"
  177. />
  178. </view>
  179. <view
  180. class="cardetail_collocate_item_l"
  181. style="height:{{item.opened?detail[item.name].length*89:0}}rpx"
  182. >
  183. <block wx:for="{{detail[item.name]}}" wx:key="k" wx:for-item="info">
  184. <view class="cardetail_collocate_item_d">
  185. <view class="collocate_item_n">{{info.k}}</view>
  186. <view class="collocate_item_v">{{info.v}}</view>
  187. </view>
  188. </block>
  189. </view>
  190. </view>
  191. </block>
  192. </view>
  193. </view>
  194. <view
  195. class="cardetail_space cardetail_space_pic">
  196. <view class="cardetail_space_t">车辆实拍</view>
  197. <view class="cardetail_img_l">
  198. <block wx:for="{{detail.imgs}}" wx:key="item">
  199. <image class='cardetail_img_i' src="{{item}}"/>
  200. </block>
  201. </view>
  202. </view>
  203. <view
  204. wx:if="{{detail.check_info.length>0}}"
  205. class="cardetail_space"
  206. bindtap="openCheck"
  207. >
  208. <view class="cardetail_space_t">检测报告</view>
  209. <view class="cardetail_check_report">
  210. <block wx:for="{{detail.check_info}}" wx:key="item">
  211. <view class="cardetail_check_i">
  212. <view class="cardetail_check_n">
  213. <image src = "../../img/{{imagemap[item.name]}}.png"/>
  214. <view class="cardetail_check_name">{{item.name}}</view>
  215. </view>
  216. <view class="cardetail_check_i">
  217. <view class="cardetail_check_unp" wx:if="{{item.unpassn>0}}">
  218. {{item.unpassn}}
  219. <image class="unpass_number" src="../../img/checknopass.png"/>
  220. </view>
  221. <view class="cardetail_check_p">
  222. {{item.passn}}
  223. <image class="pass_number" src="../../img/checkpass.png"/>
  224. </view>
  225. <image class="cardetail_check_op" src = "../../img/right.png"/>
  226. </view>
  227. </view>
  228. </block>
  229. </view>
  230. </view>
  231. <view class="no_more">——没有更多——</view>
  232. <view class="cardetail_op_list_space"></view>
  233. <view class="cardetail_op_list">
  234. <view
  235. class="cardetail_op_collect"
  236. bindtap="collectCar"
  237. >
  238. <image
  239. src="../../img/{{detail.is_collect=='1'?'collect':'uncollect'}}.png"
  240. />
  241. <view>收藏</view>
  242. </view>
  243. <view
  244. class="cardetail_op_phone"
  245. bindtap="callPhone"
  246. >
  247. <image src="../../img/phone.png"/>
  248. <view>电话</view>
  249. </view>
  250. <view
  251. bindtap="appointmentBuy"
  252. class="cardetail_op_appointment">
  253. 预约看车
  254. </view>
  255. <view class="cardetail_op_line"></view>
  256. <view
  257. bindtap="openScheme"
  258. class="cardetail_op_buy"
  259. >
  260. 分期购车
  261. </view>
  262. </view>
  263. </swc-scroll>
  264. <view
  265. style="left:{{openscheme?'0rpx':'100%'}}"
  266. class="buy_scheme">
  267. <view class="buy_scheme_box">
  268. <view class="buy_scheme_title">
  269. <view class="buy_scheme_tw">
  270. 分期方案
  271. </view>
  272. <image
  273. bindtap="closeScheme"
  274. src="../../img/close2.png"
  275. class="buy_scheme_close"/>
  276. </view>
  277. <view class="scheme_price">
  278. <view class="scheme_price_i">
  279. <view class="scheme_price_iw">
  280. 车价
  281. </view>
  282. <view class="scheme_price_ip">
  283. ¥{{detail.price}}万
  284. </view>
  285. </view>
  286. <view class="scheme_price_i">
  287. <view class="scheme_price_iw">
  288. 首付款
  289. </view>
  290. <view class="scheme_price_ipb">
  291. {{firstpay/10000}}万
  292. </view>
  293. </view>
  294. <view class="scheme_price_i">
  295. <view class="scheme_price_iw">
  296. 月供
  297. </view>
  298. <view class="scheme_price_ipb">
  299. {{premonthpay}}元
  300. </view>
  301. </view>
  302. </view>
  303. <view class="scheme_item">
  304. <view class="scheme_item_t">
  305. 首付
  306. </view>
  307. <view class="scheme_item_l">
  308. <block wx:for="{{loanscale}}" wx:key="item">
  309. <view
  310. bindtap="selectScale"
  311. data-n="{{index}}"
  312. class="scheme_item_el {{index==scaleindex?'active':''}}">
  313. {{item*100}}%
  314. </view>
  315. </block>
  316. </view>
  317. </view>
  318. <view class="scheme_item">
  319. <view class="scheme_item_t">
  320. 分期
  321. </view>
  322. <view class="scheme_item_l">
  323. <block wx:for="{{loantime}}" wx:key="item">
  324. <view
  325. bindtap="selectTime"
  326. data-n="{{index}}"
  327. class="scheme_item_el {{index==timeindex?'active':''}}">
  328. {{item}}期
  329. </view>
  330. </block>
  331. </view>
  332. </view>
  333. <view class="scheme_condition">
  334. <!-- <view>首付条件:</view>
  335. <view>一成 需芝麻信用分600分以上,需有房产证明;</view>
  336. <view>二成 需芝麻信用分550分以上</view>
  337. <view>三成 需芝麻信用分450分以上</view> -->
  338. <view class='scheme_condition_po'>※本页面试算结果仅供参考,实际结果以最终复批结果为准</view>
  339. </view>
  340. </view>
  341. </view>
  342. <view
  343. class="check_c"
  344. style="{{showcheck?'left:0rpx;':''}}"
  345. wx:if="{{detail.check_info.length>0}}"
  346. >
  347. <view
  348. style="height:{{headerheight}}rpx;"
  349. ></view>
  350. <view
  351. class="check_title"
  352. style="height:{{headerheight}}rpx;"
  353. >
  354. <view
  355. class="check_back"
  356. bindtap="closeCheck">
  357. <image
  358. src="../../img/back.png"/>
  359. </view>
  360. <view class="check_title_w">检测报告</view>
  361. </view>
  362. <page-scroll
  363. styleSheet="height:{{windowh-headerheight}}rpx;"
  364. scroll-y=true
  365. class="cardetail_check_report">
  366. <view class="checkw_result">
  367. {{detail.check_result}}
  368. </view>
  369. <block wx:for="{{detail.check_info}}" wx:key="item">
  370. <view class="cardetailw_check_i">
  371. <view class="cardetailw_check_name">{{item.name}}</view>
  372. <view class="cardetailw_check_si">
  373. <block wx:for="{{item._child}}" wx:key="id" wx:for-item="sitem" wx:for-index="indext">
  374. <view class="cardetailw_check_sit">
  375. <view
  376. bindtap="openSub"
  377. data-index="{{index}}"
  378. data-indext="{{indext}}"
  379. class="cardetailw_check_sitn">
  380. <view class="cardetailw_check_sitnw">{{sitem.name}}</view>
  381. <view class="cardetailw_check_unp" wx:if="{{sitem.unpassn>0}}">
  382. {{sitem.unpassn}}项
  383. <image class="unpass_number" src="../../img/checknopass.png"/>
  384. </view>
  385. <view class="cardetailw_check_p">
  386. {{sitem.passn}}项
  387. <image class="pass_number" src="../../img/checkpass.png"/>
  388. </view>
  389. <image
  390. class="cardetail_check_op {{sitem.opensub?'cardetail_check_opactive':''}}" src = "../../img/right.png"/>
  391. </view>
  392. <view
  393. style="height:{{sitem.opensub?'auto':'0rpx'}};"
  394. class="cardetailw_check_tit">
  395. <block wx:for="{{sitem._child}}" wx:key="id" wx:for-item="titem" wx:for-index="indexs">
  396. <view class="cardetailw_check_titn">
  397. <view class="cardetailw_check_titna">{{titem.name}}</view>
  398. <image class="titn_img" src="../../img/{{titem.state?'checkpass':'checknopass'}}.png"/>
  399. </view>
  400. </block>
  401. </view>
  402. </view>
  403. </block>
  404. </view>
  405. </view>
  406. </block>
  407. </page-scroll>
  408. </view>
  409. <include src="../../module/logs/logs.wxml"/>