|  | @@ -1,86 +1,325 @@
 | 
											
												
													
														|  |  <template>
 |  |  <template>
 | 
											
												
													
														|  |  	<view>
 |  |  	<view>
 | 
											
												
													
														|  |  		<view class="box">
 |  |  		<view class="box">
 | 
											
												
													
														|  | -			<view class="top">
 |  | 
 | 
											
												
													
														|  | -				<text class="title">车辆消杀</text>
 |  | 
 | 
											
												
													
														|  | 
 |  | +			<view class="top" style="margin-top: -1rpx;">
 | 
											
												
													
														|  | 
 |  | +				<text class="title">灵活业务</text>
 | 
											
												
													
														|  |  			</view>
 |  |  			</view>
 | 
											
												
													
														|  | -			<view class="add" @click="addFn">+添加</view>
 |  | 
 | 
											
												
													
														|  |  		</view>
 |  |  		</view>
 | 
											
												
													
														|  | -		<view>
 |  | 
 | 
											
												
													
														|  | -			<uni-list>
 |  | 
 | 
											
												
													
														|  | -				<uni-list-item v-for="(item,index) in list" :title="item.carNo"
 |  | 
 | 
											
												
													
														|  | -				 :note="item.adminConfirmInput==1?'已确认':'未确认'" :rightText="item.createTime" clickable @click="toDetail(item)"/>
 |  | 
 | 
											
												
													
														|  | -			</uni-list>
 |  | 
 | 
											
												
													
														|  | 
 |  | +		<!-- 		<u-sticky offset-top="0">
 | 
											
												
													
														|  | 
 |  | +			<u-tabs :list="tabs" @change="change" :current="current" :is-scroll="false"></u-tabs>
 | 
											
												
													
														|  | 
 |  | +		</u-sticky> -->
 | 
											
												
													
														|  | 
 |  | +		<view class="card-box">
 | 
											
												
													
														|  | 
 |  | +			<view class="card" v-for="(businessItem,index) in businessItemList" :key="index">
 | 
											
												
													
														|  | 
 |  | +				<view class="t">
 | 
											
												
													
														|  | 
 |  | +					<image class="icon" src="../../static/home-icon-01.png"></image>
 | 
											
												
													
														|  | 
 |  | +					<text class="title">{{businessItem.customerName}}</text>
 | 
											
												
													
														|  | 
 |  | +				</view>
 | 
											
												
													
														|  | 
 |  | +				<view style="line-height: 60rpx;">
 | 
											
												
													
														|  | 
 |  | +					<view class="title">录入时间:{{businessItem.createTime}}</view>
 | 
											
												
													
														|  | 
 |  | +					<view class="title">订单号:{{businessItem.no}}</view>
 | 
											
												
													
														|  | 
 |  | +				</view>
 | 
											
												
													
														|  | 
 |  | +
 | 
											
												
													
														|  | 
 |  | +				<view class="c">
 | 
											
												
													
														|  | 
 |  | +					<view class="item car-num-item">
 | 
											
												
													
														|  | 
 |  | +						<text class="car-num">{{businessItem.carNo}}</text>
 | 
											
												
													
														|  | 
 |  | +					</view>
 | 
											
												
													
														|  | 
 |  | +
 | 
											
												
													
														|  | 
 |  | +					<view class="item">
 | 
											
												
													
														|  | 
 |  | +						<text class="p1">车型:</text>
 | 
											
												
													
														|  | 
 |  | +						<text class="p2">{{businessItem.cardSize}}(米)</text>
 | 
											
												
													
														|  | 
 |  | +					</view>
 | 
											
												
													
														|  | 
 |  | +					<view class="item">
 | 
											
												
													
														|  | 
 |  | +						<text class="p1">载重:</text>
 | 
											
												
													
														|  | 
 |  | +						<text class="p2">{{businessItem.netWeight}}(吨)</text>
 | 
											
												
													
														|  | 
 |  | +					</view>
 | 
											
												
													
														|  | 
 |  | +					<view class="item">
 | 
											
												
													
														|  | 
 |  | +						<text class="p1">账单确认:</text>
 | 
											
												
													
														|  | 
 |  | +						<text class="p2">
 | 
											
												
													
														|  | 
 |  | +							<text v-if="businessItem.confirmInput==0">未确认</text>
 | 
											
												
													
														|  | 
 |  | +							<text v-else>已确认</text>
 | 
											
												
													
														|  | 
 |  | +						</text>
 | 
											
												
													
														|  | 
 |  | +					</view>
 | 
											
												
													
														|  | 
 |  | +					<view class="item">
 | 
											
												
													
														|  | 
 |  | +						<text class="p1">支付状态:</text>
 | 
											
												
													
														|  | 
 |  | +						<text class="p2">
 | 
											
												
													
														|  | 
 |  | +							<text v-if="businessItem.payStatus==1">未支付</text>
 | 
											
												
													
														|  | 
 |  | +							<!-- <text v-if="businessItem.payStatus==2">已支付(未确认)</text> -->
 | 
											
												
													
														|  | 
 |  | +							<text v-if="businessItem.payStatus==3">已支付</text>
 | 
											
												
													
														|  | 
 |  | +						</text>
 | 
											
												
													
														|  | 
 |  | +					</view>
 | 
											
												
													
														|  | 
 |  | +				</view>
 | 
											
												
													
														|  | 
 |  | +				<view class="b">
 | 
											
												
													
														|  | 
 |  | +					<view class="btn b3" v-if="customemrId=='1'&&businessItem.adminConfirmInput==0
 | 
											
												
													
														|  | 
 |  | +								&&perList.indexOf('tb-flex-business-confirm')!=-1"
 | 
											
												
													
														|  | 
 |  | +								 @click="sureZdFn(businessItem)">
 | 
											
												
													
														|  | 
 |  | +						账单确认</view>
 | 
											
												
													
														|  | 
 |  | +						<view class="btn b3" @click="toDetail(businessItem)">详情</view>
 | 
											
												
													
														|  | 
 |  | +					<view class="btn b1" v-if="businessItem.adminConfirmInput==0&&perList.indexOf('tb-flex-business-edit')!==-1" @click="editFn(businessItem)">修改</view>
 | 
											
												
													
														|  | 
 |  | +					<view class="btn b4" v-if="businessItem.adminConfirmInput==0
 | 
											
												
													
														|  | 
 |  | +								&&perList.indexOf('tb-business-del')!==-1" @click="deleteFn(businessItem)">删除</view>
 | 
											
												
													
														|  | 
 |  | +				</view>
 | 
											
												
													
														|  | 
 |  | +			</view>
 | 
											
												
													
														|  |  		</view>
 |  |  		</view>
 | 
											
												
													
														|  | -		<noData v-if="list.length==0"></noData>
 |  | 
 | 
											
												
													
														|  | 
 |  | +		<noData v-if="businessItemList.length==0"></noData>
 | 
											
												
													
														|  |  		<u-loadmore style="margin: 30rpx;" :status="status" />
 |  |  		<u-loadmore style="margin: 30rpx;" :status="status" />
 | 
											
												
													
														|  | -	</view>
 |  | 
 | 
											
												
													
														|  |  
 |  |  
 | 
											
												
													
														|  | 
 |  | +	</view>
 | 
											
												
													
														|  |  </template>
 |  |  </template>
 | 
											
												
													
														|  |  
 |  |  
 | 
											
												
													
														|  |  <script>
 |  |  <script>
 | 
											
												
													
														|  |  	export default {
 |  |  	export default {
 | 
											
												
													
														|  |  		data() {
 |  |  		data() {
 | 
											
												
													
														|  |  			return {
 |  |  			return {
 | 
											
												
													
														|  | -				status: 'loadmore',
 |  | 
 | 
											
												
													
														|  | -				list: [],
 |  | 
 | 
											
												
													
														|  |  				p: {
 |  |  				p: {
 | 
											
												
													
														|  | -					pageNo: 1,
 |  | 
 | 
											
												
													
														|  | -					pageSize: 10,
 |  | 
 | 
											
												
													
														|  | -					dataCount: 0,
 |  | 
 | 
											
												
													
														|  | 
 |  | +					isCar: 1,
 | 
											
												
													
														|  |  					adminConfirmInput: -1,
 |  |  					adminConfirmInput: -1,
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | 
 |  | +					pageNo: 1,
 | 
											
												
													
														|  | 
 |  | +					pageSize: 3,
 | 
											
												
													
														|  | 
 |  | +					dataCount: 0
 | 
											
												
													
														|  | 
 |  | +				},
 | 
											
												
													
														|  | 
 |  | +				customemrId: '1',
 | 
											
												
													
														|  | 
 |  | +				fk: {
 | 
											
												
													
														|  | 
 |  | +					ids: '',
 | 
											
												
													
														|  | 
 |  | +				},
 | 
											
												
													
														|  | 
 |  | +				rc: {
 | 
											
												
													
														|  | 
 |  | +					id: '',
 | 
											
												
													
														|  | 
 |  | +					inChannel: '',
 | 
											
												
													
														|  | 
 |  | +					showTime: false,
 | 
											
												
													
														|  | 
 |  | +					visible: false,
 | 
											
												
													
														|  | 
 |  | +					realInTime: ''
 | 
											
												
													
														|  | 
 |  | +				},
 | 
											
												
													
														|  | 
 |  | +				current: 0,
 | 
											
												
													
														|  | 
 |  | +				status: 'loadmore',
 | 
											
												
													
														|  | 
 |  | +				page: 0,
 | 
											
												
													
														|  | 
 |  | +				tabs: [{
 | 
											
												
													
														|  | 
 |  | +					name: '进场',
 | 
											
												
													
														|  | 
 |  | +				}, {
 | 
											
												
													
														|  | 
 |  | +					name: '出场',
 | 
											
												
													
														|  | 
 |  | +				}],
 | 
											
												
													
														|  | 
 |  | +				businessItemList: [],
 | 
											
												
													
														|  | 
 |  | +				perList: []
 | 
											
												
													
														|  |  			}
 |  |  			}
 | 
											
												
													
														|  |  		},
 |  |  		},
 | 
											
												
													
														|  | -		onLoad() {
 |  | 
 | 
											
												
													
														|  | -			this.getCarDisinFect();
 |  | 
 | 
											
												
													
														|  | 
 |  | +		onShow() {
 | 
											
												
													
														|  | 
 |  | +			this.customemrId = uni.getStorageSync('customerId')
 | 
											
												
													
														|  | 
 |  | +			this.getBusinessList();
 | 
											
												
													
														|  | 
 |  | +			this.perList = uni.getStorageSync('perList')
 | 
											
												
													
														|  | 
 |  | +		},
 | 
											
												
													
														|  | 
 |  | +		mounted() {
 | 
											
												
													
														|  | 
 |  | +		},
 | 
											
												
													
														|  | 
 |  | +		onBackPress() {
 | 
											
												
													
														|  | 
 |  | +			this.$common.to('/pages/index/index')
 | 
											
												
													
														|  | 
 |  | +			return true;
 | 
											
												
													
														|  |  		},
 |  |  		},
 | 
											
												
													
														|  |  		methods: {
 |  |  		methods: {
 | 
											
												
													
														|  | -			toDetail(data){
 |  | 
 | 
											
												
													
														|  | -				this.$common.to('/pages/onely-disinfect/disinfect-Index?json='+JSON.stringify(data))
 |  | 
 | 
											
												
													
														|  | 
 |  | +			toDetail(data) {
 | 
											
												
													
														|  | 
 |  | +				this.$common.to('/pages/onely-disinfect/type-business-info?id=' + data.id)
 | 
											
												
													
														|  |  			},
 |  |  			},
 | 
											
												
													
														|  | -			addFn() {
 |  | 
 | 
											
												
													
														|  | -				this.$common.to('/pages/onely-disinfect/disinfect-Index')
 |  | 
 | 
											
												
													
														|  | 
 |  | +			editFn(data) {
 | 
											
												
													
														|  | 
 |  | +				this.$common.to('/pages/onely-disinfect/type-business-edit?id=' + data.id)
 | 
											
												
													
														|  |  			},
 |  |  			},
 | 
											
												
													
														|  | -			getCarDisinFect() {
 |  | 
 | 
											
												
													
														|  | 
 |  | +			deleteFn(data) {
 | 
											
												
													
														|  | 
 |  | +				let that = this;
 | 
											
												
													
														|  | 
 |  | +				uni.showModal({
 | 
											
												
													
														|  | 
 |  | +					title: "警告",
 | 
											
												
													
														|  | 
 |  | +					content: "是否删除该业务?",
 | 
											
												
													
														|  | 
 |  | +					success(res) {
 | 
											
												
													
														|  | 
 |  | +						if (res.confirm) {
 | 
											
												
													
														|  | 
 |  | +							that.$api.deleteBusiness({
 | 
											
												
													
														|  | 
 |  | +								id: data.id
 | 
											
												
													
														|  | 
 |  | +							}).then(resp => {
 | 
											
												
													
														|  | 
 |  | +								that.$common.toast('已删除');
 | 
											
												
													
														|  | 
 |  | +								that.getBusinessList();
 | 
											
												
													
														|  | 
 |  | +							})
 | 
											
												
													
														|  | 
 |  | +						}
 | 
											
												
													
														|  | 
 |  | +					}
 | 
											
												
													
														|  | 
 |  | +				})
 | 
											
												
													
														|  | 
 |  | +			},
 | 
											
												
													
														|  | 
 |  | +			sureZdFn(data) {
 | 
											
												
													
														|  | 
 |  | +				this.$common.to('/pages/wx/payOrderTemp?id=' + data.id)
 | 
											
												
													
														|  | 
 |  | +			},
 | 
											
												
													
														|  | 
 |  | +			getBusinessList() {
 | 
											
												
													
														|  | 
 |  | +				this.p.isCar=0;
 | 
											
												
													
														|  |  				this.$api.getCarDisinFect(this.p).then(resp => {
 |  |  				this.$api.getCarDisinFect(this.p).then(resp => {
 | 
											
												
													
														|  | -					this.list = resp.data;
 |  | 
 | 
											
												
													
														|  | -					this.p.dataCount=resp.dataCount;
 |  | 
 | 
											
												
													
														|  | -					this.p.pageNo=resp.pageNo;
 |  | 
 | 
											
												
													
														|  | -					this.p.pageSize=resp.pageSize
 |  | 
 | 
											
												
													
														|  | 
 |  | +					this.status = 'loadmore';
 | 
											
												
													
														|  | 
 |  | +					this.p.pageNo = resp.pageNo;
 | 
											
												
													
														|  | 
 |  | +					this.p.pageSize = resp.pageSize;
 | 
											
												
													
														|  | 
 |  | +					this.p.dataCount = resp.dataCount;
 | 
											
												
													
														|  | 
 |  | +					this.businessItemList = resp.data;
 | 
											
												
													
														|  |  				})
 |  |  				})
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | 
 |  | +			},
 | 
											
												
													
														|  | 
 |  | +			//点击上方切换栏,根据点击项重新加载数据
 | 
											
												
													
														|  | 
 |  | +			change(index) {
 | 
											
												
													
														|  | 
 |  | +				this.current = index;
 | 
											
												
													
														|  | 
 |  | +				if (index == 0) {
 | 
											
												
													
														|  | 
 |  | +					//只加载进场订单
 | 
											
												
													
														|  | 
 |  | +				}
 | 
											
												
													
														|  | 
 |  | +				if (index == 1) {
 | 
											
												
													
														|  | 
 |  | +					//只加载出场订单
 | 
											
												
													
														|  | 
 |  | +				}
 | 
											
												
													
														|  | 
 |  | +			},
 | 
											
												
													
														|  | 
 |  | +			//点击按钮
 | 
											
												
													
														|  | 
 |  | +			//------------------------------------------
 | 
											
												
													
														|  |  
 |  |  
 | 
											
												
													
														|  | -		},
 |  | 
 | 
											
												
													
														|  | -		//上拉加载更多,分页模拟数据
 |  | 
 | 
											
												
													
														|  | -		onReachBottom() {
 |  | 
 | 
											
												
													
														|  | -			if (parseInt(this.p.dataCount) > parseInt(this.p.pageSize) * parseInt(this.p.pageNo)) {
 |  | 
 | 
											
												
													
														|  | -				this.status = 'loading';
 |  | 
 | 
											
												
													
														|  | -				this.p.pageSize += 5;
 |  | 
 | 
											
												
													
														|  | -				this.getCarDisinFect();
 |  | 
 | 
											
												
													
														|  | -			} else {
 |  | 
 | 
											
												
													
														|  | -				this.status = 'nomore';
 |  | 
 | 
											
												
													
														|  | 
 |  | +			fkconfirm() {
 | 
											
												
													
														|  | 
 |  | +				this.$api.adminConfirmPay(this.fk).then(resp => {
 | 
											
												
													
														|  | 
 |  | +					this.$refs.fkpopup.close();
 | 
											
												
													
														|  | 
 |  | +					this.getBusinessList();
 | 
											
												
													
														|  | 
 |  | +				})
 | 
											
												
													
														|  | 
 |  | +			},
 | 
											
												
													
														|  | 
 |  | +
 | 
											
												
													
														|  | 
 |  | +			rcconfirm() {
 | 
											
												
													
														|  | 
 |  | +				if (!this.rc.inChannel) {
 | 
											
												
													
														|  | 
 |  | +					this.$common.toast('请填写入场通道');
 | 
											
												
													
														|  | 
 |  | +					return false;
 | 
											
												
													
														|  | 
 |  | +				}
 | 
											
												
													
														|  | 
 |  | +				this.$api.adminConfirmIn(this.rc).then(resp => {
 | 
											
												
													
														|  | 
 |  | +					this.$refs.rcpopup.close();
 | 
											
												
													
														|  | 
 |  | +					this.getBusinessList();
 | 
											
												
													
														|  | 
 |  | +				})
 | 
											
												
													
														|  | 
 |  | +			},
 | 
											
												
													
														|  | 
 |  | +
 | 
											
												
													
														|  | 
 |  | +			ccconfirm(index) {
 | 
											
												
													
														|  | 
 |  | +				this.$refs.ccpopup.close()
 | 
											
												
													
														|  | 
 |  | +			},
 | 
											
												
													
														|  | 
 |  | +			zd() {
 | 
											
												
													
														|  | 
 |  | +				this.$refs.zdpopup.open('center')
 | 
											
												
													
														|  | 
 |  | +			},
 | 
											
												
													
														|  | 
 |  | +			zdconfirm(index) {
 | 
											
												
													
														|  | 
 |  | +				this.$refs.zdpopup.close()
 | 
											
												
													
														|  | 
 |  | +			},
 | 
											
												
													
														|  | 
 |  | +			//------------------------------------------
 | 
											
												
													
														|  | 
 |  | +			//上拉加载更多,分页模拟数据
 | 
											
												
													
														|  | 
 |  | +			onReachBottom() {
 | 
											
												
													
														|  | 
 |  | +				if (parseInt(this.p.dataCount) > parseInt(this.p.pageSize) * parseInt(this.p.pageNo)) {
 | 
											
												
													
														|  | 
 |  | +					this.status = 'loading';
 | 
											
												
													
														|  | 
 |  | +					this.p.pageSize += 5;
 | 
											
												
													
														|  | 
 |  | +					this.getBusinessList();
 | 
											
												
													
														|  | 
 |  | +				} else {
 | 
											
												
													
														|  | 
 |  | +					this.status = 'nomore';
 | 
											
												
													
														|  | 
 |  | +				}
 | 
											
												
													
														|  |  			}
 |  |  			}
 | 
											
												
													
														|  |  		}
 |  |  		}
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  |  	}
 |  |  	}
 | 
											
												
													
														|  |  </script>
 |  |  </script>
 | 
											
												
													
														|  |  
 |  |  
 | 
											
												
													
														|  |  <style lang="scss">
 |  |  <style lang="scss">
 | 
											
												
													
														|  | -	page {
 |  | 
 | 
											
												
													
														|  | -		background-color: #fff;
 |  | 
 | 
											
												
													
														|  | -	}
 |  | 
 | 
											
												
													
														|  | 
 |  | +	.card-box {
 | 
											
												
													
														|  | 
 |  | +		display: flex;
 | 
											
												
													
														|  | 
 |  | +		width: 100%;
 | 
											
												
													
														|  | 
 |  | +		flex-direction: column;
 | 
											
												
													
														|  | 
 |  | +
 | 
											
												
													
														|  | 
 |  | +		.card {
 | 
											
												
													
														|  | 
 |  | +			background-color: #fff;
 | 
											
												
													
														|  | 
 |  | +			border-radius: 20rpx;
 | 
											
												
													
														|  | 
 |  | +			margin: 20rpx 20rpx 0 20rpx;
 | 
											
												
													
														|  | 
 |  | +			padding: 30rpx;
 | 
											
												
													
														|  | 
 |  | +			box-sizing: border-box;
 | 
											
												
													
														|  | 
 |  | +			display: flex;
 | 
											
												
													
														|  | 
 |  | +			flex-direction: column;
 | 
											
												
													
														|  | 
 |  | +
 | 
											
												
													
														|  | 
 |  | +			.t {
 | 
											
												
													
														|  | 
 |  | +				width: 100%;
 | 
											
												
													
														|  | 
 |  | +				display: flex;
 | 
											
												
													
														|  | 
 |  | +				align-items: center;
 | 
											
												
													
														|  | 
 |  | +				padding-bottom: 30rpx;
 | 
											
												
													
														|  | 
 |  | +				border-bottom: 1rpx solid #f5f5f5;
 | 
											
												
													
														|  | 
 |  | +
 | 
											
												
													
														|  | 
 |  | +				.icon {
 | 
											
												
													
														|  | 
 |  | +					width: 40rpx;
 | 
											
												
													
														|  | 
 |  | +					height: 40rpx;
 | 
											
												
													
														|  | 
 |  | +				}
 | 
											
												
													
														|  | 
 |  | +
 | 
											
												
													
														|  | 
 |  | +				.title {
 | 
											
												
													
														|  | 
 |  | +					font-size: 30rpx;
 | 
											
												
													
														|  | 
 |  | +					font-weight: bold;
 | 
											
												
													
														|  | 
 |  | +					margin-left: 20rpx;
 | 
											
												
													
														|  | 
 |  | +				}
 | 
											
												
													
														|  | 
 |  | +			}
 | 
											
												
													
														|  | 
 |  | +
 | 
											
												
													
														|  | 
 |  | +			.c {
 | 
											
												
													
														|  | 
 |  | +				padding: 15rpx 0 30rpx 0;
 | 
											
												
													
														|  | 
 |  | +				display: flex;
 | 
											
												
													
														|  | 
 |  | +				flex-wrap: wrap;
 | 
											
												
													
														|  | 
 |  | +				border-bottom: 1rpx solid #f5f5f5;
 | 
											
												
													
														|  | 
 |  | +
 | 
											
												
													
														|  | 
 |  | +				.item {
 | 
											
												
													
														|  | 
 |  | +					width: 50%;
 | 
											
												
													
														|  | 
 |  | +					padding: 20rpx 0;
 | 
											
												
													
														|  | 
 |  | +
 | 
											
												
													
														|  | 
 |  | +					.car-num {
 | 
											
												
													
														|  | 
 |  | +						background-color: #edf6ff;
 | 
											
												
													
														|  | 
 |  | +						color: #0080ff;
 | 
											
												
													
														|  | 
 |  | +						font-size: 44rpx;
 | 
											
												
													
														|  | 
 |  | +						padding: 15rpx 0;
 | 
											
												
													
														|  | 
 |  | +						text-align: center;
 | 
											
												
													
														|  | 
 |  | +						width: 100%;
 | 
											
												
													
														|  | 
 |  | +						border-radius: 10rpx;
 | 
											
												
													
														|  | 
 |  | +						font-weight: bold;
 | 
											
												
													
														|  | 
 |  | +						letter-spacing: 20rpx;
 | 
											
												
													
														|  | 
 |  | +					}
 | 
											
												
													
														|  | 
 |  | +
 | 
											
												
													
														|  | 
 |  | +					.p1 {
 | 
											
												
													
														|  | 
 |  | +						font-size: 28rpx;
 | 
											
												
													
														|  | 
 |  | +						color: #999;
 | 
											
												
													
														|  | 
 |  | +					}
 | 
											
												
													
														|  | 
 |  | +
 | 
											
												
													
														|  | 
 |  | +					.p2 {
 | 
											
												
													
														|  | 
 |  | +						font-size: 28rpx;
 | 
											
												
													
														|  | 
 |  | +						color: #191919;
 | 
											
												
													
														|  | 
 |  | +						font-weight: bold;
 | 
											
												
													
														|  | 
 |  | +						margin-left: 20rpx;
 | 
											
												
													
														|  | 
 |  | +					}
 | 
											
												
													
														|  | 
 |  | +				}
 | 
											
												
													
														|  |  
 |  |  
 | 
											
												
													
														|  | -	.add {
 |  | 
 | 
											
												
													
														|  | -		position: absolute;
 |  | 
 | 
											
												
													
														|  | -		right: 40rpx;
 |  | 
 | 
											
												
													
														|  | -		top: -60rpx;
 |  | 
 | 
											
												
													
														|  | -		z-index: 999;
 |  | 
 | 
											
												
													
														|  | -		border: 1rpx solid #359aff;
 |  | 
 | 
											
												
													
														|  | -		border-radius: 8rpx;
 |  | 
 | 
											
												
													
														|  | -		color: #c8e4ff;
 |  | 
 | 
											
												
													
														|  | -		padding: 10rpx 20rpx;
 |  | 
 | 
											
												
													
														|  | -		font-size: 28rpx;
 |  | 
 | 
											
												
													
														|  | 
 |  | +				.car-num-item {
 | 
											
												
													
														|  | 
 |  | +					width: 100%;
 | 
											
												
													
														|  | 
 |  | +					display: flex;
 | 
											
												
													
														|  | 
 |  | +					align-items: center;
 | 
											
												
													
														|  | 
 |  | +					justify-content: center;
 | 
											
												
													
														|  | 
 |  | +				}
 | 
											
												
													
														|  | 
 |  | +			}
 | 
											
												
													
														|  | 
 |  | +
 | 
											
												
													
														|  | 
 |  | +			.b {
 | 
											
												
													
														|  | 
 |  | +				display: flex;
 | 
											
												
													
														|  | 
 |  | +				width: 100%;
 | 
											
												
													
														|  | 
 |  | +				align-items: center;
 | 
											
												
													
														|  | 
 |  | +				justify-content: space-between;
 | 
											
												
													
														|  | 
 |  | +
 | 
											
												
													
														|  | 
 |  | +				.btn {
 | 
											
												
													
														|  | 
 |  | +					height: 70rpx;
 | 
											
												
													
														|  | 
 |  | +					display: flex;
 | 
											
												
													
														|  | 
 |  | +					align-items: center;
 | 
											
												
													
														|  | 
 |  | +					justify-content: center;
 | 
											
												
													
														|  | 
 |  | +					width: calc(50% - 15rpx);
 | 
											
												
													
														|  | 
 |  | +					margin: 30rpx 0 0 0;
 | 
											
												
													
														|  | 
 |  | +					border-radius: 10rpx;
 | 
											
												
													
														|  | 
 |  | +					border-width: 1rpx;
 | 
											
												
													
														|  | 
 |  | +					box-sizing: border-box;
 | 
											
												
													
														|  | 
 |  | +				}
 | 
											
												
													
														|  | 
 |  | +
 | 
											
												
													
														|  | 
 |  | +				.b1 {
 | 
											
												
													
														|  | 
 |  | +					background-color: #0080ff;
 | 
											
												
													
														|  | 
 |  | +					color: #fff;
 | 
											
												
													
														|  | 
 |  | +				}
 | 
											
												
													
														|  | 
 |  | +
 | 
											
												
													
														|  | 
 |  | +				.b2 {
 | 
											
												
													
														|  | 
 |  | +					background-color: #f7f7f7;
 | 
											
												
													
														|  | 
 |  | +					color: #191919;
 | 
											
												
													
														|  | 
 |  | +				}
 | 
											
												
													
														|  | 
 |  | +
 | 
											
												
													
														|  | 
 |  | +				.b3 {
 | 
											
												
													
														|  | 
 |  | +					background-color: #fff;
 | 
											
												
													
														|  | 
 |  | +					color: #0080ff;
 | 
											
												
													
														|  | 
 |  | +					border: 1rpx solid #0080ff;
 | 
											
												
													
														|  | 
 |  | +				}
 | 
											
												
													
														|  | 
 |  | +
 | 
											
												
													
														|  | 
 |  | +				.b4 {
 | 
											
												
													
														|  | 
 |  | +					background-color: #ff0000;
 | 
											
												
													
														|  | 
 |  | +					color: #fff;
 | 
											
												
													
														|  | 
 |  | +				}
 | 
											
												
													
														|  | 
 |  | +			}
 | 
											
												
													
														|  | 
 |  | +		}
 | 
											
												
													
														|  |  	}
 |  |  	}
 | 
											
												
													
														|  |  
 |  |  
 | 
											
												
													
														|  |  	@import '@/common/common.scss'
 |  |  	@import '@/common/common.scss'
 |