cte-share/pages/dache/DdcheshouyeN.nvue

<template>
	<view>
		<view class="topContentV">
			<view class="contentInRowS" style="width:700rpx">
				<image style="width: 56rpx;height: 56rpx;" src="/static/images/fanhuiy@3x.png" mode="scaleToFill" @click="fanhui"></image>
				<image style="width: 44rpx;height: 44rpx;" src="/static/images/dache/546@3x.png" mode="scaleToFill" @click="navbarsel(0)"></image>
			</view>
		</view>
		<view class="leftpopo">
			<uni-drawer ref="showLeft" mode="left" :width="250" @change="change($event,'showLeft')">
				<view class="leftpopo">
					<view class="contentInRowR" style="margin-top: 100rpx;margin-right: 16rpx;" @click="closeDrawer('showLeft')">
						<image style="width: 60rpx;height: 60rpx;" src="/static/images/dache/dacha@3x.png" mode="scaleToFill"></image>
					</view>
					<view class="contentInRowL" style="margin-top: 20rpx;margin-bottom: 30rpx;margin-left: 30rpx;align-items: center;" @click="gotousercenter">
						<netImage class="iconImg" width="120" height="120" bradius="60" :mysrc="userInfo.avatar" mymode="scaleToFill"></netImage>
						<view v-if="userInfo!=''" class="contentColumn" style="padding-left: 20rpx;">
							<text class="nameText">{{userInfo.nickName}}</text>
							<text class="phoneText">{{userInfo.userName}}</text>
						</view>
					</view>
					<view class="contentInRowL drawerlist" @click="gotochezhurz(1)">
						<image class="drawerlistIcon" src="/static/images/dache/xingchengjil.png" mode="scaleToFill"></image>
						<text class="drawerlisttext">{{i18n('dache.xingchengjl')}}</text>
					</view>
					<view class="contentInRowL drawerlist" @click="gotochezhurz(2)">
						<image class="drawerlistIcon" src="/static/images/dache/kfzx@3x.png" mode="scaleToFill"></image>
						<text class="drawerlisttext">{{i18n('dache.lianxikefu')}}</text>
					</view>
				</view>
				
			</uni-drawer>
		</view>
		<view class="" v-if="isShow">
			<web-view style="background-color: #fafafa;" ref="webview" :style="{ height: statusBarHeight + 'px' }" @onPostMessage="getMessage" :src="webUrl"></web-view>
		</view>
		
		<view v-if="Keyboar" class="bottomfloatV">
			<dachexingcheng v-if="actIndex==0" :XChengObj="XChengObj" :xiugai="xiugaimdd" :weizhifu="wzfState" v-on:EXCactSelect="XCactSelect"></dachexingcheng>
			<dachexuancx v-if="actIndex==1" :XChengObj="XChengObj" v-on:EQuerenhj="Querenhj"></dachexuancx>
			<dachedengdai v-if="actIndex==2" :timeInde="dengdai" v-on:EddSelect="dengdaiSel"></dachedengdai>
			<dachesijijied v-if="actIndex==3" :XChengObj="XChengObj" v-on:EJDactSelect="JDactSelect"></dachesijijied>
			<dachejiesuan v-if="actIndex==4" :XChengObj="XChengObj" :qibuf="qibuf" v-on:EZfSelect="ZfSelect"></dachejiesuan>
		</view>
		<uni-popup style="z-index: 9999;" ref="popMsg" type="center" :isMaskClick="true" :safeArea="true">
			<view class="contentColumnC popviewContent">
				<text style="text-align: center;font-size: 32rpx;margin-top: 80rpx;">订单已超5分钟，此时取消 需支付一定的费用</text>
				<view class="contentInRowS" style="width: 80%;">
					<text class="quxiaoBt" @click="popQueren(0)">取消</text>
					<text class="querenBt" @click="popQueren(1)">确认</text>
				</view>
				
			</view>
		</uni-popup>
	</view>
</template>

<script>
import api from "@/pages/api/api.js"
	export default {
		data() {
			return {
				statusBarHeight: 0, //可视屏幕的高度
				webUrl: '',
				isShow: false,
				lat: '',
				lng: '',
				
				
				Keyboar:true,
				isReady:false,
				
				showLeft: false,
				userInfo:'',
				actIndex:0,//0选择目的地，1确认叫车，2等待司机接单，3司机接单，4结算
				xiugaimdd:0,
				wzfState:0,
				
				TPricesObj:'',
				XChengObj:'',
				qibuf:0,
				dengdai:0,
				timer:'',
				wv:'',
				
			};
		},
		onLoad(e) {
			uni.onKeyboardHeightChange(this.onKeyboardHeightChange);
			
			this.computedScreenHeight();
			// #ifdef APP-PLUS
			this.getlocetion();
			// #endif
			// #ifdef H5
			this.lng = 113.64360881345777;
			this.lat = 34.738282020827825;
			//this.webUrl = '/hybrid/html/maps/mapindex.html?lat=' + this.lat + '&lng=' + this.lng+'&nlng=0&nlat=0';
			this.isShow = true;
			// #endif
			
			var token = getApp().globalData.token;
			this.getUserMsg(token);
			uni.onPushMessage((res) => {
				console.log('onPushMessage',res);
				if(null==res.data.payload||undefined==res.data.payload||''==res.data.payload){
					return;
				}
				if(this.isReady){
					this.getOrderlist();
				}
			});
		},
		onReady() {
			this.getTaxiPrices();
			this.getOrderlist();
			this.isReady=true;
		},
		onShow() {
			if(this.isReady){
				this.getOrderlist();
			}
		},
		onUnload() {
			uni.offKeyboardHeightChange(this.onKeyboardHeightChange);
		},
		methods: {
			onKeyboardHeightChange(res) {
			  const { height, duration } = res;
			  // 键盘弹起
			  if (height > 0) {
			    console.log('键盘弹起');
				this.Keyboar=false;
			  }
			  // 键盘收回
			  else {
			    console.log('键盘收回');
				this.Keyboar=true;
			  }
			},
			i18n(str){
				return getApp().globalData.$t(str);
			},
			navbarsel(index){
				this.$refs.showLeft.open()
			},
			closeDrawer(e){
				this.$refs[e].close()
			},
			// 抽屉状态发生变化触发
			change(e, type) {
				//console.log((type === 'showLeft' ? '左窗口' : '右窗口') + (e ? '打开' : '关闭'));
				this[type] = e
			},
			fanhui(){
				uni.navigateBack();
			},
			gotousercenter(){
				uni.navigateTo({
					url:'/pages/UserCenter/UserCenter'
				})
			},
			gotochezhurz(index){
				if(index==1){
					uni.navigateTo({
						url:'/pages/dache/XingchengList'
					})
				}
				if(index==2){//联系客服，直接打电话
					uni.showModal({
					    title:'提示',
					    content:'确定联系客服吗？',
						confirmText:'确认',
						cancelText:'取消',
					    success: function (res) {
					        if (res.confirm) { //这里是点击了确定以后
								plus.device.dial('', false );
					        } else { //这里是点击了取消以后
					          console.log('点击取消')
					        }
					    }
					})
				}
			},
			getUserMsg(token){
				//console.log('getUserMsg')
				api('getUserMsg',{
				},res=>{
					//console.log(res.data)
					if(res.data.code==200){
						console.log('this.userInfo',res.data)
						this.userInfo=res.data.data;
						uni.setStorageSync('userInfo',res.data.data);
						if(res.data.data.userType==1){
							this.isShangjia=true;
						}
					}
				},failc=>{
					//console.log('getadvertis----',failc)
				})
			},
			popQueren(index){
				if(index==0){
					this.$refs.popMsg.close();
					return;
				}
				if(index==1){
					this.$refs.popMsg.close();
					console.log('确认')
					return;
				}
				if(index==3){
					this.$refs.popMsg.open('center');
				}
			},
			XCactSelect(index,mdaddr){
				if(index==0){//处理未完成订单
					uni.navigateTo({
						url:'/pages/dache/XingchengList'
					})
					return;
				}
				if(index==1){//刷新定位
					this.getlocetion();
				}
				if(index==2){//我要叫车
					if(this.XChengObj==''){
						uni.showToast({
							title:'请选择目的地',//that.i18n('api.wangluoshibai'),
							icon: 'none',
							duration: 2500
						})
						return
					}
					if(this.XChengObj.downLatitude==0||this.XChengObj.downLongitude==0){
						uni.showToast({
							title:'请选择目的地',//that.i18n('api.wangluoshibai'),
							icon: 'none',
							duration: 2500
						})
						return;
					}
					this.actIndex=1;
					//this.jisuanxingcheng();
				}
				if(index==3){//确认修改目的地
					this.actIndex=0;
					this.$refs.webview.evalJs("showInputView()");
				}
				if(index==4){//输入目的地
					
				}
			},
			Querenhj(obj){
				var distance=obj.distance;
				var fare = (distance-this.TPricesObj.startingDistance)*this.TPricesObj.skipPrice;
				var amount=fare+this.TPricesObj.startingPrice;
				obj.fare = fare;
				obj.amount = amount;
				this.addTxorder(obj);
			},
			JDactSelect(index){
				if(index==0){//取消订单
					var that = this;
					uni.showModal({
					    title:'取消行程',
					    content:'确认取消行程吗？',
						cancelText:that.i18n('order.quxiao'),
						confirmText:that.i18n('comp.queren'),
					    success: function (res) {
							if (res.confirm) { //这里是点击了确定以后
								var data = {
									id:that.XChengObj.id,
									state:6
								}
								that.SetTxorder(data,0);
							} else { //这里是点击了取消以后
							  console.log('用户点击取消')
							}
							
					    }
					})
				}
				if(index==1){//打电话
					var that = this;
					uni.showModal({
					    title:'提示',
					    content:'确定联系司机吗？',
						confirmText:'确认',
						cancelText:'取消',
					    success: function (res) {
					        if (res.confirm) { //这里是点击了确定以后
								plus.device.dial(that.XChengObj.driver.phone, false );
					        } else { //这里是点击了取消以后
					          console.log('点击取消')
					        }
					    }
					})
					return;
				}
				if(index==2){//司机聊天
					uni.navigateTo({
						url:'/pages/dache/Xiaoxijiaohu?id='+this.XChengObj.id
					})
				}
				if(index==3){//一键报警
					var that = this;
					uni.showModal({
					    title:'提示',
					    content:'拨打110报警吗？(请谨慎拨打)',
						confirmText:'确认',
						cancelText:'取消',
					    success: function (res) {
					        if (res.confirm) { //这里是点击了确定以后
								plus.device.dial('110', false );
					        } else { //这里是点击了取消以后
					          console.log('点击取消')
					        }
					    }
					})
					return;
				}
				if(index==4){//客服中心,直接电话联系
					uni.showModal({
					    title:'提示',
					    content:'确定联系客服吗？',
						confirmText:'确认',
						cancelText:'取消',
					    success: function (res) {
					        if (res.confirm) { //这里是点击了确定以后
								plus.device.dial('', false );
					        } else { //这里是点击了取消以后
					          console.log('点击取消')
					        }
					    }
					})
				}
				if(index==5){//申请修改目的地
					this.actIndex=0;
					this.xiugaimdd=1;
					this.drowRoute(1);
					
				}
				if(index==6){//语音留言
					uni.showToast({
						title:'待完善',//that.i18n('api.wangluoshibai'),
						icon: 'none',
						duration: 2500
					})
				}
			},
			ZfSelect(index){
				if(index==1){
					this.actIndex=0;
					this.XChengObj = '';
					this.wzfState=0;
					this.getlocetion();
				}
			},
			startTime(){
				this.dengdai=0;
				this.timer = setInterval(() => {
					this.dengdai=this.dengdai+1;
				}, 1000);
			},
			endTime(){
				this.dengdai=0;
				clearInterval(this.timer);
			},
			
			dengdaiSel(index){
				//取消订单
				var that = this;
				uni.showModal({
				    title:'取消行程',
				    content:'确认取消行程吗？',
					cancelText:that.i18n('order.quxiao'),
					confirmText:that.i18n('comp.queren'),
				    success: function (res) {
						if (res.confirm) { //这里是点击了确定以后
							var data = {
								id:that.XChengObj.id,
								state:6
							}
							that.SetTxorder(data,0);
						} else { //这里是点击了取消以后
						  console.log('用户点击取消')
						}
						
				    }
				})
			},
			//data ready--------------------
			drowRoute(index){
				console.log('drowRoute');
				var slat,slng,nlat,nlng;
				slat=this.XChengObj.intoLatitude;
				slng=this.XChengObj.intoLongitude;
				nlat=this.XChengObj.downLatitude;
				nlng=this.XChengObj.downLongitude;
				//this.webUrl = '/hybrid/html/maps/mapindex.html?lat='+slat+'&lng='+slng+'&nlat='+nlat+'&nlng='+nlng;
				if(index==1){
					setTimeout(()=>{
						this.$refs.webview.evalJs("showInputView()");
					},1000)
				}
				else{
					setTimeout(()=>{
						this.$refs.webview.evalJs("hidInputView()");
					},1000)
				}
			},
			jisuanxingcheng(){
				var distance=20.5;
				var fare = (distance-this.TPricesObj.startingDistance)*this.TPricesObj.skipPrice;
				var amount=fare+this.TPricesObj.startingPrice;
				this.XChengObj={
					"fare":fare, //路程车费
					"taxiType": "0", //订单类型(0快车，1顺风车)
					"amount": amount, //订单实制金额
					"intoLongitude":this.longitude, //上车经度
					"intoLatitude":this.latitude, //上车纬度
					"notes": "", //备注
					"coupon": 0, //优惠金额
					"distance":distance, //路程距离
					"boardingAddress": "衡阳路112号栖木咖啡", //上车地址
					"estimatedDuration": "56分钟", //路上预计用时
					"userId": this.userInfo.userId, 
					"downLatitude": 108.562067, //下车维度
					"downLongitude": 22.745051, //下车经度
					"downAddress": "民族大道民歌湖广场" //下车地址
				}
			},
			//net work---------------------------------
			getTaxiPrices(){
				api('getTaxiPrices',{
				},res=>{
					console.log('getTaxiPrices-------',res)
					if(res.data.code==200){
						this.TPricesObj=res.data.data;
					}
					else{
						uni.showToast({
							title:'获取打车价格失败',//that.i18n('api.wangluoshibai'),
							icon: 'none',
							duration: 2500
						})
					}
				},failc=>{
					//console.log('getTaxiPrices----',failc)
					uni.showToast({
						title:'网络错误',//that.i18n('api.wangluoshibai'),
						icon: 'none',
						duration: 2500
					})
				})
			},
			addTxorder(data){
				api('addTxorder',data,res=>{
					console.log('addTxorder-------',res)
					if(res.data.code==200){
						this.actIndex=2;
						this.XChengObj=res.data.data;
						this.startTime();
						uni.setStorageSync('dachexiaoxi','');
						setTimeout(()=>{
							this.$refs.webview.evalJs("hidInputView()");
						},1000)
					}
					else{
						uni.showToast({
							title:'叫车失败',//that.i18n('api.wangluoshibai'),
							icon: 'none',
							duration: 2500
						})
					}
				},failc=>{
					//console.log('getTaxiPrices----',failc)
					uni.showToast({
						title:'网络错误',//that.i18n('api.wangluoshibai'),
						icon: 'none',
						duration: 2500
					})
				})
			},
			SetTxorder(data,index){
				api('SetTxorder',data,res=>{
					console.log('SetTxorder------',res)
					if(res.data.code==200){
						this.actIndex=index;
						if(index==0){//取消成功
							this.$refs.webview.evalJs("showInputView()");
							uni.showToast({
								title:'取消成功',//that.i18n('api.wangluoshibai'),
								icon: 'none',
								duration: 2500
							})
							this.XChengObj = '';
							this.wzfState=0;
							this.endTime();
							this.getlocetion();
							return;
						}
						uni.showToast({
							title:'修改成功',//that.i18n('api.wangluoshibai'),
							icon: 'none',
							duration: 2500
						})
					}
					else{
						uni.showToast({
							title:'修改失败',//that.i18n('api.wangluoshibai'),
							icon: 'none',
							duration: 2500
						})
					}
				},failc=>{
					//console.log('getTaxiPrices----',failc)
					uni.showToast({
						title:'网络错误',//that.i18n('api.wangluoshibai'),
						icon: 'none',
						duration: 2500
					})
				})
			},
			getOrderlist(){
				console.log('-----getOrderlist')
				api('getUsTxorder',{
					page:1,
					size:20,
					state:'',
					type:0
				},res=>{
					console.log('getUsTxorder-------',res)
					if(res.data.code==200){
						for(var i=0;i<res.data.data.length;i++){
							var tempObj = res.data.data[i];
							if(tempObj.state<4){
								this.XChengObj = tempObj;
								this.getObjDetail(this.XChengObj.id);
								this.qibuf=this.TPricesObj.startingPrice;
								if(tempObj.state==0){
									this.actIndex=2
									this.startTime();
								}
								if(tempObj.state==1||tempObj.state==2){
									this.actIndex=3
								}
								if(tempObj.state==3){
									
									this.actIndex=4
								}
								this.wzfState=1;
								this.drowRoute(0);
								return;
							}
						}
					}
					else{
						uni.showToast({
							title:'获取列表失败',//that.i18n('api.wangluoshibai'),
							icon: 'none',
							duration: 2500
						})
					}
				},failc=>{
					//console.log('getTaxiPrices----',failc)
					uni.showToast({
						title:'网络错误',//that.i18n('api.wangluoshibai'),
						icon: 'none',
						duration: 2500
					})
				})
			},
			getObjDetail(id){
				api('getTxorder',{
					id:id,
				},res=>{
					console.log('getTxorder:',res)
					if(res.data.code==200){
						
					}
				},failc=>{
					//console.log('getadvertis----',failc)
				})
			},
			/**
			 * 获取当前定位
			 * 
			 * */
			getlocetion() {
				const self = this;
				// 使用高德地图 也可以使用下方的原生插件定位
				uni.getLocation({
					geocode: true,
					type: 'wgs84',
					accuracy: "best",
					isHighAccuracy: true,
					success: (res) => {
						console.log('当前位置的经度11：' + JSON.stringify(res));
						// console.log('当前位置的经度：' + res.longitude);
						// console.log('当前位置的纬度：' + res.latitude);
						self.lat = res.latitude;
						self.lng = res.longitude;
						//self.webUrl = '/hybrid/html/maps/mapindex.html?lat=' + self.lat +'&lng=' +self.lng+'&nlng=0&nlat=0';
						self.isShow = true;
					}
				});
				return
				let systemInfo = uni.getSystemInfoSync();
				let dariusAppSign = uni.requireNativePlugin(systemInfo.platform != 'android' ? 'Darius-GoogleMap' :
					'DCloud-RichAlert');
				if (!dariusAppSign) {
					return;
				}
				dariusAppSign.show({
						command: 'dingwei'
					},
					result => {
						console.log('dariusAppSign')
						var data = result;
						if (uni.getSystemInfoSync().platform == 'ios') {
							self.lat = data.latitude;
							self.lng = data.longitude;
						} else {
							self.lat = data.longitude;
							self.lng = data.latitude;
						}
						//self.webUrl = '/hybrid/html/maps/mapindex.html?lat=' + self.lat + '&lng=' +self.lng+'&nlng=0&nlat=0';
		
						this.isShow = true;
					}
				);
			},
			/**
			 * 特别注意这里 nvue和vue页面 web-view---->vue  ||nvue方式不一样 详情请查看官网 https://uniapp.dcloud.net.cn/component/web-view.html#web-view
			 *
			 * */
			getMessage(e) {
				console.log("--getMessage--",e.detail.data[0]);
				if(this.actIndex!=0){
					return;
				}
				var msgObj=e.detail.data[0];
				var xcObj=this.XChengObj;
				if(xcObj==''){
					xcObj={
						"fare":'', //路程车费
						"taxiType": "0", //订单类型(0快车，1顺风车)
						"amount": '', //订单实制金额
						"intoLongitude":0, //上车经度
						"intoLatitude":0, //上车纬度
						"notes": "", //备注
						"coupon": 0, //优惠金额
						"distance":'', //路程距离
						"boardingAddress":'', //上车地址
						"estimatedDuration": '', //路上预计用时
						"userId": this.userInfo.userId, 
						"downLatitude":0, //下车维度
						"downLongitude":0, //下车经度
						"downAddress":'' //下车地址
					}
				}
				if(msgObj.type==0){
					var addr=msgObj.cityInfo.city+msgObj.cityInfo.district+msgObj.cityInfo.street;
					xcObj.intoLongitude=msgObj.position.lng;//上车经度
					xcObj.intoLatitude=msgObj.position.lat; //上车纬度
					xcObj.boardingAddress=addr; //上车地址
				}
				else if(msgObj.type==1){
					xcObj.downLongitude=msgObj.position.lng;//下车经度
					xcObj.downLatitude=msgObj.position.lat; //下车纬度
					xcObj.downAddress=msgObj.cityInfo.name; //下车地址
				}
				else if(msgObj.type==2){
					
					var distance=parseFloat(msgObj.distance);
					console.log(distance);
					var fare = (distance-this.TPricesObj.startingDistance)*this.TPricesObj.skipPrice;
					var amount=fare+this.TPricesObj.startingPrice;
					
					
					xcObj.distance=distance;
					xcObj.fare=fare;
					xcObj.amount=amount;
					xcObj.estimatedDuration=msgObj.duration;
				}
				this.XChengObj=xcObj;
			},
			// 计算屏幕的高度
			computedScreenHeight() {
				uni.getSystemInfo({
					success: function(e) {
						// #ifndef MP
						Vue.prototype.StatusBar = e.statusBarHeight;
						if (e.platform == 'android') {
							Vue.prototype.CustomBar = e.statusBarHeight + 50;
						} else {
							Vue.prototype.CustomBar = e.statusBarHeight + 45;
						}
						// #endif
						// #ifdef MP-WEIXIN
						Vue.prototype.StatusBar = e.statusBarHeight;
						let custom = wx.getMenuButtonBoundingClientRect();
						Vue.prototype.Custom = custom;
						Vue.prototype.CustomBar = custom.bottom + custom.top - e.statusBarHeight;
						// #endif
						// #ifdef MP-ALIPAY
						Vue.prototype.StatusBar = e.statusBarHeight;
						Vue.prototype.CustomBar = e.statusBarHeight + e.titleBarHeight;
						// #endif
						let unitRatio = 750 / uni.getSystemInfoSync().windowWidth;
						Vue.prototype.StatusBarRpx = Vue.prototype.StatusBar * unitRatio;
						Vue.prototype.CustomBarRpx = Vue.prototype.CustomBar * unitRatio;
						Vue.prototype.unitRatio = unitRatio;
						Vue.mixin({
							data() {
								return {
									StatusBar: Vue.prototype.StatusBar, //状态栏高度(px)
									CustomBar: Vue.prototype.CustomBar, //整个标题栏高度(px)
									StatusBarRpx: Vue.prototype.StatusBarRpx, //状态栏高度(rpx)
									CustomBarRpx: Vue.prototype.CustomBarRpx //整个标题栏高度(rpx)
								};
							}
						});
					}
				});
				// 状态栏高度 导航高度  tab切换的高度 底部导航的高度
				this.statusBarHeight = uni.getSystemInfoSync().screenHeight;
			},
		},
		onNavigationBarButtonTap(e) {
			if (this.showLeft) {
				this.$refs.showLeft.close()
			} else {
				this.$refs.showLeft.open()
			}
		},
		// app端拦截返回事件 ，仅app端生效
		onBackPress() {
			if (this.showLeft) {
				this.$refs.showLeft.close()
				return true
			}
		},
	}
</script>

<style lang="scss">
.mapbody{
	position: absolute;
	width: 750rpx;
}
.mapcontentV{
	position: absolute;
	width: 750rpx;
	background-color:deeppink;
}
.leftpopo{
	z-index: 9999;
}
.topContentV{
	position: fixed;
	justify-content: center;
	align-items: center;
	padding-top: 100rpx;
	left: 0;
	right: 0;
	top: 0;
	z-index: 999;
}

.iconImg{
	margin-top: 20rpx;
	margin-bottom: 20rpx;
	width: 110rpx;
	height: 110rpx;
	border-radius: 55rpx;
	background-color: #1A1A1A;
}
.nameText{
	font-size: 32rpx;
	color: black;
}
.phoneText{
	font-size: 26rpx;
	color: black;
}
.drawerlist{
	width: 400rpx;
	height: 100rpx;
	align-items: center;
	border: solid lavender;
	border-width: 0px 0px 1rpx 0px;
}
.drawerlistIcon{
	margin-left: 30rpx;
	width: 60rpx;
	height: 60rpx;
}
.drawerlisttext{
	font-size: 26rpx;
	margin-left: 8rpx;
	width: 280rpx;
}

.popviewContent{
	width:80vw;
	background-color: white;
	border-radius: 10rpx;
}
.quxiaoBt{
	margin-top: 30rpx;
	margin-bottom: 30rpx;
	padding-left: 50rpx;
	padding-right: 50rpx;
	font-size: 32rpx;
	font-weight: bold;
	line-height: 60rpx;
	border-radius: 30rpx;
	text-align: center;
	background-color: #E86E48;
	color: white;
}

.querenBt{
	margin-top: 30rpx;
	margin-bottom: 30rpx;
	padding-left: 50rpx;
	padding-right: 50rpx;
	font-size: 32rpx;
	font-weight: bold;
	border: 1rpx solid darkgray;
	line-height: 60rpx;
	border-radius: 30rpx;
	text-align: center;
	background-color: white;
	color: #1A1A1A;
}


.bottomfloatV{
	position: fixed;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	left: 0;
	right: 0;
	bottom: 80rpx;
	z-index: 999;
}
</style>