wxThird/pages/index/index.vue

<template>
	<view class="content">
		<view v-show="homeCardList">
		 <view class="top" :style="{background:'#'+themeColor}">
			<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
			<view class="logoBox">
				<!-- <image src="../../static/img2/indexlogo.png" mode="" class="logoImg"></image> -->
				 <image v-if="appletHomeSetting.showImageType==0" :src="appletHomeSetting.showImage" mode="" class="logoImg"></image> 
			</view>
		</view>
		<view>
			<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
			<view style="height: 98rpx;"></view>
		</view>
		<view class="topCont" :style="{background:'#'+themeColor}">
			<!-- 有车 -->
			<view class="carBox" v-if="carInfo">
				<view class="carBox2">
				  <view class="carLeft">
					  <view class="carTop" @click="changeCar">
						  <image :src="carInfo.brandLogo" mode="" class="carLogo"></image>
						  <view class="carInfomodel">{{carInfo.brand}}&nbsp;{{carInfo.series}}</view>
						  <image src="../../static/img2/xia.png" mode="" class="carXia"></image>
						  <view class="plateNumber" v-if="carInfo.plateNumber">
						     <span class="plateNumberSpan1">{{carInfo.plateNumber.slice(0, 2)}}</span>
							 <span class="plateNumberSpan2">{{carInfo.plateNumber.slice(2)}}</span>
						  </view>
						<!--  <image src="../../static/img2/carBj.png" mode="" class="carBj"></image> -->
					  </view>
					  <view class="carBq">
						  <view class="carBqLine">
							  <image src="../../static/img2/carDui.png" mode="" class="carDui"></image>
							  <view class="carTitle">车况报告</view>
						  </view>
						  <view class="carBqLine">
							  <image src="../../static/img2/carDui.png" mode="" class="carDui"></image>
							  <view class="carTitle">保养记录</view>
						  </view>
						  <view class="carBqLine">
							  <image src="../../static/img2/carDui.png" mode="" class="carDui"></image>
							  <view class="carTitle">快速救援</view>
						  </view>
					  </view>
					
				  </view>
				  <view class="carRight">
					  <image src="../../static/img2/carLogo.png" mode="" class="carLogoBg"></image>
				  </view>
				  
				</view>
				<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">
					  <view class="bxBox">
							  <view class="bxline bxline1" v-if="appletHomeSetting.carInsuranceType==3">
								  <img src="../../static/timg/car1.png" alt="" class="bxlineIcon">
								  <view class="bxlineTitle">保险</view>
								  <view class="bxlineMs1" v-if="carInfo.insuranceExpireDate">{{InsuranceExpireDate}}天到期</view>
								  <view class="bxlineMs2" v-else>--</view>
							  </view>
							  <view class="bxline bxline1" v-if="appletHomeSetting.carInsuranceType==2">
										  <img src="../../static/timg/car1.png" alt="" class="bxlineIcon">
										  <view class="bxlineTitle">保险</view>
										  <view class="bxlineMs1" v-if="carInfo.insuranceExpireDate">{{carInfo.insuranceExpireDate.slice(0,10)}}</view>
										  <view class="bxlineMs2" v-else>--</view>
							  </view>
							  <view class="bxline bxline2" v-if="appletHomeSetting.carMaintainType ==3">
								  <img src="../../static/timg/car2.png" alt="" class="bxlineIcon" >
								  <view class="bxlineTitle">下次保养</view>
								  <view class="bxlineMs1" v-if="carInfo.nextCareDate||carInfo.nextCareMilage">
									 <span v-if="NextCareDate||NextCareDate===0">{{NextCareDate}}天后</span>
									 <span v-if="NextCareDate===0&&carInfo.nextCareMilage">或</span>
									 <span v-if="carInfo.nextCareMilage&&NextCareDate">或</span>
									 <span v-if="carInfo.nextCareMilage">{{carInfo.nextCareMilage}}km</span>
								  </view>
								   <view class="bxlineMs2" v-else>--</view>
							  </view>
							  <view class="bxline bxline2" v-if="appletHomeSetting.carMaintainType ==2">
								  <img src="../../static/timg/car2.png" alt="" class="bxlineIcon" >
								  <view class="bxlineTitle" style="width: 140rpx;">下次保养</view>
								  <view class="bxlineMs1" v-if="carInfo.nextCareDate||carInfo.nextCareMilage">
									 <span v-if="NextCareDate||NextCareDate===0">{{carInfo.nextCareDate.slice(0,10)}}</span>
									 <span v-if="NextCareDate===0&&carInfo.nextCareMilage">或</span>
									 <span v-if="carInfo.nextCareMilage&&NextCareDate">或</span>
									 <span v-if="carInfo.nextCareMilage">{{carInfo.nextCareMilage}}km</span>
								  </view>
								   <view class="bxlineMs2" v-else>--</view>
							  </view>
							  <view class="bxline bxline1" v-if="appletHomeSetting.carAuditType==3">
								  <img src="../../static/timg/car3.png" alt="" class="bxlineIcon" >
								  <view class="bxlineTitle">年审</view>
								  <view class="bxlineMs1" v-if="carInfo.nextAuditDate">{{NextAuditDate}}天到期</view>
								   <view class="bxlineMs2" v-else>--</view>
							  </view>
							  <view class="bxline bxline1" v-if="appletHomeSetting.carAuditType==2">
								  <img src="../../static/timg/car3.png" alt="" class="bxlineIcon" >
								  <view class="bxlineTitle">年审</view>
								  <view class="bxlineMs1" v-if="carInfo.nextAuditDate">{{carInfo.nextAuditDate.slice(0,10)}}</view>
								  <view class="bxlineMs2" v-else>--</view>
							  </view>
							  <view class="bxline bxline2" v-if="homeCardList.openMCar.showType==1">
								  <img src="../../static/timg/car4.png" alt="" class="bxlineIcon" >
								  <view class="bxlineTitle">保养手册</view>
								  <view class="bxlineMs2" @click="information">点击查看</view>
							  </view>
					  </view>
				</view>
			</view>
		
			<!-- 有车 -->
			<!-- 无车 -->
			<view class="nocarBox" v-if="!carInfo" >
				<image @click="addCar" :src="appletHomeSetting.carAddImage" mode="" style="width: 100%;height: 148rpx;"></image>
				<!-- <view style="display: flex;">
					<image v-if="appletHomeSetting.carAddImageType==1" src="../../static/img2/pic.png" mode="" class="carAddImage"></image>
					<image v-else :src="appletHomeSetting.carAddImage" mode="" class="carAddImage"></image>
					<view class="addCarMs">
						<view class="addCarMs1">添加爱车推荐精准服务</view>
						<view class="addCarMs2">车辆有问题,安徒生来帮您!</view>
					</view>
				</view>
				<view class="addCarBtn" @click="addCar">添加爱车</view> -->
				
			</view>
			<!-- 无车 -->

		</view>
		<view class="contBox">
		<!-- 服务顾问 -->
		<view v-if="homeCardList.openMUsers">
			<view class="adviser" v-if="homeCardList.openMUsers.showType!=2&&managerInfo" @click="goMUsers()">
				<view class="adviserLeft">
					<img v-if="managerInfo.avatar" :src="managerInfo.avatar" alt="" class="advisertx">
					<img v-else src="../../static/timg/pic_def_ava@2x.png" alt="" class="advisertx">
					<view class="adviserNema">{{managerInfo.name}}</view>
					<view class="adviserms" :style="{border:'1px solid #'+themeColor,color:'#'+themeColor}">服务顾问</view>
				</view>
				<img src="../../static/timg/icon_arrow_right.png" alt="" class="adviserJt">
			</view>
		</view>
		<!-- 服务顾问 -->
		<!-- 	 中间应用模块 -->
			<view class="modular">
				<view class="modularLine">
					<view class="modularMk"  @click="goRoter(item)" v-if="index<4"  v-for="(item,index) in homeCardList.application">
						<view class="modularLogoBox">
							<image :src="item.icon" mode="" class="modularLogo"></image>
						</view>
						<view class="modularTitle">{{item.name}}</view>
					</view>
					
				</view>
				<view class="modularLine">
					<view class="modularMk"  @click="goRoter(item)" v-if="index>3"  v-for="(item,index) in homeCardList.application">
						<view class="modularLogoBox">
							<image :src="item.icon" mode="" class="modularLogo"></image>
						</view>
						<view class="modularTitle2">{{item.name}}</view>
					</view>
				
				</view>
			</view>
			<!-- 中间应用模块 -->
		
			<!-- 广告区 -->
			<view class="advertisement" v-if="homeCardList.ad1.length>0">
				<swiper class="swiper2" circular  :autoplay="true" :interval="interval"
								:duration="duration" :indicator-dots="true" indicator-color="#CCCCCC" :indicator-active-color="'#'+themeColor">
					<swiper-item v-for="(item,index) in homeCardList.ad1">
						<view class="swiper-item2" @click="goRoter(item)">
							<image class="swiper-item2Img" :src="item.icon" mode=""></image>
						</view>	
					</swiper-item>
				</swiper>
			</view>
			<!-- 广告区 -->
			
			<!-- 商品区 -->
			<view class="goodsBox">
				<view class="goodsTabBox">
					<view class="goodsTab goodsACt">
						<view>做保养</view>
						<image class="activeGoodsIcon" src="../../static/img2/activeGoods.png" mode=""></image>
					</view>
					<view class="goodsTab">
						<view>换轮胎</view>
						<image class="activeGoodsIcon" src="../../static/img2/activeGoods.png" mode=""></image>
					</view>
					<view class="goodsTab">
						<view>其他</view>
						<image class="activeGoodsIcon" src="../../static/img2/activeGoods.png" mode=""></image>
					</view>
				</view>
				<view class="goodsLIneBox">
					<view class="goodsLine">
						<view class="goodsLeft">
							<image class="goodsIcon" src="../../static/img2/icon_1.png" mode=""></image>
						</view>
						<view class="goodsRight">
							<view class="goodsRtop">
								<view class="goodsName">全合成机油保养2次</view>
								<view class="goodsMs">含:发动机机油、机油滤芯、雾化杀菌等</view>
							</view>
							<view class="goodsRb">
								<view class="goodsCBox">
									<view class="goodsCLeft">
										<view style="display: flex;"><view class="goodsTitle">2次更划算</view></view>
										<view class="goodsPriceBox">
											<span class="goodsPrice1">￥</span>
											<span class="goodsPrice2">294</span>
											<span class="goodsPrice3">/次¥588</span>
										</view>
									</view>
									<view class="goodsCRight">
										立即抢购
									</view>
								</view>
								<view class="goodsKbox">
									<view class="goosK1">增效全合成</view>
									<view class="goosK2">粘度级别</view>
									<!-- <view class="goosK2">0W-20/5W-40/5W-30</view> -->
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 商品区 -->
			
		</view>
		 
		
		<view style="height: 60rpx;"></view>
		<!-- 手机号授权 -->
		<view class="authorizBox" v-if="authorizShow" @click="authorizShowHide">
			<view class="authorizCont" @click.stop="">
				<view class="authorizName">{{wxOpenData.miniAppName}}</view>
				<view class="authorizMs">未注册的手机号登录后将自动创会员账号,如果您不同意授权获取手机号，会影响您使用我们的产品和服务。</view>
				<view class="sqLine">
					<button class="authorizContbutton" type="default" open-type="getPhoneNumber" @getphonenumber="decryptPhoneNumber">授权</button>
				    <view class="sqRefuse"  @click="authorizShowHide">拒绝</view>
				</view>
				
			</view>
			<view style="text-align: center;padding-top: 56rpx;">
				<image src="../../static/timg/icon_guanbi@2x.png" mode="" class="authorizCloseImg"></image>
			</view>
		</view>
		
		 
		 <view class="qrBox" v-if="qrSHow">
		 	<view class="qrimgBox">
		 		<view class="qrTitle">微信绑定
		 		  <image src="../../static/timg/chahao.png" mode="" class="qrimgchahao" @click="qrclose"></image>
		 		</view>
		 		<view class="qrms">扫描/长按下方二维码进行绑定</view>
		 		<view class="qrms2">绑定后可接收微信消息通知</view>
		 		<view style="text-align: center;padding-top: 30rpx;">
		 			<image :src="qrimg" mode="" class="qrimg" :show-menu-by-longpress='true'></image>
		 		</view>
		 		
		 		<view class="qrBtn" @click="qrclose">我知道了</view>
		 	</view>
		 </view>
		 
		 <!-- 弹框广告区-->
		 <view class="qrBox" v-if="activityModulesShow" @click="activityModulesHide">
			 <view class="tkHdBox" @click.stop="">
				 <swiper class="swiperTk" circular  :autoplay="true" :interval="interval"
				 				:duration="duration" :indicator-dots="true" indicator-color="#CCCCCC" :indicator-active-color="'#'+themeColor">
				 	<swiper-item v-for="(item,index) in homeCardList.activityModules">
				 		<view class="swiper-itemTk" @click="goRoter(item)">
				 			<image class="tkHdImg" :src="item.icon" mode="aspectFit"></image>
				 		</view>	
				 	</swiper-item>
				 </swiper>
				 <view style="text-align: center;padding-top: 30rpx;">
					 <image @click="activityModulesHide" class="closeTk" src="../../static/img/icon_delete.png" mode=""></image>
				 </view>
			 </view>
		 </view>
		  <!-- 弹框广告区-->
		 
 
		</view> 
	</view>
</template>

<script>
	
	export default {
		
		data() {
			return {
				shopId: '',
				url:'',
				wxOpenData:'',
				code:'',
				carInfo:'',
				homeCardList:'',
				authorizShow:false,
				miniAppName:'',
				iStatusBarHeight:'',
				managerInfo:'',
				unionId:'',
				ext:'',
				duration:500,
				interval:3000,
				InsuranceExpireDate:'',
				NextCareDate:'',
				NextAuditDate:'',
				themeColor:'',
				getwxLoing:false,
				shareID:'',
				discount:'',
				bizUserId:'',
				coCouponsMsg:'',
				coNoNewCustMsg:'',
				qrimg:'',
				qrSHow:false,
				customerInfo:'',
				exitNum:'',
				appletHomeSetting:'',
				activityModulesShow:false,
			}
		},
		onLoad(opt) {
			
			this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
			var that=this;
			 //this.$common.getExtStoreId()
			 var ext=this.$common.getExtStoreId();
			 this.ext=ext
			 console.log("ext--themeColor")
			 console.log(ext)
			//console.log( String(Date.now()))
			this.shopId=ext.shopId;
			this.url=ext.url;
			this.unionId=ext.unionId;
			var shareID = opt.scene //'F16E7299-6850-4015-ABCE-A9F2794B45B5'
			
			if (shareID) {
				this.shareID = shareID
				console.log('this.shareID==='+this.shareID)
				//this.$store.commit('mutationsshareID', shareID)
			}
			//this.shareID='F16E7299-6850-4015-ABCE-A9F2794B45B5'
			//this.shareID='1BF04FAEC8844ECE9C40E880C3B13721'
			
			//this.unionId="26A1039A-DB10-4D0E-BBA2-541C06274EED";
			//this.ext.appId="wxffd2502e67d37908"
			// uni.setStorage({
			// 	key: 'extdata',
			// 	data: {
			// 		shopId:'E37BB296-5A08-4534-859D-B351BA611AF9',
			// 	},
			// 	 success: function () {
			// 	     that.uniLogin()
				 
			// 	 }
			// }); 
			//this.userInfo = uni.getStorageSync("userInfo");
			this.userInfo=this.$store.state.userInfo
			if(this.userInfo){
				//this.wxOpenData = uni.getStorageSync("wxOpenData");
				this.getCarList();
				this.queryHomeCardList()
				this.queryManagerInfo()
			}else{
					this.uniLogin()
				
			}
			//版本更新
		    this.UpdateManager();
			
		},
		onShow() {
			
			this.userInfo=this.$store.state.userInfo;
			this.wxOpenData=this.$store.state.wxOpenData;
			var indexaddcar = uni.getStorageSync("indexaddcar");
			var themeColor = uni.getStorageSync("themeColor");
			if(themeColor){
				this.themeColor=themeColor
			}
			this.getwxLoing=true;
			this.exitNum=this.$store.state.exitNum;
			if(this.exitNum==1){
				this.carInfo=''
			}else{
				if(indexaddcar==1){
					uni.removeStorageSync('indexaddcar');
					this.getCarList();
				}else{
					this.carInfo=this.$store.state.carInfo;
					console.log("车辆信息")
					console.log(this.carInfo)
					if(!this.carInfo){
						this.getCarList();
					}
					this.jsTime()
				}
			}
			
		    
			
			
		},
		onPullDownRefresh(){
			this.getCarList();
			this.queryHomeCardList()
			this.queryManagerInfo()
			setTimeout(() => {
					uni.stopPullDownRefresh(); // 关闭下拉刷新 
			}, 1000);
		},
		methods: {
			activityModulesHide(){
				this.activityModulesShow=false
			},
			seeQr(){
				// this.authorizShow = true;
				// return false;
				if (this.userInfo) {
					
				} else {
					this.authorizShow = true;
					return false;
				}
				uni.showLoading({
					title: '加载中'
				})
				this.$request.httpBinary('wxV2/createQrCode', {
				    type:'bindWx',
				    customerId:this.customerInfo.id,
				    unionID:this.customerInfo.unionID,
				}, 'GET').then(res => {
					uni.hideLoading();
					this.qrimg = 'data:image/png;base64,'+uni.arrayBufferToBase64(res);
					this.qrSHow=true;
					//this.img= uni.arrayBufferToBase64(res)
					//console.log('list+=', this.queryShopList);
				
				})
			},
			qrclose(){
				this.qrSHow=false;
			},
			authorizShowHide(){
				this.authorizShow=false
			},
			UpdateManager(){
				const updateManager = uni.getUpdateManager();
				updateManager.onCheckForUpdate(function (res) {
				  // 请求完新版本信息的回调
				  console.log(res.hasUpdate);
				});
				
				updateManager.onUpdateReady(function (res) {
				  uni.showModal({
				    title: '更新提示',
				    content: '新版本已经准备好，是否重启应用？',
				    success(res) {
				      if (res.confirm) {
				        // 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
				        updateManager.applyUpdate();
				      }
				    }
				  });
				
				});
				
				updateManager.onUpdateFailed(function (res) {
				  // 新的版本下载失败
				  uni.showToast({
				  	 title: '新的版本下载失败',
				  	 icon:'none',
				  	 duration: 3000
				  });
				});
			},
			addCar(){
				if(!this.userInfo){
						if(this.exitNum!=1){
							this.authorizShow=true;
						}else{
							this.$common.automaticlogin().then(val => {
								this.userInfo=this.$store.state.userInfo;
								this.wxOpenData=this.$store.state.wxOpenData;
								/* uni.navigateTo({
									url:'../user/addCar/addCar?type=1'
								}) */
								this.exitNum=''
								this.$store.commit('mutationsexitNum', '')
								this.getCarList();
								uni.navigateTo({
									url:'../user/addCar/cailist'
								}) 
							})
						}
					
				}else{
					/* uni.navigateTo({
						url:'../user/addCar/addCar?type=1'
					}) */
					uni.navigateTo({
						url:'../subPack/addCarCK'
					}) 
				}
			},
			goShopList(){
				uni.navigateTo({
					url:'shopList'
				})
			},
			goShop(){
				
				uni.switchTab({
					url:'../shop/shop'
				})
			},
			moreJk(){
				uni.switchTab({
					url:'../activity/activity'
				})
			},
			information(){
				console.log('车辆信息--',this.carInfo);
				uni.navigateTo({
					url:'handbook?mileage='+this.carInfo.milage+'&liyangId='+this.carInfo.nLevelID
				})
			},
			changeCar(){
			    /* uni.scanCode({
				 	success: function (res) {
				 		console.log('条码类型：' + res.scanType);
						console.log( res);
				 	}
				 });
				 return false; */
				 uni.navigateTo({
					url:'../user/addCar/cailist'
				}) 
			},
			goMUsers(){
				if(!this.userInfo){
					this.authorizShow=true;
	
				}else{
					var managerInfo={
						name:this.managerInfo.name,
						shopInfo:{
							shopName:this.managerInfo.shopInfo.shopName,
							provinceName:this.managerInfo.shopInfo.provinceName,
							cityName:this.managerInfo.shopInfo.cityName,
							areaName:this.managerInfo.shopInfo.areaName,
							Address:this.managerInfo.shopInfo.Address,
							
						},
						avatar:this.managerInfo.avatar,
						phone:this.managerInfo.phone,
						shopID:this.managerInfo.shopInfo.id
					}
					uni.navigateTo({
						url:'../index/personalCard?adInfo='+JSON.stringify(managerInfo)
					})
				}
			},
			goGoods(item){
				uni.navigateTo({
					url:'../shop/goodsDetail?id='+item.id
				})
				/* if(!this.userInfo){
					if(this.exitNum!=1){
						this.authorizShow=true;
					}else{
						this.$common.automaticlogin().then(val => {
							this.userInfo=this.$store.state.userInfo;
							this.wxOpenData=this.$store.state.wxOpenData;
							this.exitNum=''
							this.$store.commit('mutationsexitNum', '')
							uni.navigateTo({
								url:'../shop/goodsDetail?id='+item.id
							})
						})
					}
				}else{
					uni.navigateTo({
						url:'../shop/goodsDetail?id='+item.id
					})
				} */
				/* if(!this.userInfo){
					this.authorizShow=true;
				}else{
					uni.navigateTo({
						url:'../shop/goodsDetail?id='+item.id
					})
				} */
			},
			goJk(item){
				uni.navigateTo({
					url:'../activity/jkDetail?id='+item.id
				})
				/* if(!this.userInfo){
					this.authorizShow=true;
				}else{
					uni.navigateTo({
						url:'../activity/jkDetail?id='+item.id
					})
				} */
				/* if(!this.userInfo){
					if(this.exitNum!=1){
						this.authorizShow=true;
					}else{
						this.$common.automaticlogin().then(val => {
							this.userInfo=this.$store.state.userInfo;
							this.wxOpenData=this.$store.state.wxOpenData;
							this.exitNum=''
							this.$store.commit('mutationsexitNum', '')
							uni.navigateTo({
								url:'../activity/jkDetail?id='+item.id
							})
						})
					}
				}else{
					uni.navigateTo({
						url:'../activity/jkDetail?id='+item.id
					})
				} */
				
			},
			goRoter(item){
				/* if(!this.userInfo){
					if(this.exitNum!=1){
						this.authorizShow=true;
					}else{
						this.$common.automaticlogin().then(val => {
							this.userInfo=this.$store.state.userInfo;
							this.wxOpenData=this.$store.state.wxOpenData;
							this.exitNum=''
							this.$store.commit('mutationsexitNum', '')
							this.goRoter2(item)
						})
					}
				}else{
					this.goRoter2(item)
				} */
				this.$common.automaticlogin().then(val => {
					this.userInfo=this.$store.state.userInfo;
					this.wxOpenData=this.$store.state.wxOpenData;
					this.exitNum=''
					this.$store.commit('mutationsexitNum', '')
					this.goRoter2(item)
				})
				
			},
			goRoter2(item){
				console.log(item)
				
				if(!this.userInfo){
					//this.authorizShow=true;
					
				}else{
					if(item.bizType==0){
						if(item.name=='新车'){ //
							uni.navigateTo({
								url:'newCar'
							})
						}else if(item.name=='二手车'){
							uni.navigateTo({
								url:'usedCar'
							})
						}else if(item.name=='爱车估价'){
							uni.navigateTo({
								url:'evaluation'
							})
						}else  if(item.sortId==18){ //领券中心
							uni.navigateTo({
								url:'receiveCoupon'
							})
						}else if(item.sortId==19){ //救援测试
						 
							 uni.navigateTo({
							 	url:'rescue'
							 }) 
					   }
						
						else{
							uni.showToast({
								 title: '敬请期待',
								 icon:'none',
								 duration: 3000
							});
						}
					}else if(item.bizType==1){ //紧急救援
						 uni.navigateTo({
						 	url:'rescue'
						 })
						/* uni.showToast({
							 title: '敬请期待',
							 icon:'none',
							 duration: 3000
						}); */
						
					}else if(item.bizType==2){ //钣金喷漆
						 uni.navigateTo({
							url:'paint'
						}) 
						/* uni.navigateTo({
							url:'receiveCoupon'
						}) */
					}else if(item.bizType==3){ //保养
						uni.navigateTo({
							url:'maintain'
						})
					}else if(item.bizType==4){ //在线预约
						uni.navigateTo({
							url:'onlineBooking?naShopId='+item.naShopId
						})
					}else if(item.bizType==5){ //导航
						
						this.getShopinfo(5,item.reShopId)
					}else if(item.bizType==6){ //联系本店
					    this.getShopinfo(6,item.orShopId)
						
					}else if(item.bizType==7){ //7门店列表
						uni.navigateTo({
							url:'shopList'
						})
					}else if(item.bizType==8){ //我的会员卡
						uni.navigateTo({
							url:'vipCard'
						})
					}else if(item.bizType==9){ //我的优惠券
						uni.navigateTo({
							url:'discountCard'
						})
					}else if(item.bizType==10){ //我的订单
						uni.navigateTo({
							url:'../user/myOrder/myOrder'
						})
					}else if(item.bizType==11){ //我的预约
						uni.navigateTo({
							url:'../user/myBespeak'
						})
					}else if(item.bizType==12){ //历史消费
						uni.navigateTo({
							url:'../user/historySpend'
						})
					}else if(item.bizType==12){ //历史消费
						uni.navigateTo({
							url:'../user/historySpend'
						})
					}else if(item.bizType==13){ //车检报告
						uni.navigateTo({
							url:'../user/checkReport'
						})
					}else if(item.bizType==14){ //指定商品分类
					uni.setStorage({
							key: 'shopcategoryID',
							data: item.bizId,
							 success: function () {
								getApp().globalData.shopcategoryID=item.bizId;
								uni.switchTab({
									url:'../shop/shop?shopcategoryID='+ item.bizId
								})
							 }
						});
						
					}else if(item.bizType==15){ //商品详情
						uni.navigateTo({
							url:'../shop/goodsDetail?id='+item.bizId
						})
					}else if(item.bizType==16){ //积分商城
						uni.navigateTo({
							url:'../integral/integral'
						})
					}else if(item.bizType==17){ //公司介绍
						uni.navigateTo({
							url:'../subPack/aboutUS?unionID='+this.userInfo.unionId
						})
					}else if(item.bizType==18){ //领券中心
						    uni.navigateTo({
								url:'receiveCoupon'
							}) 
							/* uni.navigateTo({
							 	url:'rescue'
							 }) */
					}else if(item.bizType==19){
						//我的车库pages/user/addCar/cailist
						 
							 uni.navigateTo({
							 	url:'../user/addCar/cailist'
							 }) 
					}
					
					
					// uni.navigateTo({
					// 	url:url
					// })
				}
				
			},
			decryptPhoneNumber: function(e) {
			  console.log(e);
			  this.code=e.detail.code
			  this.wxPhoneLogin()
			  this.authorizShow=false;
			},
             wxgologin(){
             	var that=this;
             	uni.getUserProfile({
             		lang:'zh_CN',
             		desc:'登录',
             		success:(res)=>{
             			console.log(res);
             			that.wxdata=res;
             			 uni.setStorage({
             				key: 'wxdata',
             				data: res,
             				 success: function () {
             				     that.uniLogin()
             				 
             				 }
             			}); 
             		},
             		fail:(res)=>{
             			console.log(res)
             		}
             	});
             },
			 uniLogin(){
				 var that=this;
				 uni.login({
				   provider: 'weixin',
				   success: function (loginRes) {
				     console.log(loginRes);
					 that.getWxOpenID(loginRes)
				   }
				 });
			 },
			 getWxOpenID(e){
				 var that=this;
				 // uni.showLoading({
					// title: '加载中'
				 // })
				 this.$http('miniApp2/sys/getWxOpenID', {
				   code:e.code,
				   unionId:this.unionId,
				   shareId:this.shareID
				  },'GET').then(res => {
					console.log(res.code);
					console.log("授权信息")
					console.log(res)
					 //uni.hideLoading();
					if(res.code!=0){
						 //uni.hideLoading();
						 var msg=res.msg
						 if(!msg){
							 msg='授权失败'
						 }
						 console.log(msg);
						
					}
				 	this.wxOpenData=res.data;
					this.themeColor=res.data.themeColor
					//this.themeColor='FFFFFF'
					this.getwxLoing=true;
					uni.setNavigationBarTitle({
					  title:this.wxOpenData.miniAppName
					})
					if(this.themeColor=='6F2BE8'){
						var backgroundImage='/static/tabimg/index6F2BE8.png'
					}
					if(this.themeColor=='1677FF'){
						var backgroundImage='/static/tabimg/index1677FF.png'
					}
					if(this.themeColor=='FF4F00'){
						var backgroundImage='/static/tabimg/indexFF4F00.png'
					}
					if(this.themeColor=='D53533'){
						var backgroundImage='/static/tabimg/index1.png'
					}
					uni.setTabBarStyle({
					  // color: '#FF0000',
					  //selectedColor: '#'+this.themeColor,
					  selectedColor: '#222222',
					})
					
					/* uni.setTabBarItem({
					   index: 0,
					   text: '首页',
					   selectedIconPath: backgroundImage
					}) */
					if(res.code==0){
						that.queryHomeCardList()
					}
					
					//that.wxPhoneLogin()
					this.$store.commit('mutationswxOpenData', that.wxOpenData)
					uni.setStorage({
						key: 'wxOpenData',
						data: that.wxOpenData,
						 success: function () {
						    // that.uniLogin()
						 
						 }
					}); 
					uni.setStorage({
						key: 'themeColor',
						data: that.themeColor,
						 success: function () {
						    // that.uniLogin()
						    console.log("themeColor=="+that.themeColor)
						 }
					}); 
					if(this.wxOpenData.loginInfo){
						this.$store.commit('mutationsuserInfo', that.wxOpenData.loginInfo.openUser)
						this.userInfo=that.wxOpenData.loginInfo.openUser
						that.queryManagerInfo()
						uni.setStorage({
							key: 'userInfo',
							data: that.wxOpenData.loginInfo.openUser,
							 success: function () {
							   that.getCarList()
							 }
						}); 
					}else{
						//this.authorizShow=true;
					}
					if(res.data.loginInfo.discount){
						that.discount=res.data.loginInfo.discount;
						if(that.discount==2){
							that.bizUserId=res.data.loginInfo.bizUserId;
						}
						if(that.shareID){
							that.getCouponList()
						}
					}
					if(res.data.loginInfo.coNoNewCustMsg){ //车主合伙人二维码提示
						uni.showModal({
							title: '提示',
							content:res.data.loginInfo.coNoNewCustMsg,
							success: function(resTKk) {
								
							}
						});
					}
					 
					//console.log("优惠券")
					
					
					
					
					
				  })
			 },
			 wxPhoneLogin(){
				 var that=this;
				 this.$http('miniApp2/sys/wxPhoneLogin', {
				   appId:this.ext.appId,
				   unionId:this.unionId,
				   code:this.code,
				   openId:this.wxOpenData.openid,
				    shareId:this.shareID
				  },'POST').then(res => {
				 	var data = res.data;
					if(data.loginInfo){
						this.userInfo=data.loginInfo.openUser;
						this.customerInfo=data.loginInfo.customerInfo
						this.$store.commit('mutationsuserInfo', this.userInfo);
						this.$store.commit('mutationswxOpenData', data);
						
						uni.setStorage({
							key: 'userInfo',
							data: data.loginInfo.openUser,
							 success: function () {
							     that.getCarList()
							     that.queryHomeCardList()
								 that.queryManagerInfo();
								 if(data.loginInfo.coCouponsMsg){
								 	uni.hideLoading()
								 	that.coCouponsMsg =data.loginInfo.coCouponsMsg;
								 	that.ownerCoupon()
								 }
								  if(data.loginInfo.coNoNewCustMsg){
								 	//console.log(data.loginInfo.coNoNewCustMsg)
								 	uni.hideLoading()
								 	that.coNoNewCustMsg =data.loginInfo.coNoNewCustMsg;
								 	that.coNoNewCust()
								 }
								 if(data.loginInfo.discount){
							            that.discount=data.loginInfo.discount;
									
										if(that.discount==2){
											that.bizUserId=data.loginInfo.bizUserId;
										}
										if(that.shareID&&that.discount==2){
											that.getCouponList()
										}
									}
								 	
								 	
								 
							 }
						}); 
						
						
						if(!this.customerInfo.wxMiniV2OpenID){
							this.seeQr()
						}
					}
				 		
				  })
			 },
			 coNoNewCust(){
				 console.log(111111)
				 var that=this;
				 uni.showModal({
				 	title: '提示',
				 	content: that.coNoNewCustMsg,
				 	success: function(resTK) {
				 		
				 	}
				 });
			 },
			 ownerCoupon(){
				  console.log(22222)
				 var that=this;
				 uni.showModal({
				 	title: '提示',
				 	content: that.coCouponsMsg,
				 	cancelText:'回到首页',
				 	confirmText:'查看',
				 	success: function(resTK) {
				 		if (resTK.confirm) {
				 			uni.navigateTo({
				 				url:'discountCard'
				 			})
				 		}
				 	}
				 });
			 },
			 getCouponList(){
				 
			 	if(this.discount!=2){
					var params={
						discount:this.discount
					}
				}else{
					var params={
						discount:this.discount,
						bizId:this.bizUserId
					}
				}
				var that=this;
			 	this.$http('opencoupon/getCouponList', params, 'GET').then(res => {
			 		var list = res.data;
					if(list.length>0){
						uni.showModal({
							title: '提示',
							content: '您有优惠券待领取',
							cancelText:'回到首页',
							confirmText:'查看',
							success: function(resTK) {
								if (resTK.confirm) {
									uni.navigateTo({
										url:'discountDlq?bizUserId='+that.bizUserId+'&discount='+that.discount
									})
								}
							}
						});
					}
			 		
			 	
			 	})
			 },
			 getCarList(){
				 /* this.$http('opencarOwnerHome/queryCarInfoList', {
				   
				  },'GET').then(res => {
					 if(res.code==401){
						this.carInfo=''
						this.$store.commit('mutationscarInfo', '')
					 }else{
						 this.carInfo=res.data[0]
						 this.$store.commit('mutationscarInfo', this.carInfo)
						 this.jsTime()
					 }
				 	 				
				  }) */
				  this.$http('opencarOwnerHome/queryDefaultCarInfo', {
				    
				   },'GET').then(res => {
				  		if(res.code==401){
								this.carInfo=''
								this.$store.commit('mutationscarInfo', '')
				  		}else{
							if(res.data){
								this.carInfo = res.data
							}else{
								this.carInfo=''
							}
							 this.$store.commit('mutationscarInfo', this.carInfo)
							 this.jsTime()
				  		}
				  	 				
				   })
			 },
			 jsTime(){
				 if(this.carInfo.insuranceExpireDate){
					if (Number(new Date().getTime()) > (Number(new Date(this.carInfo.insuranceExpireDate.replace(/-/g, '/')).getTime()) || 0)) {
					  console.log("现在时间大于开始时间")
					  this.InsuranceExpireDate = 0
					} else {
					  this.clock()
					} 
				 }else{
					  this.InsuranceExpireDate=''
				 }
				 if(this.carInfo.nextCareDate){
					if (Number(new Date().getTime()) > (Number(new Date(this.carInfo.nextCareDate.replace(/-/g, '/')).getTime()) || 0)) {
					  this.NextCareDate = 0
					} else {
					  this.clock2()
					} 
				 }else{
					 this.NextCareDate = '' 
				 }
				 if(this.carInfo.nextAuditDate){
					if (Number(new Date().getTime()) > (Number(new Date(this.carInfo.nextAuditDate.replace(/-/g, '/')).getTime()) || 0)) {
					  this.NextAuditDate = 0
					} else {
					  this.clock3()
					} 
				 }else{
					 this.NextAuditDate=''
				 }
				
			 },
			 clock () {
			   let _this = this
			   let today = new Date() // 当前时间
			   let h = today.getHours()
			   let m = today.getMinutes()
			   let s = today.getSeconds()
			   let stopTime = new Date(_this.carInfo.insuranceExpireDate.replace(/-/g, '/')) // 结束时间
			   let stopH = stopTime.getHours()
			   let stopM = stopTime.getMinutes()
			   let stopS = stopTime.getSeconds()
			   let shenyu = stopTime.getTime() - today.getTime() // 倒计时毫秒数
			   let shengyuD = parseInt(shenyu / (60 * 60 * 24 * 1000)) // 转换为天
			   this.InsuranceExpireDate=shengyuD+1;
			  
			  // setTimeout(_this.clock, 500)
			 },
			 clock2 () {
			   let _this = this
			   let today = new Date() // 当前时间
			   let stopTime = new Date(_this.carInfo.nextCareDate.replace(/-/g, '/')) // 结束时间
			   let stopH = stopTime.getHours()
			   let stopM = stopTime.getMinutes()
			   let stopS = stopTime.getSeconds()
			   let shenyu = stopTime.getTime() - today.getTime() // 倒计时毫秒数
			   let shengyuD = parseInt(shenyu / (60 * 60 * 24 * 1000)) // 转换为天
			   this.NextCareDate=shengyuD+1;
			  
			  // setTimeout(_this.clock, 500)
			 },
			 clock3 () {
			   let _this = this
			   let today = new Date() // 当前时间
			   let stopTime = new Date(_this.carInfo.nextAuditDate.replace(/-/g, '/')) // 结束时间
			   let shenyu = stopTime.getTime() - today.getTime() // 倒计时毫秒数
			   let shengyuD = parseInt(shenyu / (60 * 60 * 24 * 1000)) // 转换为天
			   this.NextAuditDate=shengyuD+1;
			  
			  // setTimeout(_this.clock, 500)
			 },
			 queryManagerInfo(){
				 console.log("11")
				 this.$http('openHome/queryManagerInfo', {
				   
				  },'GET').then(res => {
				 	this.managerInfo=res.data
				 	 				
				  })
			 },
			 queryHomeCardList(){
				 //console.log(this.wxOpenData)
				 var that=this;
				 uni.showLoading({
				 	title: '加载中'
				 })
				 this.$http('openHome/queryHomeCardList', {
				   unionId:this.unionId
				  },'GET').then(res => {
					    uni.hideLoading();
				 		this.homeCardList=res.data;
						this.appletHomeSetting=res.data.appletHomeSetting;
						var appletHomeSetting=this.appletHomeSetting
						if(this.homeCardList.activityModules.length>0){
							this.activityModulesShow=true
						}
						
						uni.setStorage({
							key: 'openMCar',
							data: res.data.openMCar,
							 success: function () {
							   that.getCarList()
							 }
						}); 
						uni.setStorage({
							key: 'carAddImage',
							data: appletHomeSetting.carAddImage,
							 success: function () {
							  
							 }
						}); 
						uni.setTabBarItem({
						   index: 0,
						   text: '首页',
						   iconPath:appletHomeSetting.homeImageUnCheck,
						   selectedIconPath: appletHomeSetting.homeImageCheck
						})
						uni.setTabBarItem({
						   index: 1,
						   text: '商城',
						   iconPath:appletHomeSetting.mallImageUnCheck,
						   selectedIconPath: appletHomeSetting.mallImageCheck
						})
						uni.setTabBarItem({
						   index: 2,
						   text: '活动',
						   iconPath:appletHomeSetting.activityImageUnCheck,
						   selectedIconPath: appletHomeSetting.activityImageCheck
						})
						uni.setTabBarItem({
						   index: 3,
						   text: '门店',
						   iconPath:appletHomeSetting.storeImageUnCheck,
						   selectedIconPath: appletHomeSetting.storeImageCheck
						})
						uni.setTabBarItem({
						   index: 4,
						   text: '我的',
						   iconPath:appletHomeSetting.mineImageUnCheck,
						   selectedIconPath: appletHomeSetting.mineImageCheck
						})
				  })
			 },
			 getShopinfo(num,shopId){
				 var that=this;
				 uni.showLoading({
				 	title: '加载中'
				 })
				 if(!shopId){
					 shopId=''
				 }
				 this.$http('openmy/getShopinfo', {
				   shopId:shopId
				  },'GET').then(res => {
				 	  uni.hideLoading();
					  var res=res.data
				 	  if(num==5){
						  uni.openLocation({
						  	latitude:Number(res.lat),
						   	longitude:Number(res.lng),
						   	name: res.shopName,
						   	address: res.address,
						  	success: function() {
						   		console.log('success');
						   	},
						   	fail(err) {
						   		console.log(err)
						   	}
						   });
					  }else{
						   uni.makePhoneCall({
						    	phoneNumber: res.mobilePhone
						   });
					  }
				  })
			 }
			 
		},
	   onShareAppMessage(){
		   
	   }
	}
</script>

<style scoped>
.content{
	background: #F4F4F4;
}
.top{
	position: fixed;
	left: 0;
	width: 750rpx;
	top: 0;
}
.logoImg{
	height: 72rpx;width: 492rpx;
}
.logoBox{
	height: 78rpx;
}
.logoBox{
	padding-left: 20rpx;
	padding-bottom: 20rpx;
	padding-top: 8rpx;
}
.topCont{
	padding: 8rpx 20rpx;
	padding-bottom: 210rpx;
}
.carBox{
	background: #FFFFFF;
	border-radius: 17rpx;
	
	padding-top: 20rpx;
	padding-right: 24rpx;
	padding-left: 30rpx;
}
.carBox2{
	display: flex;
	justify-content: space-between;
}
.carLogoBg{
	width: 123rpx;
	height: 127rpx;
}
.carLogo{
	width: 42rpx;height: 42rpx;border-radius: 22rpx;
}
.carInfomodel{
	font-size: 30rpx;
	color: #0B0B0B;
	line-height: 42rpx;
	font-weight: 500;
	padding-left: 12rpx;
	    max-width: 270rpx;
}
.carTop{
	display: flex;
}
.carXia{
	width: 12rpx;height: 9rpx;
	margin-left: 4rpx;margin-top: 18rpx;
}
.plateNumber{
	color: #0B0B0B;padding-right: 20rpx;
	line-height: 42rpx;
	font-size: 22rpx;padding-left: 20rpx;
}
.carBj{
	width: 12rpx;height: 15rpx;margin-top: 16rpx;
}
.carBq{
	display: flex;
	width: 446rpx;
	height: 47rpx;
	background: #FBF0E4;
	border-radius: 10rpx;
	margin-top: 18rpx;
}
.carDui{
	width: 24rpx;height: 24rpx;
}
.carBqLine{
	display: flex;
	padding-left: 20rpx;padding-right: 10rpx;padding-top: 10rpx;
	font-size: 22rpx;
	color: #A26D4F;line-height: 26rpx;
}
.carTitle{
	padding-left: 6rpx;
}
.modular{
	background: #FFFFFF;
	border-radius: 17rpx;
	padding: 34rpx 0 4rpx 0;
}
.modularMk{
	width: 25%;text-align: center;
	padding-bottom: 30rpx;
}
.modularLine{
	display: flex;flex-wrap: wrap;
}
.modularLogo{
	width: 97rpx;height: 97rpx;
}
.modularTitle{
	/* font-weight: 600; */
	font-size: 24rpx;
	color: #222222;line-height: 40rpx;
}
.modularTitle2{
	font-size: 24rpx;
	color: #222222;line-height: 40rpx;
}
.contBox{
	padding: 20rpx;
	margin-top: -200rpx;
}
.swiper2{
	height: 200rpx;
}
.swiper-item2Img{
	height: 200rpx;width: 100%;
	border-radius: 10rpx;
}
.swiper-item2{
	height: 200rpx;
	
}
.advertisement{
	background: #FFFFFF;
	margin-top: 20rpx;
	border-radius: 16rpx;
	height: 200rpx;
	/* padding: 12rpx 15rpx; */
}
.activeGoodsIcon{
	width: 55rpx;height: 19rpx;margin-top: 10rpx;
}
.goodsTabBox{
	display: flex;
}
.goodsTab{
	text-align: center;
	font-weight: 400;
	font-size: 28rpx;
	color: #8B8B8B;
	line-height: 40rpx;
	padding-right: 50rpx;
}
.goodsBox{
	margin-top: 20rpx;
}
.goodsACt{
	font-weight: 500;
	font-size: 28rpx;
	color: #222222;
}
.goodsLine{
	background: #FFFFFF;border-radius: 16rpx;
	padding: 24rpx;
}
.goodsIcon{
	width: 246rpx;border-radius: 12rpx;
	height: 246rpx;
}
.goodsLine{
	display: flex;
}
.goodsName{
	font-weight: 500;
	font-size: 28rpx;
	color: #222222;
	line-height: 40rpx;
}
.goodsRight{
	padding-left: 24rpx;
	width: 438rpx;
	display: flex;
	 flex-direction: column;justify-content: space-between;
}
.goodsMs{
	font-weight: 400;padding-top: 5rpx;
	font-size: 20rpx;
	color: #8B8B8B;
	line-height: 28rpx;
}
.goodsCBox{
	display: flex;justify-content: space-between;
}
.goodsTitle{
	height: 25rpx;line-height: 25rpx;font-size: 18rpx;
color: #EC0F0A;padding: 0 10rpx;
	background: #FEE6E5;
}
.goodsCRight{
	width: 147rpx;
	height: 58rpx;
	background: #EC0F0A;
	border-radius: 29rpx;
	line-height: 58rpx;
	text-align: center;
	font-size: 24rpx;
    color: #FFFFFF;
}
.goodsPriceBox{
	line-height: 45rpx;
	font-size: 22rpx;
	color: #8B8B8B;
}
.goodsPrice1{
	font-weight: 500;
	font-size: 20rpx;
	color: #EC0F0A;
}
.goodsPrice2{
	font-weight: 500;
	font-size: 34rpx;
	color: #EC0F0A;
}
.goodsKbox{
	display: flex;flex-wrap: wrap;
}
.goosK1 {
	height: 25rpx;line-height: 25rpx;padding: 0 8rpx;
	border: 1rpx solid #EC0F0A;font-size: 18rpx;
color: #EC0F0A;margin-right: 10rpx;
}
.goosK2{
	height: 25rpx;line-height: 25rpx;padding: 0 8rpx;color: #000000;
	border: 1rpx solid #FCD903;font-size: 18rpx;
}
.carAddImage{
	width: 91rpx;height: 123rpx;
}
.nocarBox{
	background: #FFFFFF;
	border-radius: 17rpx;
	padding: 12rpx 20rpx;
	display: flex;
	margin-top: 20rpx;
	justify-content: space-between;
}
.addCarMs{
	padding-left: 26rpx;padding-top: 32rpx;
}
.addCarMs1{
	font-weight: 500;
	font-size: 30rpx;
	color: #222222;
}
.addCarMs1{
	font-weight: 500;
	font-size: 30rpx;
	color: #222222;
}
.addCarMs2{
	font-weight: 400;
	font-size: 24rpx;
	color: #999999;
}
.addCarBtn{
	width: 183rpx;
	height: 53rpx;
	background: #222222;
	border-radius: 27rpx;
	font-weight: 600;
	font-size: 28rpx;
	color: #FCD903;
	text-align: center;
	line-height: 53rpx;
	margin-top: 40rpx;
}


	.authorizBox{
		width: 100vw;
		height: 100vh;
		background: rgba(0, 0, 0, 0.5);
		position: fixed;
		top: 0;
		left: 0;
	}
	.authorizCont{
		margin-top: 30vh;
		width: 564rpx;
		height: 408rpx;
		background: #FFFFFF;
		border-radius: 24rpx;
		margin-left: 93rpx;
		position: relative;
	}
	.authorizCloseImg{
		width: 62rpx;
		height: 62rpx;
	}
	.sqLogoBox{
		width: 180rpx;
		height: 180rpx;
		background: #FFFFFF;
		border-radius: 90rpx;
		text-align: center;
		position: absolute;
		top: -50rpx;
		left: 192rpx;
	}
	.authorizName{
		color: #333333;
		line-height: 42rpx;
		font-size: 30rpx;
		text-align: center;
		padding-top: 58rpx;
	}
	.authorizMs{
		color: #999999;
		line-height: 36rpx;
		font-size: 26rpx;
		width: 452rpx;
		padding-top: 24rpx;
		text-align: center;
		margin-left: 56rpx;
	}
	.authorizContbutton{
		width: 210rpx;
		height: 66rpx;
		background: #D53533;
		border-radius: 44rpx;
		line-height: 66rpx;
		text-align: center;
		font-size:30rpx;
		color: #FFFFFF;
		
		margin-left:40rpx;
	}
	.qrBox{
		position: fixed;
		width: 100vw;
		height: 100vh;
		background: rgba(0,0,0,0.5);
		left: 0;
		top: 0;
		z-index: 11;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	.qrimgBox{
		width: 562rpx;
		height: 704rpx;
		background: #FFFFFF;
		border-radius: 24rpx;
	}
	.qrTitle{
		font-size: 30rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #333333;
		border-bottom: 1px solid #EEEEEE;
		text-align: center;
		line-height: 90rpx;
		position: relative;
	}
	.qrimgchahao{
		width: 38rpx;
		height: 38rpx;
		position: absolute;
		top: 26rpx;
		right: 20rpx;
	}
	.qrms{
		font-weight: 400;
		color: #999999;
		line-height: 37rpx;
		font-size: 26rpx;
		padding-top: 23rpx;
		text-align: center;
	}
	.qrms2{
		font-weight: 400;
		color: #999999;
		line-height: 37rpx;
		font-size: 26rpx;
		text-align: center;
	}
	.qrimg{
		width: 328rpx;
		height: 328rpx;
	}
	.qrBtn{
		width: 292rpx;
		height: 64rpx;
		background: #D53533;
		border-radius: 32rpx;
		color: #FFFFFF;
		line-height: 64rpx;
		text-align: center;
		margin: 0 auto;
		margin-top:40rpx;
	}
	
	.adviser{
		
		background: #FFFFFF;
		border-radius: 10px;
		display: flex;
		justify-content: space-between;
		padding: 18rpx 20rpx;
		margin-bottom: 20rpx;
	}
	.adviserLeft{
		display: flex;
	}
	.advisertx{
		width: 62rpx;height: 62rpx;
	}
	.adviserNema{
		color: #333333;font-size: 30rpx;
		line-height: 62rpx;padding-left: 24rpx;
	}
	.adviserms{
		width: 118rpx;
		height: 36rpx;
		border-radius: 4rpx;
		border: 1px solid #D53533;
		line-height: 36rpx;
		text-align: center;
		margin-top: 12rpx;
		margin-left: 20rpx;
		color: #D53533;
		font-size: 24rpx;
	}
	.adviserJt{
		width: 12rpx;
		height: 20rpx;
		margin-top: 20rpx;
	}
	.bxBox{
		display: flex;
		flex-wrap: wrap;
	}
	.bxline{
		display: flex;
		
		padding-top: 22rpx;
	}
	.bxline1{
		width: 40%;
	}
	.bxline2{
		width: 60%;
	}
	.bxlineTitle{
		color: #333333;
		font-size: 26rpx;
		line-height: 37rpx;
		padding-left: 10rpx;
	}
	.bxlineMs1{
		line-height: 37rpx;
		color: #D53533;
		font-size: 26rpx;
		padding-left: 12rpx;
	}
	.bxlineMs2{
		line-height: 37rpx;
		color: #999999;
		font-size: 24rpx;
		padding-left: 12rpx;
	}
	.bxlineIcon{
		width: 34rpx;
		height: 34rpx;
	/* 	margin-left: 24rpx; */
	}
	.carTimeBox{
		border-top: 1px solid #EEEEEE;
		padding-bottom: 15rpx;
	}
	.plateNumberSpan1{
		background: #0041FF;
		border-radius: 4rpx 0rpx 0rpx 4rpx;
		color: #FFFFFF;
		border: 1px solid #0041FF;
		padding: 0 6rpx;
	}
	.plateNumberSpan2{
		color: #0B0B0B;
		border: 1px solid #0041FF;
			padding: 0 6rpx;
			border-radius: 0rpx 4rpx 4rpx 0rpx;
	}
	.swiperTk{
		height: 30vh;
		width: 100vw;
	}
	.swiper-itemTk{
		height: auto;
	}
	.tkHdImg{
		width: 80vw;
	}
	.swiper-itemTk{
		text-align: center;
	}
	.closeTk{
		width: 60rpx;height: 60rpx;
	}
</style>