wxThird/pages/user/user.vue

<template>
	<view class="box">

		<view class="top" :style="{background:'#'+themeColor}">
			<view class="customerMes">
				<image @click="updateUserInfo" v-if="showSetting.showImageType==0" :src="showSetting.showImage" mode=""
					style="width: 110rpx;height: 110rpx;border-radius: 55rpx;"></image>
					<image @click="updateUserInfo" v-else :src="showSetting.showImageDefault" mode=""
						style="width: 110rpx;height: 110rpx;border-radius: 55rpx;"></image>
			<!-- 	<image @click="updateUserInfo" v-else src="http://dmsphoto.66km.com.cn/thFiles/64CD12A3-588E-4201-90F6-5428F6ACD9F9.png" mode=""
					style="width: 110rpx;height: 110rpx;border-radius: 55rpx;"></image> -->
				<view class="mes">
					<view class="nick">
						<view class="nickName" v-if="customerName">{{customerName}}</view>
						<view class="nickName2" v-else>微信用户</view>
						<!-- <view class="grade" @click="gonavigateTo('../index/vipCard')" v-if="numList.levelName&&showSetting.isShowLevel">{{numList.levelName}} ></view>-->
					   <view class="cardNameBOx" v-if="numList.levelName&&showSetting.isShowLevel" @click="gonavigateTo('../subPack/vipCard')"> 
						  <image class="cardNameIcon" src="http://dmsphoto.66km.com.cn/thFiles/E3F78C8A-CF4F-40DD-B050-689CFCEA2F4C.png" mode=""></image>
						   <view class="cardNameTb">{{numList.levelName}}</view>
						   <image src="../../static/timg/icon_arrow.png" mode="" class="cardNameIcon2"></image>
					   </view>
						<view class="cardNameBOx" v-if="numList.f2ccard.cardName">
							<image class="cardNameIcon" src="http://dmsphoto.66km.com.cn/thFiles/E3F78C8A-CF4F-40DD-B050-689CFCEA2F4C.png" mode=""></image>
						    <view class="cardNameTb">{{numList.f2ccard.cardName}}</view>
						</view>
					</view>
					<view class="phone" >{{phone}}  <span @click="seeQr">{{numList.customerInfo.wxMiniV2OpenID?' / 已绑定微信':' / 未绑定微信'}}</span> 
					   <image src="../../static/img2/hjt.png" mode="" class="hjtIcon"></image>
					</view>
				</view>
			</view>

			

		</view>
		<!-- <view v-if="numList.remindType==0" class="marginTop2"></view>v-if="numList.remindType!=0" -->
		
		
		<view class="marginTop" ></view>
		
        <!-- 卡制度-->
		<view v-if="showSetting.isShowCardSystem&&f2csystemlist">
				<view >
				<swiper class="swiper2"  :autoplay="false" :interval="interval"
						:current="f2cIndex"		:duration="duration" :indicator-dots="true" indicator-color="#CCCCCC" :indicator-active-color="'#'+themeColor">
				
					<swiper-item v-for="(item,index) in f2csystemlist">
						<view class="cardBox">
						  <view class="cardTOp" :style="{background:'url('+item.Banner+') 100% 100%'}" style="background-size: 100% 100% !important;">
							  <img class="vipBsIcon" v-if="item.growthState==1"  src="http://dmsphoto.66km.com.cn/thFiles/91FCABC6-775C-47CA-B7D4-3579A4DE8497.png" alt="">
						      <view class="cardName">{{item.system.name}}</view>
							  <!-- 当前卡制度-->
							  <view class="cardtimeBox" v-if="item.growthState==1">
								  <view class="cardtimeLeft">成长值 {{numList.f2ccard.growthValue}}/{{item.system.growthValueUp}}</view>
								  <view class="cartimeRight">有效期 {{numList.f2ccard.expireTime.slice(0,10)}}</view>
							  </view>
							  <view class="cardtimeBox" v-if="item.growthState==2">
								  <view class="cardtimeLeft">高于该等级</view>
							  </view>
							  <view class="cardtimeBox" v-if="item.growthState==3">
							  	 <view class="cardtimeLeft">还需{{item.addGrowth}}成长值可升级</view>
							  </view>
						  </view>
						  <view class="cardCont">
							  <view class="cardLine" v-for="(c,cindex) in item.contents" v-if="cindex<8">
								  <view class="cardLineImgBox">
									  <image :src="c.icon" mode="" class="cardLineImg"></image>
								  </view>
								  <view class="cardlineTitle" v-if="c.state==1">{{c.title}}</view>
								   <view class="cardlineTitle2" v-if="c.state==0">{{c.title}}</view>
							  </view>
						  </view>
						</view>
					</swiper-item>
				</swiper>
			</view>
			
		</view>
		
	<view class="padingBox">
		<view class="headerBox2">
			<view class="headerBox" v-if="showSetting.isShowCoupon||showSetting.isShowIntergral||showSetting.isShowCard">
				<view class="quan" @click="gonavigateTo('../index/discountCard')" v-if="showSetting.isShowCoupon">
					<view class="numStr">{{numList.count?numList.count:0}}</view>
					<view class="nameStr">优惠券</view>
				</view>
				<view class="quan" v-if="showSetting.isShowIntergral" @click="gonavigateTo('../integral/integral?totalIntegral='+numList.totalIntegral)">
					<view class="numStr">{{numList.totalIntegral?numList.totalIntegral:0}}</view>
					<view class="nameStr">积分</view>
				</view>
				<view class="quan" v-if="showSetting.isShowCard" @click="gonavigateTo('../index/vipCard')">
					<view class="numStr">{{numList.cardNum?numList.cardNum:0}}</view>
					<view class="nameStr">会员卡</view>
				</view>
				
			</view>
			<view style="padding-bottom: 20rpx;" v-if="numList.remindIntegral">
				<view class="remindBox" >
				  <view class="remindLeft" style="display: flex;">
					  <image style="width: 30rpx;height: 30rpx;" src="http://dmsphoto.66km.com.cn/thFiles/4DC56154-C0D0-4CC8-A9B1-A2117C39CDFB.png" mode=""></image>
					  <span style="padding-left: 10rpx;">您有</span>
					  <span style="color: #0B0B0B;font-weight: 500;">{{numList.remindIntegral}}</span>
					  <span v-if="numList.remindType==1">积分将于本月过期</span>
					  <span v-if="numList.remindType==2">积分将于30天内过期</span>
				  </view>
				  <view class="useremind" @click="useremind">去使用></view>
				</view>
			</view>
			
		</view>
		
				
		<!-- v-if="numList.remindType!=0&&numList.remindIntegral!=0" -->
	
	</view>
      

		

		<!-- 店铺信息 -->
		<view class="shopBox" v-if="userInfo&&showSetting.isShowCardShop">

			<view class="shopCont">
				<view class="shopName">{{numList.shopInfo.shopName}}</view>
				<view class="shopRightBox">
					<image src="../../static/img/icon_ditu.png" mode="" class="shopRightImg"
						style="margin-right: 30rpx;" @click="map"></image>
					<image src="../../static/img/icon_phone.png" mode="" class="shopRightImg" @click="call"></image>
				</view>

			</view>
			<view v-if="numList.isShowScore == 1 && numList.isShowEvaluate == 1" class="appraiseBox">
				<view v-if="numList.isShowScore == 1 && numList.shopInfo.miniV2ShopScore" class="appraise">
					{{numList.shopInfo.miniV2ShopScore}}
					<span style='font-size: 26rpx; margin-left: 3rpx;'>分</span>
				</view>
				<view v-if="numList.isShowScore == 1 && !numList.shopInfo.miniV2ShopScore" class="appraise"
					style='font-size: 26rpx;'>暂无评分</span>
				</view>
				<view v-if="numList.isShowScore == 1" class="line"></view>
				<view @click="goShopAppraiseList()" v-if="numList.isShowEvaluate == 1 && numList.evaluateCount "
					class="appraiseCount">评价数
					{{numList.evaluateCount}}
					<image v-if="numList.isShowEvaluate == 1" class="rightArrow"
						src="../../static/timg/icon_arrow_right.png" mode=""></image>
				</view>
				<view v-if="numList.isShowEvaluate == 1 && !numList.evaluateCount " class="appraiseCount">暂无评价
				</view>

			</view>


			<view class="shopTime" v-if="numList.shopInfo.startTime && numList.shopInfo.endTime">
				{{numList.shopInfo.startTime}}-{{numList.shopInfo.endTime}}
			</view>
			<view class="address">
				<view class="Address">
					{{numList.shopInfo.provinceName?numList.shopInfo.provinceName:''}}
					{{numList.shopInfo.cityName?numList.shopInfo.cityName:''}}
					{{numList.shopInfo.areaName?numList.shopInfo.areaName:''}}
					{{numList.shopInfo.address?numList.shopInfo.address:''}}
				</view>
				<!-- <view class="distance" v-if="numList.shopInfo.distance&&numList.shopInfo.distance!= '0.00'">{{numList.shopInfo.distance}}km</view> -->
			</view>



		</view>
		
		<!-- 我的订单 -->
		<view class="orderBox">
		
		
			<view class="orderTitle">
				<span>我的订单</span>
				<span class="allOrder" @click="goorder(0)">全部订单
				  <image src="../../static/img/big_rightArrow.png" mode="" class="allOrderIcon"></image>
				</span>
			</view>
		
			<view class="orderLIneBox">
				<view class="orderLine" @click="goorder(1)">
					<view class="orderImgBox">
						<view class="orderNum" v-show="numList.waitPurchaseSize>0">
							{{numList.waitPurchaseSize>99?'99+':numList.waitPurchaseSize}}
						</view>
						<image src="../../static/img2/dzf.png" mode="" class="orderLineImg"></image>
					</view>
					<view class="orderLineTxt">待支付</view>
				</view>
				<view class="orderLine" @click="goorder(5)">
					<view class="orderImgBox">
						<view class="orderNum" v-show="numList.waitGroupSize>0">
							{{numList.waitGroupSize>99?'99+':numList.waitGroupSize}}
						</view>
						<image src="../../static/img2/dct.png" mode="" class="orderLineImg"></image>
					</view>
					<view class="orderLineTxt">待成团</view>
				</view>
				<view class="orderLine" style="border-right: 1px dashed #DDDDDD;" @click="goorder(3)">
					<view class="orderImgBox">
						<view class="orderNum" v-show="numList.hasOverSize>0">
							{{numList.hasOverSize>99?'99+':numList.hasOverSize}}
						</view>
						<image src="../../static/img2/ywc.png" mode="" class="orderLineImg"></image>
					</view>
					<view class="orderLineTxt">已完成</view>
				</view>
				<view class="orderLine" @click="goorder(2)">
					<view class="orderImgBox">
						<view class="orderNum" v-show="numList.waitServiceSize>0">
							{{numList.waitServiceSize>99?'99+':numList.waitServiceSize}}
						</view>
						<image src="../../static/img2/dsy.png" mode="" class="orderLineImg"></image>
					</view>
					<view class="orderLineTxt">待使用</view>
				</view>
				
				
		
				<!-- <view class="orderLine" @click="goorder(0)">
					<view class="orderImgBox">
						<view class="orderNum" v-show="numList.allSize>0">{{numList.allSize>99?'99+':numList.allSize}}
						</view>
						<image src="../../static/img/icon_allorder.png" mode="" class="orderLineImg"></image>
					</view>
					<view class="orderLineTxt">全部</view>
				</view> -->
		
			</view>
		</view>
        <view class="kbox">
			<view class="klineCont" v-if="carInfo">
				<view class="klineTitle">我的爱车</view>
				<view class="kline">
					<view class="klineRow carInfoklineRow" @click="gonavigateTo('./addCar/cailist?type=3')">
						<image :src="carInfo.brandLogo" v-if="carInfo.brandLogo" mode="" class="carbrandLogo"></image>
						<image src="../../static/timg/nocar.png" v-else mode="" class="carbrandLogo"></image>
						<view class="carModel KlineTxt" style="display: flex;justify-content: space-between;padding: 0 10rpx;">
							<span class="carInfobrand">{{carInfo.brand?carInfo.brand:'查看车辆'}}{{carInfo.series?carInfo.series:''}}</span>
						    <image class="carjt" src="../../static/img2/jt1.png" mode=""></image>
						</view>
					</view>
					<view class="klineRow"  v-if="showSetting.isMaintenanceRecord==1" @click="gonavigateTo('historySpend')">
						<image class="klineIcon"  style="width: 47rpx;height: 51rpx;" src="../../static/img2/byjl.png" mode=""></image>
					    <view class="KlineTxt">保养记录</view>
					</view>
					<view class="klineRow" v-if="showSetting.isCarConditionReport==1" @click="gonavigateTo('checkReport')">
						<image class="klineIcon" src="../../static/img2/ckbg.png" mode=""></image>
					    <view class="KlineTxt">车况报告</view>
					</view>
					<view class="klineRow" v-if="showSetting.is24HRescue==1" @click="gonavigateTo('../index/rescue')">
						<image class="klineIcon"  style="width: 65rpx;height: 50rpx;"
						src="../../static/img2/24.png" mode=""></image>
					    <view class="KlineTxt">24小时救援</view>
					</view>
				</view>
			</view>
			
			<view class="klineCont" v-if="!carInfo" style="padding: 12rpx 16rpx;" ><!-- -->
			     <image @click="addCar" v-if="carbg.carAddImageType!=1" :src="carbg.carAddImage" mode="" style="width: 100%;height: 148rpx;"></image>
			     <image @click="addCar" v-else :src="carbg.carAddImageDefault" mode="" style="width: 100%;height: 148rpx;"></image>
				<!-- <view class="klineTitle">我的爱车</view>
				<view class="addCarBox">
					<view class="addCar">
						<view class="addCarLeft">
							<view class="addCarTxt1">开车请注意 安途生来帮您</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="addCarBtn" @click="addCar">添加爱车</view>
					</view>
				</view> -->
			</view>
			
			<view class="klineCont" v-if="showSetting.isShowService==1||showSetting.isMineOrder==1||showSetting.isRescueRecord==1||showSetting.isCarMatch==1||showSetting.isMineDeposit==1">
				<view class="klineTitle">更多推荐</view>
				<view class="kline">
					<view class="klineRow" v-if="showSetting.isShowService==1" @click="gonavigateTo('../user/expertServices')">
						<image class="klineIcon" src="../../static/img2/icon_fwzj.png" mode=""></image>
					    <view class="KlineTxt2">服务顾问</view>
					</view>
					<view class="klineRow"  v-if="showSetting.isMineOrder==1" @click="gonavigateTo('myBespeak')">
						<image class="klineIcon" src="../../static/img2/icon_yuyue.png" mode=""></image>
					    <view class="KlineTxt2">我的预约</view>
					</view>
					<view class="klineRow" v-if="showSetting.isRescueRecord==1" @click="gonavigateTo('../subPack/rescueOrder')">
						<image class="klineIcon" src="../../static/img2/jyjl.png" mode=""></image>
					    <view class="KlineTxt2">救援记录</view>
					</view>
					<view class="klineRow" v-if="showSetting.isCarMatch==1" @click="gonavigateTo('../subPack/maintain')">
						<image class="klineIcon" src="../../static/img2/clsp.png" mode=""></image>
					    <view class="KlineTxt2">车辆适配</view>
					</view>
					<view class="klineRow" v-if="showSetting.isMineDeposit==1"  @click="gonavigateTo('../subPack/depositList')">
						<image class="klineIcon" src="../../static/img2/icon_jydd.png" mode=""></image>
					    <view class="KlineTxt2">我的寄存</view>
					</view>
				</view>
			</view>
			
			
			<view class="klineCont">
				<view class="klineTitle">口碑传播</view>
				<view class="kline">
					<button open-type="share" class="klineRow">
					<view class="">
						<image class="klineIcon" src="../../static/img2/fenx.png" mode=""></image>
					    <view class="KlineTxt2">分享好友</view>
					</view>
					</button>
					<view class="klineRow" v-if="showSetting.isActivityGift==1" @click="gonavigateTo('../subPack/luckList')"><!--  v-if="numList.shopSettings.luckdrawDisabled" -->
						<image class="klineIcon" src="../../static/img2/hdjp.png" mode=""></image>
					    <view class="KlineTxt2">活动奖品</view>
					</view>
					<view class="klineRow" v-if="numList.customerInfo.rebateState==1&&showSetting.isCustomerReferral==1" @click="gonavigateTo('../referral/referral')" ><!-- v-if="numList.customerInfo.rebateState==1&&numList.shopSettings.introductionDisabled" -->
						<image class="klineIcon" src="../../static/img2/kehuzjs.png" mode=""></image>
					    <view class="KlineTxt2">客户转介绍</view>
					</view>
					<view class="klineRow" v-if="numList.customerInfo.pState==1&&showSetting.isOwnerPartner==1" @click="gonavigateTo('../partner/partner')" ><!-- v-if="numList.customerInfo.pState==1&&numList.shopSettings.partnerDisabled" -->
						<image class="klineIcon" src="../../static/img2/chezhu.png" mode=""></image>
					    <view class="KlineTxt2">车主合伙人</view>
					</view>
					<view class="klineRow" v-if="showSetting.isMineEvaluation==1" @click="gonavigateTo('myAppraise')">
						<image class="klineIcon" src="../../static/img2/icon_pingjia.png" mode=""></image>
					    <view class="KlineTxt2">我的评价</view>
					</view>
					<view class="klineRow"  v-if="showSetting.isSuggestionFeedback==1" @click="gonavigateTo('../subPack/feedBack')">
						<image class="klineIcon" src="../../static/img2/yjfk.png" mode=""></image>
					    <view class="KlineTxt2">建议反馈</view>
					</view>
					<view class="klineRow" @click="gomember(showSetting.memberTitle)">
						<image class="klineIcon" src="../../static/img2/huiyuan.png" mode=""></image>
					    <view class="KlineTxt2">{{showSetting.memberTitle}}</view><!-- 关于会员 -->
					</view>
					<view class="klineRow" @click="gonavigateaboutUS(showSetting.aboutTitle)">
						<image class="klineIcon" src="../../static/img2/gongs.png" mode=""></image>
					    <view class="KlineTxt2">{{showSetting.aboutTitle}}</view><!-- 公司介绍 -->
					</view>
					<view class="klineRow" @click="makePhoneCall(showSetting.tel)">
						<image class="klineIcon" src="../../static/img2/kefu.png" mode=""></image>
					    <view class="KlineTxt2">{{showSetting.telTitle}}</view><!-- 联系客服 -->
					</view>
					<view class="klineRow" @click="gonavigateTo('../subPack/promotion')">
						<image class="klineIcon" src="../../static/img2/kefu.png" mode=""></image>
					    <view class="KlineTxt2">我的推广</view><!-- 我的推广 -->
					</view>
				</view>
			</view>
			
		</view>

		<!-- 我的 相关 -->
		<!-- <view class="rowBoxBg">
			<view class="rowBox" @click="gonavigateTo('../user/expertServices')">
				<view class="leftView">
					<image src="../../static/img/icon_me1.png" mode="" class="liftIcon"></image>
					<view class="rowTitle">服务专家</view>
				</view>
				<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
			</view>
			<view class="rowBox" @click="gonavigateTo('./addCar/cailist?type=3')">
				<view class="leftView">
					<image src="../../static/img/icon_me2.png" mode="" class="liftIcon"></image>
					<view class="rowTitle">我的车库</view>
				</view>
				<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
			</view>
			<view class="rowBox" @click="gonavigateTo('myBespeak')">
				<view class="leftView">
					<image src="../../static/img/icon_me3.png" mode="" class="liftIcon"></image>
					<view class="rowTitle">我的预约</view>
				</view>
				<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
			</view>
			<view class="rowBox" @click="gonavigateTo('historySpend')">
				<view class="leftView">
					<image src="../../static/img/icon_me4.png" mode="" class="liftIcon"></image>
					<view class="rowTitle">历史消费</view>
				</view>
				<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
			</view>
			<view class="rowBox" @click="gonavigateTo('checkReport')">
				<view class="leftView">
					<image src="../../static/img/icon_me5.png" mode="" class="liftIcon"></image>
					<view class="rowTitle">车检报告</view>
				</view>
				<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
			</view>

		    <view class="rowBox" @click="gonavigateTo('../subPack/depositList')">

				<view class="leftView">
					<image src="../../static/timg/icon_jydd.png" mode="" class="liftIcon"></image>
					<view class="rowTitle">我的寄存</view>
				</view>
				<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
			</view> 
			 <view class="rowBox" @click="gonavigateTo('../subPack/rescueOrder')">
				<view class="leftView">
					<image src="../../static/timg/sos.png" mode="" class="liftIcon"></image>
					<view class="rowTitle">救援订单</view>
				</view>
				<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
			</view> 
			<view class="rowBox" @click="gonavigateTo('../subPack/luckList')">
				<view class="leftView">
					<image src="../../static/timg/icon_jydd.png" mode="" class="liftIcon"></image>
					<view class="rowTitle">中奖记录</view>
				</view>
				<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
			</view>
			
		</view> -->
	<!-- 	<view class="rowBoxBg">
			<view class="rowBox" @click="gonavigateTo('myAppraise')">
				<view class="leftView">
					<image src="../../static/img/icon_pingjia.png" mode="" class="liftIcon"></image>
					<view class="rowTitle">我的评价</view>
				</view>
				<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
			</view>
		</view>
		<view class="rowBoxBg" v-if="kkshow">
			<view class="rowBox" @click="gonavigateTo('../partner/partner')"
				v-if="numList.customerInfo.pState==1&&numList.shopSettings.partnerDisabled">
				<view class="leftView">
					<image src="../../static/img/icon_hehuoren.png" mode="" class="liftIcon"></image>
					<view class="rowTitle">车主合伙人</view>
				</view>
				<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
			</view>
			<view class="rowBox" @click="gonavigateTo('../referral/referral')"
				v-if="numList.customerInfo.rebateState==1&&numList.shopSettings.introductionDisabled">
				<view class="leftView">
					<image src="../../static/img/icon_kehuzhuanjieshao.png" mode="" class="liftIcon"></image>
					<view class="rowTitle">客户转介绍</view>
				</view>
				<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
			</view>
		</view> -->
	<!-- 	<view class="rowBoxBg">
			<view class="rowBox" v-if="showSetting.isShowTel">
				<view class="leftView">
					<image src="../../static/timg/icon_qingchu.png" mode="" class="liftIcon"></image>
					<view class="rowTitle">{{showSetting.telTitle}}</view>
				</view>
				<view class="rowRight" style="color:#666666;" @click="makePhoneCall(showSetting.tel)">{{showSetting.tel}}</view>
			</view>
			<view class="rowBox" v-if="showSetting.isShowMember" @click="gomember(showSetting.memberTitle)">
				<view class="leftView">
					<image src="../../static/timg/icon_yijian.png" mode="" class="liftIcon"></image>
					<view class="rowTitle">{{showSetting.memberTitle}}</view>
				</view>
				<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
			</view> 
			<view class="rowBox" v-if="showSetting.isShowAbout" @click="gonavigateaboutUS">
				<view class="leftView">
					<image src="../../static/timg/icon_fenxiang.png" mode="" class="liftIcon"></image>
					<view class="rowTitle">{{showSetting.aboutTitle}}</view>
				</view>
				<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
			</view> 
			
		</view> -->
		<!-- <view class="rowBoxBg">
		
			<button open-type="share" class="rowBox">
				<view class="leftView">
					<image src="../../static/img/icon_me6.png" mode="" class="liftIcon"></image>
					<view class="rowTitle">分享给好友</view>
				</view>
				<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
			</button>
			<view class="rowBox" @click="gonavigateTo('feedBack')">
				<view class="leftView">
					<image src="../../static/img/icon_me7.png" mode="" class="liftIcon"></image>
					<view class="rowTitle">意见反馈</view>
				</view>
				<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
			</view> -->
			
			
			<!-- <view class="rowBox" @click="gonavigateTo('../report/working?id=56D5F8C1-9F11-40BA-8937-B4AABD4666B5')">
				<view class="leftView">
					<image src="../../static/img/icon_kehuzhuanjieshao.png" mode="" class="liftIcon"></image>
					<view class="rowTitle">施工报告</view>
				</view> -->
			<!-- <view class="rowBox" @click="gonavigateTo('../report/complete?id=278569FB-6F21-47AD-8B66-D62D2EA6981D')">
				<view class="leftView">
					<image src="../../static/img/icon_kehuzhuanjieshao.png" mode="" class="liftIcon"></image>
					<view class="rowTitle">完工报告</view>
				</view>
				<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
			</view>
           
            	<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
            </view> -->
			<!-- 先隐藏 -->
			<!-- <view class="rowBox" @click="gonavigateTo('')">
				<view class="leftView">
					<image src="../../static/img/icon_me8.png" mode="" class="liftIcon"></image>
					<view class="rowTitle">清除缓存</view>
				</view>
				<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
			</view> -->

		<!-- </view> -->
		<view class="rowBoxBg">
		<!-- 	<view class="exit2" @click="clearStorage">清除缓存</view> -->
			<view class="exit2" @click="exit">切换账号</view>
			<view class="exit" @click="exit2">退出登录</view>
		</view>
		
		<view class="releaseVersion">版本号：{{release_version}}</view>
		
		
		<!-- <view class="rowBox" @click="gonavigateTo('../report/complete?id=278569FB-6F21-47AD-8B66-D62D2EA6981D')">
			<view class="leftView">
				<image src="../../static/img/icon_kehuzhuanjieshao.png" mode="" class="liftIcon"></image>
				<view class="rowTitle">完工报告</view>
			</view>
			<image src="../../static/img/big_rightArrow.png" mode="" class="big_rightArrow"></image>
		</view> -->
		
		
		

		<!-- <view class="signOut" @click="signOut">退出登录</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">
					 <view class="sqRefuse" @click="authorizShowHide">拒绝</view>
					<button class="authorizContbutton" type="default" open-type="getPhoneNumber" @getphonenumber="decryptPhoneNumber">授权</button>
				</view>
			</view>
			<!-- <view style="text-align: center;padding-top: 56rpx;">
				<image src="../../static/timg/icon_guanbi@2x.png" mode="" class="authorizCloseImg"></image>
			</view> -->
		</view>
		<!-- <image :src="qrimg" mode=""></image> -->
        <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>
</template>

<script>
	export default {
		data() {
			return {
				userInfo: '',
				shopData: '',
				numList: '',
				uid: '',
				headImg: '',
				location: {
					lng: '',
					lat: '',
				},
				authorizShow: false,
				code: '',
				wxOpenData: '',
				nickName: '',
				phone: '',
				ext: '',
				themeColor: '',
				release_version: '',
				qrimg:'',
				qrSHow:false,
				kkshow:false,
				duration:500,
				interval:3000,
				showSetting:'',
				f2csystemlist:'',
				exitNum:'',
				f2cIndex:'',
				customerName:'',
				carInfo:'',
				carbg:'',
			}
		},
		onLoad(opt) {


			this.ext = this.$common.getExtStoreId();
			this.themeColor = uni.getStorageSync("themeColor");
			console.log("themeColor=="+this.themeColor)
			if (this.themeColor) {
				if (this.themeColor == '6F2BE8') {
					var backgroundImage = '/static/tabimg/me6F2BE8.png'
				}
				if (this.themeColor == '1677FF') {
					var backgroundImage = '/static/tabimg/me1677FF.png'
				}
				if (this.themeColor == 'FF4F00') {
					var backgroundImage = '/static/tabimg/meFF4F00.png'
				}
				if (this.themeColor == 'EC0F0A') {
					var backgroundImage = '/static/tabimg/me1.png'
				}
				/* uni.setTabBarStyle({
					// color: '#EC0F0A',
					 selectedColor: '#222222',
				}) */
				/* uni.setTabBarItem({
					index: 3,
					text: '我的',
					selectedIconPath: backgroundImage
				}) */
			}
			/* uni.setNavigationBarColor({
				frontColor: "#000000",
				backgroundColor: '#' + this.themeColor
			}) */
			this.getVersionInfo()
			// const accountInfo = wx.getAccountInfoSync();
			// var version_number = accountInfo.miniProgram.version;
			// console.log(version_number)
			this.carbg=uni.getStorageSync("carbg")
		},
		onShow() {
			const wxOpenData = this.$store.state.wxOpenData;
			this.wxOpenData = wxOpenData
			console.log("onshowuser")
			this.userInfo = this.$store.state.userInfo;
			console.log(this.userInfo)
			if (this.userInfo) {
				this.queryMyDetail();
				this.getCarList();
			} else {
				//console.log("授权")
				this.exitNum=this.$store.state.exitNum;
				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', '')
						if (this.userInfo) {
							this.queryMyDetail();
						}
						if(!this.userInfo){
							//this.authorizShow=true
						}
					})
				}
				
			}
			if (wxOpenData) {

				this.uid = wxOpenData.loginInfo.uid;
			}
			//this.themeColor = uni.getStorageSync("themeColor");
            this.carInfo=this.$store.state.carInfo;
			console.log(this.carInfo)

		},
		methods: {
			clearStorage(){
				uni.clearStorageSync();
				uni.showToast({
					title: '清除缓存完成',
					icon: 'none',
					duration: 3000
				});
				uni.setStorage({
					key: 'themeColor',
					data: this.themeColor,
					 success: function () {
					    
					 }
				}); 
			},
			getCarList(){
				this.$http('opencarOwnerHome/queryDefaultCarInfo', {
				  
				 },'GET').then(res => {
						if(res.code==401){
							this.carInfo=''
							this.$store.commit('mutationscarInfo', '')
						}else{
							if(res.data&&res.data!='null'){
							
								this.carInfo = res.data
							}else{
								
								this.carInfo=''
							}
							 this.$store.commit('mutationscarInfo', this.carInfo)
										
						}
					 				
				 })
			},
			addCar(){
				uni.navigateTo({
					url:'../subPack/addCarCK'
				}) 
			},
			exit(){
				var that=this;
				uni.showModal({
				  title: '提示',
				  content: '是否切换账号',
				  success(res) {
				    if (res.confirm) {
						uni.clearStorageSync()
						that.$store.commit('mutationsuserInfo', '')
						that.$store.commit('mutationscarInfo', '')
						that.$http('miniApp2/sys/logout', {
							
						}, 'GET').then(res => {
						  uni.reLaunch({
						  	 url: '../index/index'
						  });
						})
						 
				    }
				  }
				});
				
			},
			exit2(){
				var that=this;
				uni.showModal({
				  title: '提示',
				  content: '是否退出登录',
				  success(res) {
				    if (res.confirm) {
						uni.clearStorageSync()
						that.$store.commit('mutationsuserInfo', '')
						that.$store.commit('mutationscarInfo', '')
						that.$store.commit('mutationsexitNum', '1')
						/* uni.reLaunch({
							 url: '../index/index'
						}); */
						  uni.switchTab({
							 url: '../index/index'
						 }) 
				    }
				  }
				});
			},
			makePhoneCall(tel){
				uni.makePhoneCall({
				  phoneNumber: tel,
				});
			},
			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.numList.customerInfo.id,
				    unionID:this.numList.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;
			},
			goShopAppraiseList() {
				uni.navigateTo({
					url: 'ShopAppraiseList?shopID=' + this.numList.shopInfo.id
				})
			},
			useremind(){
				if (this.userInfo) {
					uni.navigateTo({
						url: '../integral/integral'
					})
				} else {
					this.authorizShow = true;
					return false;
				}
			
			},
			gonavigateaboutUS(title){
				uni.navigateTo({
					url: '../subPack/aboutUS?unionID='+this.numList.customerInfo.unionID+'&title='+title
				})
				
			},
			gomember(memberTitle){
				uni.navigateTo({
					url: '../subPack/aboutUS?unionID='+this.numList.customerInfo.unionID+'&memberTitle='+memberTitle
				})
			},
			getVersionInfo() {
				this.$http('miniApp2/sys/getVersionInfov2', {
					appId: this.ext.appId,

				}, 'POST').then(res => {
					if( res.data){
						this.release_version = res.data
					}
					
				})
			},
			updateUserInfo() {
				var that = this;
				uni.getUserProfile({
					lang: 'zh_CN',
					desc: '登录',
					success: (res) => {
						console.log(res);
						that.headImg = res.userInfo.avatarUrl;
						that.nickName = res.userInfo.nickName;
						that.$http('miniApp2/sys/updateUserInfo', {
							nickName: res.userInfo.nickName,
							unionId: that.ext.unionId,
							headImg: res.userInfo.avatarUrl,
							openId: that.wxOpenData.openid
						}, 'POST').then(res => {

						})
					},
					fail: (res) => {
						console.log(res)
					}
				});



			},
			decryptPhoneNumber: function(e) {
				console.log(e);
				this.code = e.detail.code
				this.wxPhoneLogin()
				this.authorizShow = false;
			},
			wxPhoneLogin() {
				var that = this;
				this.$http('miniApp2/sys/wxPhoneLogin', {
					appId: this.ext.appId,
					unionId: this.ext.unionId,
					code: this.code,
					openId: this.wxOpenData.openid,
					shareId:this.$store.state.shareID
				}, 'POST').then(res => {
					var data = res.data;
					if (data.loginInfo) {
						this.userInfo = data.loginInfo.openUser;
						this.wxOpenData = data.loginInfo;
						this.numList=data.loginInfo
						this.headImg = data.loginInfo.openUser.headImg;
						this.nickName = data.loginInfo.openUser.nickName;
						this.phone = data.loginInfo.openUser.mobilePhone;
						this.$store.commit('mutationswxOpenData', data)
						this.$store.commit('mutationsuserInfo', this.userInfo)
						
                        /*setTimeout(() => {
                        	
							that.queryMyDetail()
                        }, 1000); */
						that.queryMyDetail()
						if(!data.loginInfo.customerInfo.wxMiniV2OpenID){
							this.seeQr()
						}
						if(this.numList.customerInfo.pState==1&&this.numList.shopSettings.partnerDisabled){
							this.kkshow=true
						}
						if(this.numList.customerInfo.rebateState==1&&this.numList.shopSettings.introductionDisabled){
							this.kkshow=true
						}
						
					}
					
				})
			},
			map() {
				console.log("打开地图")
				var that = this;
				if (!that.numList.shopInfo.lat || !that.numList.shopInfo.lng) {
					uni.showToast({
						title: '该店铺未设置定位',
						icon: 'none',
						duration: 3000
					});
				} else {
					uni.openLocation({
						latitude: Number(that.numList.shopInfo.lat),
						longitude: Number(that.numList.shopInfo.lng),
						name: that.numList.shopInfo.shopName,
						address: that.numList.shopInfo.provinceName + that.numList.shopInfo.cityName + that.numList
							.shopInfo.areaName + that.numList.shopInfo.address,
						success: function() {
							console.log('success');
						},
						fail(err) {
							console.log(err)
						}
					});
				}

			},
			call() {
				if (this.userInfo) {
					
				} else {
					this.authorizShow = true;
					return false;
				}
				uni.makePhoneCall({
					phoneNumber: this.numList.shopInfo.mobilePhone
				});
			},
			goorder(num) {
				if (this.userInfo) {
					uni.navigateTo({
						url: './myOrder/myOrder?num=' + num
					})
				} else {
					this.authorizShow = true;
					return false;
				}
				
			},

			queryMyDetail() {
				console.log("getinfo")
				console.log(this.$store.state.wxOpenData)
				uni.showLoading({
					title: '加载中'
				})
				this.$http('openreservation/getInfo', {
					lat: this.location.lat ? this.location.lat : '',
					lng: this.location.lng ? this.location.lng : '',

				}, 'GET').then(res => {
					uni.hideLoading();
					this.numList = res.data
					this.headImg = res.data.openUser.headImg;
					this.nickName = res.data.openUser.nickName;
					this.customerName= res.data.customerInfo.customerName
					this.phone = res.data.openUser.mobilePhone;
                    this.showSetting=res.data.showSetting
                    this.f2csystemlist=res.data.f2csystemlist
					if(this.numList.customerInfo.pState==1&&this.numList.shopSettings.partnerDisabled){
						this.kkshow=true
					}
					if(this.numList.customerInfo.rebateState==1&&this.numList.shopSettings.introductionDisabled){
						this.kkshow=true
					}
					if(this.f2csystemlist.length>0){
						this.f2csystemlist.forEach((item,index)=>{
							if(item.growthState==1){
								this.f2cIndex=index
							}
						})
						
					}
					
				})
			},
			gonavigateTo(url) {
				  if (this.userInfo) {
					uni.navigateTo({
						url: url
					})
				} else {
					this.authorizShow = true;
				}
				/* uni.navigateTo({
					url: url
				}) */
			},
			signOut() {
				//uni.clearStorageSync();
				uni.removeStorageSync('logodata');
				// uni.navigateTo({
				// 	url: '../login/login'
				// })
			},
			authorizShowHide(){
				this.authorizShow=false
			}

		},
		onShareAppMessage(res) {

			return {
				title: this.wxOpenData.miniAppName,
				//imageUrl:img,
				path: 'pages/index/index',
				success(res) {
					uni.showToast({
						title: '分享成功'
					})
				},
				fail(res) {
					uni.showToast({
						title: '分享失败',
						icon: 'none',
						duration: 3000
					})
				}
			}
		},
		// 下拉刷新
		onPullDownRefresh() {

			this.queryMyDetail()
			this.getCarList()
			setTimeout(function() {
				uni.stopPullDownRefresh();
			}, 1000);
		},
	}
</script>

<style scoped>
.addCarBox{
	padding: 12rpx;
}
.addCar{
	background: #F8F8F8;
	border-radius: 9rpx;
	display: flex;justify-content: space-between;
	padding: 30rpx 20rpx;
}
.carTitle{
	padding-left: 6rpx;
}
.addCarBtn{
	width: 145rpx;text-align: center;
	height: 53rpx;line-height: 53rpx;
	background: #FFDD00;
	border-radius: 27rpx;
	font-size: 24rpx;
	color: #0B0B0B;
	margin-top: 15rpx;
}
.addCarTxt1{
	font-size: 30rpx;
	color: #8B8B8B;
	line-height: 36rpx;
}
.carBq{
	display: flex;
	border-radius: 10rpx;
	margin-top: 15rpx;
}
.carDui{
	width: 24rpx;height: 24rpx;
}
.carBqLine{
	display: flex;
	padding-right: 23rpx;
	font-size: 22rpx;
	color: #A26D4F;line-height: 26rpx;
}
.kbox{
	padding:0 24rpx;
}
.klineCont{
	background: #FFFFFF;
	border-radius: 16rpx;
	margin-top: 20rpx;
}
.klineRow{
	width: 25%;font-weight: 400;
font-size: 24rpx;
color: #0B0B0B;text-align: center;
margin-top: 30rpx;
}
.KlineTxt{
	padding-top: 10rpx;
}
.KlineTxt2{
	padding-top: 10rpx;font-size: 22rpx;
}
.carInfoklineRow{
	width: calc(25% - 1px);
	border-right: 1px dashed #DDDDDD;
}
.carbrandLogo{
	width: 50rpx;height: 50rpx;    margin-bottom: 8rpx;
}
.kline{
	display: flex;
	padding-bottom: 30rpx;
	
	flex-wrap: wrap;
}
.klineTitle{
	font-weight: 500;
	font-size: 30rpx;
	color: #0B0B0B;
	line-height: 42rpx;
	padding-top: 20rpx;
	padding-left: 24rpx;
	
}
.klineIcon{
	width: 50rpx;height: 50rpx;
}
.exit{
	background: #FFFFFF;
	line-height: 90rpx;
	
	font-size: 26rpx;
	font-family: PingFang;
	font-weight: 500;
	color: #ED2323;
	text-align: center;
}
.exit2{
	background: #FFFFFF;
	line-height: 90rpx;
	font-size: 26rpx;
	font-family: PingFang;
	font-weight: 500;
	color: #3C3C3C;
	text-align: center;
	border-bottom: 1px solid #eeeeee;
	/* margin-top: 20rpx; */
}
.cardNameIcon{
	width: 30rpx;height: 30rpx;
}
.cardNameIcon2{
	width: 7rpx;height: 13rpx;
	margin-left: 3rpx;margin-top: 9rpx;
}
.cardNameTb{
	padding-left: 4rpx;
}
.cardNameBOx{
	background: linear-gradient(327deg, #FEA917 0%, #FFC635 100%);
	border-radius: 16rpx;display: flex;
	line-height: 30rpx;font-weight: 500;
color: #764700;font-size: 22rpx;
margin-left: 15rpx;
padding-right: 10rpx;
    height: 30rpx;

}
.remindBox{
	width: 596rpx;
	background: #FFF8EF;
	border-radius: 8rpx;
	display: flex;justify-content: space-between;
	    margin: 0 auto;font-size: 22rpx;
		padding: 10rpx 20rpx;
		color: #666666;
		line-height: 30rpx;
	
}
.useremind{
	font-weight: 500;
	color: #A26D4F;
}
.swiper2{
		min-height: 510rpx;
	/* 	margin-top: -100rpx; */
}
.marginTop{
	margin-top: -160rpx;
}
.marginTop2{
	margin-top: -120rpx;
}
.cardBox{
	width: 702rpx;
	min-height: 510rpx;
	background: #FFFFFF;
	border-radius: 22rpx;
	margin-left:24rpx ;
	
	    overflow: hidden;
}
.cardCont{
	display: flex;
	flex-wrap: wrap;
}
.cardLineImgBox{
	width: 84rpx;
	height: 84rpx;
	/* background: linear-gradient(150deg, #222439 0%, #1A2027 100%); */
	border-radius: 50%;
	margin: 0 auto;
	margin-top: 30rpx;
}
.cardLineImg{
	width: 84rpx;
	height: 84rpx;
	border-radius: 50%;
}
.cardlineTitle{
	color: #3C3C3C;font-size: 24rpx;
	line-height: 33rpx;padding-top: 10rpx;
	overflow:hidden;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	  -o-text-overflow:ellipsis;
}
.cardlineTitle2{
	color: #999999;font-size: 24rpx;
	line-height: 33rpx;padding-top: 10rpx;
	overflow:hidden;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	  -o-text-overflow:ellipsis;
}
.cardLine{
	width: 25%;
	text-align: center;
}
.rowRight{
	color: #666666;font-size: 28rpx;padding-right: 32rpx;
}
.cardTOp{
	height: 155rpx;
	background-size: 100% 100%;
	position: relative;
	
}
.vipBsIcon{
	position: absolute;width: 112rpx;height: 33rpx;top: 0;right: 0;
}
.cardName{
	font-weight: 500;font-size: 30rpx;padding-top: 30rpx;padding-left: 30rpx;
	color: #50402A;
}
.cardtimeBox{
	display: flex;justify-content: space-between;
	color: #786140;font-size: 24rpx;
	padding-top: 20rpx;padding-left: 30rpx;padding-right: 20rpx;
}
	.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: #EC0F0A;
		border-radius: 32rpx;
		color: #FFFFFF;
		line-height: 64rpx;
		text-align: center;
		margin: 0 auto;
		margin-top:40rpx;
	}
	.releaseVersion {
		font-size: 24rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #666666;
		padding-top: 10rpx;
		padding-bottom: 30rpx;
		text-align: center;
		
	}

	button::after {
		border: none;
	}

	button {
		position: relative;
		display: block;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0px;
		padding-right: 0px;
		box-sizing: border-box;
		// font-size: 18px;
		text-align: center;
		text-decoration: none;
		// line-height: 1;
		line-height: 1.35;
		// border-radius: 5px;
		-webkit-tap-highlight-color: transparent;
		overflow: hidden;
		color: #000000;
		background-color: #fff;

		height: 100%;
	}

	.box {

		width: 100vw;
		min-height: 100vh;

		background: #F4F5F7;
		/* padding-bottom: 60rpx; */
	}

	.top {
		height: 300rpx;
		padding: 20rpx 24rpx 0;
		/* background-color: #EC0F0A; */
		border-radius: 0 0 5% 5%;
	}

	.customerMes {
		display: flex;

	}

	.mes {
		margin-left: 20rpx;
		    padding-top: 14rpx;
	}

	.nick {

		margin-bottom: 5rpx;

		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	.nickName {
		font-size: 36rpx;
		color: #010000;
		font-weight: bold;
		line-height: 48rpx;
		height: 48rpx;
		overflow: hidden;        /*内容会被修剪，并且其余内容是不可见的*/
		text-overflow:ellipsis;  /*显示省略符号来代表被修剪的文本。*/
		 white-space: nowrap;     /*文本不换行*/

	}
	.nickName2 {
		font-size: 30rpx;
		color: #010000;
		font-weight: bold;
		line-height: 48rpx;
		height: 48rpx;
		overflow: hidden;        /*内容会被修剪，并且其余内容是不可见的*/
		text-overflow:ellipsis;  /*显示省略符号来代表被修剪的文本。*/
		 white-space: nowrap;     /*文本不换行*/
	
	}

	.grade {
		margin-left: 15rpx;
		font-size: 22rpx;
		color: #FFFFFF;
		padding: 0rpx 10rpx;
		border: 1px solid #FFFFFF;
		border-radius: 18rpx;
		height: 26rpx;
		line-height: 28rpx;
	}


	.phone {
		font-size: 24rpx;
		color: #010000;
	}
    .padingBox{
		padding: 0 20rpx;
	}

	.headerBox {
		padding: 26rpx 24rpx;
		display: flex;
		    justify-content: center;
	/* 	justify-content: space-around; */
		
		
	}
    .headerBox2{
		background: #FFFFFF;
		border-radius: 16rpx;
		margin-bottom: 20rpx;
		margin-top: 20rpx;
	}
	.quan {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 33%;
	}

	.numStr {
		font-size: 34rpx;
		font-weight: bold;
		color: #9A9A9A;
		line-height: 45rpx;
	}
    .numStr2{
		font-size: 40rpx;
		font-weight: 500;
		color: #FFFFFF;
		line-height: 60rpx;
	}
	.nameStr {
		font-size: 24rpx;
		color: #222222;
	}

	.orderBox {
		margin: 0rpx 24rpx;

		background: #FFFFFF;
		padding: 30rpx 20rpx;
		border-radius: 10rpx;
		margin-top: 20rpx;
	}



	.orderTitle {
		font-weight: 500;
		font-size: 30rpx;
		color: #0B0B0B;
        display: flex;justify-content: space-between;
	}
   .allOrder{
	   font-weight: 400;
	   font-size: 22rpx;
	   color: #939393;
	   display: flex;
   }
   .allOrderIcon{
	   width: 20rpx;height: 20rpx;margin-top: 6rpx;
   }
	.orderAll {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.orderLine {
		width: 25%;
		text-align: center;
	}

	.orderLineImg {
		width: 60rpx;
		height: 60rpx;
	}

	.orderLineTxt {
		font-size: 24rpx;
		color: #333333;
	}

	.orderImgBox {
		text-align: center;
		position: relative;
	}

	.orderLIneBox {
		display: flex;
		justify-content: space-between;
		padding-top: 30rpx;
	}

	.orderNum {

		height: 26rpx;
		line-height: 26rpx;
		background: #EC0F0A;
		padding: 0 8rpx;
		border-radius: 13rpx;
		color: #FFFFFF;
		font-size: 20rpx;
		position: absolute;
        top: -10rpx;
		left: 90rpx;
		z-index: 11;
	}

	.big_rightArrow {
		margin-right: 20rpx;
		width: 30rpx;
		height: 30rpx;
	}

	.rowBoxBg {
		margin: 20rpx 24rpx;
		background: #FFFFFF;
		border-radius: 16rpx;
		overflow: hidden;
	}
	.rowBox {
		display: flex;
		justify-content: space-between;
		background: #FFFFFF;
		padding: 35rpx 0rpx;
		border-radius: 10rpx;
		align-items: center;
	}
	.leftView {
		display: flex;
		align-items: center;

	}

	.rightView {
		display: flex;
		align-items: center;

	}

	.liftIcon {
		width: 34rpx;
		height: 34rpx;
		margin: 0rpx 20rpx;
	}

	.rowTitle {
		color: #3C3C3C;
		font-size: 28rpx;
	}

	.signOut {
		width: 702rpx;
		height: 98rpx;
		background: #FFFFFF;
		border-radius: 10rpx;
		font-size: 30rpx;
		color: #FF3B30;
		line-height: 98rpx;
		text-align: center;

		margin: 40rpx 24rpx;
	}

	.shopBox {


		padding: 20rpx;
		margin: 20rpx 24rpx;

		background-color: #FFFFFF;
		border-radius: 10rpx;

	}

	.shopCont {
		display: flex;
		justify-content: space-between;
		align-items: center;

	}

	.shopName {
		font-size: 30rpx;
		font-weight: bold;
		color: #3C3C3C;
		line-height: 42rpx;
	}



	.appraiseBox {
		padding: 5rpx 0;
	/* 	height: 62rpx;
 */
		display: flex;
		align-items: center;
	}


	.appraise {
		color: #EC0F0A;
		font-size: 38rpx;
		font-weight: bold;

	}

	.line {

		margin: 0 12rpx;
		width: 1rpx;
		height: 30rpx;


	}

	.appraiseCount {

		font-size: 24rpx;
		font-weight: 400;
		color: #666666;
		flex-grow: 1;
		margin-top: 10rpx;

	}

	.rightArrow {

		width: 7rpx;
		height: 15rpx;
		margin-left: 16rpx;
	}

	.shopRightBox {
		display: flex;
		justify-content: space-between;
	}

	.address {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.Address,
	.shopTime,
	.distance {
		color: #999999;
		font-size: 24rpx;

		/* 隐藏文字显示 ...不换行 */
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}



	.shopRightBox {}

	.shopRightImg {
		width: 44rpx;
		height: 45rpx;
	}

	.authorizBox {
		width: 100vw;
		height: 100vh;
		background: rgba(0, 0, 0, 0.5);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 11;
	}

	.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: #EC0F0A;
		border-radius: 44rpx;
		line-height: 66rpx;
		text-align: center;
		font-size:30rpx;
		color: #FFFFFF;
		margin-right: 40rpx;
	}
	.sqRefuse{
		width: 210rpx;
		height: 66rpx;
		border: 1px solid #eaeaea;
		line-height: 66rpx;
		border-radius: 36rpx;
		text-align: center;
		font-size:30rpx;
		margin-left:40rpx;
		color: #999999;
	}
	.sqLine{
			margin-top: 62rpx;
		display: flex;
		justify-content: space-between;
	}
	.test{
		
	}
	.carjt{
		width: 10rpx;height: 20rpx;
		    margin-top: 8rpx;
	}
	.carInfobrand{
		text-align: center;
		    width: 150rpx;
			white-space: nowrap;      /* 确保文本在一行内显示 */
			  overflow: hidden;         /* 超出容器部分隐藏 */
			  text-overflow: ellipsis;
	}
	.hjtIcon{
		width: 10rpx;height: 20rpx;
		margin-top: 8rpx;
		    margin-left: 6rpx;
	}
	.phone{
		display: flex;
	}
</style>