moxuan_takeaway_qishou_1/pages/index/luma.vue

<template>
	<view>
		<view style="background: #fff;height: 100%;">
		<u-navbar :is-back="false" title="录码收单">
			<view class="slot">
				<!-- 我的 -->
				<view class="slot_left" @click="bindridermy">
					<image :src="avatar" style="border-radius: 50%;"></image>
				</view>
				<!-- 下线 -->
				<view class="slot_content">
					
				</view>
			</view>
		</u-navbar>
		<view>
			<input type="text" v-model="shoudanma" class="impute padding-lr"
				placeholder="请输入收单码" @input="onInput" @confirm="shouhuiche"/>
		</view>
		<!-- <view class="box_btn5" @click="fanhuiShang">返回</view> -->
		<view class="content">
			<!-- 新任务 -->
			<view class="tabs_box" :class="{dis:current == 0}">
				<!-- 下线中 -->
				<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 && !jiedanNo && (item.indentState=='4' ||item.indentState=='2'||item.indentState=='3')"
					>
					<view v-if="!seen && item.indentState=='2'" @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)">收单</view>
						</view>
					</view>
					<!-- 待取货/配送中 -->
					<view v-if="!seen &&(item.indentState=='4' || item.indentState=='3')"
					@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="btn2" @click.stop="zhuanOrder(item.indentId)" v-if="item.indentState=='3'">
								转单
							</view>
							<view class="btn1" v-if="item.indentState=='6'">客户待确认</view>
							<view class="btn2" v-if="item.indentState=='3'" @click.stop="bindorder(item)">确认取货
							</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)">确认送达
							</view>
							<view class="btn2" v-if="item.indentState=='9'">已取消</view>
						</view>
					</view>
				</view>
				<!-- 配送中 -->
				<!-- <view class="order_box" v-for="(item,index) in list_box" :key="index" v-if="!seen &&item.indentState=='4'"
					@click="bindorderDetail(item.indentNumber,item.indentId)">
					
				</view> -->
				<empty v-if="list_box.length == 0"></empty>
				<!-- 当前订单无法接的筛选条件 -->
				<view v-if="jiedanNo || (list_box.length==1&&item.indentState!='4' &&item.indentState!='2'&&item.indentState!='3')" style="margin-top: 30%;margin-left: 38%;" v-for="(item,index) in list_box" :key="index">
					<image style="width: 200rpx;height: 200rpx;" :src="Tupian('/qishou/wufajie.png')"
					></image>
					<view>当前订单无法接单</view>
				</view>
			</view>
			
		</view>

		<!-- 确认收货弹出框 -->
		<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="btn2" @click="zhuanOrder(item.indentId)" v-if="item.indentState=='3'">
							转单
						</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>
		<!-- 转单 -->
		<u-popup v-model="showOrder" mode="center" border-radius="18" :closeable="closeable" close-icon="close-circle"
			close-icon-size="45" width="580rpx" height="600rpx">
			<view class="receipt_code">
				<view class="code_title">填写转单信息（二选一即可）</view>
				<u-input v-model="phone" type="number" placeholder="填写转单人手机号码" :border="border" />
				<u-input v-model="zhuanName" type="text" placeholder="填写转单人姓名" :border="border" />
				<view class="sure" style="margin-top: 40rpx;" @click="zhuandan">确定</view>
			</view>
		</u-popup>
		</view>
		<!-- 悬浮球 -->
		<!-- <view style="width: 140rpx;height: 140rpx;position: fixed;bottom: 60px;right: 20rpx;">
			<image :src="Tupian('/qishou/sao.png')" style="width: 100%;height: 100%;" @click="saoma()" mode="">
			</image>
		</view> -->
	</view>
</template>

<script>
	import empty from '@/components/empty'
	import {
		requestAndroidPermission,
		gotoAppPermissionSetting
	} from '@/components/permission.js'
	import configdata from '@/common/config.js';
	export default {
		components: {
			empty
		},
		data() {
			return {
				Authorization: false,
				alertPhone:false,//确认收货拍照弹出框
				alertduan:false,//确认收货选择短信框
				privacyContractName: '',
				xddcheck: true,
				avatar: '', //头像
				closeable: true,
				showModal: false,
				// head
				seen: true,
				current: 0,
				page2: 1,
				page3: 1,
				list_box: [],
				longitude: '', //经度
				latitude: '', //纬度
				indentType: null, //订单类型
				totalCount2: 0, //最后一页
				totalCount3: 0, //最后一页
				indentState: 3,
				lists: [],
				shows: false,
				shouhuoma: '',
				userId: '', //用户id
				checkCertification: '', //是否实名认证
				receivingPettern: '2', //1近单模式  2同城模式
				province: '',
				city: '',
				district: '',
				time: '',
				distance: "",
				jiedanSuccess: '',
				jiedan: "",
				arr: [],
				showModal111: true,
				orderNum: 0,
				goodsPicture: [],
				count: 3,
				duanxin:[],//发送的短信
				qiPhone:'',//骑手电话
				shopId:'',
				shoudanma:'',//收单码
				jiedanNo:false,//当前不能接
				showOrder: false,
				phone: '',
				zhuanName:'',//转单人姓名
				
				saomaPeisong:false
			}
		},
		onHide() {
			clearInterval(this.time)
		},
		onLoad() {
			var dizhi = uni.getStorageSync('dizhi')
			if (dizhi.longitude) {
				this.longitude = dizhi.longitude
				this.latitude = dizhi.latitude
			}
			// this.taskData()
			let that = this
			this.time = setInterval(function() {
				// 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.$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);
				  }
				})
				uni.hideLoading();
			},
			// 扫码查询订单列表
			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
						this.list2=res.data.list
						console.log(saomajie,'列表')
						if (saomajie[0].indentState=='2' || saomajie[0].indentState=='3') {
							//收单
							that.bindorder()
						} else if(saomajie[0].indentState=='4') {
							that.saomaPeisong=true
						}else{
							that.jiedanNo=true
							that.shoudanma=''
						}
					}else if(res.msg=="当前订单无法接单"){
						that.jiedanNo=true
						that.shoudanma=''
					}
					that.$forceUpdate()
					uni.stopPullDownRefresh();
					// 加载提示关闭
					uni.hideLoading()
				});
			},
			//返回上一页
			fanhuiShang(){
				uni.navigateTo({
					url:'/pages/index/index'
				})
			},
			//获取搜索框数据
			onInput(event){
				this.shoudanma=event.target.value
				// if(this.shoudanma.length>=4){
				// 	this.sousuoList()
				// }
			},
			//搜索框回车
			shouhuiche(){
				this.sousuoList()
			},
			//搜索结果
			sousuoList(){
				uni.showLoading({
					title: '加载中',
					mask: true, // 是否显示透明蒙层，防止触摸穿透
				});
				var that=this
				var data={
					page: that.page2,
					limit: 10,
					acquireCode:that.shoudanma
				}
				console.log(data,'data')
				that.$Request.getT('/app/tbindent/selectTbIndentPage', {
					page: that.page2,
					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";
									}
								}
				
							}
						}
						that.totalCount2 = res.data.totalCount
						if (that.page2 == 1) {
							that.list_box = res.data.list
						} else {
							that.list_box = that.list_box.concat(res.data.list)
						}
						console.log('list_box', that.list_box)
					}else if(res.msg=="当前订单无法接单"){
						this.jiedanNo=true
					}
					that.$forceUpdate()
					uni.stopPullDownRefresh();
					// 加载提示关闭
					uni.hideLoading()
				});
			},
			//获取最大接单数
			getOrderNum() {
				// orderNum
				this.$Request.get('/app/common/type/342').then(res => {
					if (res.code == 0 && res.data.value) {
						this.orderNum = res.data.value
					}
				});
			},
			// 上传骑手位置
			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('上传骑手位置')
						}
					});
				}

			},
			
			//获取用户信息
			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);
		
						uni.getLocation({
							type: 'wgs84',
							success: function(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) {
								// 	that.taskData()
								// 	// 
								// } else if (that.current == 1) {
								// 	that.indentState = 3
								// 	that.taskDataJ()
								// } else if (that.current == 2) {
								// 	that.indentState = 4
								// 	that.taskDataJ()
								// }
							}
						});
					}
				});
			},
			// 更新骑手位置信息
			locationUpdate(lng, lat) {
				let that = this
				// setInterval(function() {
				that.$Request.postT('/app/userinfo/updateCoordinate', {
					lng: lng,
					lat: lat,
				}).then(res => {
					console.log('位置信息更新', res)
					// that.taskData()
					// that.taskData()
				});
				// }, 600000)

			},
			// 跳转订单详情
			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) {
				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.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.sousuoList()
						}, 1200);
					} else {
						console.log('失败：', res.data)
						uni.showToast({
							title: res.msg,
							icon: 'none',
						});
						// that.taskData()
					}
					// 加载提示关闭
					uni.hideLoading()
				});

			},
			// 未登录接单
			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'
				})
			},
			// // 获取新任务数据
			// 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()
			// 	});
				
			// },
			
			// 订单详情
			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
				})
			},
			//转单
			zhuanOrder(indentId) {
				this.phone = ''
				this.zhuanName=''
				this.indentId = indentId
				this.showOrder = true
			},
			zhuandan() {
				this.$Request.postT('/app/tbindent/transferByOrderId', {
					acquireCode: this.shoudanma,
					phone: this.phone,
					realName:this.zhuanName
				}).then(res => {
					if (res.code == 0) {
						this.phone = ''
						uni.showToast({
							title: '转单成功',
							icon: "none"
						});
						setTimeout(d => {
							this.showOrder=false
							this.sousuoList()
						}, 1000)
					} else {
						uni.showToast({
							title: res.msg,
							icon: "none"
						});
					}
				});
			},
			// 取消订单
			quxiao(indentNumber) {
				// #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.sousuoList()
									}, 1200);
									// that.taskDataJ()
								} else {
									uni.showToast({
										title: res.msg,
										icon: "none",
									});
									// that.taskDataJ()
								}
								// 加载提示关闭
								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.lists.splice(index,1);
			// 							// that.taskDataJ()
			// 							// that.current = 2

			// 						}, 1000)
			// 					} else {
			// 						uni.showToast({
			// 							title: res.msg,
			// 							icon: "none"
			// 						});
			// 						setTimeout(function() {
			// 							// that.taskDataJ()
			// 							// that.current = 2

			// 						}, 1000)
			// 					}
			// 					// 加载提示关闭
			// 					uni.hideLoading()
			// 				});
			// 			} else {

			// 			}
			// 		},
			// 	})

			// },
			//拍照
			paiOrder(e){
				this.indentNumber = e.indentNumber
				this.orderId=e.orderId
				this.alertPhone=true
			},
			shouhuo(e) {
				this.indentNumber = e.indentNumber
				this.saomaPeisong=false
				// 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.tempFilePaths.length; i++) {
							that.$queue.showLoading("上传中...");
							uni.uploadFile({ // 上传接口
								// url: that.config("APIHOST1") + '/alioss/upload', //真实的接口地址
								url: that.config("APIHOST1") + '/alioss/upload',
								// url: 'https://mxys.chuanghai-tech.com/sqx_fast/alioss/upload',
								filePath: res.tempFilePaths[i],
								name: 'file',
								success: (uploadFileRes) => {
									if (e == 1) {
										if (that.goodsPicture.length < 2) {
											that.goodsPicture.push(JSON.parse(uploadFileRes.data)
												.data)
										}
									}
									uni.hideLoading();
								}
							});
						}
					}
				})
			},
			// 图片删除
			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) {
						this.alertPhone = false
						uni.showToast({
							title: '图片上传完成',
							icon: "none",
						});
					} 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.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, // 是否显示透明蒙层，防止触摸穿透
					});
				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)
					that.shouhuoma = '';
					if (res.code == 0) {
						
						uni.showToast({
							title: '订单完成',
							icon: "none",
						});
						// 在toast显示2000毫秒（2秒）后执行操作
						setTimeout(function() {
						    that.alertduan = false
						    that.shows = false
							that.list_box = []
							that.sousuoList()
						}, 1200);
					} else {
						uni.showToast({
							title: res.msg,
							icon: "none",
						});
						// 在toast显示2000毫秒（2秒）后执行操作
						setTimeout(function() {
						    that.sousuoList()
						}, 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.list_box.length < this.totalCount2){
				this.page2 = this.page2 + 1;
				// this.indentState = 4
				this.sousuoList()
			} else {
				uni.showToast({
					title: '已经最后一页啦',
					icon: 'none'
				})
			}
		},
		onPullDownRefresh: function() {
			this.page2 = 1;
			this.sousuoList()

		},
	}
</script>

<style>
	body {
		background: #F5F5F5;
	}
	
	.privacy {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(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;
	}
	.impute {
		text-align: center;
		margin-left: 4%;
		margin-top: 20rpx;
		width: 690rpx;
		height: 100rpx;
		opacity: 1;
		border-radius: 190rpx;
		background: rgba(245, 245, 245, 1);
		border: 1rpx solid rgba(241, 135, 49, 1);
	}
	/* 返回 */
	.box_btn5{
		margin-top: 10rpx;
		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;
	}
	.content {
		margin-top: 50rpx;
		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.20);
		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(0, 0, 0, 0.25);
		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.20);
		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;
	}

	.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>