rhwy-sj/pages/order/detail.vue

<template>
	<view class="content">
		<block v-if="identity == 2 && type == 'life_supermarket'">
			<view class="box hflex acenter">
				<image src="@/static/images/address.png" mode="aspectFill" class="address_icon"></image>
				<view class="vflex">
					<view class="address_text">{{pageData.address}}</view>
					<view class="address_text2">{{pageData.address_name}}  {{pageData.address_phone}}</view>
				</view>
			</view>
			<view class="box">
				<view class="cell hflex acenter jbetween">
					<view class="text">订单编号</view>
					<view class="text">{{pageData.order_sn}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">订单时间</view>
					<view class="text">{{pageData.createtime}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">配送社区</view>
					<view class="text">{{pageData.community_name}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">总优惠金额</view>
					<view class="text">￥{{pageData.type_coupon_amount}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">实际付款价格</view>
					<view class="text">￥{{pageData.type_pay_amount}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">订单备注</view>
					<view class="text">{{pageData.remark?pageData.remark:'-'}}</view>
				</view>
			</view>
			<view class="box">
				<view class="cell hflex acenter jbetween">
					<view class="text">支付金额</view>
					<view class="text" style="color: #333;font-weight: 600;">￥{{pageData.type_pay_amount}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">支付时间</view>
					<view class="text" style="color: #999;">{{pageData.paytime}}</view>
				</view>
			</view>
			<view class="box" v-if="pageData.status > 1">
				<view class="cell hflex acenter jbetween">
					<view class="text">配送人员</view>
					<view class="text">{{pageData.delivery_name}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">联系方式</view>
					<view class="text" style="color: #999;">{{pageData.delivery_mobile}}</view>
				</view>
				<view class="cell hflex acenter jbetween" v-if="pageData.status == 3 || pageData.status == 4">
					<view class="text">配送时间</view>
					<view class="text" style="color: #999;">{{pageData.delivery_time}}</view>
				</view>
			</view>
			<block v-for="(item,index) in pageData.ordercategory" :key="index">
				<div class="box">
					<view class="hflex acenter jbetween" >
						<view class="box_top hflex acenter">
							<image :src="item.category_image" mode="aspectFill" class="top_img"></image>
							<view class="top_text">{{item.category_name}}</view>
						</view>
						
					</view>
					<block v-for="(item2,index2) in item.ordergoods" :key="index2">
						<view class="good hflex acenter">
							<image :src="item2.goods_image" mode="aspectFill" class="item_img"></image>
							<view class="vflex img_right">
								<view class="status2 hflex jend" v-if="item2.refund_status == 1">退款审核中</view>
								<view class="status2 hflex jend" v-if="item2.refund_status == 2">已退款</view>
								<view class="status2 hflex jend" v-if="item2.refund_status == 3">退款驳回</view>
								<view class="hflex acenter jbetween">
									<view class="item_name text_hide" style="width: 400rpx;">{{item2.goods_name}}</view>
									<view class="item_name">￥{{item2.goods_sku_price}}</view>
									
								</view>
								<view class="hflex acenter jbetween">
									<view class="item_spec text_hide" style="width: 450rpx;">{{item2.goods_sku_text}}</view>
									<view class="item_spec text_hide">X{{item2.goods_num}}</view>
								</view>
							</view>
						</view>
					</block>
					<view class="cell hflex acenter jbetween" v-if="item.params">
						<view class="text">预约时间：</view>
						<view class="text">{{item.params.food_time}}</view>
					</view>
					<view class="cell hflex acenter jbetween">
						<view class="text">商品总价格：</view>
						<view class="text">￥{{item.category_goods_amount}}</view>
					</view>
					<view class="cell hflex acenter jbetween">
						<view class="text">是否扣除余额抵扣：</view>
						<view class="text">￥{{item.use_category_balance}}</view>
					</view>
					<view class="cell hflex acenter jbetween">
						<view class="text">应付款价格：</view>
						<view class="text">￥{{item.pay_category_amount}}</view>
					</view>
				</div>
			</block>
			<view class="box">
				<view class="cell hflex acenter jbetween">
					<view class="text">总价</view>
					<view class="text" style="color: #FF2828;">￥{{pageData.type_goods_amount}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">优惠券</view>
					<view class="text">{{pageData.coupons_name?pageData.coupons_name:'-'}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">生活超市应付总价</view>
					<view class="text" style="color: #FF2828;">￥{{pageData.type_pay_amount}}</view>
				</view>
			</view>
			<view class="" style="height: 186rpx;">
				
			</view>
			<view class="bottom hflex jend" v-if="pageData.status == 1">
				<view class="btn" v-if="pageData.status == 1 && pageData.delivery_id == 0" @click="open">指派配送人员</view>
			</view>
		</block>
		<block v-if="identity == 3 || type == 'daily_appliance'">
			<!-- <view class="box hflex acenter">
				<image src="@/static/images/address.png" mode="aspectFill" class="address_icon"></image>
				<view class="vflex">
					<view class="address_text">{{pageData.address}}</view>
					<view class="address_text2">{{pageData.address_name}}  {{pageData.address_phone}}</view>
				</view>
			</view> -->
			<view class="box">
				<view class="title">用户信息</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">用户姓名：</view>
					<view class="text">{{pageData.address_name}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">联系方式：</view>
					<view class="text">{{pageData.address_phone}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">用户社区：</view>
					<view class="text">{{pageData.community_name}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">用户地址：</view>
					<view class="text">{{pageData.address}}</view>
				</view>
			</view>
			<view class="box">
				<view class="cell hflex acenter jbetween">
					<view class="text">订单编号</view>
					<view class="text">{{pageData.order_sn}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">订单时间</view>
					<view class="text">{{pageData.createtime}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">配送社区</view>
					<view class="text">{{pageData.community_name}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">总优惠金额</view>
					<view class="text">￥{{pageData.type_coupon_amount}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">实际付款价格</view>
					<view class="text">￥{{pageData.type_pay_amount}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">订单备注</view>
					<view class="text">{{pageData.remark?pageData.remark:'无备注'}}</view>
				</view>
			</view>
			<view class="box">
				<view class="cell hflex acenter jbetween">
					<view class="text">支付金额</view>
					<view class="text" style="color: #333;font-weight: 600;">￥{{pageData.type_pay_amount}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">支付时间</view>
					<view class="text" style="color: #999;">{{pageData.paytime}}</view>
				</view>
			</view>
			<view class="box" v-if="pageData.status > 1">
				<view class="cell hflex acenter jbetween">
					<view class="text">配送人员</view>
					<view class="text">{{pageData.delivery_name}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">联系方式</view>
					<view class="text" style="color: #999;">{{pageData.delivery_mobile}}</view>
				</view>
				<view class="cell hflex acenter jbetween" v-if="pageData.status == 3 || pageData.status == 4">
					<view class="text">配送时间</view>
					<view class="text" style="color: #999;">{{pageData.delivery_time}}</view>
				</view>
			</view>
			<block v-for="(item,index) in pageData.ordercategory" :key="index">
				<div class="box">
					<view class="hflex acenter jbetween">
						<view class="box_top hflex acenter">
							<image :src="item.category_image" mode="aspectFill" class="top_img"></image>
							<view class="top_text">{{item.category_name}}</view>
						</view>
						
					</view>
					<block v-for="(item2,index2) in item.ordergoods" :key="index2">
						<view class="good hflex acenter">
							<image :src="item2.goods_image" mode="aspectFill" class="item_img"></image>
							<view class="vflex img_right">
								<view class="status2 hflex jend" v-if="item2.refund_status == 1">退款审核中</view>
								<view class="status2 hflex jend" v-if="item2.refund_status == 2">已退款</view>
								<view class="status2 hflex jend" v-if="item2.refund_status == 3">退款驳回</view>
								<view class="hflex acenter jbetween">
									<view class="item_name text_hide" style="width: 400rpx;">{{item2.goods_name}}</view>
									<view class="item_name">￥{{item2.goods_sku_price}}</view>
									
								</view>
								<view class="hflex acenter jbetween">
									<view class="item_spec text_hide" style="width: 450rpx;">{{item2.goods_sku_text}}</view>
									<view class="item_spec text_hide">X{{item2.goods_num}}</view>
								</view>
							</view>
						</view>
					</block>
					<view class="cell hflex acenter jbetween" v-if="item.params">
						<view class="text">预约时间：</view>
						<view class="text">{{item.params.food_time}}</view>
					</view>
					<view class="cell hflex acenter jbetween">
						<view class="text">商品总价格：</view>
						<view class="text">￥{{item.category_goods_amount}}</view>
					</view>
					<view class="cell hflex acenter jbetween">
						<view class="text">是否扣除余额抵扣：</view>
						<view class="text">￥{{item.use_category_balance}}</view>
					</view>
					<view class="cell hflex acenter jbetween">
						<view class="text">应付款价格：</view>
						<view class="text">￥{{item.pay_category_amount}}</view>
					</view>
				</div>
			</block>
			<view class="box">
				<view class="cell hflex acenter jbetween">
					<view class="text">总价</view>
					<view class="text" style="color: #FF2828;">￥{{pageData.type_goods_amount}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">优惠券</view>
					<view class="text">{{pageData.coupons_name?pageData.coupons_name:'-'}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text" v-if="type=='life_supermarket'">生活超市应付总价</view>
					<view class="text" v-if="type=='daily_appliance' || identity == 3">日用家电应付总价</view>
					<view class="text" style="color: #FF2828;">￥{{pageData.type_pay_amount}}</view>
				</view>
			</view>
			<view class="" style="height: 186rpx;">
				
			</view>
			<view class="bottom hflex jend" v-if="pageData.status == 1 || pageData.status == 2">
				<view class="btn" v-if="pageData.status == 1 && pageData.delivery_id == 0" @click="send">发货</view>
				<view class="btn" v-if="pageData.status == 2" @click="sendAppliance(4)">已送达</view>
				<!-- <view class="btn" v-if="pageData.status == 4">已发货</view> -->
			</view>
		</block>
		<block  v-if="identity == 4 || type == 'home_service'">
			<view class="box">
				<view class="title">用户信息</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">用户姓名：</view>
					<view class="text">{{pageData.address_name}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">联系方式：</view>
					<view class="text">{{pageData.address_phone}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">用户社区：</view>
					<view class="text">{{pageData.community_name}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">用户地址：</view>
					<view class="text">{{pageData.address}}</view>
				</view>
			</view>
			<view class="box" >
				<view class="top hflex acenter jbetween">
					<view class="hflex acenter">
						<u-icon name="order" color="#999999" size="20"></u-icon>
						<view class="top_text">{{pageData.order_sn}}</view>
					</view>
					<view class="status" v-if="pageData.status == 0">已预约</view>
					<view class="status" v-if="pageData.status == 1">待服务</view>
					<view class="status" v-if="pageData.status == 2">已完成</view>
				</view>
				<view class="good hflex">
					<image :src="imgUrl + pageData.goods_image" mode="aspectFill" class="item_img"></image>
					<view class="vflex img_right">
						<view class="hflex acenter jbetween">
							<view class="item_name text_hide" style="width: 400rpx;">{{pageData.goods_name}}</view>
						</view>
						<view class="hflex acenter jbetween">
							<view class="item_spec text_hide" style="width: 450rpx;">{{pageData.goods_sku_text}}</view>
						</view>
						<view class="info">
							<view class="info_text" v-if="pageData.goods_pay_type == 1">先付款后服务</view>
							<view class="info_text" v-else>先预约后付款</view>
						</view>
					</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="label">服务类型：</view>
					<view class="label">{{pageData.category_name}}</view>
				</view>
				<view class="cell hflex acenter jbetween" v-if="pageData.status == 1">
					<view class="label">支付金额：</view>
					<view class="label">{{pageData.current_goods_pay_amount}}</view>
				</view>
				<view class="cell hflex acenter jbetween" v-if="pageData.status == 1">
					<view class="label">付款备注：</view>
					<view class="label">{{pageData.remark?pageData.remark: '-'}}</view>
				</view>
			</view>
			<view class="box" >
				<view class="title">订单信息</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">订单编号：</view>
					<view class="text">{{pageData.order_sn}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">订单时间：</view>
					<view class="text">{{pageData.createtime}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">订单总价：</view>
					<view class="text">￥{{pageData.current_goods_amount}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">优惠券抵扣：</view>
					<view class="text">￥{{pageData.current_goods_coupon_amount}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">总优惠金额：</view>
					<view class="text">￥{{pageData.current_goods_coupon_amount}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">余额抵扣现金：</view>
					<view class="text">￥{{pageData.use_balance}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">实际支付金额：</view>
					<view class="text">￥{{pageData.no_use_balance}}</view>
				</view>
			</view>
			<view class="box" >
				<view class="title">支付信息</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">支付方式：</view>
					<view class="text">{{pageData.status !== 0?'微信':''}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">支付时间：</view>
					<view class="text">{{pageData.paytime}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">支付金额：</view>
					<view class="text">{{pageData.status !== 0?'￥' + pageData.no_use_balance:''}}</view>
				</view>
			</view>
			<view class="" style="height: 186rpx;"></view>
			<view class="bottom hflex jend" v-if="pageData.status !== 2">
				<view class="btn" v-if="pageData.status == 0 && Number(pageData.current_goods_amount) == 0" @click="estimateOpen">待评估价格</view>
				<view class="btn" v-if="pageData.status == 1" @click="complete">已完成</view>
			</view>
		</block>
		<block  v-if="identity == 5 || type == 'sports'">
			<view class="box" >
				<view class="top hflex acenter jbetween">
					<view class="hflex acenter">
						<u-icon name="order" color="#999999" size="20"></u-icon>
						<view class="top_text">{{pageData.order_sn}}</view>
					</view>
					<view class="status" v-if="pageData.status == 1">进行中</view>
					<view class="status" v-if="pageData.status == 2">已完成</view>
				</view>
				<view class="good hflex">
					<image :src="pageData.goods.goods_image" mode="aspectFill" class="item_img"></image>
					<view class="vflex img_right">
						<view class="hflex acenter jbetween">
							<view class="item_name text_hide" style="width: 400rpx;">{{pageData.goods.goods_name}}</view>
						</view>
						<view class="hflex acenter jbetween">
							<view class="item_spec text_hide" style="width: 450rpx;">{{pageData.community.name}}</view>
						</view>
						<view class="item_spec text_hide">订单时间：{{pageData.createtime}}</view>
					</view>
				</view>
			</view>
			<view class="box">
				<view class="title">用户信息</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">用户姓名：</view>
					<view class="text">{{pageData.user.nickname}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">用户手机号：</view>
					<view class="text">{{pageData.user.mobile}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">社区：</view>
					<view class="text">{{pageData.community.name}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">门牌信息：</view>
					<view class="text">{{pageData.service.address}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">授课老师名称：</view>
					<view class="text">{{pageData.coach.name}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">老师手机号：</view>
					<view class="text">{{pageData.coach.mobile}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">订单规格：</view>
					<view class="text">{{pageData.goods.goods_sku_text}}</view>
				</view>
				<view class="cell hflex acenter jbetween" v-if="pageData.goods.sport_type == 'month'">
					<view class="text">月卡时间：</view>
					<view class="text">{{pageData.goods.sport_sum_count}}</view>
				</view>
				<view class="cell hflex acenter jbetween" v-if="pageData.goods.sport_type == 'whole'">
					<view class="text">包场时长：</view>
					<view class="text">{{pageData.goods.sport_sum_count}}</view>
				</view>
				<view class="cell hflex acenter jbetween" v-if="pageData.goods.sport_type == 'whole'">
					<view class="text">开始时间：</view>
					<view class="text">{{pageData.goods.sport_whole_start_time}}</view>
				</view>
				<view class="cell hflex acenter jbetween" v-if="pageData.goods.sport_type == 'whole'">
					<view class="text">结束时间：</view>
					<view class="text">{{pageData.goods.sport_whole_end_time}}</view>
				</view>
				<view class="cell hflex acenter jbetween" v-if="pageData.goods.sport_type == 'times'">
					<view class="text">课程次数：</view>
					<view class="text">{{pageData.goods.sport_sum_count}}</view>
				</view>
				<view class="cell hflex acenter jbetween" v-if="pageData.goods.sport_type == 'times'">
					<view class="text">剩余次数：</view>
					<view class="text">{{pageData.goods.sport_remain_verify_count == -1 ? '无限制' : pageData.goods.sport_remain_verify_count}}</view>
				</view>
				<view class="cell hflex acenter jbetween" v-if="pageData.verify_log.length > 0">
					<view class="text">核销时间：</view>
					<view class="hflex acenter" @click="openTime">
						<view class="text">{{pageData.verify_log[0].createtime}}</view>
						<u-icon name="arrow-right" size="14"></u-icon>
					</view>
				</view>
			</view>
			<view class="box" >
				<view class="title">订单信息</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">订单编号：</view>
					<view class="text">{{pageData.order_sn}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">订单时间：</view>
					<view class="text">{{pageData.createtime}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">订单总价：</view>
					<view class="text">￥{{pageData.type_goods_amount}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">优惠券抵扣：</view>
					<view class="text">￥{{pageData.type_coupon_amount}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">总优惠金额：</view>
					<view class="text">￥{{pageData.type_coupon_amount}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">余额抵扣现金：</view>
					<view class="text">￥{{pageData.type_use_balance}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">实际支付金额：</view>
					<view class="text">￥{{pageData.type_pay_amount}}</view>
				</view>
			</view>
			<view class="box" >
				<view class="title">支付信息</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">支付方式：</view>
					<view class="text">{{pageData.pay_type == 'wechat' ? '微信支付' : '微信支付'}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">支付时间：</view>
					<view class="text">{{pageData.paytime}}</view>
				</view>
				<view class="cell hflex acenter jbetween">
					<view class="text">支付金额：</view>
					<view class="text">￥{{pageData.type_pay_amount}}</view>
				</view>
			</view>
			<view class="" style="height: 186rpx;"></view>
			<view class="bottom hflex jend" v-if="pageData.status == 1">
				<view class="btn" @click="writeOffOpen">核销</view>
			</view>
		</block>
		<u-popup :show="estimate_show" @close="close">
			<view class="popup">
				<view class="popu_top border_bottom hflex acenter jbetween">
					<view></view>
					<view class="title">待评估价格</view>
					<u-icon name="close" color="#000000" size="26" @click="close"></u-icon>
				</view>
				<view class="popu_form">
					<view class="hflex acenter">
						<view class="form_label">商品价格：</view>
						 <u-input placeholder="请输入评估后的价格" border="surround" v-model="estimate_price">
							 <u--text text="￥" slot="prefix" margin="0 3px 0 0" type="tips"></u--text>
						 </u-input>
					</view>
					<view class="hflex acenter" style="margin-top: 60rpx;">
						<view class="form_label">付款备注：</view>
						 <u-input placeholder="请输入备注信息" border="surround" v-model="remarks">
						 </u-input>
					</view>
				</view>
				<view class="popu_bottom hflex jend">
					<view class="btn btn1" @click="estimateSure">确认</view>
				</view>
			</view>
		</u-popup>
		<u-popup :show="assign_show" @close="close">
			<view class="popup">
				<view class="popu_top hflex acenter jbetween">
					<view></view>
					<view class="title">指派配送人员</view>
					<u-icon name="close" color="#000000" size="26" @click="close"></u-icon>
				</view>
				<view class="popu_list hflex">
					<view class="left">{{pageData.community_name}}</view>
					<scroll-view class="right vflex acenter jcenter" :scroll-y="true">
						<block v-for="(item,index) in deliveryList" :key="index">
							<view class="name" :class="active === index ? 'active' : ''" @click="selectDelivery(index)">{{item.delivery_name}}</view>
						</block>
					</scroll-view>
				</view>
				<view class="popu_bottom hflex jend">
					<view class="btn" @click="sure">确认</view>
				</view>
			</view>
		</u-popup>
		<u-popup :show="send_show" @close="close">
			<view class="popup">
				<view class="popu_top border_bottom hflex acenter jbetween">
					<view></view>
					<view class="title">配送人员</view>
					<u-icon name="close" color="#000000" size="26" @click="close"></u-icon>
				</view>
				<view class="popu_form">
					<view class="hflex acenter">
						<!-- <view class="form_label">商品价格：</view> -->
						 <u-input placeholder="请输入配送员的姓名" border="surround" v-model="appliance_name">
						 </u-input>
					</view>
					<view class="hflex acenter" style="margin-top: 60rpx;">
						<!-- <view class="form_label">付款备注：</view> -->
						 <u-input placeholder="请输入配送员的联系方式" border="surround" v-model="appliance_phone">
						 </u-input>
					</view>
				</view>
				<view class="popu_bottom hflex jend">
					<view class="btn btn1" @click="sendAppliance(2)">立即发货</view>
				</view>
			</view>
		</u-popup>
		<u-popup :show="write_show" @close="close">
			<view class="popup">
				<view class="popu_top border_bottom hflex acenter jbetween">
					<view></view>
					<view class="title">核销</view>
					<u-icon name="close" color="#000000" size="26" @click="close"></u-icon>
				</view>
				<view class="popu_form2">
					<view class="hflex acenter">
						 <u-input placeholder="请您输入6位数的核销码" border="surround" v-model="write_code">
						 </u-input>
					</view>
				</view>
				<view class="popu_bottom vflex acenter jcenter">
					<view class="btn btn1" @click="writeOff">确认核销</view>
					<view class="text" @click="scan">扫一扫</view>
				</view>
			</view>
		</u-popup>
		<u-popup :show="time_show" @close="close">
			<view class="popup">
				<view class="popu_top border_bottom hflex acenter jbetween">
					<view></view>
					<view class="title">核销时间</view>
					<u-icon name="close" color="#000000" size="26" @click="close"></u-icon>
				</view>
				<scroll-view scroll-y="true" class="scroll-Y vflex acenter jcenter popu_scroll">
					<block v-for="(item,index) in pageData.verify_log" :key="index">
						<view class="scroll_item">{{item.createtime}}</view>
					</block>
				</scroll-view>
			</view>
		</u-popup>
	</view>
</template>
<!-- 订单详情 -->
<script>
	// 
	import $api from '@/static/js/api.js'
	var that = ''
	export default {
		data() {
			return {
				pageData: {},
				id: 0,
				type: '',
				identity: 0,
				imgUrl: $api.config.imgUrl,
				estimate_show: false,
				estimate_price: '',
				remarks: '',
				active: 0,
				assign_show: false,
				deliveryList: [],
				send_show: false,
				appliance_name: '',
				appliance_phone: '',
				write_show: false,
				write_code: '',
				time_show: false
			}
		},
		onLoad(options) {
			that = this
			that.id = Number(options.id)
			if(options.type) {
				that.type = options.type
			}
			that.identity = uni.getStorageSync('identity')
			that.getData()
		},
		methods: {
			getData() {
				let url = ''
				if(that.identity == 2 && that.type == 'life_supermarket') {
					url = '/api/merchant.community.order/get_info'
				} else if(that.identity == 4 || that.type == 'home_service') {
					url = '/api/merchant_service_order/order_detail'
				} else if(that.identity == 3 || that.type == 'daily_appliance') {
					url = '/api/merchant.appliance.order/get_info'
				} else if(that.identity == 5 || that.type == 'sports') {
					url = '/api/merchant.sport.order/get_info'
				} else {
					return
				}
				$api.req({
					url: url,
					data: {
						id: that.id
					}
				}, function(res) {
					if(res.code == 1) {
						that.pageData = res.data
					}
				})
			},
			// 评估价格弹窗
			estimateOpen() {
				that.estimate_show = true
			},
			close() {
				that.send_show = false
				that.estimate_show = false
				that.assign_show = false
				that.write_show = false
				that.time_show = false
			},
			estimateSure() {
				if(that.estimate_price == '') {
					$api.info("请输入评估后的价格")
					return
				}
				$api.req({
					url: '/api/merchant_service_order/assess_price',
					data: {
						id: that.pageData.id,
						price: that.estimate_price,
						remark: that.remarks
					}
				}, function(res) {
					if(res.code == 1) {
						$api.info(res.msg)
						that.close()
						that.getData()
					}
				})
			},
			complete() {
				$api.req({
					url: '/api/merchant_service_order/complete_order',
					data: {
						id: that.pageData.id
					}
				}, function(res) {
					if(res.code == 1) {
						$api.info(res.msg)
						that.getData()
					}
				})
			},
			// 打开配送人员列表
			open() {
				that.assign_show = true
				that.getDelivery()
				// uni.hideTabBar()
			},
			// 获取配送人员
			getDelivery() {
				$api.req({
					url: '/api/merchant.community.delivery/index',
				}, function(res) {
					if(res.code == 1) {
						that.deliveryList = res.data
					}
				})
			},
			// 选择配送人员
			sure() {
				$api.req({
					url: '/api/merchant.community.order/add_delivery',
					data: {
						id: that.pageData.id,
						delivery_id: that.deliveryList[that.active].user_id
					}
				}, function(res) {
					if(res.code == 1) {
						$api.info(res.msg)
						that.close()
						that.getData()
					}
				})
			},
			// 点击配送人员
			selectDelivery(index) {
				that.active = index
			},
			// 家电配送人员
			send(index) {
				that.order_index = index
				that.send_show = true
			},
			// 立即发货
			sendAppliance(index) {
				let data = {}
				if(index == 2) {
					data= {
						id: that.pageData.id,
						status: '2',
						delivery_name: that.appliance_name,
						delivery_mobile: that.appliance_phone
					}
				} else if(index == 4) {
					data= {
						id: that.pageData.id,
						status: '4'
					}
				}
				$api.req({
					url: '/api/merchant.appliance.order/make_order',
					data: data,
				}, function(res) {
					if(res.code == 1) {
						$api.info(res.msg)
						that.close()
						that.getData()
					}
				})
			},
			// 打开核销时间
			openTime() {
				that.time_show = true
			},
			// 打开核销
			writeOffOpen() {
				that.write_show = true
			},
			// 扫一扫
			scan() {
				// #ifdef MP-WEIXIN
				uni.scanCode({
					success: function (res) {
						console.log('条码类型：' + res.scanType);
						console.log('条码内容：' + res.result);
						that.write_code = res.result
						that.writeOff()
					}
				});
				// #endif
				// #ifdef H5
				$api.info("请使用小程序扫码核销或输入核销码")
				// #endif
			},
			// 核销
			writeOff() {
				if(that.write_code == '') {
					$api.info("请先输入6位数的核销码")
					return
				}
				$api.req({
					url: '/api/merchant.sport.order/verify',
					data: {
						verify_code: that.write_code,
						id: that.pageData.id
					}
				}, function(res) {
					that.write_code = ''
					if(res.code == 1) {
						$api.info(res.msg)
						that.close()
						that.getData()
					} else {
						$api.info(res.msg)
					}
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.content::v-deep {
		background: #F1F2F4;
		.box {
			width: 702rpx;
			box-sizing: border-box;
			padding: 20rpx;
			margin: 24rpx auto 0;
			background: #FFFFFF;
			border-radius: 20rpx;
			.box_top {
				width: 100%;
				padding-bottom: 20rpx;
				border-bottom: 1px solid #F5F5F5;
				.top_img {
					width: 38rpx;
					height: 39rpx;
					margin-right: 24rpx;
				}
				.top_text {
					font-size: 28rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #666666;
					line-height: 40rpx;
				}
			}
			.address_icon {
				width: 80rpx;
				height: 80rpx;
				margin-right: 34rpx;
			}
			.title {
				font-size: 28rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #333333;
				line-height: 40rpx;
			}
			.cell {
				width: 100%;
				padding: 40rpx 0 0;
				.text {
					font-size: 24rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #666666;
					line-height: 34rpx;
				}
			}
			
			.status2 {
				font-size: 24rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #FF2828;
				line-height: 40rpx;
			}
			.top {
				width: 100%;
				padding-bottom: 24rpx;
				border-bottom: 1px solid #F5F5F5;
				.top_text {
					font-size: 36rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #333333;
					line-height: 50rpx;
					padding: 0 0 0 10rpx;
				}
				.status {
					font-size: 28rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #EE8529;
					line-height: 40rpx;
				}
				
				.status1 {
					color: #5ACD4E;
				}
			}
			.good {
				width: 100%;
				box-sizing: border-box;
				padding: 52rpx 0 0;
				.item_img {
					width: 142rpx;
					height: 142rpx;
					margin-right: 12rpx;
				}
				.img_right {
					width: calc(100% - 154rpx);
					.item_name {
						font-size: 28rpx;
						font-family: PingFangSC-Medium, PingFang SC;
						font-weight: 500;
						color: #333333;
						line-height: 40rpx;
					}
					.item_price {
						font-size: 28rpx;
						font-family: PingFangSC-Medium, PingFang SC;
						font-weight: 500;
						color: #333333;
						line-height: 28rpx;
					}
					.item_spec {
						font-size: 28rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #999999;
						line-height: 40rpx;
						padding: 16rpx 0;
					}
				}
				
			}
			.info {
				padding: 8rpx 0;
				.info_text {
					width: 152rpx;
					font-size: 20rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #999999;
					line-height: 28rpx;
					border-radius: 16rpx;
					border: 2rpx solid #999999;
					padding: 2rpx 0;
					text-align: center;
					box-sizing: border-box;
				}
			}
			.cell {
				padding: 28rpx 0 0;
				.label {
					font-size: 28rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #333333;
					line-height: 40rpx;
				}
			}
		}
		.bottom {
			width: 100%;
			height: 166rpx;
			background: #FFFFFF;
			box-shadow: 0rpx -1rpx 0rpx 0rpx rgba(0,0,0,0.1);
			box-sizing: border-box;
			padding: 10rpx 24rpx;
			position: fixed;
			bottom: 0;
			.btn {
				height: 72rpx;
				background: #FFFFFF;
				border-radius: 36rpx;
				border: 2rpx solid #EE8529;
				font-size: 28rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #EE8529;
				line-height: 72rpx;
				padding: 0 40rpx;
			}
		}
		.popup {
			background: #FFFFFF;
			border-radius: 20rpx 20rpx 0rpx 0rpx;
			.popu_top {
				width: 100%;
				height: 88rpx;
				box-sizing: border-box;
				padding: 0 30rpx;
				.title {
					font-size: 28rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #333333;
					line-height: 40rpx;
				}
			}
			.popu_scroll {
				width: 100%;
				padding: 72rpx 0;
				height: 400rpx;
				.scroll_item {
					font-size: 24rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #999999;
					line-height: 34rpx;
					padding-bottom: 28rpx;
					text-align: center;
				}
			} 
			.popu_form {
				width: 100%;
				box-sizing: border-box;
				padding: 80rpx 50rpx 178rpx 32rpx;
				.form_label {
					font-size: 28rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #333333;
					line-height: 40rpx;
				}
				.u-input {
					border-radius: 20rpx !important;
					border: 2rpx solid #CCCCCC !important;
					padding: 24rpx;
					height: 0 88rpx;
				}
			}
			.popu_form2 {
				width: 100%;
				box-sizing: border-box;
				padding: 80rpx 72rpx 80rpx 72rpx;
				.u-input {
					border-radius: 44rpx !important;
					border: 2rpx solid #CCCCCC !important;
					padding: 24rpx;
					height: 0 88rpx;
				}
			}
			.border_bottom {
				border-bottom: 1px solid #FFF5ED;
			}
			.popu_list {
				background: #FFF5ED;
				padding: 36rpx 0 0;
				.left {
					width: 238rpx;
					height: 120rpx;
					font-size: 28rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #EE8529;
					line-height: 120rpx;
					background: #FFFFFF;
					text-align: center;
				}
				.right {
					width: calc(100% - 238rpx);
					background: #FFFFFF;
					height: 672rpx;
					.name {
						padding: 28rpx 0;
						text-align: center;
						font-size: 28rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #666666;
						line-height: 40rpx;
					}
					.active {
						color: #EE8529;
					}
				}
			}
			.popu_bottom {
				width: 100%;
				margin-bottom: 60rpx;
				.btn {
					width: 316rpx;
					height: 72rpx;
					background: #FFFFFF;
					border-radius: 36rpx;
					border: 2rpx solid #EE8529;
					font-size: 28rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #EE8529;
					line-height: 72rpx;
					text-align: center;
					margin: 2rpx 24rpx;
				}
				.btn1 {
					width: 630rpx !important;
					height: 88rpx !important;
					background: #EE8529 !important;
					border-radius: 20rpx !important;
					color: #FFFFFF !important;
					line-height: 88rpx ;
					margin: 0 auto;
				}
				.text {
					width: 100%;
					text-align: center;
					font-size: 28rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #EE8529;
					line-height: 40rpx;
					padding-top: 80rpx;
				}
			}
		}
	}
</style>