index.vue 59 KB

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