index.vue 58 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188
  1. <template>
  2. <view class="content">
  3. <view v-show="homeCardList">
  4. <view class="top" :style="{background:'#'+themeColor}">
  5. <view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
  6. <view class="logoBox">
  7. <!-- <image src="../../static/img2/indexlogo.png" mode="" class="logoImg"></image> -->
  8. <image v-if="appletHomeSetting.showImageType==0" :src="appletHomeSetting.showImage" mode="" class="logoImg"></image>
  9. </view>
  10. </view>
  11. <view>
  12. <view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
  13. <view style="height: 98rpx;"></view>
  14. </view>
  15. <view class="topCont" :style="{background:'#'+themeColor}">
  16. <!-- 有车 -->
  17. <view class="carBox" v-if="carInfo">
  18. <view class="carBox2">
  19. <view class="carLeft">
  20. <view class="carTop" @click="changeCar">
  21. <image :src="carInfo.brandLogo" mode="" class="carLogo"></image>
  22. <view class="carInfomodel">{{carInfo.brand?carInfo.brand:''}}&nbsp;{{carInfo.series?carInfo.series:''}}</view>
  23. <image src="../../static/img2/xia.png" mode="" class="carXia"></image>
  24. <view class="plateNumber" v-if="carInfo.plateNumber">
  25. <span class="plateNumberSpan1">{{carInfo.plateNumber.slice(0, 2)}}</span>
  26. <span class="plateNumberSpan2">{{carInfo.plateNumber.slice(2)}}</span>
  27. </view>
  28. <!-- <image src="../../static/img2/carBj.png" mode="" class="carBj"></image> -->
  29. </view>
  30. <view class="carBq">
  31. <view class="carBqLine">
  32. <image src="../../static/img2/carDui.png" mode="" class="carDui"></image>
  33. <view class="carTitle">车况报告</view>
  34. </view>
  35. <view class="carBqLine">
  36. <image src="../../static/img2/carDui.png" mode="" class="carDui"></image>
  37. <view class="carTitle">保养记录</view>
  38. </view>
  39. <view class="carBqLine">
  40. <image src="../../static/img2/carDui.png" mode="" class="carDui"></image>
  41. <view class="carTitle">快速救援</view>
  42. </view>
  43. </view>
  44. </view>
  45. <view class="carRight">
  46. <image src="../../static/img2/carLogo.png" mode="" class="carLogoBg"></image>
  47. </view>
  48. </view>
  49. <view class="carTimeBox" v-if="appletHomeSetting.carInsuranceType==2||appletHomeSetting.carInsuranceType==3||appletHomeSetting.carMaintainType==3||appletHomeSetting.carMaintainType==2||appletHomeSetting.carAuditType==2||appletHomeSetting.carAuditType==3||homeCardList.openMCar.showType==1">
  50. <view class="bxBox">
  51. <view class="bxline bxline1" v-if="appletHomeSetting.carInsuranceType==3">
  52. <img src="../../static/timg/car1.png" alt="" class="bxlineIcon">
  53. <view class="bxlineTitle">保险</view>
  54. <view class="bxlineMs1" v-if="carInfo.insuranceExpireDate">{{InsuranceExpireDate}}天到期</view>
  55. <view class="bxlineMs2" v-else>--</view>
  56. </view>
  57. <view class="bxline bxline1" v-if="appletHomeSetting.carInsuranceType==2">
  58. <img src="../../static/timg/car1.png" alt="" class="bxlineIcon">
  59. <view class="bxlineTitle">保险</view>
  60. <view class="bxlineMs1" v-if="carInfo.insuranceExpireDate">{{carInfo.insuranceExpireDate.slice(0,10)}}</view>
  61. <view class="bxlineMs2" v-else>--</view>
  62. </view>
  63. <view class="bxline bxline2" v-if="appletHomeSetting.carMaintainType ==3">
  64. <img src="../../static/timg/car2.png" alt="" class="bxlineIcon" >
  65. <view class="bxlineTitle">下次保养</view>
  66. <view class="bxlineMs1" v-if="carInfo.nextCareDate||carInfo.nextCareMilage">
  67. <span v-if="NextCareDate||NextCareDate===0">{{NextCareDate}}天后</span>
  68. <span v-if="NextCareDate===0&&carInfo.nextCareMilage">或</span>
  69. <span v-if="carInfo.nextCareMilage&&NextCareDate">或</span>
  70. <span v-if="carInfo.nextCareMilage">{{carInfo.nextCareMilage}}km</span>
  71. </view>
  72. <view class="bxlineMs2" v-else>--</view>
  73. </view>
  74. <view class="bxline bxline2" v-if="appletHomeSetting.carMaintainType ==2">
  75. <img src="../../static/timg/car2.png" alt="" class="bxlineIcon" >
  76. <view class="bxlineTitle" style="width: 140rpx;">下次保养</view>
  77. <view class="bxlineMs1" v-if="carInfo.nextCareDate||carInfo.nextCareMilage">
  78. <span v-if="NextCareDate||NextCareDate===0">{{carInfo.nextCareDate.slice(0,10)}}</span>
  79. <span v-if="NextCareDate===0&&carInfo.nextCareMilage">或</span>
  80. <span v-if="carInfo.nextCareMilage&&NextCareDate">或</span>
  81. <span v-if="carInfo.nextCareMilage">{{carInfo.nextCareMilage}}km</span>
  82. </view>
  83. <view class="bxlineMs2" v-else>--</view>
  84. </view>
  85. <view class="bxline bxline1" v-if="appletHomeSetting.carAuditType==3">
  86. <img src="../../static/timg/car3.png" alt="" class="bxlineIcon" >
  87. <view class="bxlineTitle">年审</view>
  88. <view class="bxlineMs1" v-if="carInfo.nextAuditDate">{{NextAuditDate}}天到期</view>
  89. <view class="bxlineMs2" v-else>--</view>
  90. </view>
  91. <view class="bxline bxline1" v-if="appletHomeSetting.carAuditType==2">
  92. <img src="../../static/timg/car3.png" alt="" class="bxlineIcon" >
  93. <view class="bxlineTitle">年审</view>
  94. <view class="bxlineMs1" v-if="carInfo.nextAuditDate">{{carInfo.nextAuditDate.slice(0,10)}}</view>
  95. <view class="bxlineMs2" v-else>--</view>
  96. </view>
  97. <view class="bxline bxline2" v-if="homeCardList.openMCar.showType==1">
  98. <img src="../../static/timg/car4.png" alt="" class="bxlineIcon" >
  99. <view class="bxlineTitle">保养手册</view>
  100. <view class="bxlineMs2" @click="information">点击查看</view>
  101. </view>
  102. </view>
  103. </view>
  104. </view>
  105. <!-- 有车 -->
  106. <!-- 无车 -->
  107. <view class="nocarBox" v-if="!carInfo" >
  108. <image @click="addCar" v-if="appletHomeSetting.carAddImageType!=1" :src="appletHomeSetting.carAddImage" mode="" style="width: 100%;height: 148rpx;"></image>
  109. <image @click="addCar" v-else src="http://dmsphoto.66km.com.cn/thFiles/1A5B68D2-6627-406D-A775-550C92979026.png" mode="" style="width: 100%;height: 148rpx;"></image>
  110. <!-- <view style="display: flex;">
  111. <image v-if="appletHomeSetting.carAddImageType==1" src="../../static/img2/pic.png" mode="" class="carAddImage"></image>
  112. <image v-else :src="appletHomeSetting.carAddImage" mode="" class="carAddImage"></image>
  113. <view class="addCarMs">
  114. <view class="addCarMs1">添加爱车推荐精准服务</view>
  115. <view class="addCarMs2">车辆有问题,安徒生来帮您!</view>
  116. </view>
  117. </view>
  118. <view class="addCarBtn" @click="addCar">添加爱车</view> -->
  119. </view>
  120. <!-- 无车 -->
  121. </view>
  122. <view v-if="!carInfo" style="margin-top: -80rpx;"></view>
  123. <view class="contBox">
  124. <!-- 服务顾问 -->
  125. <view v-if="homeCardList.openMUsers">
  126. <view class="adviser" v-if="homeCardList.openMUsers.showType!=2&&managerInfo" @click="goMUsers()">
  127. <view class="adviserLeft">
  128. <img v-if="managerInfo.avatar" :src="managerInfo.avatar" alt="" class="advisertx">
  129. <img v-else src="../../static/timg/pic_def_ava@2x.png" alt="" class="advisertx">
  130. <view class="adviserNema">{{managerInfo.name}}</view>
  131. <view class="adviserms" :style="{border:'1px solid #'+themeColor,color:'#'+themeColor}">服务顾问</view>
  132. </view>
  133. <img src="../../static/timg/icon_arrow_right.png" alt="" class="adviserJt">
  134. </view>
  135. </view>
  136. <!-- 服务顾问 -->
  137. <!-- 中间应用模块 -->
  138. <view class="modular">
  139. <view class="modularLine">
  140. <view class="modularMk" @click="goRoter(item)" v-if="index<4" v-for="(item,index) in homeCardList.application">
  141. <view class="modularLogoBox">
  142. <image :src="item.icon" mode="" class="modularLogo"></image>
  143. </view>
  144. <view class="modularTitle">{{item.name}}</view>
  145. </view>
  146. </view>
  147. <view class="modularLine">
  148. <view class="modularMk" @click="goRoter(item)" v-if="index>3" v-for="(item,index) in homeCardList.application">
  149. <view class="modularLogoBox">
  150. <image :src="item.icon" mode="" class="modularLogo"></image>
  151. </view>
  152. <view class="modularTitle2">{{item.name}}</view>
  153. </view>
  154. </view>
  155. </view>
  156. <!-- 中间应用模块 -->
  157. <!-- 广告区 -->
  158. <view class="advertisement" v-if="homeCardList.ad1.length>0">
  159. <swiper class="swiper2" :style="{height: appletHomeSetting.adHeightSize1 + 'rpx'}" circular :autoplay="true" :interval="interval"
  160. :duration="duration" :indicator-dots="true" indicator-color="#CCCCCC" :indicator-active-color="'#'+themeColor">
  161. <swiper-item v-for="(item,index) in homeCardList.ad1">
  162. <view class="swiper-item2" @click="goRoter(item)">
  163. <image class="swiper-item2Img" :style="{height: appletHomeSetting.adHeightSize1 + 'rpx'}" :src="item.icon" mode=""></image>
  164. </view>
  165. </swiper-item>
  166. </swiper>
  167. </view>
  168. <view class="advertisement" v-if="homeCardList.ad2.length>0">
  169. <swiper class="swiper2" circular :autoplay="true" :interval="interval" :style="{height: appletHomeSetting.adHeightSize2 + 'rpx'}"
  170. :duration="duration" :indicator-dots="true" indicator-color="#CCCCCC" :indicator-active-color="'#'+themeColor">
  171. <swiper-item v-for="(item,index) in homeCardList.ad2">
  172. <view class="swiper-item2" @click="goRoter(item)">
  173. <image class="swiper-item2Img" :src="item.icon" :style="{height: appletHomeSetting.adHeightSize2 + 'rpx'}" mode=""></image>
  174. </view>
  175. </swiper-item>
  176. </swiper>
  177. </view>
  178. <view class="advertisement" v-if="homeCardList.ad3.length>0">
  179. <swiper class="swiper2" circular :autoplay="true" :interval="interval" :style="{height: appletHomeSetting.adHeightSize3 + 'rpx'}"
  180. :duration="duration" :indicator-dots="true" indicator-color="#CCCCCC" :indicator-active-color="'#'+themeColor">
  181. <swiper-item v-for="(item,index) in homeCardList.ad3">
  182. <view class="swiper-item2" @click="goRoter(item)">
  183. <image class="swiper-item2Img" :src="item.icon" mode="" :style="{height: appletHomeSetting.adHeightSize3 + 'rpx'}"></image>
  184. </view>
  185. </swiper-item>
  186. </swiper>
  187. </view>
  188. <!-- 广告区 -->
  189. <!-- 商品区 -->
  190. <view class="goodsBox">
  191. <view class="goodsTabBox">
  192. <!-- <view class="goodsTab " :class="{goodsACt:tabIndex==index}" v-for="(item,index) in appletHomeSetting.sortSettingList">
  193. <view @click="tabFn(index,item.type)" v-if="item.type==2">热销商品</view>
  194. <view @click="tabFn(index,item.type)" v-if="item.type==1">热门活动</view>
  195. <view @click="tabFn(index,item.type)" v-if="item.type==3&&homeCardList.isShowMaintain==1">{{homeCardList.maintainTitle}}</view>
  196. <image v-if="tabIndex==index" class="activeGoodsIcon" src="../../static/img2/activeGoods.png" mode=""></image>
  197. </view> -->
  198. <view class="goodsTab " :class="{goodsACt:tabIndex==index}" v-for="(item,index) in navigationList">
  199. <view @click="tabFn(index,item.showType,item.id)">{{item.title}}</view>
  200. <image v-if="tabIndex==index" class="activeGoodsIcon" src="../../static/img2/activeGoods.png" mode=""></image>
  201. </view>
  202. </view>
  203. <view class="goodsLIneBox" v-if="tabType==1">
  204. <view class="goodsLine" @click="goMaintain(item)" v-for="(item,index) in byList">
  205. <view class="goodsLeft">
  206. <image class="goodsIcon" v-if="item.mainImgUrl" :src="item.mainImgUrl" mode=""></image>
  207. <image class="goodsIcon" v-else src="../../static/timg/noimg.png" mode=""></image>
  208. </view>
  209. <view class="goodsRight">
  210. <view class="goodsRtop">
  211. <view style="display: flex;">
  212. <view class="isRecommend" v-if="item.isRecommend==1">适配</view>
  213. <view class="goodsName">{{item.title}}</view>
  214. </view>
  215. <view class="goodsMs">{{item.showContent}}</view>
  216. </view>
  217. <view class="goodsRb">
  218. <view class="goodsCBox">
  219. <view class="goodsCLeft">
  220. <view style="display: flex;" v-for="(v,i) in item.packageItems" v-if="v.isDefault==1">
  221. <view v-if="v.count>1" class="goodsTitle">{{v.count}}次更划算</view>
  222. </view>
  223. <view class="goodsPriceBox" v-for="(v,i) in item.packageItems" v-if="v.isDefault==1">
  224. <span class="goodsPrice11">¥</span>
  225. <span class="goodsPrice22">{{v.price}}</span>
  226. <span class="goodsPrice33">/次¥{{v.money}}</span>
  227. </view>
  228. </view>
  229. <view class="goodsCRight">
  230. 立即抢购
  231. </view>
  232. </view>
  233. <view class="goodsKbox">
  234. <view class="goosK1" v-if="item.showOilType">{{item.showOilType}}</view>
  235. <view class="goosK2" v-if="item.showOilLevel">机油等级|{{item.showOilLevel}}</view>
  236. <view class="goosK2" v-if="item.showFit">适配粘度|{{item.showFit}}</view>
  237. </view>
  238. </view>
  239. </view>
  240. </view>
  241. </view>
  242. </view>
  243. <!-- 商品区 -->
  244. <!-- 热门商品 -->
  245. <view v-if="OpenMGoods&&tabType==2">
  246. <view class="" v-if="OpenMGoods.goodsList&&OpenMGoods.goodsList.length>0">
  247. <view class="Hot" ><!-- v-if="OpenMGoods.showType==1" -->
  248. <!-- <view class="hotTop">
  249. <view class="hotLeft">
  250. <view class="hotSx" :style="{background:'#'+themeColor}"></view>
  251. <view class="hottitle">{{OpenMGoods.showTitle?OpenMGoods.showTitle:'热门商品'}}</view>
  252. </view>
  253. <view class="hotRight" @click="goShop">
  254. <view class="hotMore">更多</view>
  255. <img src="../../static/timg/icon_arrow_right.png" alt="" class="hotMoreJt">
  256. </view>
  257. </view> -->
  258. <view v-if="OpenMGoods.showForm==1">
  259. <view class="hotGoodsLine" v-for="(item,index) in OpenMGoods.goodsList" @click="goGoods(item)">
  260. <view>
  261. <image :src="item.url" mode="" class="hotGoodsLineImg"></image>
  262. </view>
  263. <view class="hotGoodsLineRIght">
  264. <view class="goodsName">{{item.name}}</view>
  265. <view class="Sold">
  266. <view v-if="item.showLabel&&item.showLabel.indexOf('3')!=-1">
  267. 已售 {{item.saleQty>0?item.saleQty:0}}
  268. </view>
  269. </view>
  270. <view class="goodsPrice">
  271. <view class="goodsPrice1" >{{item.saleLabel}}</view><!-- :style="{color:'#'+themeColor}" -->
  272. <view class="goodsPrice2" >¥</view>
  273. <view class="goodsPrice3" >{{item.salePrice}}
  274. <span v-if="item.categoryIds=='7B97D114-C419-42B2-9C1E-0B4CA284CDA0'">万</span>
  275. </view>
  276. <view class="goodsPrice4" v-if="item.showLabel&&item.scribingPrice&&item.showLabel.indexOf('1')!=-1">¥{{item.scribingPrice}}</view>
  277. </view>
  278. </view>
  279. </view>
  280. </view>
  281. <!-- 俩列的 -->
  282. <div class="goodsTwo" v-if="OpenMGoods.showForm==2">
  283. <div class="goodsTwoLine" v-for="(item,index) in OpenMGoods.goodsList" @click="goGoods(item)">
  284. <div class="goodsTwoImg">
  285. <image :src="item.url" mode="" class="hotGoodsLineImg"></image>
  286. </div>
  287. <div class="goodsTwoName">{{item.name}}</div>
  288. <view class="Sold">
  289. <view v-if="item.showLabel&&item.showLabel.indexOf('3')!=-1">
  290. 已售 {{item.saleQty>0?item.saleQty:0}}
  291. </view>
  292. </view>
  293. <view class="goodsPrice">
  294. <view class="goodsPrice1" >{{item.saleLabel}}</view><!-- :style="{color:'#'+themeColor}" -->
  295. <view class="goodsPrice2" >¥</view>
  296. <view class="goodsPrice3" >{{item.salePrice}}
  297. <span v-if="item.categoryIds=='7B97D114-C419-42B2-9C1E-0B4CA284CDA0'">万</span>
  298. </view>
  299. <view class="goodsPrice4" v-if="item.showLabel&&item.scribingPrice&&item.showLabel.indexOf('1')!=-1">¥{{item.scribingPrice}}</view>
  300. </view>
  301. </div>
  302. </div>
  303. </view>
  304. </view>
  305. </view>
  306. <!-- 热门活动 -->
  307. <view v-if="openMActivity&&openMActivity.openCollectingList&&tabType==3">
  308. <view class="Hot" v-if="openMActivity.openCollectingList.length>0">
  309. <!-- <view class="hotTop">
  310. <view class="hotLeft">
  311. <view class="hotSx" :style="{background:'#'+themeColor}"></view>
  312. <view class="hottitle">{{homeCardList.openMActivity.showTitle?homeCardList.openMActivity.showTitle:'热门活动'}}</view>
  313. </view>
  314. <view class="hotRight" @click="moreJk">
  315. <view class="hotMore">更多</view>
  316. <img src="../../static/timg/icon_arrow_right.png" alt="" class="hotMoreJt">
  317. </view>
  318. </view> -->
  319. <view class="hotLine" @click="goJk(item)" v-for="(item,index) in openMActivity.openCollectingList" >
  320. <view class="hotLineTop">
  321. <image class="hotLineTopImg" :src="item.img" mode=""></image>
  322. <view class="hotlineTimebox">
  323. <!-- <view class="hotlinestate1" v-if="item.state==2">进行中</view>
  324. <view class="hotlinestate2" v-if="item.state==1">未开始</view> -->
  325. <image class="jkStateImg" v-if="item.state==2" src="http://dmsphoto.66km.com.cn/thFiles/85EAAA7F-01A6-41A6-B25B-72FAD3E451AC.png" mode="" ></image>
  326. <image class="jkStateImg" v-if="item.state==1" src="http://dmsphoto.66km.com.cn/thFiles/EB46639B-85C9-4246-A3E3-EA87944DFC36.png" mode="" ></image>
  327. <view class="hotTime">{{item.startTime.slice(0,10)}}-{{item.endTime.slice(0,10)}}</view>
  328. </view>
  329. </view>
  330. <view class="hotName">{{item.activityName}}</view>
  331. <view class="groupType" v-if="item.groupType">拼团</view>
  332. </view>
  333. </view>
  334. </view>
  335. </view>
  336. <view style="height: 60rpx;"></view>
  337. <!-- 手机号授权 -->
  338. <view class="authorizBox" v-if="authorizShow" @click="authorizShowHide">
  339. <view class="authorizCont" @click.stop="">
  340. <view class="authorizName">{{wxOpenData.miniAppName}}</view>
  341. <view class="authorizMs">未注册的手机号登录后将自动创会员账号,如果您不同意授权获取手机号,会影响您使用我们的产品和服务。</view>
  342. <view class="sqLine">
  343. <button class="authorizContbutton" type="default" open-type="getPhoneNumber" @getphonenumber="decryptPhoneNumber">授权</button>
  344. <view class="sqRefuse" @click="authorizShowHide">拒绝</view>
  345. </view>
  346. </view>
  347. <view style="text-align: center;padding-top: 56rpx;">
  348. <image src="../../static/timg/icon_guanbi@2x.png" mode="" class="authorizCloseImg"></image>
  349. </view>
  350. </view>
  351. <view class="qrBox" v-if="qrSHow">
  352. <view class="qrimgBox">
  353. <view class="qrTitle">微信绑定
  354. <image src="../../static/timg/chahao.png" mode="" class="qrimgchahao" @click="qrclose"></image>
  355. </view>
  356. <view class="qrms">扫描/长按下方二维码进行绑定</view>
  357. <view class="qrms2">绑定后可接收微信消息通知</view>
  358. <view style="text-align: center;padding-top: 30rpx;">
  359. <image :src="qrimg" mode="" class="qrimg" :show-menu-by-longpress='true'></image>
  360. </view>
  361. <view class="qrBtn" @click="qrclose">我知道了</view>
  362. </view>
  363. </view>
  364. <!-- 弹框广告区-->
  365. <view class="qrBox" v-if="activityModulesShow" @click="activityModulesHide">
  366. <view class="tkHdBox" @click.stop="">
  367. <swiper class="swiperTk" circular :autoplay="true" :interval="interval"
  368. :duration="duration" :indicator-dots="true" indicator-color="#CCCCCC" :indicator-active-color="'#'+themeColor">
  369. <swiper-item v-for="(item,index) in homeCardList.activityModules">
  370. <view class="swiper-itemTk" @click="goRoter(item)">
  371. <image class="tkHdImg" :src="item.icon" mode="widthFix"></image>
  372. </view>
  373. </swiper-item>
  374. </swiper>
  375. <view style="text-align: center;padding-top: 30rpx;">
  376. <image @click="activityModulesHide" class="closeTk" src="../../static/img/icon_delete.png" mode=""></image>
  377. </view>
  378. </view>
  379. </view>
  380. <!-- 弹框广告区-->
  381. </view>
  382. </view>
  383. </template>
  384. <script>
  385. export default {
  386. data() {
  387. return {
  388. shopId: '',
  389. url:'',
  390. wxOpenData:'',
  391. code:'',
  392. carInfo:'',
  393. homeCardList:'',
  394. authorizShow:false,
  395. miniAppName:'',
  396. iStatusBarHeight:'',
  397. managerInfo:'',
  398. unionId:'',
  399. ext:'',
  400. duration:500,
  401. interval:3000,
  402. InsuranceExpireDate:'',
  403. NextCareDate:'',
  404. NextAuditDate:'',
  405. themeColor:'',
  406. getwxLoing:false,
  407. shareID:'',
  408. discount:'',
  409. bizUserId:'',
  410. coCouponsMsg:'',
  411. coNoNewCustMsg:'',
  412. qrimg:'',
  413. qrSHow:false,
  414. customerInfo:'',
  415. exitNum:'',
  416. appletHomeSetting:'',
  417. activityModulesShow:false,
  418. tabIndex:0,
  419. OpenMGoods:[],
  420. openMActivity:[],
  421. tabType:'',
  422. byList:'',
  423. navigationList:[],
  424. }
  425. },
  426. onLoad(opt) {
  427. this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
  428. var that=this;
  429. //this.$common.getExtStoreId()
  430. var ext=this.$common.getExtStoreId();
  431. this.ext=ext
  432. console.log("ext--themeColor")
  433. console.log(ext)
  434. //console.log( String(Date.now()))
  435. this.shopId=ext.shopId;
  436. this.url=ext.url;
  437. this.unionId=ext.unionId;
  438. var shareID = opt.scene //'F16E7299-6850-4015-ABCE-A9F2794B45B5'
  439. if (shareID) {
  440. this.shareID = shareID
  441. console.log('this.shareID==='+this.shareID)
  442. //this.$store.commit('mutationsshareID', shareID)
  443. }
  444. //this.shareID='F16E7299-6850-4015-ABCE-A9F2794B45B5'
  445. //this.shareID='1BF04FAEC8844ECE9C40E880C3B13721'
  446. //this.unionId="26A1039A-DB10-4D0E-BBA2-541C06274EED";
  447. //this.ext.appId="wxffd2502e67d37908"
  448. // uni.setStorage({
  449. // key: 'extdata',
  450. // data: {
  451. // shopId:'E37BB296-5A08-4534-859D-B351BA611AF9',
  452. // },
  453. // success: function () {
  454. // that.uniLogin()
  455. // }
  456. // });
  457. //this.userInfo = uni.getStorageSync("userInfo");
  458. this.userInfo=this.$store.state.userInfo
  459. if(this.userInfo){
  460. //this.wxOpenData = uni.getStorageSync("wxOpenData");
  461. this.getCarList();
  462. this.queryHomeCardList()
  463. this.queryManagerInfo()
  464. }else{
  465. this.uniLogin()
  466. }
  467. //版本更新
  468. this.UpdateManager();
  469. },
  470. onShow() {
  471. this.userInfo=this.$store.state.userInfo;
  472. this.wxOpenData=this.$store.state.wxOpenData;
  473. var indexaddcar = uni.getStorageSync("indexaddcar");
  474. var themeColor = uni.getStorageSync("themeColor");
  475. if(themeColor){
  476. this.themeColor=themeColor
  477. }
  478. this.getwxLoing=true;
  479. this.exitNum=this.$store.state.exitNum;
  480. if(this.exitNum==1){
  481. this.carInfo=''
  482. }else{
  483. if(indexaddcar==1){
  484. uni.removeStorageSync('indexaddcar');
  485. this.getCarList();
  486. }else{
  487. this.carInfo=this.$store.state.carInfo;
  488. console.log("车辆信息")
  489. console.log(this.carInfo)
  490. if(!this.carInfo){
  491. this.getCarList();
  492. }
  493. this.jsTime()
  494. }
  495. }
  496. },
  497. onPullDownRefresh(){
  498. this.getCarList();
  499. this.queryHomeCardList()
  500. this.queryManagerInfo()
  501. setTimeout(() => {
  502. uni.stopPullDownRefresh(); // 关闭下拉刷新
  503. }, 1000);
  504. },
  505. methods: {
  506. goMaintain(item){
  507. uni.removeStorageSync('byCar');
  508. uni.navigateTo({
  509. url:'../subPack/maintainItem?maintainId='+item.id+'&isRecommend='+item.isRecommend
  510. })
  511. },
  512. tabData(showType,id){
  513. console.log("showType==="+showType)
  514. if(showType==3){
  515. uni.showLoading({
  516. title: '加载中'
  517. })
  518. this.$http('openHome/queryOpenMActivity', {
  519. unionId:this.unionId,id:id
  520. },'GET').then(res => {
  521. uni.hideLoading();
  522. this.openMActivity=res.data
  523. })
  524. }
  525. if(showType==2){
  526. uni.showLoading({
  527. title: '加载中'
  528. })
  529. this.$http('openHome/queryOpenMGoods', {
  530. unionId:this.unionId,id:id
  531. },'GET').then(res => {
  532. uni.hideLoading();
  533. this.OpenMGoods=res.data
  534. })
  535. }
  536. if(showType==1){
  537. this.getHomeList(id)
  538. }
  539. },
  540. getHomeList(id){
  541. if(this.carInfo){
  542. var params={
  543. carId:this.carInfo.id,
  544. id:id
  545. }
  546. }else{
  547. var params={
  548. id:id
  549. }
  550. }
  551. uni.showLoading({
  552. title: '加载中'
  553. })
  554. this.$http('openMaintain/home-list',params,'GET').then(res => {
  555. uni.hideLoading();
  556. this.byList=res.data
  557. })
  558. },
  559. tabFn(index,type,id){
  560. this.tabIndex=index
  561. this.tabType=type
  562. this.tabData(type,id)
  563. },
  564. activityModulesHide(){
  565. this.activityModulesShow=false
  566. },
  567. seeQr(){
  568. // this.authorizShow = true;
  569. // return false;
  570. if (this.userInfo) {
  571. } else {
  572. this.authorizShow = true;
  573. return false;
  574. }
  575. uni.showLoading({
  576. title: '加载中'
  577. })
  578. this.$request.httpBinary('wxV2/createQrCode', {
  579. type:'bindWx',
  580. customerId:this.customerInfo.id,
  581. unionID:this.customerInfo.unionID,
  582. }, 'GET').then(res => {
  583. uni.hideLoading();
  584. this.qrimg = 'data:image/png;base64,'+uni.arrayBufferToBase64(res);
  585. this.qrSHow=true;
  586. //this.img= uni.arrayBufferToBase64(res)
  587. //console.log('list+=', this.queryShopList);
  588. })
  589. },
  590. qrclose(){
  591. this.qrSHow=false;
  592. },
  593. authorizShowHide(){
  594. this.authorizShow=false
  595. },
  596. UpdateManager(){
  597. const updateManager = uni.getUpdateManager();
  598. updateManager.onCheckForUpdate(function (res) {
  599. // 请求完新版本信息的回调
  600. console.log(res.hasUpdate);
  601. });
  602. updateManager.onUpdateReady(function (res) {
  603. uni.showModal({
  604. title: '更新提示',
  605. content: '新版本已经准备好,是否重启应用?',
  606. success(res) {
  607. if (res.confirm) {
  608. // 新的版本已经下载好,调用 applyUpdate 应用新版本并重启
  609. updateManager.applyUpdate();
  610. }
  611. }
  612. });
  613. });
  614. updateManager.onUpdateFailed(function (res) {
  615. // 新的版本下载失败
  616. uni.showToast({
  617. title: '新的版本下载失败',
  618. icon:'none',
  619. duration: 3000
  620. });
  621. });
  622. },
  623. addCar(){
  624. if(!this.userInfo){
  625. if(this.exitNum!=1){
  626. this.authorizShow=true;
  627. }else{
  628. this.$common.automaticlogin().then(val => {
  629. this.userInfo=this.$store.state.userInfo;
  630. this.wxOpenData=this.$store.state.wxOpenData;
  631. /* uni.navigateTo({
  632. url:'../user/addCar/addCar?type=1'
  633. }) */
  634. this.exitNum=''
  635. this.$store.commit('mutationsexitNum', '')
  636. this.getCarList();
  637. uni.navigateTo({
  638. url:'../user/addCar/cailist'
  639. })
  640. })
  641. }
  642. }else{
  643. /* uni.navigateTo({
  644. url:'../user/addCar/addCar?type=1'
  645. }) */
  646. uni.navigateTo({
  647. url:'../subPack/addCarCK'
  648. })
  649. }
  650. },
  651. goShopList(){
  652. uni.navigateTo({
  653. url:'shopList'
  654. })
  655. },
  656. goShop(){
  657. uni.switchTab({
  658. url:'../shop/shop'
  659. })
  660. },
  661. moreJk(){
  662. uni.switchTab({
  663. url:'../activity/activity'
  664. })
  665. },
  666. information(){
  667. console.log('车辆信息--',this.carInfo);
  668. uni.navigateTo({
  669. url:'handbook?mileage='+this.carInfo.milage+'&liyangId='+this.carInfo.nLevelID
  670. })
  671. },
  672. changeCar(){
  673. /* uni.scanCode({
  674. success: function (res) {
  675. console.log('条码类型:' + res.scanType);
  676. console.log( res);
  677. }
  678. });
  679. return false; */
  680. uni.navigateTo({
  681. url:'../user/addCar/cailist'
  682. })
  683. },
  684. goMUsers(){
  685. if(!this.userInfo){
  686. this.authorizShow=true;
  687. }else{
  688. var managerInfo={
  689. name:this.managerInfo.name,
  690. shopInfo:{
  691. shopName:this.managerInfo.shopInfo.shopName,
  692. provinceName:this.managerInfo.shopInfo.provinceName,
  693. cityName:this.managerInfo.shopInfo.cityName,
  694. areaName:this.managerInfo.shopInfo.areaName,
  695. Address:this.managerInfo.shopInfo.Address,
  696. },
  697. avatar:this.managerInfo.avatar,
  698. phone:this.managerInfo.phone,
  699. shopID:this.managerInfo.shopInfo.id
  700. }
  701. uni.navigateTo({
  702. url:'../index/personalCard?adInfo='+JSON.stringify(managerInfo)
  703. })
  704. }
  705. },
  706. goGoods(item){
  707. uni.navigateTo({
  708. url:'../shop/goodsDetail?id='+item.id
  709. })
  710. /* if(!this.userInfo){
  711. if(this.exitNum!=1){
  712. this.authorizShow=true;
  713. }else{
  714. this.$common.automaticlogin().then(val => {
  715. this.userInfo=this.$store.state.userInfo;
  716. this.wxOpenData=this.$store.state.wxOpenData;
  717. this.exitNum=''
  718. this.$store.commit('mutationsexitNum', '')
  719. uni.navigateTo({
  720. url:'../shop/goodsDetail?id='+item.id
  721. })
  722. })
  723. }
  724. }else{
  725. uni.navigateTo({
  726. url:'../shop/goodsDetail?id='+item.id
  727. })
  728. } */
  729. /* if(!this.userInfo){
  730. this.authorizShow=true;
  731. }else{
  732. uni.navigateTo({
  733. url:'../shop/goodsDetail?id='+item.id
  734. })
  735. } */
  736. },
  737. goJk(item){
  738. uni.navigateTo({
  739. url:'../activity/jkDetail?id='+item.id
  740. })
  741. /* if(!this.userInfo){
  742. this.authorizShow=true;
  743. }else{
  744. uni.navigateTo({
  745. url:'../activity/jkDetail?id='+item.id
  746. })
  747. } */
  748. /* if(!this.userInfo){
  749. if(this.exitNum!=1){
  750. this.authorizShow=true;
  751. }else{
  752. this.$common.automaticlogin().then(val => {
  753. this.userInfo=this.$store.state.userInfo;
  754. this.wxOpenData=this.$store.state.wxOpenData;
  755. this.exitNum=''
  756. this.$store.commit('mutationsexitNum', '')
  757. uni.navigateTo({
  758. url:'../activity/jkDetail?id='+item.id
  759. })
  760. })
  761. }
  762. }else{
  763. uni.navigateTo({
  764. url:'../activity/jkDetail?id='+item.id
  765. })
  766. } */
  767. },
  768. goRoter(item){
  769. /* if(!this.userInfo){
  770. if(this.exitNum!=1){
  771. this.authorizShow=true;
  772. }else{
  773. this.$common.automaticlogin().then(val => {
  774. this.userInfo=this.$store.state.userInfo;
  775. this.wxOpenData=this.$store.state.wxOpenData;
  776. this.exitNum=''
  777. this.$store.commit('mutationsexitNum', '')
  778. this.goRoter2(item)
  779. })
  780. }
  781. }else{
  782. this.goRoter2(item)
  783. } */
  784. this.$common.automaticlogin().then(val => {
  785. this.userInfo=this.$store.state.userInfo;
  786. this.wxOpenData=this.$store.state.wxOpenData;
  787. this.exitNum=''
  788. this.$store.commit('mutationsexitNum', '')
  789. this.goRoter2(item)
  790. })
  791. },
  792. goRoter2(item){
  793. console.log(item)
  794. if(!this.userInfo){
  795. //this.authorizShow=true;
  796. }else{
  797. if(item.bizType==0){
  798. if(item.name=='新车'){ //
  799. uni.navigateTo({
  800. url:'../subPack/newCar'
  801. })
  802. }else if(item.name=='二手车'){
  803. uni.navigateTo({
  804. url:'usedCar'
  805. })
  806. }else if(item.name=='爱车估价'){
  807. uni.navigateTo({
  808. url:'evaluation'
  809. })
  810. }else if(item.sortId==18){ //领券中心
  811. uni.navigateTo({
  812. url:'receiveCoupon'
  813. })
  814. }else if(item.sortId==19){ //救援测试
  815. uni.navigateTo({
  816. url:'rescue'
  817. })
  818. }
  819. else{
  820. uni.showToast({
  821. title: '敬请期待',
  822. icon:'none',
  823. duration: 3000
  824. });
  825. }
  826. }else if(item.bizType==1){ //紧急救援
  827. uni.navigateTo({
  828. url:'rescue'
  829. })
  830. /* uni.showToast({
  831. title: '敬请期待',
  832. icon:'none',
  833. duration: 3000
  834. }); */
  835. }else if(item.bizType==2){ //钣金喷漆
  836. uni.navigateTo({
  837. url:'paint'
  838. })
  839. /* uni.navigateTo({
  840. url:'receiveCoupon'
  841. }) */
  842. }else if(item.bizType==3){ //保养
  843. uni.navigateTo({
  844. url:'maintain'
  845. })
  846. }else if(item.bizType==4){ //在线预约
  847. uni.navigateTo({
  848. url:'onlineBooking?naShopId='+item.naShopId
  849. })
  850. }else if(item.bizType==5){ //导航
  851. this.getShopinfo(5,item.reShopId)
  852. }else if(item.bizType==6){ //联系本店
  853. this.getShopinfo(6,item.orShopId)
  854. }else if(item.bizType==7){ //7门店列表
  855. /* uni.navigateTo({
  856. url:'shopList'
  857. }) */
  858. uni.switchTab({
  859. url:'shopList'
  860. })
  861. }else if(item.bizType==8){ //我的会员卡
  862. uni.navigateTo({
  863. url:'vipCard'
  864. })
  865. }else if(item.bizType==9){ //我的优惠券
  866. uni.navigateTo({
  867. url:'discountCard'
  868. })
  869. }else if(item.bizType==10){ //我的订单
  870. uni.navigateTo({
  871. url:'../user/myOrder/myOrder'
  872. })
  873. }else if(item.bizType==11){ //我的预约
  874. uni.navigateTo({
  875. url:'../user/myBespeak'
  876. })
  877. }else if(item.bizType==12){ //历史消费
  878. uni.navigateTo({
  879. url:'../user/historySpend'
  880. })
  881. }else if(item.bizType==12){ //历史消费
  882. uni.navigateTo({
  883. url:'../user/historySpend'
  884. })
  885. }else if(item.bizType==13){ //车检报告
  886. uni.navigateTo({
  887. url:'../user/checkReport'
  888. })
  889. }else if(item.bizType==14){ //指定商品分类
  890. uni.setStorage({
  891. key: 'shopcategoryID',
  892. data: item.bizId,
  893. success: function () {
  894. getApp().globalData.shopcategoryID=item.bizId;
  895. uni.switchTab({
  896. url:'../shop/shop?shopcategoryID='+ item.bizId
  897. })
  898. }
  899. });
  900. }else if(item.bizType==15){ //商品详情
  901. uni.navigateTo({
  902. url:'../shop/goodsDetail?id='+item.bizId
  903. })
  904. }else if(item.bizType==16){ //积分商城
  905. uni.navigateTo({
  906. url:'../integral/integral'
  907. })
  908. }else if(item.bizType==17){ //公司介绍
  909. uni.navigateTo({
  910. url:'../subPack/aboutUS?unionID='+this.userInfo.unionId
  911. })
  912. }else if(item.bizType==18){ //领券中心
  913. uni.navigateTo({
  914. url:'receiveCoupon'
  915. })
  916. /* uni.navigateTo({
  917. url:'rescue'
  918. }) */
  919. }else if(item.bizType==19){
  920. //我的车库pages/user/addCar/cailist
  921. uni.navigateTo({
  922. url:'../user/addCar/cailist'
  923. })
  924. }else if(item.bizType==20){
  925. uni.navigateTo({
  926. url:'../subPack/maintain?maintainProjectID='+item.maintainProjectID
  927. })
  928. }
  929. // uni.navigateTo({
  930. // url:url
  931. // })
  932. }
  933. },
  934. decryptPhoneNumber: function(e) {
  935. console.log(e);
  936. this.code=e.detail.code
  937. this.wxPhoneLogin()
  938. this.authorizShow=false;
  939. },
  940. wxgologin(){
  941. var that=this;
  942. uni.getUserProfile({
  943. lang:'zh_CN',
  944. desc:'登录',
  945. success:(res)=>{
  946. console.log(res);
  947. that.wxdata=res;
  948. uni.setStorage({
  949. key: 'wxdata',
  950. data: res,
  951. success: function () {
  952. that.uniLogin()
  953. }
  954. });
  955. },
  956. fail:(res)=>{
  957. console.log(res)
  958. }
  959. });
  960. },
  961. uniLogin(){
  962. var that=this;
  963. uni.login({
  964. provider: 'weixin',
  965. success: function (loginRes) {
  966. console.log(loginRes);
  967. that.getWxOpenID(loginRes)
  968. }
  969. });
  970. },
  971. getWxOpenID(e){
  972. var that=this;
  973. // uni.showLoading({
  974. // title: '加载中'
  975. // })
  976. this.$http('miniApp2/sys/getWxOpenID', {
  977. code:e.code,
  978. unionId:this.unionId,
  979. shareId:this.shareID
  980. },'GET').then(res => {
  981. console.log(res.code);
  982. console.log("授权信息")
  983. console.log(res)
  984. //uni.hideLoading();
  985. if(res.code!=0){
  986. //uni.hideLoading();
  987. var msg=res.msg
  988. if(!msg){
  989. msg='授权失败'
  990. }
  991. console.log(msg);
  992. }
  993. this.wxOpenData=res.data;
  994. this.themeColor=res.data.themeColor
  995. //this.themeColor='FFFFFF'
  996. this.getwxLoing=true;
  997. uni.setNavigationBarTitle({
  998. title:this.wxOpenData.miniAppName
  999. })
  1000. if(this.themeColor=='6F2BE8'){
  1001. var backgroundImage='/static/tabimg/index6F2BE8.png'
  1002. }
  1003. if(this.themeColor=='1677FF'){
  1004. var backgroundImage='/static/tabimg/index1677FF.png'
  1005. }
  1006. if(this.themeColor=='FF4F00'){
  1007. var backgroundImage='/static/tabimg/indexFF4F00.png'
  1008. }
  1009. if(this.themeColor=='D53533'){
  1010. var backgroundImage='/static/tabimg/index1.png'
  1011. }
  1012. uni.setTabBarStyle({
  1013. // color: '#FF0000',
  1014. //selectedColor: '#'+this.themeColor,
  1015. selectedColor: '#222222',
  1016. })
  1017. /* uni.setTabBarItem({
  1018. index: 0,
  1019. text: '首页',
  1020. selectedIconPath: backgroundImage
  1021. }) */
  1022. if(res.code==0){
  1023. that.queryHomeCardList()
  1024. }
  1025. //that.wxPhoneLogin()
  1026. this.$store.commit('mutationswxOpenData', that.wxOpenData)
  1027. uni.setStorage({
  1028. key: 'wxOpenData',
  1029. data: that.wxOpenData,
  1030. success: function () {
  1031. // that.uniLogin()
  1032. }
  1033. });
  1034. uni.setStorage({
  1035. key: 'themeColor',
  1036. data: that.themeColor,
  1037. success: function () {
  1038. // that.uniLogin()
  1039. console.log("themeColor=="+that.themeColor)
  1040. }
  1041. });
  1042. if(this.wxOpenData.loginInfo){
  1043. this.$store.commit('mutationsuserInfo', that.wxOpenData.loginInfo.openUser)
  1044. this.userInfo=that.wxOpenData.loginInfo.openUser
  1045. that.queryManagerInfo()
  1046. //that.tabData()
  1047. uni.setStorage({
  1048. key: 'userInfo',
  1049. data: that.wxOpenData.loginInfo.openUser,
  1050. success: function () {
  1051. that.getCarList()
  1052. }
  1053. });
  1054. }else{
  1055. //this.authorizShow=true;
  1056. }
  1057. if(res.data.loginInfo.discount){
  1058. that.discount=res.data.loginInfo.discount;
  1059. if(that.discount==2){
  1060. that.bizUserId=res.data.loginInfo.bizUserId;
  1061. }
  1062. if(that.shareID){
  1063. that.getCouponList()
  1064. }
  1065. }
  1066. if(res.data.loginInfo.coNoNewCustMsg){ //车主合伙人二维码提示
  1067. uni.showModal({
  1068. title: '提示',
  1069. content:res.data.loginInfo.coNoNewCustMsg,
  1070. success: function(resTKk) {
  1071. }
  1072. });
  1073. }
  1074. //console.log("优惠券")
  1075. })
  1076. },
  1077. wxPhoneLogin(){
  1078. var that=this;
  1079. this.$http('miniApp2/sys/wxPhoneLogin', {
  1080. appId:this.ext.appId,
  1081. unionId:this.unionId,
  1082. code:this.code,
  1083. openId:this.wxOpenData.openid,
  1084. shareId:this.shareID
  1085. },'POST').then(res => {
  1086. var data = res.data;
  1087. if(data.loginInfo){
  1088. this.userInfo=data.loginInfo.openUser;
  1089. this.customerInfo=data.loginInfo.customerInfo
  1090. this.$store.commit('mutationsuserInfo', this.userInfo);
  1091. this.$store.commit('mutationswxOpenData', data);
  1092. uni.setStorage({
  1093. key: 'userInfo',
  1094. data: data.loginInfo.openUser,
  1095. success: function () {
  1096. that.getCarList()
  1097. that.queryHomeCardList()
  1098. that.queryManagerInfo();
  1099. if(data.loginInfo.coCouponsMsg){
  1100. uni.hideLoading()
  1101. that.coCouponsMsg =data.loginInfo.coCouponsMsg;
  1102. that.ownerCoupon()
  1103. }
  1104. if(data.loginInfo.coNoNewCustMsg){
  1105. //console.log(data.loginInfo.coNoNewCustMsg)
  1106. uni.hideLoading()
  1107. that.coNoNewCustMsg =data.loginInfo.coNoNewCustMsg;
  1108. that.coNoNewCust()
  1109. }
  1110. if(data.loginInfo.discount){
  1111. that.discount=data.loginInfo.discount;
  1112. if(that.discount==2){
  1113. that.bizUserId=data.loginInfo.bizUserId;
  1114. }
  1115. if(that.shareID&&that.discount==2){
  1116. that.getCouponList()
  1117. }
  1118. }
  1119. }
  1120. });
  1121. if(!this.customerInfo.wxMiniV2OpenID){
  1122. this.seeQr()
  1123. }
  1124. }
  1125. })
  1126. },
  1127. coNoNewCust(){
  1128. console.log(111111)
  1129. var that=this;
  1130. uni.showModal({
  1131. title: '提示',
  1132. content: that.coNoNewCustMsg,
  1133. success: function(resTK) {
  1134. }
  1135. });
  1136. },
  1137. ownerCoupon(){
  1138. console.log(22222)
  1139. var that=this;
  1140. uni.showModal({
  1141. title: '提示',
  1142. content: that.coCouponsMsg,
  1143. cancelText:'回到首页',
  1144. confirmText:'查看',
  1145. success: function(resTK) {
  1146. if (resTK.confirm) {
  1147. uni.navigateTo({
  1148. url:'discountCard'
  1149. })
  1150. }
  1151. }
  1152. });
  1153. },
  1154. getCouponList(){
  1155. if(this.discount!=2){
  1156. var params={
  1157. discount:this.discount
  1158. }
  1159. }else{
  1160. var params={
  1161. discount:this.discount,
  1162. bizId:this.bizUserId
  1163. }
  1164. }
  1165. var that=this;
  1166. this.$http('opencoupon/getCouponList', params, 'GET').then(res => {
  1167. var list = res.data;
  1168. if(list.length>0){
  1169. uni.showModal({
  1170. title: '提示',
  1171. content: '您有优惠券待领取',
  1172. cancelText:'回到首页',
  1173. confirmText:'查看',
  1174. success: function(resTK) {
  1175. if (resTK.confirm) {
  1176. uni.navigateTo({
  1177. url:'discountDlq?bizUserId='+that.bizUserId+'&discount='+that.discount
  1178. })
  1179. }
  1180. }
  1181. });
  1182. }
  1183. })
  1184. },
  1185. getCarList(){
  1186. /* this.$http('opencarOwnerHome/queryCarInfoList', {
  1187. },'GET').then(res => {
  1188. if(res.code==401){
  1189. this.carInfo=''
  1190. this.$store.commit('mutationscarInfo', '')
  1191. }else{
  1192. this.carInfo=res.data[0]
  1193. this.$store.commit('mutationscarInfo', this.carInfo)
  1194. this.jsTime()
  1195. }
  1196. }) */
  1197. this.$http('opencarOwnerHome/queryDefaultCarInfo', {
  1198. },'GET').then(res => {
  1199. if(res.code==401){
  1200. this.carInfo=''
  1201. this.$store.commit('mutationscarInfo', '')
  1202. }else{
  1203. if(res.data&&res.data!='null'){
  1204. this.carInfo = res.data
  1205. }else{
  1206. this.carInfo=''
  1207. }
  1208. this.$store.commit('mutationscarInfo', this.carInfo)
  1209. //this.getHomeList()
  1210. this.jsTime()
  1211. }
  1212. })
  1213. },
  1214. jsTime(){
  1215. if(this.carInfo.insuranceExpireDate){
  1216. if (Number(new Date().getTime()) > (Number(new Date(this.carInfo.insuranceExpireDate.replace(/-/g, '/')).getTime()) || 0)) {
  1217. console.log("现在时间大于开始时间")
  1218. this.InsuranceExpireDate = 0
  1219. } else {
  1220. this.clock()
  1221. }
  1222. }else{
  1223. this.InsuranceExpireDate=''
  1224. }
  1225. if(this.carInfo.nextCareDate){
  1226. if (Number(new Date().getTime()) > (Number(new Date(this.carInfo.nextCareDate.replace(/-/g, '/')).getTime()) || 0)) {
  1227. this.NextCareDate = 0
  1228. } else {
  1229. this.clock2()
  1230. }
  1231. }else{
  1232. this.NextCareDate = ''
  1233. }
  1234. if(this.carInfo.nextAuditDate){
  1235. if (Number(new Date().getTime()) > (Number(new Date(this.carInfo.nextAuditDate.replace(/-/g, '/')).getTime()) || 0)) {
  1236. this.NextAuditDate = 0
  1237. } else {
  1238. this.clock3()
  1239. }
  1240. }else{
  1241. this.NextAuditDate=''
  1242. }
  1243. },
  1244. clock () {
  1245. let _this = this
  1246. let today = new Date() // 当前时间
  1247. let h = today.getHours()
  1248. let m = today.getMinutes()
  1249. let s = today.getSeconds()
  1250. let stopTime = new Date(_this.carInfo.insuranceExpireDate.replace(/-/g, '/')) // 结束时间
  1251. let stopH = stopTime.getHours()
  1252. let stopM = stopTime.getMinutes()
  1253. let stopS = stopTime.getSeconds()
  1254. let shenyu = stopTime.getTime() - today.getTime() // 倒计时毫秒数
  1255. let shengyuD = parseInt(shenyu / (60 * 60 * 24 * 1000)) // 转换为天
  1256. this.InsuranceExpireDate=shengyuD+1;
  1257. // setTimeout(_this.clock, 500)
  1258. },
  1259. clock2 () {
  1260. let _this = this
  1261. let today = new Date() // 当前时间
  1262. let stopTime = new Date(_this.carInfo.nextCareDate.replace(/-/g, '/')) // 结束时间
  1263. let stopH = stopTime.getHours()
  1264. let stopM = stopTime.getMinutes()
  1265. let stopS = stopTime.getSeconds()
  1266. let shenyu = stopTime.getTime() - today.getTime() // 倒计时毫秒数
  1267. let shengyuD = parseInt(shenyu / (60 * 60 * 24 * 1000)) // 转换为天
  1268. this.NextCareDate=shengyuD+1;
  1269. // setTimeout(_this.clock, 500)
  1270. },
  1271. clock3 () {
  1272. let _this = this
  1273. let today = new Date() // 当前时间
  1274. let stopTime = new Date(_this.carInfo.nextAuditDate.replace(/-/g, '/')) // 结束时间
  1275. let shenyu = stopTime.getTime() - today.getTime() // 倒计时毫秒数
  1276. let shengyuD = parseInt(shenyu / (60 * 60 * 24 * 1000)) // 转换为天
  1277. this.NextAuditDate=shengyuD+1;
  1278. // setTimeout(_this.clock, 500)
  1279. },
  1280. queryManagerInfo(){
  1281. console.log("11")
  1282. this.$http('openHome/queryManagerInfo', {
  1283. },'GET').then(res => {
  1284. this.managerInfo=res.data
  1285. })
  1286. },
  1287. queryHomeCardList(){
  1288. //console.log(this.wxOpenData)
  1289. var that=this;
  1290. uni.showLoading({
  1291. title: '加载中'
  1292. })
  1293. this.$http('openHome/queryHomeCardList', {
  1294. unionId:this.unionId
  1295. },'GET').then(res => {
  1296. uni.hideLoading();
  1297. this.homeCardList=res.data;
  1298. this.appletHomeSetting=res.data.appletHomeSetting;
  1299. this.navigationList=res.data.navigationList
  1300. var appletHomeSetting=this.appletHomeSetting
  1301. //this.tabType=appletHomeSetting.sortSettingList[0].type
  1302. if(this.homeCardList.activityModules.length>0){
  1303. this.activityModulesShow=true
  1304. }
  1305. //console.log("this.navigationList")
  1306. //console.log(this.navigationList)
  1307. if(this.navigationList.length>0){
  1308. this.tabType=this.navigationList[0].showType
  1309. this.tabData(this.navigationList[0].showType,this.navigationList[0].id)
  1310. }
  1311. uni.setStorage({
  1312. key: 'openMCar',
  1313. data: res.data.openMCar,
  1314. success: function () {
  1315. that.getCarList()
  1316. }
  1317. });
  1318. uni.setStorage({
  1319. key: 'carAddImage',
  1320. data: appletHomeSetting.carAddImage,
  1321. success: function () {
  1322. }
  1323. });
  1324. uni.setTabBarItem({
  1325. index: 0,
  1326. text: '首页',
  1327. iconPath:appletHomeSetting.homeImageUnCheck,
  1328. selectedIconPath: appletHomeSetting.homeImageCheck
  1329. })
  1330. uni.setTabBarItem({
  1331. index: 1,
  1332. text: '商城',
  1333. iconPath:appletHomeSetting.mallImageUnCheck,
  1334. selectedIconPath: appletHomeSetting.mallImageCheck
  1335. })
  1336. uni.setTabBarItem({
  1337. index: 2,
  1338. text: '活动',
  1339. iconPath:appletHomeSetting.activityImageUnCheck,
  1340. selectedIconPath: appletHomeSetting.activityImageCheck
  1341. })
  1342. uni.setTabBarItem({
  1343. index: 3,
  1344. text: '门店',
  1345. iconPath:appletHomeSetting.storeImageUnCheck,
  1346. selectedIconPath: appletHomeSetting.storeImageCheck
  1347. })
  1348. uni.setTabBarItem({
  1349. index: 4,
  1350. text: '我的',
  1351. iconPath:appletHomeSetting.mineImageUnCheck,
  1352. selectedIconPath: appletHomeSetting.mineImageCheck
  1353. })
  1354. })
  1355. },
  1356. getShopinfo(num,shopId){
  1357. var that=this;
  1358. uni.showLoading({
  1359. title: '加载中'
  1360. })
  1361. if(!shopId){
  1362. shopId=''
  1363. }
  1364. this.$http('openmy/getShopinfo', {
  1365. shopId:shopId
  1366. },'GET').then(res => {
  1367. uni.hideLoading();
  1368. var res=res.data
  1369. if(num==5){
  1370. uni.openLocation({
  1371. latitude:Number(res.lat),
  1372. longitude:Number(res.lng),
  1373. name: res.shopName,
  1374. address: res.address,
  1375. success: function() {
  1376. console.log('success');
  1377. },
  1378. fail(err) {
  1379. console.log(err)
  1380. }
  1381. });
  1382. }else{
  1383. uni.makePhoneCall({
  1384. phoneNumber: res.mobilePhone
  1385. });
  1386. }
  1387. })
  1388. }
  1389. },
  1390. onShareAppMessage(){
  1391. }
  1392. }
  1393. </script>
  1394. <style scoped>
  1395. .content{
  1396. background: #F4F4F4;
  1397. }
  1398. .top{
  1399. position: fixed;
  1400. left: 0;
  1401. width: 750rpx;
  1402. top: 0;
  1403. }
  1404. .logoImg{
  1405. height: 72rpx;width: 492rpx;
  1406. }
  1407. .logoBox{
  1408. height: 78rpx;
  1409. }
  1410. .logoBox{
  1411. padding-left: 20rpx;
  1412. padding-bottom: 20rpx;
  1413. padding-top: 8rpx;
  1414. }
  1415. .topCont{
  1416. padding: 8rpx 20rpx;
  1417. height: 100rpx;
  1418. /* padding-bottom: 210rpx; */
  1419. }
  1420. .carBox{
  1421. background: #FFFFFF;
  1422. border-radius: 17rpx;
  1423. padding-top: 20rpx;
  1424. padding-right: 24rpx;
  1425. padding-left: 30rpx;
  1426. }
  1427. .carBox2{
  1428. display: flex;
  1429. justify-content: space-between;
  1430. }
  1431. .carLogoBg{
  1432. width: 123rpx;
  1433. height: 127rpx;
  1434. }
  1435. .carLogo{
  1436. width: 42rpx;height: 42rpx;border-radius: 22rpx;
  1437. }
  1438. .carInfomodel{
  1439. font-size: 30rpx;
  1440. color: #0B0B0B;
  1441. line-height: 42rpx;
  1442. font-weight: 500;
  1443. padding-left: 12rpx;
  1444. max-width: 270rpx;
  1445. }
  1446. .carTop{
  1447. display: flex;
  1448. }
  1449. .carXia{
  1450. width: 12rpx;height: 9rpx;
  1451. margin-left: 4rpx;margin-top: 18rpx;
  1452. }
  1453. .plateNumber{
  1454. color: #0B0B0B;padding-right: 20rpx;
  1455. line-height: 42rpx;
  1456. font-size: 22rpx;padding-left: 20rpx;
  1457. }
  1458. .carBj{
  1459. width: 12rpx;height: 15rpx;margin-top: 16rpx;
  1460. }
  1461. .carBq{
  1462. display: flex;
  1463. width: 446rpx;
  1464. height: 47rpx;
  1465. background: #FBF0E4;
  1466. border-radius: 10rpx;
  1467. margin-top: 22rpx;
  1468. }
  1469. .carDui{
  1470. width: 24rpx;height: 24rpx;
  1471. }
  1472. .carBqLine{
  1473. display: flex;
  1474. padding-left: 20rpx;padding-right: 10rpx;padding-top: 10rpx;
  1475. font-size: 22rpx;
  1476. color: #A26D4F;line-height: 26rpx;
  1477. }
  1478. .carTitle{
  1479. padding-left: 6rpx;
  1480. }
  1481. .modular{
  1482. background: #FFFFFF;
  1483. border-radius: 17rpx;
  1484. padding: 34rpx 0 4rpx 0;
  1485. }
  1486. .modularMk{
  1487. width: 25%;text-align: center;
  1488. padding-bottom: 30rpx;
  1489. }
  1490. .modularLine{
  1491. display: flex;flex-wrap: wrap;
  1492. }
  1493. .modularLogo{
  1494. width: 97rpx;height: 97rpx;
  1495. }
  1496. .modularTitle{
  1497. /* font-weight: 600; */
  1498. font-size: 24rpx;
  1499. color: #222222;line-height: 40rpx;
  1500. }
  1501. .modularTitle2{
  1502. font-size: 24rpx;
  1503. color: #222222;line-height: 40rpx;
  1504. }
  1505. .contBox{
  1506. padding: 20rpx;
  1507. margin-top: 160rpx;
  1508. /* margin-top: -200rpx; */
  1509. }
  1510. .swiper2{
  1511. height: 200rpx;
  1512. }
  1513. .swiper-item2Img{
  1514. height: 200rpx;
  1515. width: 100%;
  1516. border-radius: 10rpx;
  1517. }
  1518. /* .swiper-item2{
  1519. height: 200rpx;
  1520. } */
  1521. .advertisement{
  1522. background: #FFFFFF;
  1523. margin-top: 20rpx;
  1524. border-radius: 16rpx;
  1525. /* height: 200rpx; */
  1526. /* padding: 12rpx 15rpx; */
  1527. }
  1528. .activeGoodsIcon{
  1529. width: 55rpx;height: 19rpx;margin-top: 10rpx;
  1530. }
  1531. .goodsTabBox{
  1532. display: flex;
  1533. }
  1534. .goodsTab{
  1535. text-align: center;
  1536. font-weight: 400;
  1537. font-size: 28rpx;
  1538. color: #8B8B8B;
  1539. line-height: 40rpx;
  1540. padding-right: 50rpx;
  1541. }
  1542. .goodsBox{
  1543. margin-top: 20rpx;
  1544. }
  1545. .goodsACt{
  1546. font-weight: 500;
  1547. font-size: 28rpx;
  1548. color: #222222;
  1549. }
  1550. .goodsLine{
  1551. background: #FFFFFF;border-radius: 16rpx;
  1552. padding: 24rpx;margin-bottom: 20rpx;
  1553. }
  1554. .goodsIcon{
  1555. width: 246rpx;border-radius: 12rpx;
  1556. height: 246rpx;
  1557. }
  1558. .goodsLine{
  1559. display: flex;
  1560. }
  1561. .goodsName{
  1562. font-weight: 500;
  1563. font-size: 28rpx;
  1564. color: #222222;
  1565. line-height: 40rpx;
  1566. }
  1567. .goodsRight{
  1568. padding-left: 24rpx;
  1569. width: 438rpx;
  1570. display: flex;
  1571. flex-direction: column;justify-content: space-between;
  1572. }
  1573. .goodsMs{
  1574. font-weight: 400;padding-top: 5rpx;
  1575. font-size: 20rpx;
  1576. color: #8B8B8B;
  1577. line-height: 28rpx;
  1578. }
  1579. .goodsCBox{
  1580. display: flex;justify-content: space-between;
  1581. }
  1582. .goodsTitle{
  1583. height: 25rpx;line-height: 25rpx;font-size: 18rpx;
  1584. color: #EC0F0A;padding: 0 10rpx;
  1585. background: #FEE6E5;
  1586. }
  1587. .goodsCRight{
  1588. width: 147rpx;
  1589. height: 58rpx;
  1590. background: #EC0F0A;
  1591. border-radius: 29rpx;
  1592. line-height: 58rpx;
  1593. text-align: center;
  1594. font-size: 24rpx;
  1595. color: #FFFFFF;
  1596. }
  1597. .goodsPriceBox{
  1598. line-height: 45rpx;
  1599. font-size: 22rpx;
  1600. color: #8B8B8B;
  1601. }
  1602. .goodsPrice1{
  1603. font-weight: 500;
  1604. font-size: 20rpx;
  1605. color: #EC0F0A;
  1606. }
  1607. .goodsPrice2{
  1608. font-weight: 500;
  1609. font-size: 34rpx;
  1610. color: #EC0F0A;
  1611. }
  1612. .goodsKbox{
  1613. display: flex;flex-wrap: wrap;
  1614. }
  1615. .goosK1 {
  1616. height: 25rpx;line-height: 25rpx;padding: 0 8rpx;
  1617. border: 1rpx solid #EC0F0A;font-size: 18rpx;
  1618. color: #EC0F0A;margin-right: 10rpx;
  1619. }
  1620. .goosK2{
  1621. height: 25rpx;line-height: 25rpx;padding: 0 8rpx;color: #000000;
  1622. border: 1rpx solid #FCD903;font-size: 18rpx;
  1623. }
  1624. .carAddImage{
  1625. width: 91rpx;height: 123rpx;
  1626. }
  1627. .nocarBox{
  1628. background: #FFFFFF;
  1629. border-radius: 17rpx;
  1630. padding: 12rpx 20rpx;
  1631. display: flex;
  1632. margin-top: 20rpx;
  1633. justify-content: space-between;
  1634. }
  1635. .addCarMs{
  1636. padding-left: 26rpx;padding-top: 32rpx;
  1637. }
  1638. .addCarMs1{
  1639. font-weight: 500;
  1640. font-size: 30rpx;
  1641. color: #222222;
  1642. }
  1643. .addCarMs1{
  1644. font-weight: 500;
  1645. font-size: 30rpx;
  1646. color: #222222;
  1647. }
  1648. .addCarMs2{
  1649. font-weight: 400;
  1650. font-size: 24rpx;
  1651. color: #999999;
  1652. }
  1653. .addCarBtn{
  1654. width: 183rpx;
  1655. height: 53rpx;
  1656. background: #222222;
  1657. border-radius: 27rpx;
  1658. font-weight: 600;
  1659. font-size: 28rpx;
  1660. color: #FCD903;
  1661. text-align: center;
  1662. line-height: 53rpx;
  1663. margin-top: 40rpx;
  1664. }
  1665. .authorizBox{
  1666. width: 100vw;
  1667. height: 100vh;
  1668. background: rgba(0, 0, 0, 0.5);
  1669. position: fixed;
  1670. top: 0;
  1671. left: 0;
  1672. }
  1673. .authorizCont{
  1674. margin-top: 30vh;
  1675. width: 564rpx;
  1676. height: 408rpx;
  1677. background: #FFFFFF;
  1678. border-radius: 24rpx;
  1679. margin-left: 93rpx;
  1680. position: relative;
  1681. }
  1682. .authorizCloseImg{
  1683. width: 62rpx;
  1684. height: 62rpx;
  1685. }
  1686. .sqLogoBox{
  1687. width: 180rpx;
  1688. height: 180rpx;
  1689. background: #FFFFFF;
  1690. border-radius: 90rpx;
  1691. text-align: center;
  1692. position: absolute;
  1693. top: -50rpx;
  1694. left: 192rpx;
  1695. }
  1696. .authorizName{
  1697. color: #333333;
  1698. line-height: 42rpx;
  1699. font-size: 30rpx;
  1700. text-align: center;
  1701. padding-top: 58rpx;
  1702. }
  1703. .authorizMs{
  1704. color: #999999;
  1705. line-height: 36rpx;
  1706. font-size: 26rpx;
  1707. width: 452rpx;
  1708. padding-top: 24rpx;
  1709. text-align: center;
  1710. margin-left: 56rpx;
  1711. }
  1712. .authorizContbutton{
  1713. width: 210rpx;
  1714. height: 66rpx;
  1715. background: #D53533;
  1716. border-radius: 44rpx;
  1717. line-height: 66rpx;
  1718. text-align: center;
  1719. font-size:30rpx;
  1720. color: #FFFFFF;
  1721. margin-left:40rpx;
  1722. }
  1723. .qrBox{
  1724. position: fixed;
  1725. width: 100vw;
  1726. height: 100vh;
  1727. background: rgba(0,0,0,0.5);
  1728. left: 0;
  1729. top: 0;
  1730. z-index: 11;
  1731. display: flex;
  1732. justify-content: center;
  1733. align-items: center;
  1734. flex-direction: column;
  1735. }
  1736. .qrimgBox{
  1737. width: 562rpx;
  1738. height: 704rpx;
  1739. background: #FFFFFF;
  1740. border-radius: 24rpx;
  1741. }
  1742. .qrTitle{
  1743. font-size: 30rpx;
  1744. font-family: PingFangSC-Medium, PingFang SC;
  1745. font-weight: 500;
  1746. color: #333333;
  1747. border-bottom: 1px solid #EEEEEE;
  1748. text-align: center;
  1749. line-height: 90rpx;
  1750. position: relative;
  1751. }
  1752. .qrimgchahao{
  1753. width: 38rpx;
  1754. height: 38rpx;
  1755. position: absolute;
  1756. top: 26rpx;
  1757. right: 20rpx;
  1758. }
  1759. .qrms{
  1760. font-weight: 400;
  1761. color: #999999;
  1762. line-height: 37rpx;
  1763. font-size: 26rpx;
  1764. padding-top: 23rpx;
  1765. text-align: center;
  1766. }
  1767. .qrms2{
  1768. font-weight: 400;
  1769. color: #999999;
  1770. line-height: 37rpx;
  1771. font-size: 26rpx;
  1772. text-align: center;
  1773. }
  1774. .qrimg{
  1775. width: 328rpx;
  1776. height: 328rpx;
  1777. }
  1778. .qrBtn{
  1779. width: 292rpx;
  1780. height: 64rpx;
  1781. background: #D53533;
  1782. border-radius: 32rpx;
  1783. color: #FFFFFF;
  1784. line-height: 64rpx;
  1785. text-align: center;
  1786. margin: 0 auto;
  1787. margin-top:40rpx;
  1788. }
  1789. .adviser{
  1790. background: #FFFFFF;
  1791. border-radius: 10px;
  1792. display: flex;
  1793. justify-content: space-between;
  1794. padding: 18rpx 20rpx;
  1795. margin-bottom: 20rpx;
  1796. }
  1797. .adviserLeft{
  1798. display: flex;
  1799. }
  1800. .advisertx{
  1801. width: 62rpx;height: 62rpx;
  1802. }
  1803. .adviserNema{
  1804. color: #333333;font-size: 30rpx;
  1805. line-height: 62rpx;padding-left: 24rpx;
  1806. }
  1807. .adviserms{
  1808. width: 118rpx;
  1809. height: 36rpx;
  1810. border-radius: 4rpx;
  1811. border: 1px solid #D53533;
  1812. line-height: 36rpx;
  1813. text-align: center;
  1814. margin-top: 12rpx;
  1815. margin-left: 20rpx;
  1816. color: #D53533;
  1817. font-size: 24rpx;
  1818. }
  1819. .adviserJt{
  1820. width: 12rpx;
  1821. height: 20rpx;
  1822. margin-top: 20rpx;
  1823. }
  1824. .bxBox{
  1825. display: flex;
  1826. flex-wrap: wrap;
  1827. }
  1828. .bxline{
  1829. display: flex;
  1830. padding-bottom: 20rpx;
  1831. }
  1832. .bxline1{
  1833. width: 40%;
  1834. }
  1835. .bxline2{
  1836. width: 60%;
  1837. }
  1838. .bxlineTitle{
  1839. color: #333333;
  1840. font-size: 26rpx;
  1841. line-height: 37rpx;
  1842. padding-left: 10rpx;
  1843. }
  1844. .bxlineMs1{
  1845. line-height: 37rpx;
  1846. color: #D53533;
  1847. font-size: 26rpx;
  1848. padding-left: 12rpx;
  1849. }
  1850. .bxlineMs2{
  1851. line-height: 37rpx;
  1852. color: #999999;
  1853. font-size: 24rpx;
  1854. padding-left: 12rpx;
  1855. }
  1856. .bxlineIcon{
  1857. width: 34rpx;
  1858. height: 34rpx;
  1859. /* margin-left: 24rpx; */
  1860. }
  1861. .carTimeBox{
  1862. /* border-top: 1px solid #EEEEEE; */
  1863. /* padding-bottom: 15rpx; */
  1864. }
  1865. .plateNumberSpan1{
  1866. background: #0041FF;
  1867. border-radius: 4rpx 0rpx 0rpx 4rpx;
  1868. color: #FFFFFF;
  1869. border: 1px solid #0041FF;
  1870. padding: 0 6rpx;
  1871. }
  1872. .plateNumberSpan2{
  1873. color: #0B0B0B;
  1874. border: 1px solid #0041FF;
  1875. padding: 0 6rpx;
  1876. border-radius: 0rpx 4rpx 4rpx 0rpx;
  1877. }
  1878. .swiperTk{
  1879. height: 50vh;
  1880. width: 100vw;
  1881. }
  1882. .swiper-itemTk{
  1883. display: flex;
  1884. justify-content: flex-end;
  1885. flex-direction: column;
  1886. align-items: center;
  1887. height: 50vh;
  1888. padding-bottom: 50rpx;
  1889. }
  1890. .tkHdImg{
  1891. width: 80vw;margin-bottom: 10px;
  1892. }
  1893. .swiper-itemTk{
  1894. text-align: center;
  1895. }
  1896. .closeTk{
  1897. width: 60rpx;height: 60rpx;
  1898. }
  1899. .hotGoodsLine{
  1900. /* margin-top: 30rpx; */
  1901. padding: 20rpx;
  1902. background: #FFFFFF;
  1903. border-radius: 16rpx;
  1904. display: flex;
  1905. }
  1906. .hotGoodsLineImg{
  1907. width: 208rpx;
  1908. height: 194rpx;
  1909. border-radius: 16rpx;
  1910. border: 1px solid #EEEEEE;
  1911. display: block;
  1912. }
  1913. .goodsName{
  1914. font-size: 28rpx;
  1915. font-family: PingFangSC-Regular, PingFang SC;
  1916. font-weight: 400;
  1917. color: #333333;
  1918. line-height: 40rpx;
  1919. text-overflow: -o-ellipsis-lastline;
  1920. overflow: hidden;
  1921. text-overflow: ellipsis;
  1922. display: -webkit-box;
  1923. -webkit-line-clamp: 2;
  1924. line-clamp: 2;
  1925. -webkit-box-orient: vertical;
  1926. }
  1927. .hotGoodsLineRIght{
  1928. padding-left: 24rpx;
  1929. }
  1930. .goodsPrice{
  1931. display: flex;
  1932. padding-top: 10rpx;
  1933. }
  1934. .goodsPrice1{
  1935. font-size: 24rpx;
  1936. font-weight: 400;
  1937. color: #FF0000;
  1938. padding-top: 8rpx;
  1939. }
  1940. .goodsPrice2{
  1941. font-size: 22rpx;
  1942. font-weight: 400;
  1943. color: #FF0000;
  1944. padding-top: 10rpx;
  1945. }
  1946. .goodsPrice3{
  1947. font-size: 32rpx;
  1948. font-weight: 500;
  1949. color: #FF0000;
  1950. }
  1951. .goodsPrice11{
  1952. font-size: 20rpx;
  1953. color: #EC0F0A;
  1954. padding-top: 8rpx;
  1955. }
  1956. .goodsPrice22{
  1957. font-size: 34rpx;
  1958. font-weight: 500;
  1959. color: #EC0F0A;
  1960. padding-top: 10rpx;
  1961. }
  1962. .goodsPrice33{
  1963. font-size: 22rpx;
  1964. color: #8B8B8B;
  1965. }
  1966. .goodsPrice4{
  1967. font-size: 24rpx;
  1968. font-weight: 400;
  1969. color: #999999;
  1970. padding-top: 8rpx;
  1971. padding-left: 10rpx;
  1972. text-decoration:line-through;
  1973. }
  1974. .Sold{
  1975. font-weight: 400;
  1976. color: #999999;
  1977. font-size: 24rpx;
  1978. padding-top: 8rpx;
  1979. }
  1980. .jkStateImg{
  1981. width: 102rpx;
  1982. height: 53rpx;
  1983. position: relative;
  1984. }
  1985. .hotLineTopImg{
  1986. width: 702rpx;
  1987. height: 280rpx;
  1988. display: block;
  1989. }
  1990. .hotLineTop{
  1991. position: relative;
  1992. height: 280rpx;
  1993. }
  1994. .hotLine{
  1995. margin-top: 20rpx;
  1996. border-radius: 10rpx;
  1997. background: #FFFFFF;
  1998. overflow: hidden;
  1999. position: relative;
  2000. }
  2001. .groupType{
  2002. width: 76rpx;color: #FFFFFF;
  2003. height: 36rpx;line-height: 36rpx;text-align: center;
  2004. background: linear-gradient(109deg, #FD5A04 0%, #FD0900 100%);
  2005. border-radius: 0rpx 10rpx 0rpx 10rpx;
  2006. position: absolute;font-weight: 500;
  2007. top: 0;right: 0;font-size: 24rpx;
  2008. }
  2009. .hotlinestate1{
  2010. width: 102rpx;
  2011. height: 44rpx;
  2012. background:#FBBF00 ;
  2013. line-height: 44rpx;
  2014. font-weight: 500;
  2015. color: #333333;
  2016. font-size: 24rpx;
  2017. text-align: center;
  2018. }
  2019. .hotlinestate2{
  2020. width: 102rpx;
  2021. height: 44rpx;
  2022. background:#FF0000 ;
  2023. line-height: 44rpx;
  2024. font-weight: 500;
  2025. color: #FFFFFF;
  2026. font-size: 24rpx;
  2027. text-align: center;
  2028. }
  2029. .hotlineTimebox{
  2030. position: absolute;
  2031. left: 0;
  2032. bottom: 0;
  2033. display: flex;
  2034. align-items: flex-end;
  2035. }
  2036. .hotTime{
  2037. background: rgba(0, 0, 0, 0.5);
  2038. font-weight: 400;
  2039. color: #FFFFFF;
  2040. font-size: 24rpx;
  2041. /* line-height: 44rpx; */
  2042. padding: 5rpx 20rpx;
  2043. margin-top: 9rpx;
  2044. margin-left: -8rpx;
  2045. border-radius: 0px 10rpx 0px 0px;
  2046. }
  2047. .hotName{
  2048. padding: 24rpx 20rpx;
  2049. color: #333333;
  2050. line-height: 40rpx;
  2051. font-size: 28rpx;
  2052. }
  2053. .isRecommend{
  2054. font-size: 20rpx;
  2055. background: #EC0F0A;
  2056. height: 30rpx;
  2057. padding: 0 6rpx;
  2058. border-radius: 6rpx;
  2059. color: #fff;
  2060. margin-top: 5rpx;
  2061. margin-right: 10rpx;
  2062. }
  2063. </style>