uniapp-shunfengche/pages/trip/index.vue

<!-- <template>
	<view style="padding-bottom: 100rpx;">
		#ifdef H5
		<u-sticky :h5-nav-height="0" @fixed="xdCheck" @unfixed="noXDCheck">
		#endif
			#ifndef H5
			<u-sticky @fixed="xdCheck" @unfixed="noXDCheck">
			#endif

				<view style="background: #FFFFFF;" v-if="xcxSelect != '否'">
					<u-dropdown :menu-icon='menuicon' ref="uDropdown" @open="open" @close="close" menu-icon-size="18">
						<u-dropdown-item v-model="value1" :title="mrtitle">
							<view class="slot-content padding" style="background: #FFFFFF;">
								<view class="addbox bg" @click="goCFAddress(2)">
									<view class="add_cont">
										<view class="orgin"></view>
										<view class="add_tit" v-if="addlists.city === ''">选择出发地城市</view>
										<view class="add_tit" v-else>{{addlists.city}}</view>
									</view>
									<view>
										<image v-if="globalImages" :src="globalImages + 'images/static/image/go.png'" style="width: 16rpx;height: 25rpx;">
										</image>
									</view>
								</view>
								<view class="addbox bg" @click="goCFAddress(2)">
									<view class="add_cont">
										<u-input v-model="addlists.address" type="text" placeholder="请输入出发地地址"
											:border="true" :clearable="true"
											style="border: none;width: 610rpx;height: 100%;" />
									</view>
								</view>
								<view class="flex justify-between">
									<view class="qc_btn" @tap="goQC(2)">清除</view>
									<view class="sx_btn" @tap="goCX">查询</view>
								</view>
							</view>
						</u-dropdown-item>
						<u-dropdown-item v-model="value2" :title="carname">
							<view class="slot-content padding" style="background: #FFFFFF;">
								<view class="addbox bg" @click="goCFAddress(1)">
									<view class="add_cont">
										<view class="orgin"></view>
										<view class="add_tit" v-if="addlist.city === ''">选择目的地城市</view>
										<view class="add_tit" v-else>{{addlist.city}}</view>
									</view>
									<view>
										<image v-if="globalImages" :src="globalImages + 'images/static/image/go.png'" style="width: 16rpx;height: 25rpx;">
										</image>
									</view>
								</view>
								<view class="addbox bg" @click="goCFAddress(1)">
									<view class="add_cont">
										<u-input v-model="addlist.address" type="text" placeholder="请输入目的地地址"
											:border="true" :clearable="true"
											style="border: none;width: 610rpx;height: 100%;" />
									</view>
								</view>
								<view class="flex justify-between">
									<view class="qc_btn" @tap="goQC(1)">清除</view>
									<view class="sx_btn" @tap="goCX">查询</view>
								</view>
							</view>
						</u-dropdown-item>
					</u-dropdown>
				</view>
			</u-sticky>
			<view class="myOrder_itemView" v-if="xcxSelect != '否'" v-for="(item,index) in orderList"
				@tap="goDetail(item)">
				<view style="padding: 30rpx 40rpx 30rpx;">
					<view class="flex justify-between align-center">
					<view class="item_title">正在寻找乘客</view>
					<view style="color: #346EF6;font-weight: bold;">进行中</view>
				</view>
					<view class="flex align-center add_name" style="margin: 10rpx 6rpx 10rpx;">
						<view class="green"></view>出发地点：{{item.shipCity}} {{item.shipAddress}}
					</view>
					<image v-if="globalImages" :src="globalImages + 'images/static/upload/up.png'" class="order_up"></image>
					<view class="flex align-center add_name" style="margin-left: 6rpx;margin-top: 6rpx;">
						<view class="orgin"></view>到达地点：{{item.deliveryCity}} {{item.deliveryAddress}}
					</view>
				</view>
				<u-line color="#E6E6E6" />
				<view style="padding: 30rpx 40rpx 0rpx;display: flex;justify-content: space-between;">
					<view class="item_money">一口价：<text style="font-size: 32rpx;">￥</text><text>{{item.payMoney}}<text
								style="font-size: 32rpx;">/人</text></text>
					</view>
					<view class="item_btn" @tap="save(item)">立即下单</view>
				</view>
			</view>
			<empty v-if="orderList.length == 0"></empty>

			<u-popup v-model="saveShow" mode="center" border-radius="14" width="580rpx" :closeable="false">
				<view class="padding text-center">

					<view class="flex justify-center">
						<view class="box_money">一口价 <text style="font-size: 28rpx;">￥</text>
							<text>{{itemDetail.payMoney}}</text><text style="font-size: 28rpx;">/人</text>
						</view>
					</view>

					<view class="box_item" @click="openTime(1)">
						<view class="flex align-center">
							<image v-if="globalImages" :src="globalImages + 'images/static/image/time.png'" style="width: 34rpx;height: 34rpx;"></image>
							<view class="add_tit margin-left-xs" v-if="!yuyueTime">开始预约时间</view>
							<view class="add_tit margin-left-xs" v-else>{{yuyueTime}}</view>
						</view>
						<view class="margin-left-xs">
							<image v-if="globalImages" :src="globalImages + 'images/static/image/right.png'" style="width: 12rpx;height: 20rpx;">
							</image>
						</view>
					</view>

					<view class="box_item margin-top-sm" @click="openTime(2)">
						<view class="flex align-center">
							<image v-if="globalImages" :src="globalImages + 'images/static/image/time.png'" style="width: 34rpx;height: 34rpx;"></image>
							<view class="add_tit margin-left-xs" v-if="!yyEndTime">结束预约时间</view>
							<view class="add_tit margin-left-xs" v-else>{{yyEndTime}}</view>
						</view>
						<view class="margin-left-xs">
							<image v-if="globalImages" :src="globalImages + 'images/static/image/right.png'" style="width: 12rpx;height: 20rpx;">
							</image>
						</view>
					</view>


					<view class="box_item margin-top-sm" @click="personShow = true">
						<view class="flex align-center">
							<image v-if="globalImages" :src="globalImages + 'images/static/image/time.png'" style="width: 34rpx;height: 34rpx;"></image>
							<view class="add_tit margin-left-xs" v-if="!personNum">选择乘坐人数</view>
							<view class="add_tit margin-left-xs" v-else>{{personNum}}人乘坐</view>
						</view>
						<view class="margin-left-xs">
							<image v-if="globalImages" :src="globalImages + 'images/static/image/right.png'" style="width: 12rpx;height: 20rpx;">
							</image>
						</view>
					</view>

					<view class="flex align-center justify-center margin-top">
						<view class="zx_view" @click="openRemk">
							<image v-if="globalImages" :src="globalImages + 'images/static/image/beizhu.png'" style="width: 30rpx;height: 32rpx;">
							</image>
							<view class="zx_name">添加备注</view>
						</view>
					</view>

					<view class="itemDetail_btn" @tap="goPay">立即支付</view>
				</view>
			</u-popup>
			<u-picker :start-year="dqYear" v-model="Timeshow" mode="time" :params="params"
				@confirm="timeConfirm"></u-picker>

			<u-popup v-model="personShow" mode="bottom" border-radius="40" :closeable="true">
				<view style="padding: 50rpx 30rpx 50rpx 30rpx;">
					<view class="text-lg text-bold">选择乘车人数</view>

					<view class="text-df text-bold margin-top-lg">请如实填写人数，若人数不符，车主有权拒绝通行</view>
					<view class="flex margin-tb-lg">
						<view class="u-page__tag-item" v-for="(item, index) in radios" :key="index">
							<view :class="personNum == item.num ? 'rs_item_sel' : 'rs_item'"
								@tap="checkPerson(item.num)">
								{{item.num}}人
							</view>
						</view>
					</view>
					<view class="remkbtn" @click="savePerson">确定</view>
				</view>
			</u-popup>

			<u-popup v-model="remkShow" mode="bottom" border-radius="40" :closeable="true">
				<view style="padding: 50rpx 30rpx 50rpx 30rpx;">
					<view class="text-lg text-bold">添加行程备注</view>

					<view v-for="(item,index) in bzList">
						<view class="text-df text-bold margin-top-lg">{{item.title}}</view>
						<view class="flex">
							<view v-if="item.content && item.content.length > 0" v-for="(itee,indee) in item.content">
								<view :class="itee.state ? 'bz_item_sel' : 'bz_item'" @tap="checkBZ(index,indee)">
									{{itee.name}}
								</view>
							</view>
						</view>
					</view>

					<view class="remkbtn" @click="remkShow = false">确定</view>
				</view>
			</u-popup>

			<u-popup v-model="showpay" mode="bottom">
				<view class="popup_pay">
					<view class="bgs margin-top padding-lr radius">
						<view style="padding: 0 20upx;margin-top: 36rpx;">
							<view
								style="display: flex;height: 100upx;align-items: center;padding: 20upx 0;justify-content: center;"
								v-for="(item,index) in openLists" :key='index'>
								<image :src="item.image" style="width: 55upx;height: 55upx;border-radius: 50upx;">
								</image>
								<view style="font-size: 30upx;margin-left: 20upx;width: 70%;">
									{{item.name}}
								</view>
								<radio-group name="openWay" style="margin-left: 45rpx;" @tap='selectWay(item)'>
									<label class="tui-radio">
										<radio color="#3699FF" :checked="openWay == item.id ? true : false" />
									</label>
								</radio-group>
							</view>
						</view>
					</view>
					<view class="pay_btns" @click="pay()">确认支付</view>
				</view>
			</u-popup>
	</view>
</template> -->

// <script>
// 	import empty from '@/components/empty'
// 	import { waitForGlobalImages } from '@/utils/globalImageLoader'
// 	export default {
// 		components: {
// 			empty
// 		},
// 		data() {
// 			return {
// 				isDrop: false, //是否打开下拉筛选
// 				addlists: {
// 					city: '',
// 					address: ''
// 				},
// 				addlist: {
// 					city: '',
// 					address: ''
// 				},

// 				ordersId: '',
// 				bzList: [],
// 				remkShow: false,
// 				personNum: 1,
// 				radios: [{
// 						num: 1,
// 						checked: true
// 					},
// 					{
// 						num: 2,
// 						checked: false
// 					},
// 					{
// 						num: 3,
// 						checked: false
// 					},
// 					{
// 						num: 4,
// 						checked: false
// 					}
// 				],
// 				personShow: false,
// 				params: {
// 					year: true,
// 					month: true,
// 					day: true,
// 					hour: true,
// 					minute: true,
// 					second: false
// 				},
// 				dqYear: '',
// 				Timeshow: false,
// 				yuyueTime: '',
// 				timeSel: 1,
// 				yyEndTime: '',
// 				saveShow: false,
// 				itemDetail: {},
// 				mrtitle: '筛选出发地',
// 				carname: '筛选目的地',
// 				menuicon: 'arrow-down-fill',
// 				value1: 1,
// 				value2: 2,
// 				page: 1,
// 				limit: 10,
// 				orderList: [],
// 				indentNumber: '',
// 				openLists: [],
// 				showpay: false,
// 				openWay: 1,
// 				userName: '',
// 				phone: '',
// 				xcxSelect: '否',
// 				globalImages: '',
// 			}
// 		},
// 		onLoad(d) {
// 			waitForGlobalImages().then((path) => {
// 				console.log('✅ 全局图片路径:', path)
// 				this.globalImages = path
// 			  })
// 			this.xcxSelect = this.$queue.getData('xcxSelect')
// 			if (this.xcxSelect === '否') {
// 				uni.setNavigationBarTitle({
// 					title: '行程商品'
// 				})
// 			}

// 			let timeNow = new Date();
// 			timeNow.setMinutes(timeNow.getMinutes() + 30);
// 			let timeEndNow = new Date();
// 			timeEndNow.setMinutes(timeEndNow.getMinutes() + 60);
// 			this.dqYear = timeNow.getFullYear()
// 			this.yuyueTime =
// 				`${this.padZero(timeNow.getMonth() + 1)}月${this.padZero(timeNow.getDate())}日${this.padZero(timeNow.getHours())}:${this.padZero(timeNow.getMinutes())}`;
// 			this.getbzList();
// 			this.yyEndTime =
// 				`${this.padZero(timeEndNow.getMonth() + 1)}月${this.padZero(timeEndNow.getDate())}日${this.padZero(timeEndNow.getHours())}:${this.padZero(timeEndNow.getMinutes())}`;

// 			// #ifdef MP-WEIXIN
// 			this.openLists = [{
// 				id: 1,
// 				image: '../../static/image/icon_weixin.png',
// 				name: '微信'
// 			}, {
// 				id: 3,
// 				image: '../../static/image/jinbi.png',
// 				name: '零钱'
// 			}]
// 			// #endif
// 			// #ifdef H5

// 			let ua = navigator.userAgent.toLowerCase();
// 			if (ua.indexOf('micromessenger') !== -1) { //微信浏览器
// 				this.$Request.get('/app/common/type/443').then(res => {
// 					if (res.data && res.data.value && res.data.value == '是') {
// 						this.openLists = [{
// 							id: 1,
// 							image: '../../static/image/icon_weixin.png',
// 							name: '微信'
// 						}, {
// 							id: 3,
// 							image: '../../static/image/jinbi.png',
// 							name: '零钱'
// 						}]
// 						this.openWay = 1
// 					} else {
// 						this.openLists = [{
// 							id: 3,
// 							image: '../../static/image/jinbi.png',
// 							name: '零钱'
// 						}]
// 						this.openWay = 3
// 					}
// 				})
// 			} else { //非微信浏览器
// 				this.openLists = [{
// 					id: 2,
// 					image: '../../static/image/zhifubao.png',
// 					name: '支付宝'
// 				}, {
// 					id: 3,
// 					image: '../../static/image/jinbi.png',
// 					name: '零钱'
// 				}]
// 				this.openWay = 2
// 			}


// 			// #endif
// 			// #ifdef APP-PLUS
// 			this.openLists = [{
// 					id: 1,
// 					image: '../../static/image/icon_weixin.png',
// 					name: '微信'
// 				},
// 				{
// 					id: 2,
// 					image: '../../static/image/zhifubao.png',
// 					name: '支付宝'
// 				}, {
// 					id: 3,
// 					image: '../../static/image/jinbi.png',
// 					name: '零钱'
// 				}
// 			]
// 			// #endif

// 			this.page = 1;
// 			this.getMyOrderList();
// 		},
// 		onShow() {
// 			let token = this.$queue.getData('token')
// 			if (token) {
// 				this.getuserinfo();
// 			} else {
// 				uni.stopPullDownRefresh();
// 				// uni.showModal({
// 				// 	title: '提示',
// 				// 	content: '请先去登录',
// 				// 	success: function(res) {
// 				// 		if (res.confirm) {
// 				// 			uni.navigateTo({
// 				// 				url: '/pages/my/register'
// 				// 			})
// 				// 		} else if (res.cancel) {
// 				// 			console.log('用户点击取消');
// 				// 		}
// 				// 	}
// 				// });
// 			}
// 		},
// 		methods: {
// 			open(index) {
// 				this.$refs.uDropdown.highlight();
// 				this.isDrop = true
// 			},
// 			close(index) {
// 				console.log('close', index)
// 				// 关闭的时候，给当前项加上高亮
// 				// 当然，您也可以通过监听dropdown-item的@change事件进行处理
// 				this.$refs.uDropdown.highlight(index);
// 				this.isDrop = false
// 			},
// 			goQC(index) {
// 				if (index == 1) {
// 					let addlist = {
// 						city: '',
// 						address: ''
// 					}
// 					this.addlist = addlist
// 				}

// 				if (index == 2) {
// 					let addlists = {
// 						city: '',
// 						address: ''
// 					}
// 					this.addlists = addlists
// 				}
// 				if (this.isDrop) {
// 					this.$refs.uDropdown.close();
// 				}
// 				this.page = 1;
// 				this.getMyOrderList();
// 			},
// 			goCX() {
// 				if (this.isDrop) {
// 					this.$refs.uDropdown.close();
// 				}
// 				this.page = 1;
// 				this.getMyOrderList();
// 			},
// 			goCFAddress(index) {
// 				let that = this
// 				uni.chooseLocation({
// 					success: function(res) {
// 						console.log('位置名称：' + res.name);
// 						console.log('详细地址：' + res.address);
// 						console.log('纬度：' + res.latitude);
// 						console.log('经度：' + res.longitude);
// 						if (index == 1) {
// 							that.addlist.address = res.name
// 							that.addlist.lng = res.longitude
// 							that.addlist.lat = res.latitude
// 							let data = {
// 								lat: res.latitude,
// 								lng: res.longitude
// 							}
// 							that.$Request.getT('/app/Login/selectCity', data).then(res => {
// 								if (res.code === 0) {
// 									that.addlist.province = res.data.province
// 									that.addlist.city = res.data.city
// 									that.addlist.district = res.data.district
// 								}
// 							});
// 						} else if (index == 2) {
// 							that.addlists.address = res.name
// 							that.addlists.lng = res.longitude
// 							that.addlists.lat = res.latitude
// 							let data = {
// 								lat: res.latitude,
// 								lng: res.longitude
// 							}
// 							that.$Request.getT('/app/Login/selectCity', data).then(res => {
// 								if (res.code === 0) {
// 									that.addlists.province = res.data.province
// 									that.addlists.city = res.data.city
// 									that.addlists.district = res.data.district
// 								}
// 							});
// 						}
// 					}
// 				});
// 			},
// 			// 获取用户信息
// 			getuserinfo() {
// 				this.$Request.getT('/app/user/selectUserById').then(res => {
// 					if (res.code == 0 && res.data) {
// 						this.userName = res.data.nickName;
// 						this.phone = res.data.phone;
// 					}
// 				});
// 			},
// 			goPay() {
// 				this.$queue.showLoading('提交中...')
// 				if (this.yuyueTime === '') {
// 					uni.hideLoading();
// 					this.$queue.showToast('请选择开始预约时间！')
// 					return;
// 				}

// 				if (this.yyEndTime === '') {
// 					uni.hideLoading();
// 					this.$queue.showToast('请选择结束预约时间！')
// 					return;
// 				}

// 				let remarks = '';

// 				for (var i = 0; i < this.bzList.length; i++) {
// 					if (this.bzList[i].content) {
// 						for (var d = 0; d < this.bzList[i].content.length; d++) {
// 							if (this.bzList[i].content[d].state) {
// 								if (remarks === '') {
// 									remarks = this.bzList[i].content[d].name;
// 								} else {
// 									remarks = remarks + ',' + this.bzList[i].content[d].name;
// 								}
// 							}
// 						}
// 					}
// 				}

// 				let userId = this.$queue.getData('userId');
// 				let data = {
// 					shipUserName: this.userName,
// 					shipUserPhone: this.phone,
// 					userId: userId,
// 					fixedStrokeId: this.itemDetail.fixedStrokeId,
// 					appointmentNum: this.personNum,
// 					appointmentStartTime: this.yuyueTime,
// 					appointmentEndTime: this.yyEndTime,
// 					appointmentType: 2,
// 					remark: remarks
// 				}

// 				this.$Request.postJson('/app/orders/insertOrdersFixedStroke', data).then(res => {
// 					uni.hideLoading();
// 					if (res.code == 0) {
// 						this.ordersId = res.data.ordersId
// 						this.personNum = 1;
// 						this.saveShow = false
// 						this.showpay = true;
// 					} else {
// 						uni.showToast({
// 							title: res.msg,
// 							icon: 'none'
// 						})
// 					}
// 				});

// 			},
// 			selectWay: function(item) {
// 				this.openWay = item.id;
// 			},
// 			checkBZ(index, indee) {
// 				this.bzList[index].content[indee].state = !this.bzList[index].content[indee].state;
// 			},
// 			getbzList() {
// 				this.$Request.getT('/app/message/selectMessageList?state=10').then(res => {
// 					if (res.code == 0) {
// 						this.bzList = [];
// 						res.data.forEach(d => {
// 							if (d.content) {
// 								let contentList = [];
// 								d.content = d.content.split(',');
// 								for (var i = 0; i < d.content.length; i++) {
// 									let data = {
// 										name: "" + d.content[i],
// 										state: false
// 									}
// 									contentList.push(data);
// 								}
// 								d.content = contentList;
// 							}

// 							this.bzList.push(d);
// 						});

// 					}
// 				});
// 			},
// 			openRemk() {
// 				this.remkShow = true
// 			},
// 			savePerson() {
// 				this.personShow = false
// 				// this.orderPay();
// 			},
// 			checkPerson(num) {
// 				this.personNum = num;
// 			},
// 			//时间格式转换
// 			padZero(num) {
// 				return num < 10 ? `0${num}` : num;
// 			},
// 			timeConfirm(e) {
// 				if (this.timeSel == 1) {
// 					this.yuyueTime = e.month + '月' + e.day + '日' + '' + e.hour + ':' + e.minute
// 					this.hopeTime = e.year + '-' + e.month + '-' + e.day + ' ' + e.hour + ':' + e.minute + ':00'
// 				} else {
// 					this.yyEndTime = e.month + '月' + e.day + '日' + '' + e.hour + ':' + e.minute
// 				}
// 			},
// 			openTime(index) {
// 				// this.Timeshow = true
// 				if (index == 2 && this.yuyueTime === '') {
// 					this.$queue.showToast('请选择开始预约时间！')
// 					return;
// 				}
// 				this.timeSel = index;
// 				this.Timeshow = true
// 			},
// 			save(item) {
// 				let token = this.$queue.getData('token')
// 				if (token) {
// 					this.itemDetail = item;
// 					this.saveShow = true;
// 				} else {
// 					uni.showModal({
// 						title: '提示',
// 						content: '请先去登录',
// 						success: function(res) {
// 							if (res.confirm) {
// 								uni.navigateTo({
// 									url: '/pages/my/register'
// 								})
// 							} else if (res.cancel) {
// 								console.log('用户点击取消');
// 							}
// 						}
// 					});
// 				}
// 			},
// 			xdCheck(e) {
// 				this.scrollTop = 1;
// 				console.log('吸顶')
// 			},
// 			noXDCheck(e) {
// 				this.scrollTop = 0;
// 				console.log('no吸顶')
// 			},
// 			goDetail(item) {
// 				if (this.indentNumber != '') {
// 					uni.navigateTo({
// 						url: '/pages/index/orderDet?indentNumber=' + this.indentNumber + '&driverRouteId=' + item
// 							.driverRouteId
// 					})
// 				} else {
// 					uni.navigateTo({
// 						url: '/my/order/myOrderDetail?driverRouteId=' + item.driverRouteId
// 					});
// 				}
// 			},
// 			getMyOrderList() {
// 				this.$queue.showLoading('加载中...')
// 				this.$Request.getT('/app/fixedStroke/selectFixedStrokeList?page=' + this.page + '&limit=' + this
// 					.limit + '&shipCity=' + this.addlists.city + '&shipAddress=' + this.addlists.address +
// 					'&deliveryCity=' + this.addlist.city + '&deliveryAddress=' + this.addlist.address).then(res => {
// 					if (res.code == 0 && res.data) {
// 						if (this.page == 1) {
// 							this.orderList = res.data.list
// 						} else {
// 							this.orderList = [...this.orderList, ...res.data.list]
// 						}
// 						uni.hideLoading();
// 						uni.stopPullDownRefresh();
// 					}
// 				});
// 			},
// 			pay() {
// 				if (this.openWay == 0) {
// 					this.$queue.showToast('请选择支付方式!')
// 					return;
// 				}
// 				this.showpay = false;
// 				if (this.openWay == 1) {
// 					// #ifdef APP-PLUS
// 					let data = {
// 						ordersId: this.ordersId,
// 						type: 1
// 					}
// 					// 微信APP支付 根据订单id获取支付信息
// 					this.$Request.postT("/app/wxPay/payOrders", data).then(res => {
// 						console.log(JSON.stringify(res), '微信支付信息')
// 						this.isCheckPay(res.code, 'wxpay', JSON.stringify(res.data));
// 					});
// 					// #endif
// 					// #ifdef MP-WEIXIN
// 					let data = {
// 						ordersId: this.ordersId,
// 						type: 3
// 					}
// 					let that = this
// 					that.$Request.postT("/app/wxPay/payOrders", data).then(res => {
// 						if (res.code == 0) {
// 							uni.requestPayment({
// 								provider: 'wxpay',
// 								timeStamp: res.data.timestamp,
// 								nonceStr: res.data.noncestr,
// 								package: res.data.package,
// 								signType: res.data.signType,
// 								paySign: res.data.sign,
// 								success: function(res) {
// 									console.log(res)
// 									uni.hideLoading();
// 									uni.showToast({
// 										title: '支付成功',
// 										icon: 'none'
// 									});
// 									setTimeout(function() {
// 										uni.switchTab({
// 											url: '/pages/order/order'
// 										})
// 									}, 1000)
// 								},
// 								fail: function(err) {
// 									console.log('fail:' + JSON.stringify(err));
// 									uni.hideLoading();
// 									that.$queue.showToast('支付失败');
// 								}
// 							});
// 						} else {
// 							uni.showToast({
// 								title: res.msg,
// 								icon: 'none'
// 							})
// 						}
// 					});
// 					// #endif
// 					//微信公众号支付
// 					// #ifdef H5 
// 					let ua = navigator.userAgent.toLowerCase();
// 					if (ua.indexOf('micromessenger') !== -1) {
// 						let data = {
// 							ordersId: this.ordersId,
// 							type: 2
// 						}
// 						let that = this
// 						that.$Request.postT("/app/wxPay/payOrders", data).then(res => {
// 							if (res.code == 0) {
// 								this.callPay(res.data);
// 							} else {
// 								uni.showToast({
// 									title: res.msg,
// 									icon: 'none'
// 								})
// 							}
// 						});
// 					}
// 					// #endif
// 				} else if (this.openWay == 2) {
// 					// APP支付宝支付
// 					// #ifdef H5
// 					let data = {
// 						ordersId: this.ordersId,
// 						type: 1
// 					}
// 					this.$Request.postT("/app/aliPay/payOrders", data).then(res => {
// 						if (res.code == 0) {
// 							const div = document.createElement('div')
// 							div.innerHTML = res.data //此处form就是后台返回接收到的数据
// 							document.body.appendChild(div)
// 							document.forms[0].submit()
// 						} else {
// 							uni.showToast({
// 								icon: 'none',
// 								title: '支付失败!'
// 							});
// 						}
// 					});
// 					// #endif

// 					// #ifdef APP
// 					let data = {
// 						ordersId: this.ordersId,
// 						type: 2
// 					}
// 					this.$Request.postT("/app/aliPay/payOrders", data).then(res => {
// 						console.log(JSON.stringify(res), '支付宝支付信息')
// 						this.isCheckPay(res.code, 'alipay', res.data)
// 					});
// 					// #endif
// 				} else if (this.openWay == 3) {
// 					let data = {
// 						ordersId: this.ordersId
// 					}
// 					let that = this
// 					that.$Request.postT("/app/orders/payOrders", data).then(res => {
// 						if (res.code == 0) {
// 							uni.hideLoading();
// 							uni.showToast({
// 								title: '支付成功',
// 								icon: 'none'
// 							});
// 							setTimeout(function() {
// 								uni.switchTab({
// 									url: '/pages/order/order'
// 								})
// 							}, 1000)
// 						} else {
// 							uni.showToast({
// 								title: res.msg,
// 								icon: 'none'
// 							})
// 						}
// 					});
// 				}
// 			},
// 			callPay: function(response) {
// 				if (typeof WeixinJSBridge === "undefined") {
// 					if (document.addEventListener) {
// 						document.addEventListener('WeixinJSBridgeReady', this.onBridgeReady(response), false);
// 					} else if (document.attachEvent) {
// 						document.attachEvent('WeixinJSBridgeReady', this.onBridgeReady(response));
// 						document.attachEvent('onWeixinJSBridgeReady', this.onBridgeReady(response));
// 					}
// 				} else {
// 					this.onBridgeReady(response);
// 				}
// 			},
// 			onBridgeReady: function(response) {
// 				let that = this;
// 				// if (!response.package) {
// 				// 	return;
// 				// }
// 				console.log(response, 111111)
// 				WeixinJSBridge.invoke(
// 					'getBrandWCPayRequest', {
// 						"appId": response.appid, //公众号名称，由商户传入
// 						"timeStamp": response.timestamp, //时间戳，自1970年以来的秒数
// 						"nonceStr": response.noncestr, //随机串
// 						"package": response.package,
// 						"signType": response.signType, //微信签名方式：
// 						"paySign": response.sign //微信签名
// 					},
// 					function(res) {
// 						console.log(res, '/*-/*-/*-')
// 						if (res.err_msg === "get_brand_wcpay_request:ok") {
// 							// 使用以上方式判断前端返回,微信团队郑重提示：
// 							//res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。
// 							uni.showLoading({
// 								title: '支付成功'
// 							});
// 							setTimeout(function() {
// 								uni.hideLoading();
// 								uni.switchTab({
// 									url: '/pages/order/order'
// 								})
// 							}, 1000);
// 						} else {
// 							uni.hideLoading();
// 						}
// 						WeixinJSBridge.log(response.err_msg);
// 					}
// 				);
// 			},
// 			isCheckPay(status, name, order) {
// 				if (status == 0) {
// 					this.setPayment(name, order);
// 				} else {
// 					uni.hideLoading();
// 					uni.showToast({
// 						title: '支付信息有误',
// 						icon: 'none'
// 					});
// 				}
// 			},
// 			setPayment(name, order) {
// 				console.log(name, '*-*-*', order)
// 				uni.requestPayment({
// 					provider: name,
// 					orderInfo: order, //微信、支付宝订单数据
// 					success: function(res) {
// 						console.log(res)
// 						uni.hideLoading();
// 						uni.showLoading({
// 							title: '支付成功'
// 						});
// 						setTimeout(function() {
// 							uni.switchTab({
// 								url: '/pages/order/order'
// 							})
// 						}, 1000);
// 					},
// 					fail: function(err) {
// 						console.log(err)
// 						uni.hideLoading();
// 					},
// 					complete() {
// 						uni.hideLoading();
// 					}
// 				});
// 			}
// 		},
// 		// 上拉加载
// 		onReachBottom: function() {
// 			this.page = this.page + 1;
// 			this.getMyOrderList();
// 		},
// 		onPullDownRefresh: function() {
// 			this.page = 1;
// 			this.getMyOrderList();
// 		}
// 	}
// </script>

// <style lang="scss">
// 	page {
// 		background: #F5F5F5;
// 	}

// 	.qc_btn {
// 		margin: 0 10rpx 10rpx;
// 		width: 320rpx;
// 		padding: 0 30rpx;
// 		height: 90rpx;
// 		border-radius: 50rpx;
// 		text-align: center;
// 		line-height: 90rpx;
// 		background: #346EF6;
// 		font-family: PingFang SC;
// 		font-weight: 500;
// 		font-size: 30rpx;
// 		color: #FFFFFF;
// 	}

// 	.sx_btn {
// 		margin: 0 10rpx 10rpx;
// 		width: 320rpx;
// 		padding: 0 30rpx;
// 		height: 90rpx;
// 		border-radius: 50rpx;
// 		text-align: center;
// 		line-height: 90rpx;
// 		background: #346EF6;
// 		font-family: PingFang SC;
// 		font-weight: 500;
// 		font-size: 30rpx;
// 		color: #FFFFFF;
// 	}

// 	.addbox {
// 		display: flex;
// 		align-items: center;
// 		justify-content: space-between;
// 		margin: 0 10rpx 30rpx;
// 		padding: 0 30rpx;
// 		height: 110rpx;
// 		border-radius: 16rpx;
// 	}

// 	.add_cont {
// 		display: flex;
// 		align-items: center;
// 	}

// 	.add_tit {
// 		font-size: 30rpx;
// 		font-family: PingFang SC;
// 		font-weight: bold;
// 		color: #333333;
// 		margin-left: 10rpx;

// 	}

// 	.bg {
// 		background: #F5F5F5;
// 	}


// 	/* 支付弹框 */
// 	.popup_pay {
// 		width: 100%;
// 	}

// 	.pay_btns {
// 		width: 90%;
// 		margin: 0 auto 40rpx;
// 		text-align: center;
// 		background: #3699FF;
// 		height: 80rpx;
// 		border-radius: 16rpx;
// 		color: #ffffff;
// 		line-height: 80rpx;
// 		margin-top: 20rpx;
// 	}

// 	.itemDetail_btn {
// 		width: 520rpx;
// 		height: 98rpx;
// 		background: #346EF6;
// 		border-radius: 16rpx;
// 		text-align: center;
// 		line-height: 98rpx;
// 		font-family: PingFang SC;
// 		font-weight: bold;
// 		font-size: 32rpx;
// 		color: #FFFFFF;
// 		margin-top: 30rpx;
// 	}

// 	.zx_view {
// 		display: flex;
// 		align-items: center;
// 		width: 328rpx;
// 		justify-content: center;
// 	}

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

// 	.rs_item {
// 		width: fit-content;
// 		padding: 20rpx 40rpx;
// 		// height: 71rpx;
// 		background: #FFFFFF;
// 		border-radius: 24rpx;
// 		border: 2px solid #CCCCCC;
// 		font-family: PingFang SC;
// 		font-weight: 500;
// 		font-size: 24rpx;
// 		color: #030303;
// 		margin-top: 20rpx;
// 		margin-right: 20rpx;
// 	}

// 	.rs_item_sel {
// 		width: fit-content;
// 		padding: 20rpx 40rpx;
// 		// height: 71rpx;
// 		background: #FFFFFF;
// 		border-radius: 24rpx;
// 		border: 2px solid #346EF6;
// 		font-family: PingFang SC;
// 		font-weight: 500;
// 		font-size: 24rpx;
// 		color: #346EF6;
// 		margin-top: 20rpx;
// 		margin-right: 20rpx;
// 	}

// 	.bz_item {
// 		width: fit-content;
// 		padding: 20rpx 22rpx;
// 		// height: 71rpx;
// 		background: #FFFFFF;
// 		border-radius: 24rpx;
// 		border: 2px solid #CCCCCC;
// 		font-family: PingFang SC;
// 		font-weight: 500;
// 		font-size: 24rpx;
// 		color: #030303;
// 		margin-top: 20rpx;
// 		margin-right: 20rpx;
// 	}

// 	.bz_item_sel {
// 		width: fit-content;
// 		padding: 20rpx 22rpx;
// 		// height: 71rpx;
// 		background: #FFFFFF;
// 		border-radius: 24rpx;
// 		border: 2px solid #346EF6;
// 		font-family: PingFang SC;
// 		font-weight: 500;
// 		font-size: 24rpx;
// 		color: #346EF6;
// 		margin-top: 20rpx;
// 		margin-right: 20rpx;
// 	}

// 	.remkbtn {
// 		width: 100%;
// 		height: 98rpx;
// 		background: #346EF6;
// 		border-radius: 16rpx;
// 		font-size: 28rpx;
// 		font-family: PingFang SC;
// 		font-weight: bold;
// 		color: #FFFFFF;
// 		display: flex;
// 		align-items: center;
// 		justify-content: center;
// 		line-height: 98rpx;
// 		margin-top: 40rpx;
// 	}

// 	.box_money {
// 		font-family: PingFang SC;
// 		font-weight: 500;
// 		font-size: 28rpx;
// 		color: #030303;
// 		margin-bottom: 30rpx;
// 		margin-top: 10rpx;

// 		text {
// 			font-size: 40rpx;
// 			color: #FF2020;
// 			font-weight: bold;
// 		}
// 	}

// 	.box_item {
// 		padding: 0 20rpx;
// 		display: flex;
// 		align-items: center;
// 		width: 520rpx;
// 		height: 100rpx;
// 		background: #F7F7F7;
// 		border-radius: 16rpx;
// 		justify-content: space-between;
// 	}

// 	.add_tit {
// 		font-size: 30rpx;
// 		font-family: PingFang SC;
// 		font-weight: bold;
// 		color: #333333;
// 		margin-left: 10rpx;
// 	}

// 	.myOrder_itemView {
// 		width: 686rpx;
// 		// height: 549rpx;
// 		background: #FFFFFF;
// 		border-radius: 32rpx;
// 		margin: 0 auto;
// 		margin-top: 20rpx;
// 		padding-bottom: 40rpx;
// 	}

// 	.item_title {
// 		font-family: Source Han Sans CN;
// 		font-weight: 600;
// 		font-size: 32rpx;
// 		color: #242424;
// 	}

// 	.order_up {
// 		width: 6rpx;
// 		height: 24rpx;
// 		margin-left: 12rpx;
// 	}

// 	.add_name {
// 		font-family: PingFang SC;
// 		font-weight: 500;
// 		font-size: 28rpx;
// 		color: #101010;
// 	}


// 	.green {
// 		width: 16rpx;
// 		height: 16rpx;
// 		background: #1FC657;
// 		border-radius: 50%;
// 		margin-right: 20rpx;
// 	}

// 	.item_money {
// 		font-family: PingFang SC;
// 		font-weight: 500;
// 		font-size: 28rpx;
// 		color: #101010;

// 		text {
// 			font-size: 42rpx;
// 			color: #FF2020;
// 			font-weight: bold;
// 		}
// 	}

// 	.item_btn {
// 		width: 150rpx;
// 		height: 58rpx;
// 		background: #346EF6;
// 		border-radius: 30rpx;
// 		text-align: center;
// 		line-height: 58rpx;
// 		font-family: PingFang SC;
// 		font-weight: 500;
// 		font-size: 24rpx;
// 		color: #FFFFFF;
// 	}

// 	.orgin {
// 		width: 16rpx;
// 		height: 16rpx;
// 		background: #FBAC04;
// 		border-radius: 50%;
// 		margin-right: 20rpx;
// 	}
// </style>