<template>
	<view class="page" :style="themeColor">
		<view class="flex benben-position-layout flex flex-wrap align-center orderDetails_flex_0"
			:style="{height:(114+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
			<view class='flex flex-wrap align-center justify-between flex-sub orderDetails_fd0_0'>
				<view class='flex flex-wrap align-center orderDetails_fd0_0_c0' @tap.stop="handleJumpDiy"
					data-type="back" data-url="1">
					<text class='fu-iconfont2  orderDetails_fd0_0_c0_c0'>&#xE794;</text>
				</view>
				<view class='flex flex-wrap align-stretch justify-center flex-sub'>
					<text class='orderDetails_fd0_0_c1_c0'>订单详情</text>
				</view>
				<view class='flex flex-wrap align-center justify-center orderDetails_fd0_0_c2'
					v-if="in_array(type_id,'2,3,4')" @tap="printTap">
					<text class='fu-iconfont2  orderDetails_fd0_0_c2_c0'>&#xe648;</text>
					<text class='orderDetails_fd0_0_c2_c1'>打印</text>
				</view>
				
				<view v-else class="flex flex-wrap align-center justify-center orderDetails_fd0_0_c2">
					
				</view>
			</view>

		</view>
		<view :style="{height: (114+StatusBarRpx)+'rpx'}"></view>
		<!---设备flex布局开始-->
		<view class="flex benben-flex-layout flex-wrap align-center orderDetails_flex_1">
			<view class='flex flex-wrap align-center'>
				<!-- // 状态;-1:取消;0:待付款;1:待接单;2:备货中;3:待骑手接单;4:待取货;5:待送达;6:待到店自提 7 待评价 8已完成' -->
				<text class='orderDetails_fd1_0_c0_6' v-if="details.status==-1">已取消</text>
				<text class='orderDetails_fd1_0_c0_6' v-if="details.status==0">待付款</text>
				<text class='orderDetails_fd1_0_c0' v-if="details.status==1">待接单</text>
				
				<text class='orderDetails_fd1_0_c0_1' v-if="details.status==2">备货中</text>
				<text class='orderDetails_fd1_0_c0_2' v-if="details.status==3">骑手待接单</text>
				<text class='orderDetails_fd1_0_c0_2' v-if="details.status==4">待骑手取货</text>
				<text class='orderDetails_fd1_0_c0_3' v-if="details.status==5">待送达</text>
				<text class='orderDetails_fd1_0_c0_4' v-if="details.status==6">待到店自提</text>
				
				<text class='orderDetails_fd1_0_c0_4' v-if="details.status==7">待用户评价</text>
				<!-- <text class='orderDetails_fd1_0_c0_5' v-if="(details.status==3 && details.is_super==1) && details.is_pick==0">配送中</text> -->
				<text class='orderDetails_fd1_0_c0_6' v-if="details.status==8">已完成</text>
				
			</view>
		</view>

		<!---设备flex布局结束-->
		<!---flex布局flex布局开始-->
		<view class="flex benben-flex-layout flex-wrap align-center orderDetails_flex_2" v-if="order_rider && details.pick_type==1 && details.status>3">
			<view class='flex flex-direction flex-wrap align-stretch flex-sub orderDetails_fd2_0'>
				<view class='flex flex-wrap align-center'>
					<text class='orderDetails_fd2_0_c0_c0'>骑手信息</text>
				</view>
				<view class='flex flex-wrap align-center justify-between orderDetails_fd2_0_c1'>
					<view class='flex flex-wrap align-center'>
						<image class='orderDetails_fd2_0_c1_c0_c0' mode="aspectFill" :src='rider_details.head_img'></image>
						<text class='orderDetails_fd2_0_c1_c0_c1'>{{rider_details.name}}</text>
					</view>
					<view class='flex flex-wrap align-center' @tap="phone(rider_details.mobile,'popupShow1684315684087')">
						<image class='orderDetails_fd2_0_c1_c1_c0' mode="aspectFit" :src='STATIC_URL+"58.png"'></image>
					</view>
				</view>
			</view>
		</view>

		<!---flex布局flex布局结束-->
		<!---flex布局flex布局开始-->
		<view  v-if="details.pick_type==1" class="flex flex-direction flex-wrap align-stretch benben-flex-layout orderDetails_flex_3">
			<view class='flex flex-direction flex-wrap align-stretch flex-sub orderDetails_fd3_0'>
				<view class='flex flex-wrap align-center justify-between orderDetails_fd3_0_c0'>
					<view class='flex flex-direction flex-wrap align-start'>
						<view class='flex flex-wrap align-end'>
							<text class='orderDetails_fd3_0_c0_c0_c0_c0'>#</text>
							<text class='orderDetails_fd3_0_c0_c0_c0_c1'>{{details.store_code }}</text>
						</view>
						<view class='flex flex-wrap align-center orderDetails_fd3_0_c0_c0_c1'>
							<text class='orderDetails_fd3_0_c0_c0_c1_c0'>期望时间</text>
							<text class='orderDetails_fd3_0_c0_c0_c1_c1'>{{details.expected_time}}</text>
						</view>
						<view class='flex flex-wrap align-center orderDetails_fd3_0_c0_c0_c1' v-if="details.status >= 1 && details.status <= 5">
							<text class='orderDetails_fd3_0_c0_c0_c1_c0'>预计送达时间</text>
							<text class='orderDetails_fd3_0_c0_c0_c1_c1'>{{details.estimated_time || ''}}</text>
						</view>
					</view>
				</view>
				<view class='flex flex-wrap align-center orderDetails_fd3_0_c1'>
				</view>
				<view class='flex flex-wrap align-center justify-between orderDetails_fd3_0_c2'>
					<view class='flex flex-wrap align-center'>
						<view class='flex flex-wrap align-center'>
							<image class='orderDetails_fd3_0_c2_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"59.png"'>
							</image>
						</view>
						<view class='flex flex-direction flex-wrap align-start orderDetails_fd3_0_c2_c0_c1'>
							<view class='flex flex-wrap align-center'>
								<text class='orderDetails_fd3_0_c2_c0_c1_c0_c0'>{{order_info.name}}{{order_info.sex==1?'先生':'女士'}}</text>
								<text class='orderDetails_fd3_0_c2_c0_c1_c0_c1'>（</text>
								<text class='orderDetails_fd3_0_c2_c0_c1_c0_c2'>{{order_info.mobile.substr(0, 3)}}****{{order_info.mobile.substr(7)}}</text>
								<text class='orderDetails_fd3_0_c2_c0_c1_c0_c3'>）</text>
							</view>
							<view class='flex flex-wrap align-center orderDetails_fd3_0_c2_c0_c1_c1'>
								<text class='orderDetails_fd3_0_c2_c0_c1_c1_c0'>{{order_info.province}}{{order_info.city}}{{order_info.district}}{{order_info.address}}</text>
							</view>
						</view>
					</view>
				</view>
				<view class='flex flex-wrap align-center orderDetails_fd3_0_c3'>
				</view>
				<view class='flex flex-wrap align-center justify-between orderDetails_fd3_0_c4'>
					<view class='flex flex-wrap align-center' @tap="messageTap">
						<image class='orderDetails_fd3_0_c4_c0_c0' mode="aspectFit" :src='STATIC_URL+"84.png"'></image>
						<text class='orderDetails_fd3_0_c4_c0_c1'>联系用户</text>
					</view>
					<view class='flex flex-wrap align-center'  @tap="phone(order_info.mobile,'popupShow1684315684087')">
						<image class='orderDetails_fd3_0_c4_c1_c0' mode="aspectFit" :src='STATIC_URL+"85.png"'></image>
						<text class='orderDetails_fd3_0_c4_c1_c1'>致电用户</text>
					</view>
				</view>
			</view>
		</view>
		
		<view v-if="details.pick_type==2" class="flex flex-direction flex-wrap align-stretch benben-flex-layout pickupOrderdetails_flex_2">
			<view class='flex flex-direction flex-wrap align-stretch flex-sub pickupOrderdetails_fd2_0'>
				<view class='flex flex-wrap align-start justify-between pickupOrderdetails_fd2_0_c0'>
					<view class='flex flex-direction flex-wrap align-start'>
						<view class='flex flex-wrap align-end'>
							<text class='pickupOrderdetails_fd2_0_c0_c0_c0_c0'>#</text>
							<text class='pickupOrderdetails_fd2_0_c0_c0_c0_c1'>{{details.store_code}}</text>
						</view>
						<view class='flex flex-wrap align-center pickupOrderdetails_fd2_0_c0_c0_c1'>
							<text class='pickupOrderdetails_fd2_0_c0_c0_c1_c0'>到店时间</text>
							<text class='pickupOrderdetails_fd2_0_c0_c0_c1_c1'>{{details.pick_time?details.pick_time:details.expect_time}}</text>
						</view>
					</view>
					<view class='flex flex-wrap align-center justify-center pickupOrderdetails_fd2_0_c0_c1'
						v-if="type_id!='1'">
						<text class='pickupOrderdetails_fd2_0_c0_c1_c0'>取货码：</text>
						<text class='pickupOrderdetails_fd2_0_c0_c1_c1'>{{details.pick_code}}</text>
					</view>
				</view>
				<view class='flex flex-wrap align-center pickupOrderdetails_fd2_0_c1'>
				</view>
				<view class='flex flex-wrap align-center justify-between pickupOrderdetails_fd2_0_c2'>
					<view class='flex flex-wrap align-center'>
						<text class='pickupOrderdetails_fd2_0_c2_c0_c0'>{{user_info}}</text>
						<text class='pickupOrderdetails_fd2_0_c2_c0_c1'>(</text>
						<text class='pickupOrderdetails_fd2_0_c2_c0_c2'>{{details.pick_mobile.substr(0, 3) + "****" + details.pick_mobile.substr(7)}}</text>
						<text class='pickupOrderdetails_fd2_0_c2_c0_c3'>)</text>
					</view>
					<view class='flex flex-wrap align-center' @tap="phone(details.pick_mobile,'popupShow1684315684087')">
						<image class='pickupOrderdetails_fd2_0_c2_c1_c0' mode="aspectFit" :src='STATIC_URL+"58.png"'>
						</image>
					</view>
				</view>
			</view>
		</view>

		<!---flex布局flex布局结束-->
		<!---flex布局flex布局开始-->
		<view class="flex benben-flex-layout flex-wrap align-center orderDetails_flex_4">
			<view class='flex flex-wrap align-center justify-between flex-sub orderDetails_fd4_0'>
				<text class='orderDetails_fd4_0_c0'>备注</text>
				<view class='orderDetails_fd4_0_c1'>{{details.remark?details.remark:'无'}}</view>
			</view>
		</view>

		<!---flex布局flex布局结束-->
		<!---flex布局flex布局开始-->
		<view class="flex benben-flex-layout flex-wrap align-center orderDetails_flex_5">
			<view class='flex flex-direction flex-wrap align-stretch flex-sub orderDetails_fd5_0'>
				<view class='flex flex-wrap align-center orderDetails_fd5_0_c0'>
					<text class='orderDetails_fd5_0_c0_c0'>{{details.goods_num}}</text>
					<text class='orderDetails_fd5_0_c0_c1'>件商品</text>
				</view>
				<view class='flex flex-wrap align-start justify-between orderDetails_fd5_0_c1'  v-for="(item,index) in details.goods_lists" :key="index">
					<view class='flex flex-wrap align-center'>
						<view class='flex flex-wrap align-center'>
							<image class='orderDetails_fd5_0_c1_c0_c0_c0' mode="aspectFill" :src='item.goods_thumb'>
							</image>
						</view>
						<view class='flex flex-direction flex-wrap align-start orderDetails_fd5_0_c1_c0_c1'>
							<view class='flex flex-wrap align-center'>
								<text class='orderDetails_fd5_0_c1_c0_c1_c0_c0'>{{item.goods_name}}</text>
							</view>
							<view class='flex flex-wrap align-center orderDetails_fd5_0_c1_c0_c1_c1'>
								<text class='orderDetails_fd5_0_c1_c0_c1_c1_c0'>{{item.sku_name}}</text>
							</view>
							<view class='flex flex-wrap align-center'>
								<text class='orderDetails_fd5_0_c1_c0_c1_c2_c0'>x</text>
								<text class='orderDetails_fd5_0_c1_c0_c1_c2_c1'>{{item.num}}</text>
							</view>
						</view>
					</view>
					<view class='flex flex-wrap align-center orderDetails_fd5_0_c1_c1'>
						<text class='orderDetails_fd5_0_c1_c1_c0'>￥</text>
						<text class='orderDetails_fd5_0_c1_c1_c1'>{{item.shop_price}}</text>
					</view>
				</view>
				<view class='flex flex-wrap align-center orderDetails_fd5_0_c2'>
				</view>
				<view class='flex flex-direction flex-wrap align-stretch'>
					<view class='flex flex-wrap align-center justify-between orderDetails_fd5_0_c3_c0'>
						<view class='flex flex-wrap align-center'>
							<text class='orderDetails_fd5_0_c3_c0_c0_c0'>打包费</text>
						</view>
						<view class='flex flex-wrap align-center'>
							<text class='orderDetails_fd5_0_c3_c0_c1_c0'>￥</text>
							<text class='orderDetails_fd5_0_c3_c0_c1_c1'>{{details.pack_money}}</text>
						</view>
					</view>
					<view class='flex flex-wrap align-center justify-between orderDetails_fd5_0_c3_c1' v-if="details.pick_type==1">
						<view class='flex flex-wrap align-center'>
							<text class='orderDetails_fd5_0_c3_c1_c0_c0'>配送费</text>
						</view>
						<view class='flex flex-wrap align-center'>
							<text class='orderDetails_fd5_0_c3_c1_c1_c0'>￥</text>
							<text class='orderDetails_fd5_0_c3_c1_c1_c1'>{{details.freight?details.freight:0}}</text>
						</view>
					</view>
					<view class='flex flex-wrap align-center justify-between orderDetails_fd5_0_c3_c2'>
						<view class='flex flex-wrap align-center'>
							<text class='orderDetails_fd5_0_c3_c2_c0_c0'>小计</text>
						</view>
						<view class='flex flex-wrap align-center'>
							<text class='orderDetails_fd5_0_c3_c2_c1_c0'>￥</text>
							<text class='orderDetails_fd5_0_c3_c2_c1_c1'>{{details.goods_money}}</text>
						</view>
					</view>
					<view class='flex flex-wrap align-center justify-between orderDetails_fd5_0_c3_c3'>
						<view class='flex flex-wrap align-center'>
							<text class='orderDetails_fd5_0_c3_c3_c0_c0'>代理收费</text>
						</view>
						<view class='flex flex-wrap align-center'>
							<text class='orderDetails_fd5_0_c3_c3_c1_c0'>-</text>
							<text class='orderDetails_fd5_0_c3_c3_c1_c1'>¥</text>
							<text class='orderDetails_fd5_0_c3_c3_c1_c2'>{{details.agent_profit}}</text>
						</view>
					</view>
					<view class='flex flex-wrap align-center justify-between orderDetails_fd5_0_c3_c3'
						@tap.stop="popupShow1684313676838=true">
						<view class='flex flex-wrap align-center'>
							<text class='orderDetails_fd5_0_c3_c3_c0_c0'>平台服务费</text>
						</view>
						<view class='flex flex-wrap align-center'>
							<text class='orderDetails_fd5_0_c3_c3_c1_c0'>-</text>
							<text class='orderDetails_fd5_0_c3_c3_c1_c1'>¥</text>
							<text class='orderDetails_fd5_0_c3_c3_c1_c2'>{{details.plat_profit}}</text>
							<text class='orderDetails_fd5_0_c3_c3_c1_c3'>></text>
						</view>
					</view>
				</view>
				<view class='flex flex-wrap align-center orderDetails_fd5_0_c4'>
				</view>
				<view class='flex flex-direction flex-wrap align-end'>
					<view class='flex flex-wrap align-center'>
						<text class='orderDetails_fd5_0_c5_c0_c0'>预计收入：</text>
						<text class='orderDetails_fd5_0_c5_c0_c1'>￥</text>
						<text class='orderDetails_fd5_0_c5_c0_c2'>{{details.store_profit}}</text>
					</view>
					<view class='flex flex-wrap align-center orderDetails_fd5_0_c5_c1'>
						<text class='orderDetails_fd5_0_c5_c1_c0'>用户实际支付：</text>
						<text class='orderDetails_fd5_0_c5_c1_c1'>￥</text>
						<text class='orderDetails_fd5_0_c5_c1_c2'>{{details.real_money}}</text>
					</view>
				</view>
			</view>
		</view>

		<!---flex布局flex布局结束-->
		<!---订单信息flex布局开始-->
		<view class="flex flex-direction align-stretch benben-flex-layout orderDetails_flex_6">
			<text class='orderDetails_fd6_0'>订单信息</text>
			<view class='flex flex-wrap align-center justify-between orderDetails_fd6_1'>
				<text class='orderDetails_fd6_1_c0'>订单编号</text>
				<view class='flex flex-wrap align-center'>
					<text class='orderDetails_fd6_1_c1_c0'>{{details.order_sn}}</text>
					<text class='orderDetails_fd6_1_c1_c1'  @click="copy(details.order_sn)">复制</text>
				</view>
			</view>
			<view class='flex flex-wrap align-center justify-between orderDetails_fd6_2'>
				<text class='orderDetails_fd6_2_c0'>下单时间</text>
				<text class='orderDetails_fd6_2_c1'>{{details.create_time}}</text>
			</view>
			<view class='flex flex-wrap align-center justify-between orderDetails_fd6_3'>
				<text class='orderDetails_fd6_3_c0'>支付方式</text>
				<text class='orderDetails_fd6_3_c1'>{{details.pay_type}}</text>
			</view>
		</view>

		<!---订单信息flex布局结束-->
		<benben-popup v-model="popupShow1684315684087" :mask="true" mode='center'>
			<!---电话flex布局开始-->
			<view class="flex flex-direction align-center benben-flex-layout orderDetails_flex_7">
				<text class='orderDetails_fd7_0'>提示</text>
				<view class='flex flex-wrap align-center orderDetails_fd7_1'>
					<text class='orderDetails_fd7_1_c0'>是否拨打</text>
					<text class='orderDetails_fd7_1_c1'>{{callPhone}}</text>
					<text class='orderDetails_fd7_1_c2'>？</text>
				</view>
				<view class='flex flex-wrap align-center'>
					<button class='orderDetails_fd7_2_c0' @tap.stop="popupShow1684315684087=false">取消</button>
					<button class='orderDetails_fd7_2_c1' @tap.stop="callTap" data-type="back"
						data-url="2">立即拨打</button>
				</view>
			</view>

			<!---电话flex布局结束-->

		</benben-popup>
		<benben-popup v-model="popupShow1684316039729" :mask="true" mode='center'>
			<!---删除订单flex布局开始-->
			<view class="flex flex-direction flex-wrap align-center orderDetails_flex_8"
				@tap.stop="popupShow1650940432200=true">
				<text class='orderDetails_fd8_0'>提示</text>
				<text class='orderDetails_fd8_1'>确定删除当前订单？</text>
				<view class='flex flex-wrap align-center orderDetails_fd8_2'>
					<button class='orderDetails_fd8_2_c0' @tap.stop="popupShow1684316039729=false">取消</button>
					<button class='orderDetails_fd8_2_c1'>确定</button>
				</view>
			</view>

			<!---删除订单flex布局结束-->

		</benben-popup>
		<benben-popup v-model="popupShow1684313676838" :mask="true" mode='bottom'>
			<!---flex布局flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout orderDetails_flex_9">
				<view class='flex flex-direction-row-reverse flex-wrap align-center'>
					<text class='orderDetails_fd9_0_c0' @tap.stop="handleJumpDiy"
					data-type="navigateTo" :data-url="`/pages/dl/registrationAgreemen/registrationAgreemen?type=15`">收费规则</text>
					<text class='orderDetails_fd9_0_c1'>平台服务费</text>
				</view>
				<view class='flex flex-direction flex-wrap align-stretch orderDetails_fd9_1'>
					<view class='flex flex-wrap align-center justify-between orderDetails_fd9_1_c0'>
						<view class='flex flex-wrap align-center'>
							<text class='orderDetails_fd9_1_c0_c0_c0'>服务费：</text>
						</view>
						<view class='flex flex-wrap align-center'>
							<text class='orderDetails_fd9_1_c0_c1_c0'>￥</text>
							<text class='orderDetails_fd9_1_c0_c1_c1'>{{details.plat_profit}}</text>
						</view>
					</view>
					<!-- <view class='flex flex-wrap align-center justify-between orderDetails_fd9_1_c1'>
						<view class='flex flex-wrap align-center'>
							<text class='orderDetails_fd9_1_c1_c0_c0'>合作商服务费：</text>
						</view>
						<view class='flex flex-wrap align-center'>
							<text class='orderDetails_fd9_1_c1_c1_c0'>￥</text>
							<text class='orderDetails_fd9_1_c1_c1_c1'>{{profit.partner}}</text>
						</view>
					</view> -->
				</view>
				<view class='flex flex-direction-row-reverse flex-wrap align-center orderDetails_fd9_2'>
					<text class='orderDetails_fd9_2_c0'>{{details.plat_profit}}</text>
					<text class='orderDetails_fd9_2_c1'>￥</text>
					<text class='orderDetails_fd9_2_c2'>合计：</text>
				</view>
				<view class='flex flex-wrap align-center justify-center orderDetails_fd9_3'>
					<button class='orderDetails_fd9_3_c0' @tap="popupShow1684313676838 = false">我知道了</button>
				</view>
			</view>

			<!---flex布局flex布局结束-->

		</benben-popup>
		<view class="flex flex-direction align-stretch benben-position-layout flex orderDetails_flex_10" v-if="in_array(type_id,'1,2,3,6')">
			<!-- <view class='flex flex-wrap align-center orderDetails_fd10_0' v-if="type_id=='1'">
				<button class='flex-sub orderDetails_fd10_0_c0'>确认接单</button>
			</view> -->
			<view class='flex flex-direction-row-reverse flex-wrap align-center orderDetails_fd10_1' v-if="type_id==1">
				<button class='orderDetails_fd10_1_c0' @tap="updateOrder">确认接单</button>
				<button class='orderDetails_fd10_1_c1' @tap="cancelOrder">取消订单</button>
			</view>
			
			<view class='flex flex-direction-row-reverse flex-wrap align-center orderDetails_fd10_1' v-if="type_id=='2'">
				<button class='orderDetails_fd10_1_c0' @tap="stockUpCompleted">开始备货</button>
				<button class='orderDetails_fd10_1_c1' @tap="cancelOrder">取消订单</button>
			</view>
			
			<view class='flex flex-direction-row-reverse flex-wrap align-center orderDetails_fd10_1' v-if="type_id=='6'">
				<button class='orderDetails_fd10_1_c0' @tap="selfTap">确认完成</button>
			</view>
		</view>
		
		<view class="flex flex-direction align-stretch benben-position-layout flex orderDetails_flex_10" v-if="in_array(type_id,'-1,8')">
			<!-- <view class='flex flex-wrap align-center orderDetails_fd10_0' v-if="type_id=='1'">
				<button class='flex-sub orderDetails_fd10_0_c0'>确认接单</button>
			</view> -->
			<view class='flex flex-direction-row-reverse flex-wrap align-center orderDetails_fd10_1'>
				<button class='orderDetails_fd10_1_c1' @tap="Delete">删除订单</button>
			</view>
		</view>
		
		<view :style="{height: '138rpx'}" v-if="in_array(type_id,'1,2,3')"></view>


	</view>
</template>
<script>
	export default {
		components: {},


		data() {
			return {
				"popupShow1684313676838": false,
				"popupShow1684316039729": false,
				"popupShow1684315684087": false,
				"type_id": "",
				details: {}, //订单信息
				rider_details: {}, //骑手信息
				user_info: '', //自提订单用户信息
				order_info: {},
				orderNo: '', //订单编号
				goodsList: [], //商品列表
				index_: '', //订单列表下标
				order_rider: true, //是否显示骑手信息
				is_way: true, //自提订单false 外卖订单true
				order_sn: '', //订单编号
				index_: '', //订单列表的下标，用于修改状态使用
				refund_info: '',
				shop_refund_log: [], //是否发起退款
				profit: '',
				callPhone:""
			};
		},
		computed: {
			themeColor() {
				return this.$store.getters.themeColor
			},

		},
		watch: {},
		onLoad(options) {
			this.order_sn = options.order_sn;
			this.index_ = options.index;
		},
		onShow() {
			this.orderDetails()
		},
		methods: {
			//订单详情
			orderDetails() {
				uni.showLoading({})
				this.$api.post(global.apiUrls.orderDetails, {
					order_sn: this.order_sn
				}).then(res => {
					console.log(res)
					uni.hideLoading()
					if (res.data.code == 1) {
						let data = res.data.data;
						this.details = res.data.data;
						this.type_id = data.status
						// if (res.data.data.refund_info.length == 0) {
						// 	this.refund_info = '';
						// } else {
						// 	this.refund_info = res.data.data.refund_info;
						// }
						this.shop_refund_log = res.data.data.shop_refund_log;
						// this.profit = res.data.data.profit;
						console.log(this.shop_refund_log)

						// if (this.profit.store_profit_plat) {
						// 	this.profit.he_profit_partner = parseFloat(this.profit.store_profit_plat) + parseFloat(
						// 		this.profit.store_profit_partner)
						// }

						this.rider_details = res.data.data.rider_info;
						this.order_info = res.data.data.address;
						if (data.pick_type == 1) {
							this.order_rider = data.rider_info.name ? true : false
						} else {
							this.order_rider = false;
							this.user_info = res.data.data.user_nickname;
						}
						this.is_way = data.is_pick == 2 ? true : false
					}
				})
			},
			printTap(){
				this.$api.post(global.apiUrls.Get649ba7b664ecd,{
				  order_sn:this.order_sn
				}).then(res=>{
				  this.$message.info(res.data.msg)
				  if(res.data.code==1){
					
				  }
				})
			},
			
			//取消订单
			cancelOrder(){
			  let that=this
			  uni.showModal({
			  	title: "温馨提示",
			  	content: '确定取消订单？',
			    cancelText:"取消",
			    confirmText:"确定",
					confirmColor:"#FF9300",
			  	success(res) {
			  		if (res.confirm) {
			  			that.$api.post(global.apiUrls.cancelOrder,{
			  			  order_sn:that.order_sn
			  			}).then(res=>{
			  			  that.$message.info(res.data.msg)
			  			  if(res.data.code==1){
									that.orderDetails()
			  			  }
			  			})
			  		}
			  	}
			  });
			},
			//接单
			updateOrder(){
			  let that=this
			  uni.showModal({
			  	title: '温馨提示',
			  	content:  '您确定要接这笔订单吗？',
			    cancelText: '取消',
			    confirmText: '确定',
					confirmColor:"#FF9300",
			  	success(res) {
			  		if (res.confirm) {
							that.$api.post(global.apiUrls.Get648aeed87f7e3,{
							  order_sn:that.order_sn
							}).then(res=>{
							  console.log(res)
							  that.$message.info(res.data.msg)
							  if(res.data.code==1){
							    uni.$emit('UPDATEORDER',that.index_)
							    setTimeout(function(){
							      that.orderDetails()
							    },300)
							  }
							})
							// that.$refs.time.show()
			  		}
			  	}
			  });
			},
			//商家确认备货
			stockUpCompleted(){
			  let that=this
			  uni.showModal({
			  	title: '温馨提示',
			  	content: '您确定要备货完成吗？',
			    cancelText: '取消',
			    confirmText:'确定',
				confirmColor:"#FF9300",
			  	success(res) {
			  		if (res.confirm) {
			  			that.$api.post(global.apiUrls.sureTakeGoods,{
			  			  order_sn:that.order_sn
			  			}).then(res=>{
			  			  console.log(res)
			  			  that.$message.info(res.data.msg)
			  			  if(res.data.code==1){
							uni.$emit('UPDATEORDERWAY',that.index_)
							setTimeout(function(){
							  that.orderDetails()
							},300)
			  			  }
			  			})
			  		}
			  	}
			  });
			},
			
			Delete(item, index) {
				let that = this
				console.log(global.apiUrls.delOrder)
				uni.showModal({
					title: '温馨提示',
					content: "您确定要删除这笔订单吗？",
					cancelText: "取消",
					confirmText: "确定",
					confirmColor:"#FF9300",
					success(res) {
						if (res.confirm) {
							that.$api.post(global.apiUrls.delOrder, {
								order_sn:that.order_sn
							}).then(res => {
								console.log(res)
								that.$message.info(res.data.msg)
								if (res.data.code == 1) {
									uni.$emit('DELORDER',that.index_)
									setTimeout(function(){
										uni.navigateBack()
									},300)
								}
							})
						}
					}
				});
			},
			
			
			
			//自提订单确认完成
			selfTap(){
			  let that=this
			  uni.showModal({
			  	title: '温馨提示',
			  	content: '是否确认完成订单？',
			    cancelText: '取消',
			    confirmText:'确定',
					confirmColor:"#FF9300",
			  	success(res) {
			  		if (res.confirm) {
			  			that.$api.post(global.apiUrls.confirmDelivery,{
			  			  order_sn:that.order_sn,
								pick_code:that.details.pick_code
			  			}).then(res=>{
			  			  console.log(res)
			  			  that.$message.info(res.data.msg)
			  			  if(res.data.code==1){
									setTimeout(function(){
										that.orderDetails()
									},300)
			  			  }
			  			})
			  		}
			  	}
			  });
			},
			
			//拨打电话
			phone(phone,type){
				console.log(phone)
				this.callPhone = phone
				this[type] = true
			},
			callTap(){
				let that = this
				this.callMobile(this.callPhone)
				this.popupShow1684315684087 = false
				// uni.makePhoneCall({
				//   phoneNumber:that.callPhone,
				// 	success() {
				// 		that.popupShow1684315684087 = false
				// 	}
				// })
			},
			//复制
			copy(order){
			  uni.setClipboardData({
			    data: order,
			    success: function () {
			      console.log('success');
			    }
			  });
			},
			messageTap(){
				uni.navigateTo({
					url:'/pages/xx/xiaoxi/chatRoom?name=' + this.details.user_nickname + '&id=' + this.details.user_id
				})
			}
		}
	};
</script>
<style lang="scss" scoped>
	.page {
		width: 100vw;
		overflow-x: hidden;
		padding-bottom: 100rpx;
		min-height: calc(100vh - var(--window-bottom));
		background: url(/static/images/11.png) no-repeat, rgba(248, 248, 248, 1);
		background-size: 100% auto !important;
	}
	.pickupOrderdetails_flex_2 {
		padding: 24rpx 24rpx 0rpx 24rpx;
	}
	.pickupOrderdetails_fd2_0_c2_c1_c0 {
		width: 48rpx;
		height: 48rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}
	
	.pickupOrderdetails_fd2_0_c2_c0_c3 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 32rpx;
	}
	
	.pickupOrderdetails_fd2_0_c2_c0_c2 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 32rpx;
	}
	
	.pickupOrderdetails_fd2_0_c2_c0_c1 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 32rpx;
	}
	
	.pickupOrderdetails_fd2_0_c2_c0_c0 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 32rpx;
	}
	
	.pickupOrderdetails_fd2_0_c2 {
		margin: 0rpx 32rpx 0rpx 0rpx;
	}
	
	.pickupOrderdetails_fd2_0_c1 {
		border-bottom: 1px dashed rgba(226, 226, 226, 1);
		margin: 32rpx 32rpx 32rpx 0rpx;
		height: 1rpx;
	}
	
	.pickupOrderdetails_fd2_0_c0_c1_c1 {
		color: rgba(199, 115, 0, 1);
		font-size: 32rpx;
		font-weight: 500;
		line-height: 64rpx;
	}
	
	.pickupOrderdetails_fd2_0_c0_c1_c0 {
		color: #C77300;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 64rpx;
	}
	
	.pickupOrderdetails_fd2_0_c0_c1 {
		background: url(/static/images/93.png) no-repeat, #eee;
		width: 275rpx;
		height: 64rpx;
		border-radius: 50rpx 0rpx 0rpx 50rpx;
		background-size: 100% auto !important;
	}
	
	.pickupOrderdetails_fd2_0_c0_c0_c1_c1 {
		color: #333333;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 24rpx;
	}
	
	.pickupOrderdetails_fd2_0_c0_c0_c1_c0 {
		margin: 0rpx 16rpx 0rpx 0rpx;
		color: #333333;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 24rpx;
	}
	
	.pickupOrderdetails_fd2_0_c0_c0_c1 {
		margin: 16rpx 0rpx 0rpx 0rpx;
	}
	
	.pickupOrderdetails_fd2_0_c0_c0_c0_c1 {
		color: #333333;
		font-size: 44rpx;
		font-weight: 500;
		line-height: 44rpx;
	}
	
	.pickupOrderdetails_fd2_0_c0_c0_c0_c0 {
		color: #333333;
		font-size: 24rpx;
		font-weight: 500;
		line-height: 30rpx;
	}
	
	.pickupOrderdetails_fd2_0_c0 {
		padding: 0rpx 0rpx 0rpx 0rpx;
	}
	
	.pickupOrderdetails_fd2_0 {
		background: rgba(255, 255, 255, 1);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		background-size: 100% auto !important;
		padding: 32rpx 0rpx 24rpx 32rpx;
	}
	.orderDetails_flex_0 {
		background: url(/static/images/11.png) no-repeat, transparent;
		width: 750rpx;
		height: 114rpx;
		overflow: hidden;
		z-index: 10;
		top: 0rpx;
		background-size: 100% auto !important;
	}

	.orderDetails_fd0_0_c2_c1 {
		color: #FFFFFF;
		font-size: 24rpx;
		font-weight: 500;
		line-height: 39rpx;
		margin: 0rpx 0rpx 0rpx 13rpx;
	}

	.orderDetails_fd0_0_c2_c0 {
		font-size: 35rpx;
		color: rgba(255, 255, 255, 1);
	}

	.orderDetails_fd0_0_c2 {
		width: 110rpx;
		height: 100rpx;
	}

	.orderDetails_fd0_0_c1_c0 {
		font-size: 36rpx;
		font-weight: 500;
		color: rgba(255, 255, 255, 1);
		line-height: 88rpx;
	}

	.orderDetails_fd0_0_c0_c0 {
		font-size: 32rpx;
		font-weight: 500;
		color: rgba(255, 255, 255, 1);
		line-height: 88rpx;
	}

	.orderDetails_fd0_0_c0 {
		width: 110rpx;
		height: 100rpx;
	}

	.orderDetails_fd0_0 {
		margin: 0rpx 27rpx 0rpx 27rpx;
	}

	.orderDetails_flex_1 {
		padding: 0rpx 32rpx 0rpx 32rpx;
	}

	.orderDetails_fd1_0_c0_6 {
		color: #FFFFFF;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 32rpx;
	}

	.orderDetails_fd1_0_c0_5 {
		color: #FFFFFF;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 32rpx;
	}

	.orderDetails_fd1_0_c0_4 {
		color: #FFFFFF;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 32rpx;
	}

	.orderDetails_fd1_0_c0_3 {
		color: #FFFFFF;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 32rpx;
	}

	.orderDetails_fd1_0_c0_2 {
		color: #FFFFFF;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 32rpx;
	}

	.orderDetails_fd1_0_c0_1 {
		color: #FFFFFF;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 32rpx;
	}

	.orderDetails_fd1_0_c0 {
		color: #FFFFFF;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 32rpx;
	}

	.orderDetails_flex_2 {
		padding: 31rpx 24rpx 0rpx 24rpx;
	}

	.orderDetails_fd2_0_c1_c1_c0 {
		width: 48rpx;
		height: 48rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd2_0_c1_c0_c1 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 32rpx;
	}

	.orderDetails_fd2_0_c1_c0_c0 {
		width: 88rpx;
		height: 88rpx;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		margin: 0rpx 16rpx 0rpx 0rpx;
	}

	.orderDetails_fd2_0_c1 {
		margin: 24rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd2_0_c0_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderDetails_fd2_0 {
		background: rgba(255, 255, 255, 1);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		background-size: 100% auto !important;
		margin: 32rpx 0rpx 0rpx 0rpx;
		padding: 24rpx 24rpx 24rpx 24rpx;
	}

	.orderDetails_flex_3 {
		padding: 24rpx 24rpx 0rpx 24rpx;
	}

	.orderDetails_fd3_0_c4_c1_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderDetails_fd3_0_c4_c1_c0 {
		width: 40rpx;
		height: 40rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 8rpx 0rpx 0rpx;
	}

	.orderDetails_fd3_0_c4_c0_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderDetails_fd3_0_c4_c0_c0 {
		width: 40rpx;
		height: 40rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 8rpx 0rpx 0rpx;
	}

	.orderDetails_fd3_0_c4 {
		padding: 0rpx 64rpx 0rpx 64rpx;
	}

	.orderDetails_fd3_0_c3 {
		border-bottom: 1px dashed rgba(226, 226, 226, 1);
		margin: 24rpx 0rpx 24rpx 0rpx;
		height: 1rpx;
	}

	.orderDetails_fd3_0_c2_c0_c1_c1_c2 {
		color: #999999;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 24rpx;
	}

	.orderDetails_fd3_0_c2_c0_c1_c1_c1 {
		color: #999999;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 24rpx;
	}

	.orderDetails_fd3_0_c2_c0_c1_c1_c0 {
		color: #999999;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 24rpx;
	}

	.orderDetails_fd3_0_c2_c0_c1_c1 {
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd3_0_c2_c0_c1_c0_c3 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 32rpx;
	}

	.orderDetails_fd3_0_c2_c0_c1_c0_c2 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 32rpx;
	}

	.orderDetails_fd3_0_c2_c0_c1_c0_c1 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 32rpx;
	}

	.orderDetails_fd3_0_c2_c0_c1_c0_c0 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 32rpx;
	}

	.orderDetails_fd3_0_c2_c0_c1 {
		margin: 0rpx 0rpx 0rpx 20rpx;
		width: 550rpx;
	}

	.orderDetails_fd3_0_c2_c0_c0_c0 {
		width: 60rpx;
		height: 60rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd3_0_c2 {
		margin: 0rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd3_0_c1 {
		border-bottom: 1px dashed rgba(226, 226, 226, 1);
		margin: 32rpx 0rpx 32rpx 0rpx;
		height: 1rpx;
	}

	.orderDetails_fd3_0_c0_c0_c1_c1 {
		color: #333333;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 24rpx;
	}

	.orderDetails_fd3_0_c0_c0_c1_c0 {
		margin: 0rpx 16rpx 0rpx 0rpx;
		color: #333333;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 24rpx;
	}

	.orderDetails_fd3_0_c0_c0_c1 {
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd3_0_c0_c0_c0_c1 {
		color: #333333;
		font-size: 44rpx;
		font-weight: 500;
		line-height: 44rpx;
	}

	.orderDetails_fd3_0_c0_c0_c0_c0 {
		color: #333333;
		font-size: 24rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderDetails_fd3_0_c0 {
		padding: 0rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd3_0 {
		background: rgba(255, 255, 255, 1);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		background-size: 100% auto !important;
		padding: 32rpx 32rpx 24rpx 32rpx;
	}

	.orderDetails_flex_4 {
		padding: 24rpx 24rpx 0rpx 24rpx;
	}

	.orderDetails_fd4_0_c1 {
		width: 550rpx;
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
		text-align: right;
		word-break:break-all;
		overflow-wrap: break-word;
		word-wrap: break-word;
	}

	.orderDetails_fd4_0_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 600;
		line-height: 30rpx;
	}

	.orderDetails_fd4_0 {
		background: rgba(255, 255, 255, 1);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		background-size: 100% auto !important;
		padding: 28rpx 24rpx 28rpx 24rpx;
	}

	.orderDetails_flex_5 {
		padding: 24rpx 24rpx 0rpx 24rpx;
	}

	.orderDetails_fd5_0_c5_c1_c2 {
		color: #333333;
		font-size: 24rpx;
		font-weight: 600;
		line-height: 24rpx;
	}

	.orderDetails_fd5_0_c5_c1_c1 {
		color: #333333;
		font-size: 24rpx;
		font-weight: 600;
		line-height: 24rpx;
	}

	.orderDetails_fd5_0_c5_c1_c0 {
		color: #333333;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 24rpx;
	}

	.orderDetails_fd5_0_c5_c1 {
		margin: 24rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd5_0_c5_c0_c2 {
		color: #ED4040;
		font-size: 24rpx;
		font-weight: 600;
		line-height: 24rpx;
	}

	.orderDetails_fd5_0_c5_c0_c1 {
		color: #ED4040;
		font-size: 24rpx;
		font-weight: 600;
		line-height: 24rpx;
	}

	.orderDetails_fd5_0_c5_c0_c0 {
		color: #333333;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 24rpx;
	}

	.orderDetails_fd5_0_c4 {
		border-bottom: 1px dashed rgba(226, 226, 226, 1);
		height: 1rpx;
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.orderDetails_fd5_0_c3_c3_c1_c3 {
		margin: 0rpx 0rpx 0rpx 16rpx;
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderDetails_fd5_0_c3_c3_c1_c2 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderDetails_fd5_0_c3_c3_c1_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderDetails_fd5_0_c3_c3_c1_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderDetails_fd5_0_c3_c3_c0_c0 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderDetails_fd5_0_c3_c3 {
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.orderDetails_fd5_0_c3_c2_c1_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderDetails_fd5_0_c3_c2_c1_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderDetails_fd5_0_c3_c2_c0_c0 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderDetails_fd5_0_c3_c2 {
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.orderDetails_fd5_0_c3_c1_c1_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderDetails_fd5_0_c3_c1_c1_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderDetails_fd5_0_c3_c1_c0_c0 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderDetails_fd5_0_c3_c1 {
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.orderDetails_fd5_0_c3_c0_c1_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderDetails_fd5_0_c3_c0_c1_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderDetails_fd5_0_c3_c0_c0_c0 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderDetails_fd5_0_c3_c0 {
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.orderDetails_fd5_0_c2 {
		border-bottom: 1px dashed rgba(226, 226, 226, 1);
		height: 1rpx;
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.orderDetails_fd5_0_c1_c1_c1 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 700;
		line-height: 32rpx;
	}

	.orderDetails_fd5_0_c1_c1_c0 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 700;
		line-height: 32rpx;
	}

	.orderDetails_fd5_0_c1_c1 {
		margin: 10rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd5_0_c1_c0_c1_c2_c1 {
		color: #999999;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderDetails_fd5_0_c1_c0_c1_c2_c0 {
		color: #999999;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderDetails_fd5_0_c1_c0_c1_c1_c0 {
		color: #0E0E0C;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderDetails_fd5_0_c1_c0_c1_c1 {
		margin: 9rpx 0rpx 9rpx 0rpx;
	}

	.orderDetails_fd5_0_c1_c0_c1_c0_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 40rpx;
		-webkit-line-clamp: 2;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.orderDetails_fd5_0_c1_c0_c1 {
		margin: 0rpx 0rpx 0rpx 24rpx;
		width: 400rpx;
	}

	.orderDetails_fd5_0_c1_c0_c0_c0 {
		width: 128rpx;
		height: 128rpx;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
	}

	.orderDetails_fd5_0_c1 {
		margin: 0rpx 0rpx 24rpx 0rpx;
	}

	.orderDetails_fd5_0_c0_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderDetails_fd5_0_c0_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderDetails_fd5_0_c0 {
		margin: 0rpx 0rpx 22rpx 0rpx;
	}

	.orderDetails_fd5_0 {
		background: rgba(255, 255, 255, 1);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		background-size: 100% auto !important;
		padding: 28rpx 24rpx 24rpx 24rpx;
	}

	.orderDetails_flex_6 {
		background: #fff;
		margin: 24rpx 24rpx 40rpx 24rpx;
		background-size: 100% auto !important;
		border-radius: 24rpx 24rpx 24rpx 24rpx;
		padding: 24rpx 24rpx 24rpx 24rpx;
	}

	.orderDetails_fd6_3_c1 {
		font-size: 24rpx;
		font-weight: 400;
		color: #333333;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.orderDetails_fd6_3_c0 {
		width: 136rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: #999999;
	}

	.orderDetails_fd6_3 {
		padding: 24rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd6_2_c1 {
		font-size: 24rpx;
		font-weight: 400;
		color: #333333;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.orderDetails_fd6_2_c0 {
		width: 136rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: #999999;
	}

	.orderDetails_fd6_2 {
		padding: 24rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd6_1_c1_c1 {
		font-size: 24rpx;
		font-weight: 400;
		color: #4177DD;
		margin: 0rpx 0rpx 0rpx 16rpx;
		line-height: 24rpx;
	}

	.orderDetails_fd6_1_c1_c0 {
		font-size: 24rpx;
		font-weight: 400;
		color: #333333;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		line-height: 24rpx;
	}

	.orderDetails_fd6_1_c0 {
		width: 136rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: #999999;
	}

	.orderDetails_fd6_1 {
		padding: 24rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd6_0 {
		font-size: 32rpx;
		font-weight: 500;
		color: #333333;
	}

	.orderDetails_flex_7 {
		background: rgba(255, 255, 255, 1);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 40rpx 24rpx 24rpx 24rpx;
		width: 540rpx;
		height: 269rpx;
	}

	.orderDetails_fd7_2_c1 {
		background: rgba(255, 147, 0, 1);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		font-size: 28rpx;
		color: rgba(255, 255, 255, 1);
		margin: 0rpx 0rpx 0rpx 12rpx;
		width: 234rpx;
		height: 72rpx;
		line-height: 72rpx;
	}

	.orderDetails_fd7_2_c0 {
		background: rgba(242, 242, 242, 1);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		font-size: 28rpx;
		color: rgba(51, 51, 51, 1);
		margin: 0rpx 12rpx 0rpx 0rpx;
		width: 234rpx;
		height: 72rpx;
		line-height: 72rpx;
	}

	.orderDetails_fd7_1_c2 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 44rpx;
	}

	.orderDetails_fd7_1_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 44rpx;
	}

	.orderDetails_fd7_1_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 44rpx;
	}

	.orderDetails_fd7_1 {
		margin: 24rpx 0rpx 32rpx 0rpx;
	}

	.orderDetails_fd7_0 {
		line-height: 44rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: #333333;
	}

	.orderDetails_flex_8 {
		background: #fff;
		width: 540rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.orderDetails_fd8_2_c1 {
		border-top: 1px solid #eee;
		border-left: 1px solid #eee;
		background: #fff;
		line-height: 110rpx;
		border-radius: 0rpx 0rpx 16rpx 0rpx;
		font-size: 32rpx;
		color: rgba(255, 147, 0, 1);
		width: 270rpx;
	}

	.orderDetails_fd8_2_c0 {
		border-top: 1px solid #eee;
		background: #fff;
		line-height: 110rpx;
		border-radius: 0rpx 0rpx 0rpx 16rpx;
		font-size: 32rpx;
		color: rgba(153, 153, 153, 1);
		padding: 0rpx 103rpx 0rpx 103rpx;
	}

	.orderDetails_fd8_2 {
		margin: 37rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd8_1 {
		line-height: 44rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: #333333;
	}

	.orderDetails_fd8_0 {
		font-size: 36rpx;
		font-weight: 800;
		line-height: 44rpx;
		color: #333333;
		margin: 40rpx 0rpx 40rpx 0rpx;
	}

	.orderDetails_flex_9 {
		background: #fff;
		background-size: 100% auto !important;
		border-radius: 24rpx 24rpx 0rpx 0rpx;
		padding: 33rpx 32rpx 0rpx 32rpx;
	}

	.orderDetails_fd9_3_c0 {
		background: rgba(255, 147, 0, 1);
		border-radius: 44rpx 44rpx 44rpx 44rpx;
		font-size: 32rpx;
		color: #fff;
		width: 560rpx;
		height: 88rpx;
		line-height: 88rpx;
	}

	.orderDetails_fd9_3 {
		margin: 41rpx 0rpx 46rpx 0rpx;
	}

	.orderDetails_fd9_2_c2 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 40rpx;
	}

	.orderDetails_fd9_2_c1 {
		color: #ED4040;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 40rpx;
	}

	.orderDetails_fd9_2_c0 {
		color: #ED4040;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 40rpx;
	}

	.orderDetails_fd9_2 {
		margin: 28rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd9_1_c1_c1_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 40rpx;
	}

	.orderDetails_fd9_1_c1_c1_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 40rpx;
	}

	.orderDetails_fd9_1_c1_c0_c0 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 40rpx;
	}

	.orderDetails_fd9_1_c1 {
		border-bottom: 1px solid #eee;
		padding: 24rpx 24rpx 24rpx 0rpx;
	}

	.orderDetails_fd9_1_c0_c1_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 40rpx;
	}

	.orderDetails_fd9_1_c0_c1_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 40rpx;
	}

	.orderDetails_fd9_1_c0_c0_c0 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 40rpx;
	}

	.orderDetails_fd9_1_c0 {
		border-bottom: 1px solid #eee;
		padding: 24rpx 24rpx 24rpx 0rpx;
	}

	.orderDetails_fd9_1 {
		background: rgba(238, 238, 238, 0.5);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		background-size: 100% auto !important;
		padding: 0rpx 0rpx 0rpx 24rpx;
		margin: 32rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd9_0_c1 {
		margin: 0rpx 160rpx 0rpx 0rpx;
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 32rpx;
	}

	.orderDetails_fd9_0_c0 {
		color: #59A6F4;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 40rpx;
	}

	.orderDetails_flex_10 {
		background: rgba(248, 248, 248, 1);
		width: 750rpx;
		height: 138rpx;
		overflow: hidden;
		z-index: 10;
		bottom: calc(0rpx + var(--window-bottom));
		background-size: 100% auto !important;
	}

	.orderDetails_fd10_2_c0 {
		background: rgba(229, 229, 229, 1);
		border-radius: 44rpx 44rpx 44rpx 44rpx;
		font-size: 32rpx;
		color: rgba(102, 102, 102, 1);
		width: 218rpx;
		height: 80rpx;
		line-height: 80rpx;
		margin: 0rpx 0rpx 0rpx 24rpx;
	}

	.orderDetails_fd10_2 {
		margin: 24rpx 24rpx 0rpx 24rpx;
	}

	.orderDetails_fd10_1_c1 {
		background: rgba(229, 229, 229, 1);
		border-radius: 44rpx 44rpx 44rpx 44rpx;
		font-size: 32rpx;
		color: rgba(102, 102, 102, 1);
		width: 218rpx;
		height: 80rpx;
		line-height: 80rpx;
		margin: 0rpx 0rpx 0rpx 24rpx;
	}

	.orderDetails_fd10_1_c0 {
		background: rgba(255, 147, 0, 1);
		border-radius: 44rpx 44rpx 44rpx 44rpx;
		font-size: 32rpx;
		color: #fff;
		width: 218rpx;
		height: 80rpx;
		line-height: 80rpx;
		margin: 0rpx 0rpx 0rpx 24rpx;
	}

	.orderDetails_fd10_1 {
		margin: 24rpx 24rpx 0rpx 24rpx;
	}

	.orderDetails_fd10_0_c0 {
		background: rgba(255, 147, 0, 1);
		border-radius: 44rpx 44rpx 44rpx 44rpx;
		font-size: 32rpx;
		color: #fff;
		height: 88rpx;
		line-height: 88rpx;
	}

	.orderDetails_fd10_0 {
		margin: 24rpx 24rpx 0rpx 24rpx;
	}
</style>
