moxuan_takeaway_qishou_1/pages/index/index.vue

<template>
	<view>
		<view>
			<u-navbar :is-back="false" :title="tit">
				<view class="slot">
					<!-- 我的 -->
					<view class="slot_left" @click="bindridermy">
						<image :src="avatar" style="border-radius: 50%"></image>
					</view>
					<!-- 下线 -->
					<view class="slot_content" v-show="seen">
						<image src="../../static/rider/icon_down.png"></image>
					</view>
					<!-- 上线 -->
					<view class="slot_content" v-show="!seen">
						<image src="../../static/rider/icon_up.png"></image>
					</view>
				</view>
			</u-navbar>
			<!-- tabs -->
			<u-tabs style="position: fixed; width: 100%; z-index: 999" :list="tab" :is-scroll="false" inactive-color="#333333" :current="current" @change="change"></u-tabs>

			<view class="content">
				<!-- 新任务，展示所有商家时 -->
				<view class="tabs_box" :class="{ dis: current == 0 }" v-if="!ifrenwu">
					<view class="list_box2" v-for="(item, index) in list_shanghu" :key="index" @click="dingdetails(item.shopId)">
						<view style="line-height: 40px; font-size: 20px; margin-left: 20px">
							{{ item.shopName }}
							<text style="font-size: 16px; margin-left: 80px">订单数：{{ item.countOfWaitAccept }}单</text>
						</view>
					</view>
				</view>
				<!-- 新任务 -->
				<view class="tabs_box" :class="{ dis: current == 0 }" v-if="ifrenwu">
					<view class="box_btn5" @click.stop="fanhuiShang">返回</view>
					<!-- 下线中 -->
					<view class="list_box" v-for="(item, index) in list_box" :key="index" v-show="seen" @click="binddetails(item.indentNumber, item.indentType)">
						<view class="order_title" v-if="item.expectDeliveryTime">预约订单：{{ item.expectDeliveryTime }}送达</view>
						<view class="part1">
							<view class="box_one" v-if="item.indentType == 1">帮我送</view>
							<view class="box_one" v-if="item.indentType == 2">帮我取</view>
							<view class="box_one" v-if="item.indentType == 3">同城帮买</view>
							<view class="box_one" v-if="item.indentType == 4">同城服务</view>
							<view class="box_one" v-if="item.indentType == 5">同城外卖</view>
							<view class="box_two" v-if="item.indentType == 4 && item.serviceType">{{ item.serviceType }}</view>
							<view class="box_two box_two1" v-if="item.itemType != null || item.itemWeight != null">{{ item.itemType }}&nbsp;{{ item.itemWeight }}</view>
							<view class="box_three" v-if="item.indentType == 4 && item.tool">{{ item.tool }}</view>
						</view>
						<view style="padding: 0 30rpx; font-size: 20px" v-if="item.orderPaySequence">#{{ item.orderPaySequence }}</view>
						<view style="padding: 0 10rpx; color: #ff7f00">{{ item.shopName }}</view>
						<view style="padding: 0 10rpx">订单编号：{{ item.indentNumber }}</view>
						<!-- 同城服务 -->
						<view class="part2" v-if="item.indentType == 4">
							<view class="address_name">{{ item.userAddressDetail }}({{ item.userProvince }}{{ item.userCity }}{{ item.userDistrict }})</view>
							<!-- <view class="name">{{item.deliveryUserName}}<text>{{item.deliveryUserPhone}}</text></view> -->
						</view>
						<!-- 同城帮买 就近-->
						<view class="part2" v-if="item.indentType == 3 && item.buyType == 0">
							<view class="address_name">{{ item.userAddressDetail }}</view>
							<view class="name">
								<text>{{ item.userProvince }}{{ item.userCity }}{{ item.userDistrict }}</text>
							</view>
						</view>
						<!-- 同城帮买 指定 -->
						<view class="part2" v-if="item.indentType == 3 && item.buyType == 1">
							<view class="box_add">
								<view class="add_name">
									<view class="sh_name">
										{{ item.shopAddressDetail }}
									</view>
									<view class="xs_add">{{ item.shopProvince }}{{ item.shopCity }}{{ item.shopDistrict }}</view>
								</view>
							</view>
							<view class="jiantou">
								<image src="../../static/rider/jiantou.png"></image>
							</view>
							<view class="box_add">
								<view class="add_name">
									<view class="sh_name">
										{{ item.userAddressDetail }}
									</view>
									<view class="xs_add">{{ item.userProvince }}{{ item.userCity }}{{ item.userDistrict }}</view>
								</view>
							</view>
						</view>
						<!-- 帮送 帮区-->
						<view class="part2" v-if="item.indentType == 1 || item.indentType == 2">
							<view class="box_add">
								<view class="add_name">
									<view class="sh_name">
										{{ item.shopAddressDetail }}
									</view>
									<view class="xs_add">{{ item.shopProvince }}{{ item.shopCity }}{{ item.shopDistrict }}</view>
								</view>
							</view>
							<view class="jiantou">
								<image src="../../static/rider/jiantou.png"></image>
							</view>
							<view class="box_add">
								<view class="add_name">
									<view class="sh_name">{{ item.userProvince }}{{ item.userCity }}{{ item.userDistrict }}</view>
								</view>
							</view>
						</view>
						<!-- 同城外卖 -->
						<view class="part2" v-if="item.indentType == 5">
							<view class="address_name">{{ item.userAddressDetail }}({{ item.userProvince }}{{ item.userCity }}{{ item.userDistrict }})</view>
							<!-- <view class="name">{{item.deliveryUserName}}<text>{{item.deliveryUserPhone}}</text></view> -->
						</view>

						<!--  -->
						<view class="part3">
							<view class="three_left">
								<!-- <image src="../../static/rider/icon_data.png"></image> -->
								<!-- <text v-if="item.indentType==1 ||item.indentType==2">{{item.predictTime}}分钟内送达</text> -->
								<!-- <text v-if="item.indentType==3">{{item.buyTime}}分钟内送达</text> -->
								<!-- <text v-if="item.indentType==4">{{item.visitTime}}分钟内送达</text> -->
							</view>
							<view class="three_right">¥{{ item.errandMoney }}</view>
						</view>
						<view class="part4">
							<view class="box_btn" @click.stop="bindorder1">接单</view>
						</view>
					</view>
					<!-- 上线 -->
					<view class="list_box" v-for="(item, index) in list_box" :key="index" v-if="!seen" @click="binddetails(item.indentNumber, item.indentType)">
						<view class="part1">
							<view class="box_one" v-if="item.indentType == 1">帮我送</view>
							<view class="box_one" v-if="item.indentType == 2">帮我取</view>
							<view class="box_one" v-if="item.indentType == 3">同城帮买</view>
							<view class="box_one" v-if="item.indentType == 4">同城服务</view>
							<view class="box_one" v-if="item.indentType == 5">同城外卖</view>
							<view class="box_two" v-if="item.indentType == 4 && item.serviceType">{{ item.serviceType }}</view>
							<view class="box_two box_two1" v-if="item.itemType != null || item.itemWeight != null">{{ item.itemType }}&nbsp;{{ item.itemWeight }}</view>
							<view class="box_three" v-if="item.indentType == 4 && item.tool">{{ item.tool }}</view>
							<view class="box_two box_two1" v-if="item.indentType == 3">{{ item.buyType == 0 ? '就近购买' : '指定地点购买' }}</view>
							<view style="position: absolute; right: 0; font-size: 22rpx; color: #999">{{ item.createTime }}</view>
						</view>
						<view style="padding: 0 30rpx; font-size: 20px" v-if="item.orderPaySequence">#{{ item.orderPaySequence }}</view>
						<view style="padding: 0 30rpx; color: #ff7f00">{{ item.shopName }}</view>
						<view style="padding: 0 30rpx">订单编号：{{ item.indentNumber }}</view>
						<!-- 同城服务 -->
						<view class="part2" v-if="item.indentType == 4">
							<view class="box_add">
								<view class="distance" v-if="item.distancessd != '0.0m'">
									<view>{{ item.distancessd }}</view>
								</view>
								<view class="add_name">
									<view class="address_name">{{ item.userAddressDetail }}({{ item.userProvince }}{{ item.userCity }}{{ item.userDistrict }})</view>
									<!-- <view class="name">{{item.deliveryUserName}}<text>{{item.deliveryUserPhone}}</text>
								</view> -->
								</view>
							</view>
						</view>
						<!-- 同城帮买 就近-->
						<view class="part2" v-if="item.indentType == 3 && item.buyType == 0">
							<view class="box_add">
								<view class="distance" v-if="item.distancessd != '0.0m'">
									<view>{{ item.distancessd }}</view>
								</view>
								<view class="add_name">
									<view class="address_name">{{ item.userAddressDetail }}</view>
									<view class="name">
										<text>{{ item.userProvince }}{{ item.userCity }}{{ item.userDistrict }}{{ item.userAddressDetail }}</text>
									</view>
								</view>
							</view>
						</view>
						<!-- 同城帮买 指定 -->
						<view class="part2" v-if="item.indentType == 3 && item.buyType == 1">
							<view class="box_add">
								<view class="distance" v-if="item.distancess != '0.0m'">
									<view>{{ item.distancess }}</view>
								</view>
								<view class="add_name">
									<view class="sh_name">
										{{ item.shopAddressDetail }}
										<!-- {{item.shopProvince?item.shopProvince:''}}{{item.shopCity?item.shopCity:''}}{{item.shopDistrict?item.shopDistrict:''}} -->
									</view>
									<view class="xs_add">
										{{ item.shopProvince ? item.shopProvince : '' }}{{ item.shopCity ? item.shopCity : '' }}{{ item.shopDistrict ? item.shopDistrict : '' }}
									</view>
								</view>
							</view>
							<view class="jiantou">
								<image src="../../static/rider/jiantou.png"></image>
								<!-- <view>{{item.distance}}</view> -->
							</view>
							<view class="box_add">
								<view class="distance" v-if="item.distancessd != '0.0m'">
									<view>{{ item.distancessd }}</view>
								</view>
								<view class="add_name">
									<view class="sh_name">{{ item.userProvince }}{{ item.userCity }}{{ item.userDistrict }}{{ item.userAddressDetail }}</view>
								</view>
							</view>
						</view>
						<!-- 帮送 帮取-->
						<view class="part2" v-if="item.indentType == 1 || item.indentType == 2">
							<view class="box_add">
								<view class="distance" v-if="item.distancess != '0.0m'">
									<view>{{ item.distancess }}</view>
								</view>
								<view class="add_name">
									<view class="sh_name">
										{{ item.shopAddressDetail }}
										<!-- {{item.shopProvince?item.shopProvince:''}}{{item.shopCity?item.shopCity:''}}{{item.shopDistrict?item.shopDistrict:''}} -->
									</view>
									<view class="xs_add">
										{{ item.shopProvince ? item.shopProvince : '' }}{{ item.shopCity ? item.shopCity : '' }}{{ item.shopDistrict ? item.shopDistrict : '' }}
									</view>
								</view>
							</view>
							<view class="jiantou">
								<image src="../../static/rider/jiantou.png"></image>
								<!-- <view>{{item.distance}}</view> -->
							</view>
							<view class="box_add">
								<view class="distance" v-if="item.distancessd != '0.0m'">
									<view>{{ item.distancessd }}</view>
								</view>
								<view class="add_name">
									<view class="sh_name">{{ item.userProvince }}{{ item.userCity }}{{ item.userDistrict }}{{ item.userAddressDetail }}</view>
								</view>
							</view>
						</view>
						<!-- 同城外卖 -->
						<view class="part2" v-if="item.indentType == 5">
							<view class="box_add">
								<view class="distance" v-if="item.distancess != '0.0m'">
									<view>{{ item.distancess }}</view>
								</view>
								<view class="add_name">
									<view class="sh_name">
										{{ item.shopAddressDetail }}
									</view>
									<view class="xs_add">
										{{ item.shipAddress ? item.shipAddress : '' }}
									</view>
								</view>
							</view>
							<view class="jiantou">
								<image src="../../static/rider/jiantou.png"></image>
								<!-- <view>{{item.distance}}</view> -->
							</view>
							<view class="box_add">
								<view class="distance" v-if="item.distancessd != '0.0m'">
									<view>{{ item.distancessd }}</view>
								</view>
								<view class="add_name">
									<view class="sh_name">{{ item.userProvince }}{{ item.userCity }}{{ item.userDistrict }}{{ item.userAddressDetail }}</view>
								</view>
							</view>
						</view>
						<view></view>
						<!--  -->
						<view class="part3">
							<view class="three_left" v-if="item.indentType == 4">
								<image src="../../static/rider/icon_data.png"></image>
								<text>预约时间：{{ item.sendOutTime ? item.sendOutTime : '立即送达' }}</text>
							</view>
							<view class="three_left" v-if="item.indentType != 4">
								<image src="../../static/rider/icon_data.png"></image>
								<text>送达时间：{{ item.sendOutTime ? item.sendOutTime : '立即送达' }}</text>
							</view>
							<view class="three_right" v-if="item.riderMoney">
								¥{{ item.riderMoney }}
								<!-- <text style="font-size: 20upx;">（<text
									v-if="item.prepayMoney">预付{{item.prepayMoney}}元</text>
								<text v-if="item.tip">小费{{item.tip}}元</text> 跑腿费{{item.errandMoney}}元）</text> -->
							</view>
							<view class="three_right" v-else>¥ 0</view>
						</view>
						<view class="part4">
							<view class="box_btn1" @click.stop="bindorder(item, index)">接单</view>
						</view>
					</view>
					<empty v-if="list_box.length == 0"></empty>
				</view>
				<!-- 待取货 -->
				<view class="tabs_box" :class="{ dis: current == 1 }">
					<view class="order_box" v-for="(item, index) in lists" :key="index" @click="bindorderDetail(item.indentNumber, item.indentId)">
						<view class="order_success" v-if="item.indentState == '2'">
							<view class="order_name">待支付领取</view>
							<view class="order_data">{{ item.receivingTime }}</view>
						</view>
						<view class="order_success" v-if="item.indentState == '3'">
							<view class="order_name">待取货</view>
							<view class="order_data">{{ item.receivingTime }}</view>
						</view>
						<view class="order_success" v-if="item.indentState == '4'">
							<view class="order_name">配送中</view>
							<view class="order_data">{{ item.receivingTime }}</view>
						</view>
						<view class="order_success" v-if="item.indentState == '5'">
							<view class="order_name">已送达，客户待确认</view>
							<view class="order_data">{{ item.receivingTime }}</view>
						</view>
						<view class="order_success" v-if="item.indentState == '6'">
							<view class="order_name">客户已确认</view>
							<view class="order_data">{{ item.receivingTime }}</view>
						</view>
						<view class="order_success" v-if="item.indentState == '7'">
							<view class="order_name">已完成</view>
							<view class="order_data">{{ item.receivingTime }}</view>
						</view>
						<view class="order_success" v-if="item.indentState == '9'">
							<view class="order_name">已取消</view>
							<view class="order_data">{{ item.receivingTime }}</view>
						</view>
						<u-line color="#E6E6E6" />
						<view class="order_city">
							<view class="city_type">
								<view class="type_name" v-if="item.indentType == 1">帮我送</view>
								<view class="type_name" v-if="item.indentType == 2">帮我取</view>
								<view class="type_name" v-if="item.indentType == 3">同城帮买</view>
								<view class="type_name" v-if="item.indentType == 4">同城服务</view>
								<view class="type_name" v-if="item.indentType == 5">同城外卖</view>
								<view class="city_text" v-if="item.itemType">{{ item.itemType }}</view>
							</view>
							<view style="padding: 0 30rpx; font-size: 20px" v-if="item.orderPaySequence">#{{ item.orderPaySequence }}</view>
							<view style="padding: 0 30rpx; color: #ff7f00">{{ item.shopName }}</view>
							<view style="padding: 0 30rpx">订单编号：{{ item.indentNumber }}</view>
							<!-- 帮我送/帮我取 地址 -->
							<view class="city_address" v-if="item.indentType == 1 || item.indentType == 2">
								<view class="fh_box">
									<view class="fh_image">
										<image src="../../static/image/icon_f.png"></image>
									</view>
									<view class="box">
										<!-- <view style="padding:0 30rpx;font-size: 20px;" v-if="item.orderPaySequence">#{{item.orderPaySequence}}</view> -->
										<view class="fh_name">{{ item.shopAddressDetail }}</view>
										<view class="fh_type">
											{{ item.shopName }}
											<text>{{ item.shopPhone }}</text>
										</view>
									</view>
								</view>
								<view class="sh_box">
									<view class="sh_image">
										<image src="../../static/image/icon_s.png"></image>
									</view>
									<view class="box">
										<view class="sh_name">{{ item.userAddressDetail }}</view>
										<view class="sh_type">
											{{ item.userName }}
											<text>{{ item.userPhone }}</text>
										</view>
									</view>
								</view>
							</view>
							<!-- 同城帮买 指定位置 -->
							<view class="city_address" v-if="item.indentType == 3">
								<view class="fh_box" v-if="item.buy_type == 1">
									<view class="fh_image">
										<image src="../../static/image/icon_f.png"></image>
									</view>
									<view class="box">
										<!-- <view style="padding:0 30rpx;font-size: 20px;" v-if="item.orderPaySequence">#{{item.orderPaySequence}}</view> -->
										<view class="fh_name">{{ item.shopAddressDetail }}</view>
										<view class="fh_type">
											{{ item.shopName }}
											<text>{{ item.shopPhone }}</text>
										</view>
									</view>
								</view>
								<view class="sh_box">
									<view class="sh_image">
										<image src="../../static/image/icon_s.png"></image>
									</view>
									<view class="box">
										<view class="sh_name">{{ item.userAddressDetail }}</view>
										<view class="sh_type">
											{{ item.userName }}
											<text>{{ item.userPhone }}</text>
										</view>
									</view>
								</view>
							</view>
							<!-- 同城服务  -->
							<view class="city_address" v-if="item.indentType == 4">
								<view class="sh_box">
									<view class="sh_image">
										<image src="../../static/image/icon_s.png"></image>
									</view>
									<view class="box">
										<view class="sh_name">{{ item.userAddressDetail }}</view>
										<view class="sh_type">
											{{ item.userName }}
											<text>{{ item.userPhone }}</text>
										</view>
									</view>
								</view>
							</view>
							<!-- 同城外卖 -->
							<view class="city_address" v-if="item.indentType == 5">
								<view class="fh_box">
									<view class="fh_image">
										<image src="../../static/image/icon_f.png"></image>
									</view>
									<view class="box">
										<!-- <view style="padding:0 30rpx;font-size: 20px;" v-if="item.orderPaySequence">#{{item.orderPaySequence}}</view> -->
										<view class="fh_name">{{ item.shopAddressDetail }}</view>
										<view class="fh_type">
											{{ item.shopName }}
											<text>{{ item.shopPhone }}</text>
										</view>
									</view>
								</view>
								<view class="sh_box">
									<view class="sh_image">
										<image src="../../static/image/icon_s.png"></image>
									</view>
									<view class="box">
										<view class="sh_name">{{ item.userAddressDetail }}</view>
										<view class="sh_type">
											{{ item.userName }}
											<text>{{ item.userPhone }}</text>
										</view>
									</view>
								</view>
							</view>
						</view>
						<u-line color="#E6E6E6" />
						<view class="order_btn">
							<view class="btn1" v-if="item.indentState == '3'" @click.stop="quxiao(item.indentNumber, index)">取消订单</view>
							<view class="btn2" v-if="item.indentState == '3'" @click.stop="quhuo(item.indentId, index)">确认取货</view>
						</view>
					</view>
					<empty v-if="lists.length == 0"></empty>
				</view>

				<!-- 配送中-->
				<view class="tabs_box" :class="{ dis: current == 2 }">
					<view class="order_box" v-for="(item, index) in lists" :key="index" @click="bindorderDetail(item.indentNumber, item.indentId)">
						<view class="order_success" v-if="item.indentState == '2'">
							<view class="order_name">待支付领取</view>
							<view class="order_data">{{ item.receivingTime }}</view>
						</view>
						<view class="order_success" v-if="item.indentState == '3'">
							<view class="order_name">待取货</view>
							<view class="order_data">{{ item.receivingTime }}</view>
						</view>
						<view class="order_success" v-if="item.indentState == '4'">
							<view class="order_name">配送中</view>
							<view class="order_data">{{ item.receivingTime }}</view>
						</view>
						<view class="order_success" v-if="item.indentState == '5'">
							<view class="order_name">已送达，客户待确认</view>
							<view class="order_data">{{ item.receivingTime }}</view>
						</view>
						<view class="order_success" v-if="item.indentState == '6'">
							<view class="order_name">客户已确认</view>
							<view class="order_data">{{ item.receivingTime }}</view>
						</view>
						<view class="order_success" v-if="item.indentState == '7'">
							<view class="order_name">已完成</view>
							<view class="order_data">{{ item.receivingTime }}</view>
						</view>
						<view class="order_success" v-if="item.indentState == '9'">
							<view class="order_name">已取消</view>
							<view class="order_data">{{ item.receivingTime }}</view>
						</view>
						<u-line color="#E6E6E6" />
						<view class="order_city">
							<view class="city_type">
								<view class="type_name" v-if="item.indentType == 1">帮我送</view>
								<view class="type_name" v-if="item.indentType == 2">帮我取</view>
								<view class="type_name" v-if="item.indentType == 3">同城帮买</view>
								<view class="type_name" v-if="item.indentType == 4">同城服务</view>
								<view class="type_name" v-if="item.indentType == 5">同城外卖</view>
								<view class="city_text" v-if="item.itemType">{{ item.itemType }}</view>
							</view>
							<view style="padding: 0 30rpx; font-size: 20px" v-if="item.orderPaySequence">#{{ item.orderPaySequence }}</view>
							<view style="padding: 0 30rpx; color: #ff7f00">{{ item.shopName }}</view>
							<view style="padding: 0 30rpx">订单编号：{{ item.indentNumber }}</view>
							<!-- 帮我送/帮我取 -->
							<view class="city_address" v-if="item.indentType == 1 || item.indentType == 2">
								<view class="fh_box">
									<view class="fh_image">
										<image src="../../static/image/icon_f.png"></image>
									</view>
									<view class="box">
										<!-- <view style="padding:0 30rpx;font-size: 20px;">#9</view> -->
										<view class="fh_name">{{ item.shopAddressDetail }}</view>
										<view class="fh_type">
											{{ item.shopName }}
											<text>{{ item.shopPhone }}</text>
										</view>
									</view>
								</view>
								<view class="sh_box">
									<view class="sh_image">
										<image src="../../static/image/icon_s.png"></image>
									</view>
									<view class="box">
										<view class="sh_name">{{ item.userAddressDetail }}</view>
										<view class="sh_type">
											{{ item.userName }}
											<text>{{ item.userPhone }}</text>
										</view>
									</view>
								</view>
							</view>
							<!-- 同城帮买 -->
							<view class="city_address" v-if="item.indentType == 3">
								<view class="fh_box" v-if="item.buy_type == 1">
									<view class="fh_image">
										<image src="../../static/image/icon_f.png"></image>
									</view>
									<view class="box">
										<!-- <view style="padding:0 30rpx;font-size: 20px;" v-if="item.orderPaySequence">#{{item.orderPaySequence}}</view> -->
										<view class="fh_name">{{ item.shopAddressDetail }}</view>
										<view class="fh_type">
											{{ item.shopName }}
											<text>{{ item.shopPhone }}</text>
										</view>
									</view>
								</view>
								<view class="sh_box">
									<view class="sh_image">
										<image src="../../static/image/icon_s.png"></image>
									</view>
									<view class="box">
										<view class="sh_name">{{ item.userAddressDetail }}</view>
										<view class="sh_type">
											{{ item.userName }}
											<text>{{ item.userPhone }}</text>
										</view>
									</view>
								</view>
							</view>
							<!-- 同城服务 -->
							<view class="city_address" v-if="item.indentType == 4">
								<view class="sh_box">
									<view class="sh_image">
										<image src="../../static/image/icon_s.png"></image>
									</view>
									<view class="box">
										<view class="sh_name">{{ item.userAddressDetail }}</view>
										<view class="sh_type">
											{{ item.userName }}
											<text>{{ item.userPhone }}</text>
										</view>
									</view>
								</view>
							</view>
							<!-- 同城外卖 -->
							<view class="city_address" v-if="item.indentType == 5">
								<view class="fh_box">
									<view class="fh_image">
										<image src="../../static/image/icon_f.png"></image>
									</view>
									<view class="box">
										<!-- <view style="padding:0 30rpx;font-size: 20px;" v-if="item.orderPaySequence">#{{item.orderPaySequence}}</view> -->
										<view class="fh_name">{{ item.shopAddressDetail }}</view>
										<view class="fh_type">
											{{ item.shopName }}
											<text>{{ item.shopPhone }}</text>
										</view>
									</view>
								</view>
								<view class="sh_box">
									<view class="sh_image">
										<image src="../../static/image/icon_s.png"></image>
									</view>
									<view class="box">
										<view class="sh_name">{{ item.userAddressDetail }}</view>
										<view class="sh_type">
											{{ item.userName }}
											<text>{{ item.userPhone }}</text>
										</view>
									</view>
								</view>
							</view>
						</view>
						<u-line color="#E6E6E6" />
						<view class="order_btn">
							<view class="btn1" v-if="item.indentState == '3'" @click.stop="quxiao(item.indentNumber, index)">取消订单</view>
							<view class="btn1" v-if="item.indentState == '6'">客户待确认</view>
							<view class="btn2" v-if="item.indentState == '3'" @click.stop="quhuo(item.indentId, index)">确认取货</view>
							<!-- <view class="flex"
							v-if="item.status == 3&&item.orderType==2&&item.autoSendOrder ==1 &&item.deliveryImgs==null">
							<view class="btn_pai" @click.stop="paiOrder(item)">拍照</view>
						</view> -->
							<view class="flex" v-if="item.indentState == '4' || (item.indentState == '7' && item.deliveryImgs == null)">
								<view class="btn_pai" @click.stop="paiOrder(item)">拍照</view>
							</view>
							<view class="btn2" style="margin-left: 10px" v-if="item.indentState == '4'" @click.stop="shouhuo(item, index)">确认送达</view>
							<view class="btn2" v-if="item.indentState == '9'">已取消</view>
						</view>
					</view>
					<empty v-if="lists.length == 0"></empty>
				</view>
			</view>
			<!-- tabbar -->
			<view class="tabbar">
				<view class="tabbar_type" @click="onshow" v-if="current == 0">
					<view class="type_image">
						<image src="../../static/rider/type.png"></image>
					</view>
					接单设置
				</view>
				<view class="tabbar_btn" @click="bindup">
					<view class="btn" v-show="seen">开始接单</view>
					<view class="btn3" v-show="!seen">停止接单</view>
				</view>
			</view>

			<!-- 接单设置弹框 -->
			<u-popup v-model="show" mode="bottom" height="600rpx" :closeable="true" close-icon="close-circle" close-icon-size="50" close-icon-color="#CCCCCC" @close="closePopup()">
				<view class="popup_box">
					<view class="title">当前接单模式</view>
					<!-- <view class="part_one">
					<view class="left">
						<view class="gotype">近单模式</view>
						<view class="tit">推单范围{{distance?distance:'0'}}</view>
					</view>
					<view class="right">
						<u-switch v-model="checked" size="40" inactive-color="#CCCCCC" active-color="#FF6A04"
							@change="switch1">
						</u-switch>
					</view>
				</view>
				<view class="part_one">
					<view class="left">
						<view class="gotype">同城模式</view>
						<view class="tit">推单范围{{distance?distance:'0'}}</view>
					</view>
					<view class="right">
						<u-switch v-model="check" size="40" inactive-color="#CCCCCC" active-color="#FF6A04"
							@change="switch2"></u-switch>
					</view>
				</view> -->
					<view class="part_two">
						<view class="two_left">接单类型</view>
						<view class="two_right" @click="showModals()">
							{{ indentTypeName }}
							<u-icon name="arrow-right" color="#999999"></u-icon>
						</view>
					</view>
					<view class="part_two">
						<view class="two_left">常驻送货区域</view>
						<view class="two_right" @click="dizhis()">
							{{ quyu }}
							<u-icon name="arrow-right" color="#999999"></u-icon>
						</view>
					</view>
					<view class="part_one" v-if="checkxdd != '否'">
						<view class="left">
							<view class="gotype">新订单通知</view>
							<view class="tit">开启后{{ xddNumber }}KM内，系统自动推送新订单通知</view>
						</view>
						<view class="right">
							<u-switch v-model="xddcheck" size="40" inactive-color="#CCCCCC" active-color="#FF6A04" @change="switchxdd"></u-switch>
						</view>
					</view>
					<view class="part_two">
						<view class="two_left">同时接单量</view>
						<view class="two_right">
							最大({{ orderNum }}单)
							<!-- <u-icon name="arrow-right" color="#999999"></u-icon> -->
						</view>
					</view>
					<view class="part_two">
						<view class="two_left">骑手所在站点</view>
						<view class="two_right">
							{{ qiZhandian }}
							<!-- <u-icon name="arrow-right" color="#999999"></u-icon> -->
						</view>
					</view>
				</view>
			</u-popup>
			<u-popup v-model="Authorization" mode="center" close-icon="close-circle" close-icon-pos="top-right" close-icon-color="#8f9298" close-icon-size="50">
				<view class="contentview">
					<view class="title">隐私保护指引</view>
					<view class="des" @click="openPrivacyContract">
						在使用当前小程序服务之前，请仔细阅读
						<text style="color: #ff7f00">{{ privacyContractName }}</text>
						。如你同意{{ privacyContractName }}，请点击“同意”开始使用。
					</view>
					<view class="btns">
						<button class="item reject" @click="exitMiniProgram">拒绝</button>
						<button id="agree-btn" class="item agree" open-type="agreePrivacyAuthorization" @agreeprivacyauthorization="handleAgreePrivacyAuthorization">同意</button>
					</view>
				</view>
			</u-popup>
			<!-- 类型选择-->
			<u-modal v-model="showModal" title="选择订单类型" :show-cancel-button="true" @confirm="confirm()">
				<view class="slot-content">
					<u-radio-group v-model="indentTypeName" @change="radioGroupChange" width="50%">
						<u-radio v-for="(item, index) in indentTypeList" :key="index" :name="item.name" :disabled="item.disabled" @change="radioChange">
							{{ item.name }}
						</u-radio>
					</u-radio-group>
				</view>
			</u-modal>
			<!-- 收货码弹框 -->
			<u-popup v-model="shows" mode="center" border-radius="18" :closeable="closeable" close-icon="close-circle" close-icon-size="45" width="580rpx" height="400rpx">
				<view class="receipt_code">
					<view class="code_title">填写收货码</view>
					<u-input v-model="shouhuoma" type="text" placeholder="请输入收货码" :border="true" />
					<view class="sure" @click="querenSh">确定</view>
				</view>
			</u-popup>
			<!-- 确认收货弹出框 -->
			<u-popup
				v-model="alertPhone"
				mode="center"
				border-radius="18"
				:closeable="closeable"
				close-icon="close-circle"
				close-icon-size="45"
				width="680rpx"
				height="540rpx"
				@close="onclose"
			>
				<view class="receipt_code">
					<view class="phone_title">图片凭证</view>
					<view class="phone_title2">请在确认外卖送达后、通过拍照，进行现场还原</view>
					<view>
						<view class="flex" style="overflow: hidden; flex-wrap: wrap">
							<view v-if="goodsPicture.length">
								<view class="margin-top flex margin-right-sm flex-wrap">
									<view
										class="flex"
										style="width: 200rpx; height: 200rpx; margin-right: 2rpx; position: relative"
										v-for="(image, index) in goodsPicture"
										:key="index"
									>
										<image :src="image" style="width: 100%; height: 100%"></image>
										<view style="z-index: 9; position: absolute; top: -15rpx; right: -15rpx" @click="removeImg(index, 'lb')">
											<u-icon name="close-circle-fill" color="#FCD202" size="50rpx"></u-icon>
										</view>
									</view>
								</view>
							</view>
							<view class="margin-top" @click="addImages(1)" v-if="goodsPicture.length <= 1">
								<view style="width: 200rpx; height: 200rpx; background: #f4f5f6" class="flex justify-center align-center">
									<view>
										<view class="text-center">
											<image :src="Tupian('/duanxin/addimg.png')" style="width: 65rpx; height: 55rpx"></image>
										</view>
										<view class="text-center text-black">添加图片</view>
									</view>
								</view>
							</view>
						</view>
					</view>
					<!-- <view class="receipt_code" v-if="alertduan">
					<view class="code_title">是否确认送达</view>
					<view class="code_title2">已选订单：1单</view>
					<view class="code_title2">通知形式：短信</view>
					<view class="code_title2">通知内容：{{duanxin[0].templateContent.substring(0, 21)}}{{qiPhone}}</view>
					<view class="sure" @click="querenSh">确认送达</view>
				</view> -->
					<view class="sure" @click="querenduanxin">确认拍照</view>
				</view>
			</u-popup>
			<!-- 确认收货选择短信框 -->
			<u-popup
				v-model="alertduan"
				v-if="alertduan"
				mode="center"
				border-radius="18"
				:closeable="closeable"
				close-icon="close-circle"
				close-icon-size="45"
				width="680rpx"
				height="600rpx"
				@close="onclose2"
			>
				<view class="receipt_code">
					<view class="code_title">是否确认送达</view>
					<view class="code_title2">已选订单：1单</view>
					<view class="code_title2">通知形式：短信</view>
					<view class="code_title2">通知内容：{{ duanxin[0].templateContent.substring(0, 21) }}{{ qiPhone }}</view>
					<view class="sure" @click="querenSh">确认送达</view>
				</view>
			</u-popup>
			<!-- 当前订单无法接的筛选条件 -->
			<u-popup v-model="jiedanNo" mode="center" border-radius="18" width="680rpx" height="600rpx">
				<view style="margin-top: 30%; margin-left: 34%">
					<image style="width: 200rpx; height: 200rpx" :src="Tupian('/qishou/wufajie.png')"></image>
					<view>当前订单无法接单</view>
				</view>
			</u-popup>

			<!-- 当前订单已接收 -->
			<u-popup v-model="saomaPeisong" v-if="saomaPeisong" mode="center" border-radius="18" width="680rpx" height="600rpx">
				<view>
					<view class="order_box" v-for="(item, index) in list2" :key="index" @click="bindorderDetail(item.indentNumber, item.indentId)">
						<view class="order_success" v-if="item.indentState == '2'">
							<view class="order_name">待支付领取</view>
							<view class="order_data">{{ item.receivingTime }}</view>
						</view>
						<view class="order_success" v-if="item.indentState == '3'">
							<view class="order_name">待取货</view>
							<view class="order_data">{{ item.receivingTime }}</view>
						</view>
						<view class="order_success" v-if="item.indentState == '4'">
							<view class="order_name">配送中</view>
							<view class="order_data">{{ item.receivingTime }}</view>
						</view>
						<view class="order_success" v-if="item.indentState == '5'">
							<view class="order_name">已送达，客户待确认</view>
							<view class="order_data">{{ item.receivingTime }}</view>
						</view>
						<view class="order_success" v-if="item.indentState == '6'">
							<view class="order_name">客户已确认</view>
							<view class="order_data">{{ item.receivingTime }}</view>
						</view>
						<view class="order_success" v-if="item.indentState == '7'">
							<view class="order_name">已完成</view>
							<view class="order_data">{{ item.receivingTime }}</view>
						</view>
						<view class="order_success" v-if="item.indentState == '9'">
							<view class="order_name">已取消</view>
							<view class="order_data">{{ item.receivingTime }}</view>
						</view>
						<u-line color="#E6E6E6" />
						<view class="order_city">
							<view class="city_type">
								<view class="type_name" v-if="item.indentType == 1">帮我送</view>
								<view class="type_name" v-if="item.indentType == 2">帮我取</view>
								<view class="type_name" v-if="item.indentType == 3">同城帮买</view>
								<view class="type_name" v-if="item.indentType == 4">同城服务</view>
								<view class="type_name" v-if="item.indentType == 5">同城外卖</view>
								<view class="city_text" v-if="item.itemType">{{ item.itemType }}</view>
							</view>
							<view style="padding: 0 30rpx; font-size: 20px" v-if="item.orderPaySequence">#{{ item.orderPaySequence }}</view>
							<view style="padding: 0 30rpx; color: #ff7f00">{{ item.shopName }}</view>
							<view style="padding: 0 30rpx">订单编号：{{ item.indentNumber }}</view>
							<!-- 帮我送/帮我取 -->
							<view class="city_address" v-if="item.indentType == 1 || item.indentType == 2">
								<view class="fh_box">
									<view class="fh_image">
										<image src="../../static/image/icon_f.png"></image>
									</view>
									<view class="box">
										<!-- <view style="padding:0 30rpx;font-size: 20px;">#9</view> -->
										<view class="fh_name">{{ item.shopAddressDetail }}</view>
										<view class="fh_type">
											{{ item.shopName }}
											<text>{{ item.shopPhone }}</text>
										</view>
									</view>
								</view>
								<view class="sh_box">
									<view class="sh_image">
										<image src="../../static/image/icon_s.png"></image>
									</view>
									<view class="box">
										<view class="sh_name">{{ item.userAddressDetail }}</view>
										<view class="sh_type">
											{{ item.userName }}
											<text>{{ item.userPhone }}</text>
										</view>
									</view>
								</view>
							</view>
							<!-- 同城帮买 -->
							<view class="city_address" v-if="item.indentType == 3">
								<view class="fh_box" v-if="item.buy_type == 1">
									<view class="fh_image">
										<image src="../../static/image/icon_f.png"></image>
									</view>
									<view class="box">
										<!-- <view style="padding:0 30rpx;font-size: 20px;" v-if="item.orderPaySequence">#{{item.orderPaySequence}}</view> -->
										<view class="fh_name">{{ item.shopAddressDetail }}</view>
										<view class="fh_type">
											{{ item.shopName }}
											<text>{{ item.shopPhone }}</text>
										</view>
									</view>
								</view>
								<view class="sh_box">
									<view class="sh_image">
										<image src="../../static/image/icon_s.png"></image>
									</view>
									<view class="box">
										<view class="sh_name">{{ item.userAddressDetail }}</view>
										<view class="sh_type">
											{{ item.userName }}
											<text>{{ item.userPhone }}</text>
										</view>
									</view>
								</view>
							</view>
							<!-- 同城服务 -->
							<view class="city_address" v-if="item.indentType == 4">
								<view class="sh_box">
									<view class="sh_image">
										<image src="../../static/image/icon_s.png"></image>
									</view>
									<view class="box">
										<view class="sh_name">{{ item.userAddressDetail }}</view>
										<view class="sh_type">
											{{ item.userName }}
											<text>{{ item.userPhone }}</text>
										</view>
									</view>
								</view>
							</view>
							<!-- 同城外卖 -->
							<view class="city_address" v-if="item.indentType == 5">
								<view class="fh_box">
									<view class="fh_image">
										<image src="../../static/image/icon_f.png"></image>
									</view>
									<view class="box">
										<!-- <view style="padding:0 30rpx;font-size: 20px;" v-if="item.orderPaySequence">#{{item.orderPaySequence}}</view> -->
										<view class="fh_name">{{ item.shopAddressDetail }}</view>
										<view class="fh_type">
											{{ item.shopName }}
											<text>{{ item.shopPhone }}</text>
										</view>
									</view>
								</view>
								<view class="sh_box">
									<view class="sh_image">
										<image src="../../static/image/icon_s.png"></image>
									</view>
									<view class="box">
										<view class="sh_name">{{ item.userAddressDetail }}</view>
										<view class="sh_type">
											{{ item.userName }}
											<text>{{ item.userPhone }}</text>
										</view>
									</view>
								</view>
							</view>
						</view>
						<u-line color="#E6E6E6" />
						<view class="order_btn">
							<view class="btn1" v-if="item.indentState == '3'" @click.stop="quxiao(item.indentNumber, index)">取消订单</view>
							<view class="btn1" v-if="item.indentState == '6'">客户待确认</view>
							<view class="btn2" v-if="item.indentState == '3'" @click.stop="quhuo(item.indentId, index)">确认取货</view>
							<!-- <view class="flex"
							v-if="item.status == 3&&item.orderType==2&&item.autoSendOrder ==1 &&item.deliveryImgs==null">
							<view class="btn_pai" @click.stop="paiOrder(item)">拍照</view>
						</view> -->
							<view class="flex" v-if="item.indentState == '4' || (item.indentState == '7' && item.deliveryImgs == null)">
								<view class="btn_pai" @click.stop="paiOrder(item)">拍照</view>
							</view>
							<view class="btn2" style="margin-left: 10px" v-if="item.indentState == '4'" @click.stop="shouhuo(item, index)">确认送达</view>
							<view class="btn2" v-if="item.indentState == '9'">已取消</view>
						</view>
					</view>
					<empty v-if="list2.length == 0"></empty>
				</view>
			</u-popup>
		</view>
		<!-- 悬浮球 -->
		<view style="width: 140rpx; height: 140rpx; position: fixed; bottom: 130px; right: 20rpx">
			<!-- 上线 -->
			<image v-if="!seen" :src="Tupian('/qishou/sao.png')" style="width: 100%; height: 100%" @click="saoma()" mode=""></image>
			<!-- 下线 -->
			<image v-if="seen" :src="Tupian('/qishou/sao.png')" style="width: 100%; height: 100%" @click="bindorder1()" mode=""></image>
			<image v-if="!seen" :src="Tupian('/qishou/lu.png')" style="width: 100%; height: 100%" @click="luma()" mode=""></image>
			<image v-if="seen" :src="Tupian('/qishou/lu.png')" style="width: 100%; height: 100%" @click="bindorder1()" mode=""></image>
		</view>

		<!-- 用于图片压缩的canvas画布 -->
		<canvas
			:style="{
				width: cw + 'px',
				height: cw + 'px',
				position: 'absolute',
				zIndex: -1,
				left: '-10000rpx',
				top: '-10000rpx'
			}"
			canvas-id="zipCanvas"
		></canvas>
		<!--画布结束-->
	</view>
</template>

<script>
import empty from '@/components/empty'
import { requestAndroidPermission, gotoAppPermissionSetting } from '@/components/permission.js'
import configdata from '@/common/config.js'
import getLessLimitSizeImage from '@/utils/imageCompress.js'
export default {
	components: {
		empty
	},
	onShareAppMessage(res) {
		//发送给朋友
		return {
			title: this.tuiguang,
			path: '/pages/index/index',
			imageUrl: this.tuiguangImg
		}
	},
	onShareTimeline(res) {
		//分享到朋友圈
		return {
			title: this.tuiguang,
			path: '/pages/index/index',
			imageUrl: this.tuiguangImg
		}
	},
	data() {
		return {
			Authorization: false,
			alertPhone: false, //确认收货拍照弹出框
			alertduan: false, //确认收货选择短信框
			saomaPeisong: false, //扫码后配送中的单
			privacyContractName: '',
			checkxdd: '否',
			xddNumber: 0,
			xddcheck: true,
			avatar: '', //头像
			// 接单设置弹框
			show: false,
			tuiguang: '',
			tuiguangImg: '',
			closeable: true,
			checked: false,
			check: true,
			showModal: false,
			// head
			tit: '休息中',
			seen: true,
			tab: [
				{
					name: '接单池'
				},
				{
					name: '待取货'
				},
				{
					name: '配送中'
				},
				{
					name: '我的订单'
				}
			],
			current: 0,
			page1: 1,
			page2: 1,
			page3: 1,
			list_shanghu: [],
			list_box: [],
			list_tip: [],
			take_list: [],
			longitude: '', //经度
			latitude: '', //纬度
			indentType: null, //订单类型
			indentTypeName: '全部',
			indentTypeList: [
				{
					name: '全部',
					disabled: false
				},
				{
					name: '帮我取',
					disabled: false
				},
				{
					name: '帮我送',
					disabled: false
				},
				{
					name: '同城帮买',
					disabled: false
				},
				{
					name: '同城服务',
					disabled: false
				},
				{
					name: '同城外卖',
					disabled: false
				}
			],
			quyu: '设置自己的常在位置',
			quyuLongitude: '',
			quyuLatitude: '',
			totalCount1: 0, //最后一页
			totalCount2: 0, //最后一页
			totalCount3: 0, //最后一页
			indentState: 3,
			// lists: {
			// 	list: []
			// },
			lists: [],
			shows: false,
			shouhuoma: '',
			userId: '', //用户id
			checkCertification: '', //是否实名认证
			receivingPettern: '2', //1近单模式  2同城模式
			province: '',
			city: '',
			district: '',
			time: '',
			distance: '',
			jiedanSuccess: '',
			jiedan: '',
			arr: [],
			showModal111: true,
			orderNum: 0,
			qiZhandian: '',
			goodsPicture: [],
			count: 3,
			duanxin: [], //发送的短信
			qiPhone: '', //骑手电话
			ifrenwu: false,
			shopId: '',

			shoudanma: '', //收单码
			jiedanNo: false, //当前不能接
			list2: [],
			//画板边长默认是屏幕宽度，正方形画布
			cw: uni.getSystemInfoSync().windowWidth
		}
	},
	onHide() {
		clearInterval(this.time)
	},
	onLoad() {
		console.log(this.shouhuoma, '码')
		uni.showLoading({
			title: '加载中...',
			mask: true // 是否显示透明蒙层，防止触摸穿透
		})
		var dizhi = uni.getStorageSync('dizhi')
		if (dizhi.longitude) {
			this.longitude = dizhi.longitude
			this.latitude = dizhi.latitude
		}
		this.getShanglist()
		// this.taskData()
		let that = this
		this.time = setInterval(() => {
			// this.getShanglist()
			// that.taskData()
			that.getLocation()
		}, 5000)

		// #ifdef MP-WEIXIN
		try {
			wx.getPrivacySetting({
				success: (res) => {
					console.log('是否需要授权：', res.needAuthorization, '隐私协议的名称为：', res.privacyContractName)
					if (res.needAuthorization) {
						that.privacyContractName = res.privacyContractName
						// this.$refs.popusAuthorization.open();
						that.Authorization = true
					}
				},
				fail: () => {},
				complete: () => {}
			})
		} catch (e) {
			//TODO handle the exception
		}
		// #endif
	},
	onShow() {
		let that = this
		that.getOrderNum()
		that.getZhandian()
		//是否开启骑手新订单推送 340
		that.$Request.getT('/app/common/type/340').then((res) => {
			if (res.code === 0) {
				that.checkxdd = res.data.value
			}
		})
		//骑手新订单通知范围（km） 339
		that.$Request.getT('/app/common/type/339').then((res) => {
			if (res.code === 0) {
				that.xddNumber = res.data.value
			}
		})

		that.$Request.getT('/app/common/type/331').then((res) => {
			if (res.code === 0) {
				uni.setStorageSync('tuiguang', res.data.value)
				that.tuiguang = res.data.value
			}
		})

		that.$Request.getT('/app/common/type/332').then((res) => {
			if (res.code === 0) {
				uni.setStorageSync('tuiguangImg', res.data.value)
				that.tuiguangImg = res.data.value
			}
		})

		// 自动派单距离
		that.$Request.getT('/app/common/type/303').then((res) => {
			if (res.code === 0) {
				if (res.data.value > 1000) {
					that.distance = res.data.value / 1000 + '公里'
				} else if (res.data.value > 100) {
					that.distance = res.data.value + 'm'
				}
			}
		})
		//骑手端接单成功通知
		that.$Request.getT('/app/common/type/310').then((res) => {
			if (res.code === 0) {
				// this.jiedan = res.data.value
				that.arr.push(res.data.value)
			}
		})
		//骑手端订单完成通知
		that.$Request.getT('/app/common/type/311').then((res) => {
			if (res.code === 0) {
				// this.jiedanSuccess = res.data.value
				that.arr.push(res.data.value)
			}
		})
		//用户端骑手转单订单通知 338
		that.$Request.getT('/app/common/type/338').then((res) => {
			if (res.code === 0) {
				that.arr.push(res.data.value)
			}
		})
		//用户端骑手转单订单通知 335
		// that.$Request.getT('/app/common/type/335').then(res => {
		// 	if (res.code === 0) {
		// 		that.arr.push(res.data.value)
		// 	}
		// });

		that.avatar = uni.getStorageSync('avatar') ? uni.getStorageSync('avatar') : '../../static/logo.png'
		that.userId = uni.getStorageSync('userId')
		if (that.userId) {
			console.log(that.userId, '用户id')
			uni.getLocation({
				type: 'gcj02', //返回可以用于uni.openLocation的经纬度
				success: function (res) {
					console.log('当前位置的经度：' + res.longitude)
					console.log('当前位置的纬度：' + res.latitude)
					let data = {
						lat: res.latitude,
						lng: res.longitude
					}

					that.$Request.getT('/app/Login/selectCity', data).then((res) => {
						if (res.code == 0) {
							that.province = res.data.province
							that.city = res.data.city
							that.district = res.data.district
						}
					})
				},
				fail(e) {
					uni.hideLoading()
					uni.showModal({
						title: '温馨提示',
						content: '您的定位权限未开启，请开启后再来操作吧！',
						showCancel: true,
						cancelText: '取消',
						confirmText: '确认',
						success: (res) => {
							if (res.confirm) {
								// #ifdef MP-WEIXIN
								uni.openSetting({
									// 打开设置页
									success(rea) {
										console.log(rea.authSetting)
									}
								})
								// #endif
								// #ifdef APP-PLUS
								gotoAppPermissionSetting()
								// #endif
							}
						}
					})
				}
			})

			that.getUserInfo()
		}
		// #ifdef MP-WEIXIN
		//订阅
		if (that.userId) {
			if (that.showModal111) {
				that.openMsg()
			}
		}
		// #endif
	},
	methods: {
		//扫码取单，订单直接变为配送中
		saoma() {
			uni.showLoading({
				title: '扫码中...',
				mask: true // 是否显示透明蒙层，防止触摸穿透
			})
			var that = this
			wx.scanCode({
				onlyFromCamera: false, // 只允许从相机扫码
				success(res) {
					console.log('扫码成功：' + JSON.stringify(res) + res.result)
					that.shoudanma = res.result
					setTimeout(function () {
						that.saomaCha()
					}, 700)

					//扫码成功并且有订单接单成功，变为配送中
					//扫码成功后调用收单接口，判断是否成功和是否为配送中
					// that.current = 2
					// console.log(that.current,'that.current')
					//当前订单无法接
					// that.jiedanNo=true

					// 扫码成功后  在此处理接下来的逻辑
					// that.setData({
					//   shoudanma: res.result
					// })
				}
			})
			uni.hideLoading()
		},
		//录码收单
		luma() {
			uni.navigateTo({
				url: '/pages/index/luma'
			})
		},
		// 扫码查询订单列表
		saomaCha() {
			uni.showLoading({
				title: '加载中',
				mask: true // 是否显示透明蒙层，防止触摸穿透
			})
			var that = this
			that.$Request
				.getT('/app/tbindent/selectTbIndentPage', {
					page: 1,
					limit: 10,
					acquireCode: that.shoudanma
				})
				.then((res) => {
					console.log(res, 'lk')
					uni.hideLoading()
					if (res.data) {
						if (res.data.list.length > 0) {
							for (var i = 0; i < res.data.list.length; i++) {
								if (res.data.list[i].distancess > 1000) {
									res.data.list[i].distancess = Number(res.data.list[i].distancess / 1000).toFixed(2) + 'km'
								} else {
									if (res.data.list[i].distancess == '0') {
										res.data.list[i].distancess = '0m'
									} else {
										res.data.list[i].distancess = Number(res.data.list[i].distancess).toFixed(1) + 'm'
									}
								}

								if (res.data.list[i].distancessd > 1000) {
									res.data.list[i].distancessd = Number(res.data.list[i].distancessd / 1000).toFixed(2) + 'km'
								} else {
									if (res.data.list[i].distancessd == '0') {
										res.data.list[i].distancessd = '0m'
									} else {
										res.data.list[i].distancessd = Number(res.data.list[i].distancessd).toFixed(1) + 'm'
									}
								}
							}
						}
						var saomajie = []
						saomajie = res.data.list
						that.list2 = res.data.list
						console.log(saomajie, '列表')
						if (that.list2.length > 0) {
							if (that.list2[0].indentState == '2' || that.list2[0].indentState == '3') {
								//收单
								that.shouorder()
							} else if (that.list2[0].indentState == '4') {
								that.saomaPeisong = true
							} else {
								that.jiedanNo = true
								that.shoudanma = ''
							}
						} else {
							// that.saomaPeisong=true
							that.jiedanNo = true
							that.shoudanma = ''
						}
					} else if (res.msg == '当前订单无法接单') {
						that.jiedanNo = true
						that.shoudanma = ''
					}
					that.$forceUpdate()
					uni.stopPullDownRefresh()
					// 加载提示关闭
					uni.hideLoading()
				})
		},
		// 收单
		shouorder() {
			let that = this
			if (that.checkCertification == 0) {
				uni.showToast({
					title: '实名认证审核中,无法收单',
					icon: 'none'
				})
				return
			}
			if (that.checkCertification == 2) {
				uni.showToast({
					title: '实名认证未通过,无法收单',
					icon: 'none'
				})
				return
			}
			uni.showLoading({
				title: '加载中',
				mask: true // 是否显示透明蒙层，防止触摸穿透
			})
			console.log('用户点击确定')
			that.$Request
				.postT('/app/tbindent/orderIndentReceiving', {
					acquireCode: that.shoudanma
				})
				.then((res) => {
					console.log(res, 'ppp')
					if (res.code == 0) {
						uni.showToast({
							title: '收单成功',
							icon: 'none'
						})
						// 在toast显示2000毫秒（2秒）后执行操作
						setTimeout(function () {
							that.current = 2
							that.indentState = 4
							that.taskDataJ()
						}, 1200)
					} else {
						console.log('失败：', res.data)
						uni.showToast({
							title: res.msg,
							icon: 'none'
						})
						// that.taskData()
					}
					// 加载提示关闭
					uni.hideLoading()
					that.shouhuoma = ''
				})
		},
		// 打开隐私协议页面
		openPrivacyContract() {
			let that = this
			wx.openPrivacyContract({
				fail: () => {
					that.$queue.showToast('遇到错误无法打开！')
				}
			})
		},
		// 拒绝隐私协议
		exitMiniProgram() {
			// 直接退出小程序
			wx.exitMiniProgram()
		},
		// 同意隐私协议
		handleAgreePrivacyAuthorization() {
			// this.$refs.popusAuthorization.close();
			this.Authorization = false
			let that = this
			uni.getLocation({
				type: 'gcj02', //返回可以用于uni.openLocation的经纬度
				success: function (res) {
					console.log('当前位置的经度：' + res.longitude)
					console.log('当前位置的纬度：' + res.latitude)
					let data = {
						lat: res.latitude,
						lng: res.longitude
					}

					that.$Request.getT('/app/Login/selectCity', data).then((res) => {
						if (res.code == 0) {
							that.province = res.data.province
							that.city = res.data.city
							that.district = res.data.district
						}
					})
				},
				fail(e) {
					uni.hideLoading()
					uni.showModal({
						title: '温馨提示',
						content: '您的定位权限未开启，请开启后再来操作吧！',
						showCancel: true,
						cancelText: '取消',
						confirmText: '确认',
						success: (res) => {
							if (res.confirm) {
								// #ifdef MP-WEIXIN
								uni.openSetting({
									// 打开设置页
									success(rea) {
										console.log(rea.authSetting)
									}
								})
								// #endif
								// #ifdef APP-PLUS
								gotoAppPermissionSetting()
								// #endif
							}
						}
					})
				}
			})
		},
		//获取最大接单数
		getOrderNum() {
			// orderNum
			this.$Request.get('/app/common/type/342').then((res) => {
				if (res.code == 0 && res.data.value) {
					this.orderNum = res.data.value
				}
			})
		},
		//获取骑手所在站点
		getZhandian() {
			let data = {
				userId: uni.getStorageSync('userId')
			}
			this.$Request.get('/admin/riderStation/getRiderStationName', data).then((res) => {
				console.log('骑手站点', this.userId, res)
				if (res.code == 0 && res.data.stationName) {
					this.qiZhandian = res.data.stationName
				}
			})
		},
		// 上传骑手位置
		getLocation() {
			if (this.userId) {
				let data = {
					lng: this.longitude,
					lat: this.latitude,
					userId: this.userId,
					province: this.province,
					city: this.city,
					district: this.district
				}
				this.$Request.getT('/timedtask/riderLocation', data).then((res) => {
					if ((res.code = 0)) {
						console.log('上传骑手位置')
					}
				})
			}
		},
		switchxdd(e) {
			this.xddcheck = e
			// #ifdef MP-WEIXIN
			if (uni.getStorageSync('sendMsg')) {
				uni.requestSubscribeMessage({
					tmplIds: this.arr,
					success(re) {
						// console.log(re,'**********')
						var datas = JSON.stringify(re)
						if (datas.indexOf('accept') != -1) {
							console.log(re)
						}
					},
					fail: (res) => {
						console.log(res)
					}
				})
			}
			// #endif
			let isSendMsg = 1
			if (!this.xddcheck) {
				isSendMsg = 2
			}
			let data = {
				isSendMsg: isSendMsg
			}
			this.$Request.postJson('/app/user/updateUser', data).then((res) => {
				if (res.code == 0) {
				}
			})
		},
		//获取用户信息
		getUserInfo() {
			let that = this
			that.$Request.getT('/app/userinfo/findUserInfoById').then((res) => {
				if (res.code == 0 && res.data) {
					that.seen = res.data.onLineFlag == 1 ? false : true
					// that.xddcheck = res.data.isSendMsg == 2 ? false : true;
					that.checkCertification = res.data.checkCertification
					this.qiPhone = res.data.phone
					uni.setStorageSync('phone', res.data.phone)
					uni.setStorageSync('checkCertification', res.data.checkCertification)
					if (that.seen) {
						that.tit = '休息中'
					} else {
						that.tit = '接单中'
						// that.locationUpdate()
					}
					uni.getLocation({
						type: 'wgs84',
						success: (res) => {
							console.log('当前位置的经度：' + res.longitude)
							console.log('当前位置的纬度：' + res.latitude)
							that.longitude = res.longitude
							that.latitude = res.latitude
							that.locationUpdate(that.longitude, that.latitude)
							if (that.current == 0) {
								if (!that.ifrenwu) {
									this.getShanglist()
								} else {
									that.taskData()
								}
								//
							} else if (that.current == 1) {
								that.indentState = 3
								that.taskDataJ()
							} else if (that.current == 2) {
								that.indentState = 4
								that.taskDataJ()
							}
						}
					})
				}
			})
		},
		// 顶部tab切换
		change(index) {
			// #ifdef MP-WEIXIN
			if (uni.getStorageSync('sendMsg')) {
				uni.requestSubscribeMessage({
					tmplIds: this.arr,
					success(re) {
						// console.log(re,'**********')
						var datas = JSON.stringify(re)
						if (datas.indexOf('accept') != -1) {
							console.log(re)
						}
					},
					fail: (res) => {
						console.log(res)
					}
				})
			}
			// #endif
			this.current = index
			if (index == 0) {
				//接单池
				uni.showLoading({
					title: '加载中...',
					mask: true // 是否显示透明蒙层，防止触摸穿透
				})
				this.page1 = 1
				this.ifrenwu = false
				this.getShanglist()
				// this.taskData()
			} else if (index == 1) {
				//待取货
				uni.showLoading({
					title: '加载中...',
					mask: true // 是否显示透明蒙层，防止触摸穿透
				})
				this.page3 = 1
				this.indentState = 3
				this.taskDataJ()
			} else if (index == 2) {
				//配送中
				uni.showLoading({
					title: '加载中...',
					mask: true // 是否显示透明蒙层，防止触摸穿透
				})
				this.page3 = 1
				this.indentState = 4
				this.taskDataJ()
			} else if (index == 3) {
				//全部订单
				// uni.showLoading({
				// 	title: '加载中...'，
				// mask: true, // 是否显示透明蒙层，防止触摸穿透
				// })
				this.current = 0
				uni.navigateTo({
					url: '/pages/riderMy/order'
				})
			}
		},
		// 上下线
		bindup() {
			let that = this
			if (!that.userId) {
				uni.navigateTo({
					url: '/pages/login/login'
				})
				return
			}
			// #ifdef MP-WEIXIN
			if (uni.getStorageSync('sendMsg')) {
				uni.requestSubscribeMessage({
					tmplIds: this.arr,
					success(re) {
						// console.log(re,'**********')
						var datas = JSON.stringify(re)
						if (datas.indexOf('accept') != -1) {
							console.log(re)
						}
					},
					fail: (res) => {
						console.log(res)
					}
				})
			}
			// #endif
			let content = ''
			if (that.seen) {
				content = '确认开始接单吗'
			} else {
				content = '确认停止接单吗'
			}
			uni.showModal({
				title: '提示',
				content: content,
				success: function (res) {
					if (res.confirm) {
						that.$Request
							.postT('/app/userinfo/updateOnLine', {
								onLineFlag: that.seen ? 1 : 2
							})
							.then((res) => {
								that.getUserInfo()
							})
					}
				}
			})
		},
		// 更新骑手位置信息
		locationUpdate(lng, lat) {
			let that = this
			// setInterval(function() {
			that.$Request
				.postT('/app/userinfo/updateCoordinate', {
					lng: lng,
					lat: lat
				})
				.then((res) => {
					console.log('位置信息更新', res)
					if (!that.ifrenwu) {
						this.getShanglist()
					} else {
						that.taskData()
					}
					// that.taskData()
				})
			// }, 600000)
		},
		//跳转某商家订单
		dingdetails(shopId) {
			this.shopId = shopId
			this.ifrenwu = true
			this.taskData()
		},
		//返回商户
		fanhuiShang() {
			this.ifrenwu = false
			this.getShanglist()
		},
		// 跳转订单详情
		binddetails(id, types) {
			// #ifdef MP-WEIXIN
			if (uni.getStorageSync('sendMsg')) {
				uni.requestSubscribeMessage({
					tmplIds: this.arr,
					success(re) {
						// console.log(re,'**********')
						var datas = JSON.stringify(re)
						if (datas.indexOf('accept') != -1) {
							console.log(re)
						}
					},
					fail: (res) => {
						console.log(res)
					}
				})
			}
			// #endif
			console.log('```', id, types)
			if (types == 1 || types == 2 || types == 3 || types == 5) {
				uni.navigateTo({
					url: '/pages/index/buyOrder/buyOrder?id=' + id
				})
			} else {
				uni.navigateTo({
					url: '/pages/index/cityOrder/cityOrder?id=' + id
				})
			}
		},
		// 接单
		bindorder(item, index) {
			let that = this
			if (!that.userId) {
				uni.showModal({
					title: '提示',
					content: '请先登录后再接单',
					success: function (res) {
						if (res.confirm) {
							console.log('用户点击确定')
							uni.navigateTo({
								url: '/pages/login/login'
							})
						} else if (res.cancel) {
							console.log('用户点击取消')
						}
					}
				})
				return
			}
			// #ifdef MP-WEIXIN
			if (uni.getStorageSync('sendMsg')) {
				uni.requestSubscribeMessage({
					tmplIds: this.arr,
					success(re) {
						// console.log(re,'**********')
						var datas = JSON.stringify(re)
						if (datas.indexOf('accept') != -1) {
							console.log(re)
						}
					},
					fail: (res) => {
						console.log(res)
					}
				})
			}
			// #endif
			if (that.checkCertification == null) {
				uni.showModal({
					title: '提示',
					content: '请先实名认证后再接单',
					success: function (res) {
						if (res.confirm) {
							console.log('用户点击确定')
							uni.navigateTo({
								url: '/pages/riderMy/approve/approve'
							})
						} else if (res.cancel) {
							console.log('用户点击取消')
						}
					}
				})
				return
			}
			if (that.checkCertification == 0) {
				uni.showToast({
					title: '实名认证审核中,无法接单',
					icon: 'none'
				})
				return
			}
			if (that.checkCertification == 2) {
				uni.showToast({
					title: '实名认证未通过,无法接单',
					icon: 'none'
				})
				return
			}

			uni.showModal({
				title: '提示',
				content: '确认接单吗',
				success: function (res) {
					if (res.confirm) {
						uni.showLoading({
							title: '加载中',
							mask: true // 是否显示透明蒙层，防止触摸穿透
						})
						console.log('用户点击确定', item.indentNumber)
						that.$Request
							.postT('/app/tbindent/indentReceiving', {
								indentNumber: item.indentNumber
							})
							.then((res) => {
								console.log(res, 'kkk')
								if (res.code == 0) {
									// that.page1 = 1
									// this.getShanglist()
									// that.taskData()
									uni.showToast({
										title: '接单成功',
										icon: 'none'
									})
									// 在toast显示2000毫秒（2秒）后执行操作
									setTimeout(function () {
										//刷新当前列，不返回分页的第一条
										that.list_box.splice(index, 1)
									}, 1200)
								} else {
									console.log('失败：', res.data)
									uni.showToast({
										title: res.msg,
										icon: 'none'
									})
									// 在toast显示2000毫秒（2秒）后执行操作
									setTimeout(function () {
										if (!that.ifrenwu) {
											that.page1 = 1
											that.getShanglist()
										} else {
											that.page2 = 1
											that.taskData()
										}
									}, 1200)
									// that.getShanglist()
									// that.taskData()
								}
								// 加载提示关闭
								uni.hideLoading()
							})
					} else if (res.cancel) {
						console.log('用户点击取消')
					}
				}
			})
		},
		// 未登录接单
		bindorder1() {
			uni.showToast({
				title: '上线后方可接单',
				icon: 'none'
			})
		},
		bindridermy() {
			// #ifdef MP-WEIXIN
			if (uni.getStorageSync('sendMsg')) {
				uni.requestSubscribeMessage({
					tmplIds: this.arr,
					success(re) {
						// console.log(re,'**********')
						var datas = JSON.stringify(re)
						if (datas.indexOf('accept') != -1) {
							console.log(re)
						}
					},
					fail: (res) => {
						console.log(res)
					}
				})
			}
			// #endif
			uni.navigateTo({
				url: '/pages/riderMy/riderMy'
			})
		},
		onshow() {
			console.log('第一个')
			this.show = true
		},
		//获取接单池各商家列表
		getShanglist() {
			uni.showLoading({
				title: '加载中',
				mask: true // 是否显示透明蒙层，防止触摸穿透
			})
			var daa = {
				buyTpye: '', // 购买类型 0：骑手就近购买；1：用户指定地址购买"
				indentType: this.indentType,
				limit: 10,
				page: this.page1,
				receivingPattern: this.receivingPettern,
				riderLat: this.latitude,
				riderLng: this.longitude
			}
			console.log('之前', daa)
			this.$Request
				.postJson('/app/tbindent/find-new-indent-group-by-shop', {
					buyTpye: '', // 购买类型 0：骑手就近购买；1：用户指定地址购买"
					indentType: this.indentType,
					limit: 10,
					page: this.page1,
					receivingPattern: this.receivingPettern,
					riderLat: this.latitude,
					riderLng: this.longitude
				})
				.then((res) => {
					uni.hideLoading()
					if (res.data) {
						if (res.data.list.length > 0) {
						}
						this.totalCount1 = res.data.totalCount
						if (this.page1 == 1) {
							this.list_shanghu = res.data.list
						} else {
							this.list_shanghu = this.list_shanghu.concat(res.data.list)
						}
						console.log(this.list_shanghu, 'this.list_shanghu')
					}
					this.$forceUpdate()
					uni.stopPullDownRefresh()
					// 加载提示关闭
					uni.hideLoading()
				})
		},
		// 获取新任务数据
		taskData() {
			uni.showLoading({
				title: '加载中',
				mask: true // 是否显示透明蒙层，防止触摸穿透
			})

			this.$Request
				.postJson('/app/tbindent/find-new-indent', {
					buyTpye: '', // 购买类型 0：骑手就近购买；1：用户指定地址购买"
					page: this.page2,
					limit: 10,
					receivingPattern: this.receivingPettern,
					indentType: this.indentType,
					shopId: this.shopId,
					riderLat: this.latitude,
					riderLng: this.longitude
				})
				.then((res) => {
					uni.hideLoading()
					if (res.data) {
						if (res.data.list.length > 0) {
							for (var i = 0; i < res.data.list.length; i++) {
								if (res.data.list[i].distancess > 1000) {
									res.data.list[i].distancess = Number(res.data.list[i].distancess / 1000).toFixed(2) + 'km'
								} else {
									if (res.data.list[i].distancess == '0') {
										res.data.list[i].distancess = '0m'
									} else {
										res.data.list[i].distancess = Number(res.data.list[i].distancess).toFixed(1) + 'm'
									}
								}

								// if (res.data.list[i].distance > 1000) {
								// 	res.data.list[i].distance = Number((res.data.list[i].distance / 1000)).toFixed(2) + "km"
								// } else {
								// 	if (res.data.list[i].distance == 0) {
								// 		res.data.list[i].distance = "0m";
								// 	} else {
								// 		res.data.list[i].distance = Number(res.data.list[i].distance).toFixed(1) + "m";
								// 	}
								// }

								if (res.data.list[i].distancessd > 1000) {
									res.data.list[i].distancessd = Number(res.data.list[i].distancessd / 1000).toFixed(2) + 'km'
								} else {
									if (res.data.list[i].distancessd == '0') {
										res.data.list[i].distancessd = '0m'
									} else {
										res.data.list[i].distancessd = Number(res.data.list[i].distancessd).toFixed(1) + 'm'
									}
								}
							}
						}
						this.totalCount2 = res.data.totalCount
						if (this.page2 == 1) {
							this.list_box = res.data.list
						} else {
							this.list_box = this.list_box.concat(res.data.list)
						}
						console.log('list_box', this.list_box)
					}
					this.$forceUpdate()
					uni.stopPullDownRefresh()
					// 加载提示关闭
					uni.hideLoading()
				})
		},
		// 获取待取货和配送中订单
		taskDataJ() {
			uni.showLoading({
				title: '加载中',
				mask: true // 是否显示透明蒙层，防止触摸穿透
			})
			this.$Request
				.getT('/app/tbindent/findRiderIndent', {
					page: this.page3,
					limit: 10,
					indentState: this.indentState
					// ol: this.longitude,
					// od: this.latitude
				})
				.then((res) => {
					this.totalCount3 = res.data.totalCount
					if (this.page3 == 1) {
						this.lists = res.data.list
					} else {
						this.lists = this.lists.concat(res.data.list)
					}
					for (var i in this.lists) {
						if (this.lists[i].distanceInitial > 1000) {
							this.lists[i].distanceInitials = (Number(this.lists[i].distanceInitial) / 1000).toFixed(2)
						}
						if (this.lists[i].distance > 1000) {
							this.lists[i].distances = (Number(this.lists[i].distance) / 1000).toFixed(2)
						}
					}
					console.log('lists', this.lists)
					uni.stopPullDownRefresh()
					// 加载提示关闭
					uni.hideLoading()
				})
		},
		switch1(e) {
			// #ifdef MP-WEIXIN
			if (uni.getStorageSync('sendMsg')) {
				uni.requestSubscribeMessage({
					tmplIds: this.arr,
					success(re) {
						// console.log(re,'**********')
						var datas = JSON.stringify(re)
						if (datas.indexOf('accept') != -1) {
							console.log(re)
						}
					},
					fail: (res) => {
						console.log(res)
					}
				})
			}
			// #endif
			this.checked = e
			this.check = !this.check

			if (e == true) {
				this.receivingPettern = '1'
			}
			if (e == false) {
				// this.checked = false
				// this.check = true
				this.receivingPettern = '2'
			}
			console.log(e)
		},
		switch2(e) {
			// #ifdef MP-WEIXIN
			if (uni.getStorageSync('sendMsg')) {
				uni.requestSubscribeMessage({
					tmplIds: this.arr,
					success(re) {
						// console.log(re,'**********')
						var datas = JSON.stringify(re)
						if (datas.indexOf('accept') != -1) {
							console.log(re)
						}
					},
					fail: (res) => {
						console.log(res)
					}
				})
			}
			// #endif
			console.log(e)
			this.check = e
			this.checked = !this.check
			if (e == true) {
				// this.checked = true
				// this.check = false
				this.receivingPettern = '2'
			}
			if (e == false) {
				// this.checked = false
				// this.check = true
				this.receivingPettern = '1'
			}
		},
		// 打开类型选择模态框
		showModals() {
			// #ifdef MP-WEIXIN
			if (uni.getStorageSync('sendMsg')) {
				uni.requestSubscribeMessage({
					tmplIds: this.arr,
					success(re) {
						// console.log(re,'**********')
						var datas = JSON.stringify(re)
						if (datas.indexOf('accept') != -1) {
							console.log(re)
						}
					},
					fail: (res) => {
						console.log(res)
					}
				})
			}
			// #endif
			this.showModal = true
		},
		radioChange(e) {
			// console.log(e);
		},
		radioGroupChange(e) {
			console.log('······2', e)
			this.indentTypeName = e
		},
		// 点击确定按钮
		confirm() {
			// #ifdef MP-WEIXIN
			if (uni.getStorageSync('sendMsg')) {
				uni.requestSubscribeMessage({
					tmplIds: this.arr,
					success(re) {
						// console.log(re,'**********')
						var datas = JSON.stringify(re)
						if (datas.indexOf('accept') != -1) {
							console.log(re)
						}
					},
					fail: (res) => {
						console.log(res)
					}
				})
			}
			// #endif
			if (this.indentTypeName == '全部') {
				this.indentType = null
			}
			if (this.indentTypeName == '帮我取') {
				this.indentType = 2
			}
			if (this.indentTypeName == '帮我送') {
				this.indentType = 1
			}
			if (this.indentTypeName == '同城帮买') {
				this.indentType = 3
			}
			if (this.indentTypeName == '同城服务') {
				this.indentType = 4
			}
			if (this.indentTypeName == '同城外卖') {
				this.indentType = 5
			}
		},
		// 获取地址
		dizhis() {
			var that = this
			uni.chooseLocation({
				success: function (res) {
					console.log(res)

					uni.setStorageSync('dizhi', res)
					that.quyu = res.name
					that.quyuLongitude = res.longitude
					that.quyuLatitude = res.latitude
				}
			})
		},
		// 关闭底部弹出层
		closePopup() {
			// #ifdef MP-WEIXIN
			if (uni.getStorageSync('sendMsg')) {
				uni.requestSubscribeMessage({
					tmplIds: this.arr,
					success(re) {
						// console.log(re,'**********')
						var datas = JSON.stringify(re)
						if (datas.indexOf('accept') != -1) {
							console.log(re)
						}
					},
					fail: (res) => {
						console.log(res)
					}
				})
			}
			// #endif

			if (this.quyuLongitude != '') {
				this.longitude = this.quyuLongitude
				this.latitude = this.quyuLatitude
			}
			if (!this.ifrenwu) {
				this.page1 = 1
				this.getShanglist()
			} else {
				this.page2 = 1
				this.taskData()
			}
		},
		// 订单详情
		bindorderDetail(indentNumber, orderId) {
			// #ifdef MP-WEIXIN
			if (uni.getStorageSync('sendMsg')) {
				uni.requestSubscribeMessage({
					tmplIds: this.arr,
					success(re) {
						// console.log(re,'**********')
						var datas = JSON.stringify(re)
						if (datas.indexOf('accept') != -1) {
							console.log(re)
						}
					},
					fail: (res) => {
						console.log(res)
					}
				})
			}
			// #endif
			console.log(indentNumber, orderId)
			uni.navigateTo({
				url: '/pages/index/orderdetail/orderdetail?orderId=' + orderId + '&id=' + indentNumber
			})
		},
		// 取消订单
		quxiao(indentNumber, index) {
			// #ifdef MP-WEIXIN
			if (uni.getStorageSync('sendMsg')) {
				uni.requestSubscribeMessage({
					tmplIds: this.arr,
					success(re) {
						// console.log(re,'**********')
						var datas = JSON.stringify(re)
						if (datas.indexOf('accept') != -1) {
							console.log(re)
						}
					},
					fail: (res) => {
						console.log(res)
					}
				})
			}
			// #endif
			let that = this
			uni.showModal({
				title: '提示',
				content: '取消订单将会被扣保证金',
				success: function (res) {
					if (res.confirm) {
						uni.showLoading({
							title: '加载中',
							mask: true // 是否显示透明蒙层，防止触摸穿透
						})
						console.log('用户点击确定')
						that.$Request
							.postT('/app/tbindent/riderCancleIndent', {
								indentNumber: indentNumber
							})
							.then((res) => {
								console.log(res)
								if (res.code == 0) {
									uni.showToast({
										title: '订单已取消',
										icon: 'none'
									})
									// 在toast显示2000毫秒（2秒）后执行操作
									setTimeout(function () {
										//刷新当前列，不返回分页的第一条
										that.lists.splice(index, 1)
									}, 1200)

									// that.taskDataJ()
								} else {
									uni.showToast({
										title: res.msg,
										icon: 'none'
									})
									// 在toast显示2000毫秒（2秒）后执行操作
									setTimeout(function () {
										that.taskDataJ()
									}, 1200)
								}
								// 加载提示关闭
								uni.hideLoading()
							})
					} else if (res.cancel) {
						console.log('用户点击取消')
					}
				}
			})
		},
		quhuo(indentId, index) {
			let that = this
			// #ifdef MP-WEIXIN
			if (uni.getStorageSync('sendMsg')) {
				uni.requestSubscribeMessage({
					tmplIds: this.arr,
					success(re) {
						// console.log(re,'**********')
						var datas = JSON.stringify(re)
						if (datas.indexOf('accept') != -1) {
							console.log(re)
						}
					},
					fail: (res) => {
						console.log(res)
					}
				})
			}
			// #endif
			uni.showModal({
				title: '提示',
				content: '确认到取货吗',
				success: function (res) {
					if (res.confirm) {
						uni.showLoading({
							title: '加载中',
							mask: true // 是否显示透明蒙层，防止触摸穿透
						})
						that.$Request
							.postJson('/app/tbindent/riderBuyGoods', {
								indentId: indentId,
								indentState: '4'
							})
							.then((res) => {
								console.log(res)
								if (res.code == 0) {
									uni.showToast({
										title: '确认取货成功',
										icon: 'none'
									})
									// that.indentState = 4
									setTimeout(function () {
										// that.taskDataJ()
										//刷新当前列，不返回分页的第一条
										that.lists.splice(index, 1)
										// that.current = 2
									}, 1200)
								} else {
									uni.showToast({
										title: res.msg,
										icon: 'none'
									})
									setTimeout(function () {
										that.taskDataJ()
										// that.current = 2
									}, 1200)
								}
								// 加载提示关闭
								uni.hideLoading()
							})
					} else {
					}
				}
			})
		},
		//拍照
		paiOrder(e) {
			if (this.shoudanma != '') {
				this.saomaPeisong = false
				this.indentNumber = e.indentNumber
				this.orderId = e.orderId
				this.alertPhone = true
				return
			}
			this.indentNumber = e.indentNumber
			this.orderId = e.orderId
			this.alertPhone = true
		},
		shouhuo(e, index) {
			if (this.shoudanma != '') {
				this.saomaPeisong = false
				this.orderId = e.orderId
				this.querenduanxinList()
				//需拍照的弹出框
				this.alertduan = true
				return
			}
			this.indentNumber = e.indentNumber
			// if(e.indentType==5){
			// 	this.querenSh()
			// }
			if (e.itemCodeFlag == 0 && e.indentType != 5) {
				this.shows = true
			} else {
				this.orderId = e.orderId
				this.querenduanxinList()
				//需拍照的弹出框
				this.alertduan = true
				// this.querenSh()
			}
		},
		// 图片上传
		addImages(e) {
			uni.showLoading({
				title: '加载中',
				mask: true // 是否显示透明蒙层，防止触摸穿透
			})
			if (e == 1) {
				var num = this.goodsPicture.length
				this.count = 2 - num
			}

			let that = this
			uni.chooseImage({
				count: this.count,
				sourceType: ['camera', 'album'],
				success: (res) => {
					for (let i = 0; i < res.tempFiles.length; i++) {
						//这里的id和页面中写的html代码的canvas的id要一致
						let canvasId = 'zipCanvas'
						//原图的路径
						let imagePath = res.tempFiles[i].path
						//大小限制
						let limitSize = 1024 * 2
						//初始绘画区域是画布自身的宽度也就是屏幕宽度
						let drawWidth = uni.getSystemInfoSync().windowWidth
						let that = this
						getLessLimitSizeImage(canvasId, imagePath, limitSize, drawWidth, that, (resPath) => {
							uni.showLoading({
								title: '上传中'
							})
							uni.uploadFile({
								url: that.config('APIHOST1') + '/alioss/upload',
								filePath: resPath,
								name: 'file',
								success: (uploadFileRes) => {
									if (e == 1) {
										if (that.goodsPicture.length < 2) {
											that.goodsPicture.push(JSON.parse(uploadFileRes.data).data)
										}
									}
									uni.hideLoading()
								},
								fail: () => {
									uni.showToast({
										title: '上传失败',
										icon: 'error'
									})
								}
							})
						})
					}
				}
			})
		},
		// 图片删除
		removeImg(index, texts) {
			if (texts == 'lb') {
				this.goodsPicture.splice(index, 1)
			}
		},
		config: function (name) {
			var info = null
			if (name) {
				var name2 = name.split('.') //字符分割
				if (name2.length > 1) {
					info = configdata[name2[0]][name2[1]] || null
				} else {
					info = configdata[name] || null
				}
				if (info == null) {
					let web_config = cache.get('web_config')
					if (web_config) {
						if (name2.length > 1) {
							info = web_config[name2[0]][name2[1]] || null
						} else {
							info = web_config[name] || null
						}
					}
				}
			}
			return info
		},
		// 监听拍照框关闭
		onclose() {
			this.alertPhone = false
			this.alertduan = false
			this.goodsPicture = []
		},
		//确认上传图片
		querenduanxin() {
			uni.showLoading({
				title: '加载中',
				mask: true // 是否显示透明蒙层，防止触摸穿透
			})
			var tupian = this.goodsPicture.toString()
			var indentNumber = this.indentNumber
			this.$Request
				.putT(`/app/tbindent/delivery-img/${indentNumber}`, {
					userId: uni.getStorageSync('userId'),
					// indentNumber:this.indentNumber,
					imgs: tupian
				})
				.then((res) => {
					console.log(res, 'img')
					if (res.code == 0) {
						if (this.shoudanma != '') {
							this.alertPhone = false
							this.saomaCha()
							// this.saomaPeisong=true
						}
						this.alertPhone = false
						uni.showToast({
							title: '图片上传完成',
							icon: 'none'
						})
						// 在toast显示2000毫秒（2秒）后执行操作
						setTimeout(function () {}, 1200)
					} else {
						uni.showToast({
							title: res.msg,
							icon: 'none'
						})
					}
					// 加载提示关闭
					uni.hideLoading()
				})
		},
		// 获取确认送达短信模板
		querenduanxinList() {
			uni.showLoading({
				title: '加载中',
				mask: true // 是否显示透明蒙层，防止触摸穿透
			})
			// this.$Request.postT('/app/tb-indent-sms/template', {
			this.$Request
				.getT('/app/tb-indent-sms/template', {
					// indentNumber: this.indentNumber,
					// itemCode: this.shouhuoma
				})
				.then((res) => {
					console.log(res)
					this.duanxin = res.data.list
					if (res.code == 0) {
						this.page1 = 1
						this.page2 = 1
						this.page3 = 1
						// this.alertPhone = false
						this.alertduan = true
					} else {
						uni.showToast({
							title: res.msg,
							icon: 'none'
						})
					}
					// 加载提示关闭
					uni.hideLoading()
				})
		},
		querenSh() {
			// #ifdef MP-WEIXIN
			if (uni.getStorageSync('sendMsg')) {
				uni.requestSubscribeMessage({
					tmplIds: this.arr,
					success(re) {
						// console.log(re,'**********')
						var datas = JSON.stringify(re)
						if (datas.indexOf('accept') != -1) {
							console.log(re)
						}
					},
					fail: (res) => {
						console.log(res)
					}
				})
			}
			// #endif
			let that = this
			// var date = new Date();
			// var year = date.getFullYear();
			// let Rcode = year + that.shouhuoma
			// that.$Request.postT('/app/tbindent/riderDelivery', {
			uni.showLoading({
				title: '加载中',
				mask: true // 是否显示透明蒙层，防止触摸穿透
			})
			if (this.shoudanma != '') {
				console.log('1aaaaa')
				this.$Request
					.postJson('/app/tbindent/orderRiderDelivery', {
						smsTemplateId: that.duanxin[0].id,
						// indentNumber: that.indentNumber,
						acquireCode: that.shoudanma
						// imgs:'',
						// itemCode: Rcode
						// itemCode: that.shouhuoma
					})
					.then((res) => {
						console.log(res)
						if (res.code == 0) {
							uni.showToast({
								title: '订单完成',
								icon: 'none'
							})
							// 在toast显示2000毫秒（2秒）后执行操作
							setTimeout(function () {
								that.alertduan = false
							}, 1200)
						} else {
							uni.showToast({
								title: res.msg,
								icon: 'none'
							})
						}
						// 加载提示关闭
						uni.hideLoading()
						that.shouhuoma = ''
					})
				return
			}
			console.log('2bbbbb')
			this.$Request
				.postJson('/app/tbindent/riderDelivery', {
					smsTemplateId: this.duanxin[0].id,
					indentNumber: that.indentNumber,
					// itemCode: Rcode
					itemCode: that.shouhuoma
				})
				.then((res) => {
					console.log(res)
					that.shouhuoma = ''
					if (res.code == 0) {
						this.alertduan = false
						// this.alertduan = false
						this.shows = false
						uni.showToast({
							title: '订单完成',
							icon: 'none'
						})
						// 在toast显示2000毫秒（2秒）后执行操作
						setTimeout(function () {
							that.alertduan = false
							// this.alertduan = false
							that.shows = false
						}, 1200)
						// this.lists = []
						// that.taskDataJ()
					} else {
						uni.showToast({
							title: res.msg,
							icon: 'none'
						})
						// 在toast显示2000毫秒（2秒）后执行操作
						setTimeout(function () {
							that.taskDataJ()
						}, 1200)
					}
					// 加载提示关闭
					uni.hideLoading()
				})
		},
		// 开启订阅消息
		openMsg() {
			console.log('订阅消息')
			var that = this
			uni.getSetting({
				withSubscriptions: true, //是否获取用户订阅消息的订阅状态，默认false不返回
				success(ret) {
					console.log(ret.subscriptionsSetting, '------------------')
					// if (ret.subscriptionsSetting.itemSettings && Object.keys(ret.subscriptionsSetting.itemSettings).length == 2) {
					if (ret.subscriptionsSetting.itemSettings) {
						uni.setStorageSync('sendMsg', true)
						uni.openSetting({
							// 打开设置页
							success(rea) {
								console.log(rea.authSetting)
							}
						})
					} else {
						// 用户没有点击“总是保持以上，不再询问”则每次都会调起订阅消息
						uni.setStorageSync('sendMsg', false)
						uni.showModal({
							title: '提示',
							content: '为了更好的体验,请绑定消息推送',
							confirmText: '确定',
							cancelText: '取消',
							success: function (res) {
								if (res.confirm) {
									wx.requestSubscribeMessage({
										tmplIds: that.arr,
										success(re) {
											var datas = JSON.stringify(re)
											if (datas.indexOf('accept') != -1) {
												console.log(re)
												// uni.setStorageSync('sendMsg', true)
											}
										},
										fail: (res) => {
											console.log(res)
										}
									})
									// uni.setStorageSync('sendMsg', true)

									that.showModal111 = false
								} else if (res.cancel) {
									console.log('取消')
									// uni.setStorageSync('sendMsg', false)
									that.showModal111 = true
								}
							}
						})
					}
				}
			})
		}
	},
	// 上拉加载
	onReachBottom: function () {
		if (this.current == 0) {
			if (!this.ifrenwu) {
				console.log(this.list_shanghu.length, this.totalCount1, 'list_shanghu')
				if (this.list_shanghu.length < this.totalCount1) {
					this.page1 = this.page1 + 1
					this.getShanglist()
				} else {
					uni.showToast({
						title: '已经最后一页啦',
						icon: 'none'
					})
				}
			} else {
				console.log(this.list_box.length, this.totalCount2, 'jjj')
				if (this.list_box.length < this.totalCount2) {
					this.page2 = this.page2 + 1
					this.taskData()
				} else {
					uni.showToast({
						title: '已经最后一页啦',
						icon: 'none'
					})
				}
			}
		} else if (this.current == 1) {
			//配送中
			if (this.lists.length < this.totalCount3) {
				this.page3 = this.page3 + 1
				this.indentState = 3
				this.taskDataJ()
			} else {
				uni.showToast({
					title: '已经最后一页啦',
					icon: 'none'
				})
			}
		} else if (this.current == 2) {
			//全部订单
			if (this.lists.length < this.totalCount3) {
				this.page3 = this.page3 + 1
				this.indentState = 4
				this.taskDataJ()
			} else {
				uni.showToast({
					title: '已经最后一页啦',
					icon: 'none'
				})
			}
		}
	},
	onPullDownRefresh: function () {
		if (this.current == 0) {
			if (!this.ifrenwu) {
				this.page1 = 1
				this.getShanglist()
			} else {
				this.page2 = 1
				this.taskData()
			}
		} else if (this.current == 1) {
			this.page3 = 1
			this.indentState = 3
			this.taskDataJ()
		} else if (this.current == 2) {
			this.page3 = 1
			this.indentState = 4
			this.taskDataJ()
		}
	}
}
</script>

<style>
body {
	background: #f5f5f5;
}

.privacy {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9999999;
	display: flex;
	align-items: center;
	justify-content: center;
}

.contentview {
	width: 632rpx;
	padding: 48rpx;
	box-sizing: border-box;
	background: #fff;
	border-radius: 16rpx;
}

.contentview .title {
	text-align: center;
	color: #333;
	font-weight: bold;
	font-size: 32rpx;
}

.contentview .des {
	font-size: 26rpx;
	color: #666;
	margin-top: 40rpx;
	text-align: justify;
	line-height: 1.6;
}

.contentview .des .link {
	color: #07c160;
	text-decoration: underline;
}

button::after {
	border: none;
}

.btns {
	margin-top: 48rpx;
	display: flex;
}

.btns .item {
	justify-content: space-between;
	width: 244rpx;
	height: 80rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 16rpx;
	box-sizing: border-box;
	border: none;
}

.btns .reject {
	background: #f4f4f5;
	color: #909399;
}

.btns .agree {
	background: #07c160;
	color: #fff;
}

.content {
	margin-top: 100rpx;
	min-height: 100vh; /* 设置最小高度为视口高度 */
}

.slot-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	/* 如果您想让slot内容占满整个导航栏的宽度 */
	/* flex: 1; */
	/* 如果您想让slot内容与导航栏左右有空隙 */
	/* padding: 0 30rpx; */
}

.u-title {
	color: #000000 !important;
	font-size: 31rpx !important;
	font-weight: bold !important;
}

.solt {
	position: relative;
}

.slot_left {
	width: 60rpx;
	height: 60rpx;
	position: absolute;
	top: 15rpx;
	left: 20rpx;
}

.slot_left image {
	width: 60rpx;
	height: 60rpx;
}

.slot_content {
	width: 35rpx;
	height: 35rpx;
	position: absolute;
	top: 26rpx;
	left: 280rpx;
}

.slot_content image {
	width: 35rpx;
	height: 35rpx;
}

/* tabs */
.u-tab-item {
	color: #333333 !important;
	/* font-size: 26rpx !important; */
	letter-spacing: 2rpx;
}

.u-tab-bar {
	width: 65rpx !important;
	height: 8rpx !important;
	background-color: #ff7f00 !important;
	border-radius: 0rpx !important;
	position: absolute !important;
	bottom: 0rpx !important;
	left: -14rpx !important;
}

.tabs_box {
	display: none;
	padding-bottom: 120rpx;
}

.dis {
	display: block;
	width: 100%;
	margin-bottom: 190rpx;
}

.list_box1 {
	width: 90%;
	margin: 0 auto;
	height: auto;
	background: #ffffff;
	border-radius: 23rpx;
	box-shadow: 0rpx 5rpx 5rpx 0rpx rgba(198, 186, 181, 0.2);
	margin-top: 20rpx;
	padding-bottom: 20rpx;
}

.list_box {
	width: 90%;
	margin: 0 auto;
	height: auto;
	background: #ffffff;
	border-radius: 23rpx;
	box-shadow: 0rpx 5rpx 5rpx 0rpx rgba(198, 186, 181, 0.2);
	margin-top: 20rpx;
	padding-bottom: 20rpx;
}
.list_box2 {
	width: 90%;
	margin: 0 auto;
	height: auto;
	background: #ffffff;
	border-radius: 23rpx;
	box-shadow: 0rpx 5rpx 5rpx 0rpx rgba(198, 186, 181, 0.2);
	margin-top: 20rpx;
}
.order_title {
	width: 90%;
	margin: 0 auto;
	border-radius: 14px 14px, 0px, 0px;
	background: rgba(255, 239, 222, 1);
	height: 40upx;
	color: rgba(255, 141, 26, 1);
	font-size: 24upx;
	line-height: 40upx;
	text-align: center;
}

.part1 {
	width: 90%;
	margin: 0 auto;
	justify-content: left;
	align-items: center;
	display: flex;
	height: 100rpx;
	position: relative;
}

.box_one {
	background: #c4e2ff;
	color: #359cff;
	/* width: 60px;
		height: 45rpx; */
	padding: 0px 10px;
	font-size: 26rpx;
	text-align: center;
	line-height: 45rpx;
	border-radius: 5rpx;
}

.box_four {
	color: #666666;
	border: 1rpx solid #666666;
	font-size: 22rpx;
	width: 95px;
	height: 40rpx;
	text-align: center;
	line-height: 40rpx;
	border-radius: 5rpx;
	margin-left: 20rpx;
}

.box_two {
	color: #666666;
	border: 1rpx solid #666666;
	font-size: 22rpx;
	/* width: 60px; */
	height: 40rpx;
	text-align: center;
	line-height: 40rpx;
	border-radius: 5rpx;
	margin-left: 20rpx;
	padding: 0 10rpx;
}

.box_two1 {
	width: auto;
	padding: 0 10rpx;
}

.box_three {
	color: #666666;
	border: 1rpx solid #666666;
	font-size: 22rpx;
	width: 75px;
	height: 40rpx;
	text-align: center;
	line-height: 40rpx;
	border-radius: 5rpx;
	margin-left: 20rpx;
}

.part2 {
	width: 90%;
	margin: 0 auto;
}

/* 下线 */
.address_name {
	font-size: 28rpx;
	font-weight: bold;
	letter-spacing: 2rpx;
	/* line-height: 60rpx; */
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.name {
	color: #999999;
	font-size: 21rpx;
}

.name text {
	/* margin-left: 10rpx; */
}

/* 上线 */
.box_add {
	display: flex;
}

.distance {
	flex: 1;
	/* text-align: center; */
	font-size: 28rpx;
	display: flex;
	justify-content: left;
	align-items: center;
}

.a {
	font-size: 16rpx;
}

.add_name {
	/* display: flex; */
	flex: 4;
}

.sh_name {
	font-size: 28rpx;
	font-weight: bold;
	letter-spacing: 2rpx;
}

.sh_name1 {
	font-size: 28rpx;
	font-weight: bold;
	letter-spacing: 2rpx;
	color: #999999;
}

.xs_add {
	color: #999999;
	font-size: 21rpx;
	margin-top: 10rpx;
}

.jiantou {
	margin-left: 43rpx;
	display: flex;
	/* justify-content: space-between; */
	align-items: center;
	height: 40px;
	line-height: 40px;
}

.jiantou image {
	width: 20rpx;
	height: 40rpx;
}

.jiantou > view {
	margin-left: 10rpx;
}

.part3 {
	width: 90%;
	margin: 0 auto;
	display: flex;
}

.three_left {
	flex: 1;
	height: 100rpx;
	display: flex;
	justify-content: left;
	align-items: center;
}

.three_left image {
	width: 20px;
	height: 20px;
}

.three_left text {
	color: #ff7f00;
	font-size: 25rpx;
	margin-left: 10rpx;
}

.three_right {
	/* flex: 1; */
	height: 100rpx;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	color: #ff7f00;
	font-size: 32rpx;
	font-weight: bold;
}

.part4 {
	width: 90%;
	margin: 0 auto;
}

.box_btn {
	width: 100%;
	background: #cccccc;
	height: 70rpx;
	color: white;
	text-align: center;
	line-height: 70rpx;
	font-size: 26rpx;
	letter-spacing: 2rpx;
	border-radius: 8rpx;
}

.box_btn1 {
	width: 100%;
	background: #ff7f00;
	height: 80rpx;
	color: white;
	text-align: center;
	line-height: 80rpx;
	font-size: 31rpx;
	letter-spacing: 2rpx;
	border-radius: 8rpx;
}
.box_btn5 {
	width: 16%;
	margin-left: 40rpx;
	background: #ff7f00;
	height: 60rpx;
	color: white;
	text-align: center;
	line-height: 60rpx;
	font-size: 31rpx;
	letter-spacing: 2rpx;
	border-radius: 8rpx;
}

.part_six {
	width: 90%;
	margin: 0 auto;
	display: flex;
}

.phone {
	flex: 1;
}

.phone image {
	width: 29rpx;
	height: 33rpx;
	margin-left: 30rpx;
}

.conmm {
	font-size: 19rpx;
	text-align: center;
	letter-spacing: 5rpx;
}

.box_btn2 {
	flex: 5;
	width: 100%;
	background: #ff7f00;
	height: 70rpx;
	color: white;
	text-align: center;
	line-height: 70rpx;
	font-size: 26rpx;
	letter-spacing: 2rpx;
	border-radius: 6rpx;
}

/* tabbar */
.tabbar {
	position: fixed;
	bottom: 0rpx;
	left: 0rpx;
	right: 0rpx;
	width: 100%;
	height: 100rpx;
	background: #ffffff;
	display: flex;
}

.tabbar_type {
	flex: 1;
	text-align: center;
	font-size: 22rpx;
	margin-top: 10rpx;
}

.type_image {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.type_image image {
	width: 47rpx;
	height: 47rpx;
}

.tabbar_btn {
	flex: 4;
	display: flex;
	justify-content: center;
	align-items: center;
}

.btn {
	width: 90%;
	height: 80rpx;
	background: #ff7f00;
	color: white;
	text-align: center;
	line-height: 80rpx;
	font-size: 26rpx;
	letter-spacing: 2rpx;
	border-radius: 8rpx;
}

.btn3 {
	width: 90%;
	height: 80rpx;
	background: #cccccc;
	color: white;
	text-align: center;
	line-height: 80rpx;
	font-size: 26rpx;
	letter-spacing: 2rpx;
	border-radius: 8rpx;
}

/* 接单设置弹框 */
.u-drawer-bottom {
	background-color: #f5f5f5 !important;
}

.popup_box {
	width: 90%;
	margin: 0 auto;
	margin-top: 35rpx;
}

.title {
	font-size: 29rpx;
	font-weight: bold;
	letter-spacing: 2rpx;
}

.part_one {
	width: 100%;
	background: #ffffff;
	margin-top: 18rpx;
	border-radius: 20rpx;
	display: flex;
	height: 120rpx;
}

.left {
	flex: 3;
	line-height: 40rpx;
	margin-left: 20rpx;
	margin-top: 20rpx;
}

.gotype {
	font-size: 26rpx;
	font-weight: bold;
	letter-spacing: 2rpx;
}

.tit {
	color: #999999;
	font-size: 22rpx;
	letter-spacing: 2rpx;
}

.right {
	flex: 1;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-right: 30rpx;
}

.part_two {
	width: 100%;
	margin: 0 auto;
	background: #ffffff;
	border-radius: 20rpx;
	margin-top: 20rpx;
	height: 130rpx;
	display: flex;
}

.two_left {
	flex: 1;
	display: flex;
	justify-content: left;
	align-items: center;
	margin-left: 30rpx;
	font-size: 29rpx;
	font-weight: bold;
	letter-spacing: 2rpx;
}

.two_right {
	flex: 1;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-right: 30rpx;
	color: #999999;
	font-size: 25rpx;
	letter-spacing: 2rpx;
}

.slot-content {
	padding: 30rpx;
}

/*  */
.tabs_box {
	display: none;
}

.dis {
	display: block;
	width: 100%;
}

.u-tab-item {
	/* font-size: 26upx !important; */
	/* color: #666666 !important; */
}

.success_box {
	width: 100%;
}

.order_box {
	width: 90%;
	margin: 0 auto;
	/* height: 420rpx; */
	background: #ffffff;
	margin-top: 20rpx;
	border-radius: 16px;
}

.order_success {
	width: 90%;
	margin: 0 auto;
	display: flex;
	height: 80upx;
}

.order_name {
	flex: 1;
	display: flex;
	justify-content: left;
	align-items: center;
	font-weight: bold;
	font-size: 29rpx;
	letter-spacing: 1upx;
}

.order_data {
	flex: 1;
	color: #999999;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: 26rpx;
}

.city_type {
	width: 90%;
	margin: 0 auto;
	height: 60upx;
	line-height: 60upx;
	display: flex;
	justify-content: left;
	align-items: center;
}

.type_name {
	font-size: 27rpx;
}

.city_text {
	width: 70rpx;
	line-height: 36rpx;
	color: #49a5ff;
	background: #c4e2ff;
	text-align: center;
	font-size: 19rpx;
	margin-left: 20rpx;
}

.city_address {
	width: 92%;
	margin: 0 auto;
	margin-top: -10rpx;
}

/* 发货地址 */
.fh_box {
	display: flex;
	/* height: 80upx; */
	margin-top: 20upx;
}

.fh_image {
	flex: 1;
	display: flex;
	/* justify-content: left;
		align-items: center; */
}

.box {
	flex: 9;
}

.fh_name {
	font-size: 26rpx;
	font-weight: 600;
	letter-spacing: 2upx;
}

.fh_type {
	color: #999999;
	font-size: 22upx;
}

.fh_type text {
	margin-left: 20upx;
}

/* 送货地址 */
.sh_box {
	display: flex;
	margin-bottom: 14upx;
	margin-top: 14rpx;
}

.sh_image {
	flex: 1;
	display: flex;
	/* justify-content: left;
		align-items: center; */
}

.sh_name {
	font-size: 28rpx;
	font-weight: 600;
	letter-spacing: 2upx;
}

.sh_type {
	color: #999999;
	font-size: 22upx;
}

.sh_type text {
	margin-left: 20upx;
}

.fh_image image {
	width: 40rpx;
	height: 40rpx;
}

.sh_image image {
	width: 40rpx;
	height: 40rpx;
}

.order_btn {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 100upx;
	line-height: 100upx;
	/* margin-top: 8upx; */
}

.btn1 {
	width: 170upx;
	font-size: 28rpx;
	line-height: 60upx;
	text-align: center;
	border: 1upx solid #9c9c9c;
	border-radius: 20upx;
	color: #9c9c9c;
	margin-right: 30upx;
}

/* 拍照 */
.btn_pai {
	width: 150rpx;
	height: 60rpx;
	line-height: 60rpx;
	text-align: center;
	background: rgba(255, 201, 189, 1);
	font-size: 28rpx;
	border: 2rpx solid rgba(255, 201, 189, 1);
	color: #333333;
	border-radius: 20upx;
	font-weight: 700;
	margin-left: 15rpx;
}
.btn2 {
	width: 170upx;
	line-height: 60upx;
	color: white;
	background: #ff6a04;
	font-size: 28rpx;
	text-align: center;
	margin-right: 30upx;
	border-radius: 20upx;
}

/* 收货码弹框 */
.receipt_code {
	width: 90%;
	margin: 0 auto;
}

.code_title {
	width: 100%;
	line-height: 100rpx;
	font-size: 31rpx;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2rpx;
	margin-top: 21rpx;
	margin-bottom: 25rpx;
}

.u-input--border {
	border: 1px solid #f2f2f2 !important;
	background: #f2f2f2 !important;
	color: #999999 !important;
	font-weight: 500 !important;
	letter-spacing: 2rpx !important;
}

.u-input__input {
	font-size: 30rpx;
	font-weight: bold;
	flex: 1;
	color: #999999 !important;
	min-height: 85rpx !important;
	margin-top: 7rpx;
}

.sure {
	width: 100%;
	height: 80rpx;
	background: #ff7f00;
	color: white;
	border-radius: 46rpx;
	text-align: center;
	line-height: 80rpx;
	margin-top: 30rpx;
	letter-spacing: 2rpx;
}
/* 确认送达拍照框 */
.phone_title {
	margin-top: 10px;
	width: 100%;
	height: 40px;
	/* background-color: #FF7F00; */
	text-align: center;
	line-height: 40px;
	/* color:#FFFFFF; */
}
.phone_title2 {
	margin-top: 10px;
	text-align: center;
	color: #9d9d9d;
}
.code_title2 {
	width: 100%;
	line-height: 50rpx;
	text-align: center;
	letter-spacing: 2rpx;
	margin-top: 21rpx;
	margin-bottom: 25rpx;
}
</style>