<template>
	<view v-show="dirverDetails">
		<view class="header">
			<image style="position: absolute;width: 100%; height: 403rpx;top: 0;z-index: -1;"
				src="https://xoi-support.oss-cn-hangzhou.aliyuncs.com/星油admin小程序/sjbj.png"></image>
			<view :style="{height:styles.top+'px'}" class="top"></view>
			<uni-nav-bar @clickLeft='jump(-1)' color='white' backgroundColor="rgba(0,0,0,0)" left-icon="back"
				title="司机详情" />
			<view class="dirver_car">
				<view class="dirver_car_body">
					<swiper :current="current" style="flex: 1;" :vertical="true" :interval="1000" :duration="300">
						<swiper-item @touchmove.stop="">
							<view class="dirver_car_body_left">
								<view class="dirver_car_body_left_id">
									<view>ID:{{dirverDetails.customerInfoVo.customerId}}</view>
									<view style="display: flex;">
										<uni-icons type="compose"></uni-icons>
										<view style="font-size: 28rpx;" @click="jump(1)">修改</view>
									</view>
								</view>
								<view class="name" style="position: relative;">
									<image v-if="dirverDetails.customerInfoVo.headPhoto != null"
										:src="dirverDetails.customerInfoVo.headPhoto"
										style="height: 100rpx;width: 100rpx;border-radius: 50px;" mode="">
									</image>
									<image v-if="dirverDetails.customerInfoVo.headPhoto==null" src="../../static/tx.png"
										style="height: 100rpx;width: 100rpx;border-radius: 50px;" mode="">
									</image>
									<view style="margin-left: 20rpx; font-size: font-size: 28rpx;;">
										<view style="display: flex;align-items: center;">
											<view style="margin-right: 10rpx;">
												{{dirverDetails.customerInfoVo.userName?dirverDetails.customerInfoVo.userName:'暂无设置'}}
											</view>
											<u-switch :openText='openText' asyncChange activeColor='#17A00E'
												inactive-color="#BBBBBB" size='35' v-model="switchOpen"
												@change="change"></u-switch>
										</view>
										<view>{{dirverDetails.customerInfoVo.phone}}</view>
										<view style="font-size: 22rpx;color: #999999;">
											{{dirverDetails.customerInfoVo.createTime}}
										</view>
									</view>
								</view>
							</view>
						</swiper-item>
						<swiper-item @touchmove.stop="">
							<view class="dirver_car_body_left">
								<view class="dirver_car_body_left_id">
									<view>{{dirverDetails.customerInfoVo.id}}</view>
									<view style="display: flex;">
										<uni-icons type="compose"></uni-icons>
										<view style="font-size: 28rpx;" @click="jump(3)">修改</view>
									</view>
								</view>
								<view class="name" style="position: relative;">
									<image v-if="dirverDetails.customerInfoVo.headPhoto != null"
										:src="dirverDetails.customerInfoVo.headPhoto"
										style="height: 100rpx;width: 100rpx;border-radius: 50px;" mode="">
									</image>
									<image v-if="dirverDetails.customerInfoVo.headPhoto==null" src="../../static/tx.png"
										style="height: 100rpx;width: 100rpx;border-radius: 50px;" mode="">
									</image>

									<view style="margin-left: 20rpx; font-size: font-size: 28rpx;;">
										<view style="display: flex; margin-bottom: 15rpx;">
											{{dirverDetails.customerInfoVo.plateNumber?dirverDetails.customerInfoVo.plateNumber:'暂未设置'}}
											<text v-if="dirverDetails.customerInfoVo.plateNumber" class="tbb">个人</text>
										</view>
										<view style="display: flex;">
											{{dirverDetails.customerInfoVo.plateNumberCompany?dirverDetails.customerInfoVo.plateNumberCompany:'暂未设置'}}
											<text v-if="dirverDetails.customerInfoVo.plateNumberCompany"
												style="background-color: #2866FF;" class="tbb">企业</text>
										</view>
									</view>
								</view>
							</view>
						</swiper-item>
					</swiper>
					<view class="dirver_car_body_right">
						<view @click=" dirverIndexFn(0) "
							  :style="{backgroundColor:dirverIndex == 0? '#FFFFFF':'#F1F1F1'}"
							   class="dirver_car_body_right_butten">
							<view
								:class=" dirverIndex==0? 'dirver_car_body_right_butten_seleitem' : 'dirver_car_body_right_butten_item'"
								style="">个人</view>
						</view>
						<view  @click=" dirverIndexFn(1) "
							:style="{backgroundColor:dirverIndex == 1? '#FFFFFF':'#F1F1F1'}"
							class="dirver_car_body_right_butten">
							<view
								:class=" dirverIndex==1? 'dirver_car_body_right_butten_seleitem' : 'dirver_car_body_right_butten_item'">
								车辆</view>
						</view>
					</view>
				</view>
				<view class="dirver_car_footer">
					<view class="dirver_car_footer_felx">
						<view class="dirver_car_footer_felx_top">{{dirverDetails.zyBalance}}</view>
						<view class="dirver_car_footer_felx_tip">自营账户余额</view>
					</view>
					<view class="dirver_car_footer_felx">
						<view class="dirver_car_footer_felx_top">
							{{dirverDetails.customerAccountVo.balance?  Number(dirverDetails.customerAccountVo.balance).toFixed(2) :0.00}}
						</view>
						<view class="dirver_car_footer_felx_tip">个人账户余额</view>
					</view>
					<view class="dirver_car_footer_felx">
						<view class="dirver_car_footer_felx_top">{{dirverDetails.wqBalance}}</view>
						<view class="dirver_car_footer_felx_tip">外请账户余额</view>
					</view>
				</view>
			</view>
		</view>
		<view class="dirver_account">
			<view class="dirver_account_title">
				<view :style="{color:titleIndex==1? '' : '#999999'}" @tap="titleIndexFn(1)">企业油卡账户</view>
				<view :style="{color:titleIndex==2? '' : '#999999'}" @tap="titleIndexFn(2)">个人油卡账户</view>
				<view :class="titleIndex==1?'dirver_account_title_tiao':'dirver_account_sele_title_tiao'"></view>
			</view>
			<view v-show="titleIndex==1" class="dirver_account_car">
				<view class="dirver_account_car_header">
					<view class="jiaobiao"></view>
					自营企业账户
				</view>
				<view class="swiper_car">
					<swiper style="height: 233rpx;" next-margin="150rpx" :autoplay="false" :duration="500">
						<swiper-item @click="jump(0,item,index)" v-for="(item,index) in swiperData.zy" :key='index'>
							<view class="swiper_car_item">
								<view class="swiper_car_item_title">
									<view :class="item.accountState==1?'typeyuan':'seletypeyuan'"></view>
									{{item.companyName}}
								</view>
								<view style="display: flex;justify-content: space-between;">
									<view>
										<text class="swiper_car_item_name">总余额</text>
										<text class="swiper_car_item_price">{{item.balance}}</text>
									</view>
									<view class="gxtip" v-if="item.shareCompanyQuota==1">
										共享
									</view>
								</view>
								<view style="display: flex;">
									<view style="flex: 1;">
										<view>
											<text class="swiper_car_item_name">充值</text>
											<text class="swiper_car_item_price">{{item.rechargeBalance}}</text>
										</view>
										<view class="swiper_car_item_div">
											<text class="swiper_car_item_name">赊销</text>
											<text class="swiper_car_item_price">{{item.chargeRechargeBalance}}</text>
										</view>
									</view>
									<view style="flex: 1;">
										<view>
											<text class="swiper_car_item_name">充返</text>
											<text class="swiper_car_item_price">{{item.rebateBalance}}</text>
										</view>
										<view class="swiper_car_item_div">
											<text class="swiper_car_item_name">消返</text>
											<text class="swiper_car_item_price">{{item.consumeRebateBalance}}</text>
										</view>
									</view>
								</view>
							</view>
						</swiper-item>
						<swiper-item v-if="swiperData.zy.length==0" @click="jump(4)">
							<image style="width: 100%; height: 100%;" src="../../static/add.png"></image>
						</swiper-item>
					</swiper>
				</view>
			</view>
			<view v-show="titleIndex==2" class="dirver_account_car">
				<view class="dirver_account_car_header">
					<view class="jiaobiao"></view>
					个人油卡账户
				</view>
				<view class="swiper_car">
					<swiper style="height: 250rpx;" next-margin="150rpx" :autoplay="false" :duration="500">
						<swiper-item @tap="jump(5,dirverDetails.customerAccountVo)">
							<view class="swiper_car_item">
								<view class="swiper_car_item_title">
									<view class="typeyuan"></view>
									{{dirverDetails.customerAccountVo.id}}
								</view>
								<view>
									<text class="swiper_car_item_name">总余额</text>
									<text
										class="swiper_car_item_price">{{dirverDetails.customerAccountVo.balance}}</text>
								</view>
								<view style="display: flex;">
									<view style="flex: 1;">
										<view>
											<text class="swiper_car_item_name">账户充值余额</text>
											<text
												class="swiper_car_item_price">{{dirverDetails.customerAccountVo.rechargeBalance}}</text>
										</view>
										<view class="swiper_car_item_div">
											<text class="swiper_car_item_name">账户充值返利余额</text>
											<text
												class="swiper_car_item_price">{{dirverDetails.customerAccountVo.rechargeRebateBalance}}</text>
										</view>
									</view>
								</view>
							</view>
						</swiper-item>
					</swiper>
				</view>
			</view>
		</view>
		<view v-show="titleIndex==1" class="dirver_account">
			<view style="height: 405rpx;" class="dirver_account_car">
				<view style="justify-content: space-between; align-items: center;" class="dirver_account_car_header">
					<view style="display: flex; align-items: center;">
						<view class="jiaobiao"></view>
						<text>外请企业账户</text>
						<text
							style="color: #BBBBBB; font-size: 20rpx; margin-left: 20rpx;">合计{{swiperData.wq.length}}张油卡</text>
					</view>
					<view @tap="jump(2)" style="color: #2866FF; font-size: 26rpx;">添加</view>
				</view>
				<view class="navbar">
					<view :style="{transform:'translateX(' + xTranslation + 'rpx)'}" class="sele_tiao"></view>
					<view @tap="seleFn(0,1)" :class=" seleindex==0? 'navbar_seleItem' :'navbar_item'">启用</view>
					<view @tap="seleFn(1,0)" style="margin: 0 60rpx;"
						:class=" seleindex==1? 'navbar_seleItem' :'navbar_item'">禁用</view>
					<view @tap="seleFn(2,2)" :class=" seleindex==2? 'navbar_seleItem' :'navbar_item'">所有</view>
				</view>

				<view class="swiper_car">
					<swiper :current="currents" style="height: 233rpx;" next-margin="150rpx" :autoplay="false"
						:duration="500">
						<swiper-item v-if="item.swiperOpen" @click="jump(0,item,index)"
							v-for="(item,index) in swiperData.wq" :key='index'>
							<view class="swiper_car_item">

								<view class="swiper_car_item_title">
									<view :class="item.accountState==1?'typeyuan':'seletypeyuan'"></view>
									{{item.companyName}}
								</view>

								<view style="width: 100%;">
									<text class="swiper_car_item_name">总余额</text>
									<text class="swiper_car_item_price">{{item.balance}}</text>
								</view>
								<view style="display: flex;width: 100%;">
									<view style="flex: 1;">
										<view>
											<text class="swiper_car_item_name">充值</text>
											<text class="swiper_car_item_price">{{item.rechargeBalance}}</text>
										</view>
										<view class="swiper_car_item_div">
											<text class="swiper_car_item_name">赊销</text>
											<text class="swiper_car_item_price">{{item.chargeRechargeBalance}}</text>
										</view>
									</view>
									<view style="flex: 1;">
										<view>
											<text class="swiper_car_item_name">充返</text>
											<text class="swiper_car_item_price">{{item.rebateBalance}}</text>
										</view>
										<view class="swiper_car_item_div">
											<text class="swiper_car_item_name">消返</text>
											<text class="swiper_car_item_price">{{item.consumeRebateBalance}}</text>
										</view>
									</view>
								</view>
							</view>
						</swiper-item>
						<swiper-item v-if="swiperData.wq.length==0" @click="jump(2)">
							<image style="width: 100%; height: 100%;" src="../../static/add.png"></image>
						</swiper-item>
					</swiper>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import driverManagement from '@/api/driverManagement'
	import tool from '@/utils/tool.js'
	export default {
		data() {
			return {
				titleIndex: 1,
				jsData: null,
				swiperOpen: true,
				openText: {
					one: '启用',
					off: '禁用'
				},
				carList: [],
				dirverAccount: {},
				switchOpen: "",
				dirverDetails: null,
				current: 0,
				dirverIndex: 0,
				xTranslation: 0,
				seleindex: 0,
				currents: 0,
				styles: {},
				swiperData: {
					zy: [],
					wq: []
				}
			}
		},
		onLoad(e) {
			let that = this
			this.styles = uni.getMenuButtonBoundingClientRect()
			if (e.jsData) {
				this.jsData = JSON.parse(decodeURIComponent(e.jsData))
				this.getdirverDetails(this.jsData.id)
			}
			uni.$on('updateDriver', function(e = that.jsData.id) {
				console.log('更新')
				that.getdirverDetails(e)
			})
			console.log('onLoad')
		},
		onShow() {
			if(this.jsData.id){
				this.getdirverDetails(this.jsData.id)
			}
			console.log('show')
			// if (this.jsData!==null){
			// 	this.getdirverDetails(this.jsData.id)
			// }
		},
		methods: {
			dirverIndexFn(e){
				if(e){
					this.dirverIndex = 1;this.current=1
				}else{
					this.dirverIndex = 0;this.current=0
				}
			},
			titleIndexFn(e){
				this.titleIndex = e
				console.log(e,'------')
			},
			getdirverDetails(e) {
				driverManagement.getdirverDetails(e).then(res => {
					this.dirverDetails = res.data
					this.switchOpen = this.dirverDetails.customerInfoVo.enableMark ? true : false
					if (res.data.customerCardVos.length == 0) return
					this.swiperData.wq = []
					this.swiperData.zy = []
					res.data.customerCardVos.forEach((item) => {
						item.swiperOpen = true
						if (item.companyNature == 0) {
							this.swiperData.wq.push(item)
						} else {
							this.swiperData.zy.push(item)
						}
					})
					tool.numberSetting([this.swiperData.wq,this.swiperData.zy,this.dirverDetails],['zyBalance','wqBalance','balance','rechargeBalance','chargeRechargeBalance','zyBalance','rebateBalance','consumeRebateBalance'],2)
					this.seleFn(0, 1)
				})
			},
			change(e) {
				let that = this
				uni.showModal({
					content: e ? '确定要启用吗' : '确定要禁用吗',
					success: (res) => {
						 if (res.confirm) {
							 that.dirverDetails.customerInfoVo.enableMark = e ? 1 : 0
							 driverManagement.updateCustomerEnable({
							 	enableMark: that.dirverDetails.customerInfoVo.enableMark,
							 	customerId:that.dirverDetails.customerInfoVo.customerId,
							 	updateSource:'OMS-MINIAPP'
							 }).then(res => {
							 	that.getdirverDetails(that.dirverDetails.customerInfoVo.customerId)
								setTimeout(()=>{
									uni.showToast({
										title:'操作成功',
										icon:'none'
									})
								},500)
							 })
						            console.log('用户点击确定');
						        } else if (res.cancel) {
									that.switchOpen = !e
						            console.log('用户点击取消');
						        }
					}
				})
			},
			jump(e, w, j) {
				switch (e) {
					case -1:
						uni.navigateBack()
						break
					case 0:
						uni.navigateTo({
							url: "../accountDetails/accountDetails?jsData=" + JSON.stringify(w)
						})
						break;
					case 1:
						uni.navigateTo({
							url: "InformationModification?jsData=" + JSON.stringify(this.dirverDetails.customerInfoVo)
						})
						break;
					case 2:
					
					let data = {
						customerId: this.dirverDetails.customerInfoVo.customerId,
						customerCode: this.dirverDetails.customerInfoVo.userCode,
						companyId: this.dirverDetails.customerInfoVo.companyId,
						nickName: this.dirverDetails.customerInfoVo.userName,
						companyName: this.dirverDetails.customerInfoVo.companyName,
						companyNature: 0
					};
						uni.navigateTo({
							url: '../addDiver/addOilCard?jsData=' + JSON.stringify(data)
						})
						break;
					case 4:
					
					
						let datas = {
							customerId: this.dirverDetails.customerInfoVo.customerId,
							customerCode: this.dirverDetails.customerInfoVo.userCode,
							companyId: this.dirverDetails.customerInfoVo.companyId,
							nickName: this.dirverDetails.customerInfoVo.userName,
							companyName: this.dirverDetails.customerInfoVo.companyName,
							companyNature: 1
						};
						uni.navigateTo({
							url: '../addDiver/addOilCard?jsData=' + JSON.stringify(datas)
						})
						break;
					case 3:
						uni.navigateTo({
						url: "./vehicleModification?jsData=" + JSON.stringify({
						plateNumber:this.dirverDetails.customerInfoVo.plateNumber,
						plateNumberCompany:this.dirverDetails.customerInfoVo.plateNumberCompany,
						customerId:this.dirverDetails.customerInfoVo.customerId,
						companyId:this.dirverDetails.customerInfoVo.companyId,
						companyName:this.dirverDetails.customerInfoVo.companyName
					})
						})
						break;
						case 5:
						let that = this
						uni.navigateTo({
							url: "../accountDetails/accountDetails?gr=" + JSON.stringify(Object.assign(w,{userName:that.dirverDetails.customerInfoVo.userName}))
						})
						break;
				}
				console.log('点击')
			},
			titleSeleFn(e) {

			},
			seleFn(e, j) {
				this.seleindex = e
				this.xTranslation = e * (60 + 50)
				console.log(j, this.xTranslation)
				this.swiperData.wq.forEach(item => {
					if (j == 2) {
						item.swiperOpen = true
						return
					}
					if (item.accountState == j) {
						item.swiperOpen = true
					} else {
						item.swiperOpen = false
					}
				})
				console.log(this.swiperData.wq)
				this.currents = 0
			}
		}
	}
</script>

<style>
	.gxtip{
		width: 69rpx;
		height: 34rpx;
		background: #F9C77B;
		color: #FFFFFF;
        font-size: 24rpx;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.typeyuan {
		background-color: #17A00E;
		width: 14rpx;
		height: 14rpx;
		border-radius: 50px;
		margin-right: 6rpx;
	}

	.seletypeyuan {
		background-color: red;
		width: 14rpx;
		height: 14rpx;
		border-radius: 50px;
		margin-right: 6rpx;
	}

	.tbb {
		width: 66rpx;
		height: 40rpx;
		background: #FD9500;
		border-radius: 20rpx 0px 20rpx 2rpx;
		font-size: 20rpx;
		color: #FFFFFF;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-left: 16rpx;
	}

	.uni-navbar__header-btns-right {
		padding: 0 !important;
	}

	.sele_tiao {
		width: 52rpx;
		position: absolute;
		height: 5rpx;
		background-color: #2866FF;
		bottom: 0;
		transition: all .5s;
		transform: translateX(0);
	}

	.navbar_seleItem {
		color: #2866FF;
	}

	.navbar_item {
		box-sizing: border-box;
	}

	.navbar {
		display: flex;
		margin-top: 20rpx;
		font-size: 26rpx;
		color: #999999;
		margin-left: 22rpx;
		border-bottom: 1px solid #F0F0F0;
		padding-bottom: 6rpx;
		position: relative;
	}

	.swiper_car_item_div {
		/* margin-top: 10rpx; */
	}

	.swiper_car_item_price {
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #333333;
		margin-left: 20rpx;
	}

	.swiper_car_item_name {
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #999999;
	}

	.swiper_car_item_title {
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #333333;
		width: 100%;
		display: flex;
		align-items: center;
	}

	.swiper_car_item {
		background: #F5FCFF;
		border-radius: 12px;
		width: 98%;
		height: 100%;
		font-size: 26rpx;
		padding: 32rpx 20rpx;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		/* flex-wrap: wrap; */
		justify-content: space-between;
	}

	.swiper_car {
		margin-top: 23rpx;
		width: 100%;
		height: 233rpx;
	}

	.jiaobiao {
		width: 8rpx;
		height: 32rpx;
		background-color: #2866FF;
		margin-right: 14rpx;
		align-items: center;
	}

	.dirver_account_car_header {
		color: #333333;
		font-size: 28rpx;
		display: flex;
	}

	.dirver_account_title_tiao {
		--xwidth: calc((100% - 62rpx) / 2);
		position: absolute;
		bottom: 0;
		height: 5rpx;
		width: var(--xwidth);
		background: #2866FF;
		transition: all 0.3s;
	}

	.dirver_account_sele_title_tiao {
		--xwidth: calc((100% - 62rpx) / 2);
		--x: calc(100% + 62rpx);
		position: absolute;
		bottom: 0;
		height: 5rpx;
		width: var(--xwidth);
		background: #2866FF;
		transform: translateX(var(--x));
		transition: all 0.3s;
	}

	.dirver_account_car {
		margin-top: 26rpx;
		background: #FFFFFF;
		box-shadow: 0px 3px 9px 0px rgba(88, 88, 88, 0.2);
		border-radius: 10rpx;
		padding: 26rpx 41rpx;
		box-sizing: border-box;
		height: 365rpx;
	}

	.dirver_account_sele_title {
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #999999;
	}

	.dirver_account_title {
		color: #000000;
		font-size: 32rpx;
		font-weight: 600;
		margin-left: 40rpx;
		display: flex;
		gap: 62rpx;
		padding-bottom: 10rpx;
		position: relative;
		width: fit-content;
		transition: all 0.3s;
	}

	.dirver_account {
		margin-top: 40rpx;
		width: 100vw;
		box-sizing: border-box;
		padding: 0 40rpx;

	}

	.dirver_car_footer_felx_tip {
		font-size: 22rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #BBBBBB;
		margin-top: 6rpx;
	}

	.dirver_car_footer_felx_top {
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #000000;
	}

	.dirver_car_footer_felx {
		flex: 1;
		text-align: center;
	}

	.dirver_car_body_right_butten_top {
		font-size: 24rpx;
		color: #BBBBBB;
		padding: 9rpx 20rpx;
	}

	.dirver_car_body_right_selebutten {
		font-size: 28rpx;
		color: #333333;
		height: 97.5rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		background: #FFFFFF;
		width: 127rpx;
		box-sizing: border-box;
		/* border-left: 2rpx solid #2866FF; */
	}

	/* .header_tiao{
	width: 5rpx;
	height: calc((100% / 2) - 10px);
	background-color: #2866FF;
	position: absolute;
} */
	.dirver_car_body_right_butten_seleitem {
		/* background: #2866FF; */
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		border-left: 5rpx solid #2866FF;
		color: #333333;
	}

	.dirver_car_body_right_butten_item {
		background: #F1F1F1;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.dirver_car_body_right_butten {
		font-size: 28rpx;
		color: #BBBBBB;
		flex: 1;
		display: flex;
		box-sizing: border-box;
		width: 127rpx;
		padding: 20rpx 0;
	}

	.dirver_car_body_right {
		display: flex;
		flex-direction: column;
		/* justify-content: space-between; */
		position: relative;
	}

	.name {
		display: flex;
		margin-top: 7rpx;
		align-items: center;
	}

	.dirver_car_body_left_id {
		color: #333333;
		font-size: 22rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.dirver_car_body_left {
		flex: 1;
		box-sizing: border-box;
		padding: 20rpx;
	}

	.dirver_car_body_right {
		flex-shrink: 1;
		position: relative;
	}

	.dirver_car_footer {
		height: 137rpx;
		background: #FFFFFF;
		box-shadow: 0px 3px 9px 0px rgba(88, 88, 88, 0.2);
		border-radius: 11rpx;
		margin-top: 9rpx;
		display: flex;
		align-items: center;
	}

	.dirver_car_body {
		height: 195rpx;
		background: #FFFFFF;
		border-radius: 12rpx;
		display: flex;
		/* padding: 27rpx; */
		overflow: hidden;
	}

	.dirver_car {
		padding: 0 40rpx;
		color: #333333;
	}

	.header_seach_butten {
		font-size: 24rpx !important;
		display: flex !important;
		align-items: center !important;
		margin: 0 !important;
		flex-shrink: 1;
		margin-left: 9rpx !important;
		background: #FFFFFF !important;
		justify-content: center;
	}

	.uni-easyinput__content {
		height: 80rpx;
	}

	.uni-easyinput {
		height: 80rpx;
	}

	.header_seach_seach {
		display: flex;
		height: 80rpx;
		margin-top: 23rpx;
	}

	.header_seach_title {
		display: flex;
		align-items: center;
	}

	.header_seach {
		font-size: 26rpx;
		padding: 0 40rpx;
	}

	.uni-navbar--border {
		border: 0px !important;
	}

	.header {
		/* background-color: #007AFF; */
		color: white;
		/* height: 403rpx; */
		/* background-image: url('https://xoi-support.oss-cn-hangzhou.aliyuncs.com/星油admin小程序/sjbj.png'); */
		/* background-size: 100% 100%; */
		position: relative;
		font-size: 28rpx;
	}
</style>
