cardetail.wxml 12 KB

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