H5_module/mine/orderDet/orderDet.vue

<template>
	<view v-if="isShowView">
		<!--pages/orderDet/orderDet.wxml-->
		<!-- 售后 -->
		<view class="examine" v-if="orderRefundList.length > 0 && isOldOrder()" @tap="gorefundDetOld">
			<view class="cont dflex">
				<view v-if="
						(orderRefundList[0].refundState == 39 && orderRefund.refundType == 1) ||
							(orderRefundList[0].refundState == 40 && orderRefund.refundType == 1) ||
							orderRefundList[0].refundState == 30 ||
							orderRefundList[0].refundState == 31
					">
					<text style="font-size:28rpx;color:#FE0419">您已提交退款申请，等待审核中</text>
					<view style="font-size:24rpx;color:#999999">{{ orderRefund.createDat ? orderRefund.createDat : '' }}
					</view>
				</view>
				<view v-if="
						(orderRefundList[0].refundState == 41 && orderRefund.refundType == 1) ||
							(orderRefundList[0].refundState == 35 && orderRefund.refundType == 2 && orderRefund.refundMethod != 2)
					">
					<text style="font-size:28rpx;color:#FE0419"
						v-if="orderRefund.refundMethod == null && orderRefundList[0].refundState == 35">
						您提交的退款申请审核完成,请选择退货方式
					</text>
					<text style="font-size:28rpx;color:#FE0419" v-else>
						您提交的退款申请审核完成{{ orderRefundList[0].refundState == 41 && orderRefund.refundType == 1 ? '，等待卖家退款中' : '，请填写物流信息' }}
					</text>
					<view style="font-size:24rpx;color:#999999">
						{{ orderRefundList[0].refundState == 41 && orderRefund.refundType == 1 ? orderRefund.refundReviewTime : orderRefund.refundGoodReviewTime }}
					</view>
				</view>
				<view
					v-if="orderRefundList[0].refundState == 36 && orderRefund.refundType == 2 && orderRefund.refundMethod == 2">
					<text style="font-size:28rpx;color:#FE0419">您提交的退款申请审核完成，请您把商品送回门店</text>
					<view style="font-size:24rpx;color:#999999">
						{{ orderRefundList[0].refundState == 41 && orderRefund.refundType == 1 ? orderRefund.refundReviewTime : orderRefund.refundGoodReviewTime }}
					</view>
				</view>
				<block v-if="orderRefund.refundType == 1">
					<view v-if="orderRefundList[0].refundState == 32">
						<text style="font-size:28rpx;color:#FE0419">您提交的退款申请，审核失败，请联系商家</text>
						<view style="font-size:28rpx">
							失败原因：{{ !orderRefund.refundFalseRes ? '' : orderRefund.refundFalseRes }}</view>
						<view style="font-size:24rpx;color:#999999">
							{{ orderRefund.refundOverTime ? orderRefund.refundOverTime : '' }}</view>
					</view>
				</block>
				<block v-if="orderRefund.refundType == 2">
					<view v-if="orderRefundList[0].refundState == 32">
						<text style="font-size:28rpx;color:#FE0419">您提交的退货申请，审核失败，请联系商家</text>
						<view style="font-size:28rpx">
							失败原因：{{ !orderRefund.refundFalseRes ? '' : orderRefund.refundFalseRes }}</view>
						<view style="font-size:24rpx;color:#999999">
							{{ orderRefund.refundOverTime ? orderRefund.refundOverTime : '' }}</view>
					</view>
					<view
						v-if="orderRefundList[0].refundState == 36 && (orderRefund.refundMethod == 1 || orderRefund.refundMethod == 3)">
						<text style="font-size:28rpx;color:#FE0419">商品已寄回，等待卖家确认收货</text>
						<view style="font-size:24rpx;color:#999999">
							{{ orderRefund.refundMethod == 1 ? orderRefund.expressTime : orderRefund.refundGoodReviewTime }}
						</view>
					</view>
					<view
						v-if="orderRefundList[0].refundState == 40 || orderRefundList[0].refundState == 39 || orderRefundList[0].refundState == 41">
						<text style="font-size:28rpx;color:#FE0419">您寄回的商品卖家已接收，等待卖家退款中</text>
						<view style="font-size:24rpx;color:#999999">
							{{ orderRefund.receiveTime ? orderRefund.receiveTime : '' }}</view>
					</view>
				</block>
				<view v-if="orderRefundList[0].refundState >= 42">
					<block v-if="orderRefundList[0].refundState == 43">
						<text style="font-size:28rpx;color:#FE0419">退款完成</text>
						<view style="font-size:24rpx;color:#999999">
							{{ orderRefund.refundOverTime ? orderRefund.refundOverTime : '' }}</view>
					</block>
					<block v-else>
						<text style="font-size:28rpx;color:#FE0419">退款失败</text>
						<view style="font-size:24rpx;color:#999999">{{ refundFalseRes ? refundFalseRes : '' }}</view>
					</block>
				</view>
				<image src="/mine/static/mine/images/tuikuan.png"></image>
			</view>
		</view>

		<view class="top">
			<block v-if="orderType != 17 && orderType != 18 && orderType != 16">
				<view class="status" v-if="(state < 8 && state >= 1) || (state >= 20 && state < 30)">
					<view :class="'li ' + (state >= 1 ? 'ing' : '')">
						<text></text>
						待付款
					</view>
					<view :class="'li ' + (state >= 20 || state > 1 ? 'ing' : '')" v-if="isOtc == 1">
						<text></text>
						开处方
					</view>
					<view :class="'li ' + (state == 22 ? 'ing' : '')" v-if="state == 22">
						<text></text>
						开方失败
					</view>
					<view :class="'li ' + (state >= 25 || (state > 1 && state != 22) ? 'ing' : '')" v-if="isOtc == 1">
						<text></text>
						{{ state != 22 ? '处方审核' : '重新开方' }}
					</view>
					<view :class="'li ' + (state == 27 ? 'ing' : '')" v-if="state == 27">
						<text></text>
						审方失败
					</view>

					<view :class="'li ' + (state > 1 && state < 20 ? 'ing' : '')">
						<text></text>
						{{ mode != 1 ? stateName : '待自提' }}
					</view>
					<view :class="'li ' + (state > 3 && state < 20 ? 'ing' : '')" v-if="mode != 1">
						<text></text>
						待收货
					</view>
					<view :class="'li ' + (state == 7 || state == 6 ? 'ing' : '')">
						<text></text>
						{{ mode != 1 ? '已完成' : '已自提' }}
					</view>
				</view>
			</block>
		</view>
		<!-- 门店自提 -->

		<block v-if="mode == 1">
			<block v-if="orderType != 17 && orderType != 18 && orderType != 16">
				<view class="tihuo bgfff r10 dflex" v-if="state >= 3 && state <= 7">
					<view class="tihuoma dflex">
						<image src="/static/pages/images/thico.png"></image>
						提货号码：
						<text>{{ code }}</text>
					</view>
					<!-- <view class="thmbtn" @tap="showCode" v-if="codeUrl">
						<image src="/static/pages/images/ewmico.png"></image>
						查看提货码
					</view> -->
				</view>
				<view class="mdaddr bgfff r10">
					<view class="mdinfo">
						<view class="areas dflex">
							自提点：{{ shopName ? shopName : merchantName }}
							<image src="/static/pages/images/dwico.png" class="dwico"></image>
						</view>
						<text>地址：{{ shopAddress ? shopAddress : address }}</text>
						<text>营业时间： 8:30~22:30 节假日不休息</text>
					</view>
					<view class="mdphone" @tap="callPhone">
						门店电话：
						<text>{{ merchantPhone ? merchantPhone : '无' }}</text>
						<image src="/static/pages/images/call.png"></image>
					</view>
					<image src="/static/pages/images/dzbg.png" class="dzbg"></image>
				</view>
			</block>
		</block>
		<!-- 门店自提 -->
		<!-- 物流配送 -->
		<view class="top" v-else>
			<view class="addr">
				<text class="areas">{{ address }}</text>
				<view class="addrb ddflex">
					<view class="fflex">
						收货人： {{ name }}
						<text>{{ phone }}</text>
					</view>
				</view>
				<!-- <view class="qdkf ddflex" v-if="state <= 3">如需修改地址，请联系<button open-type="contact" hover-class="none">售后客服</button></view>
				<view class="qdkf ddflex" v-if="state > 3 && state < 20 && state != 7">订单已发货，不支持修改地址</view>
			 -->
				<image src="/static/pages/images/dzbg.png" class="dzbg"></image>
			</view>
			<!-- &&state!=7订单未完成 -->
			<view class="psfs dflex" v-if="deliverState" @tap="goUrl" :data-url="url">
				<image src="/static/pages/images/psico.png" class="psico"></image>
				<view class="flex">
					<view v-if="deliverExtend == 1">{{ deliverMode }}：{{ deliverState }}</view>
					<view v-else>查看快递</view>
					<text v-if="deliverExtend == 1">{{ deliverTime }}</text>
				</view>
				<image src="/static/pages/images/more.png" class="rico1"></image>
			</view>
			<!-- 配送人员&&state!=7 -->
			<view class="psy dflex" v-if="deliverMode == '自主配送'">
				<text>配送员信息</text>
				<view class="psy-info flex dflex">
					<view class="psy-phone dflex" @tap="callDeliver">
						<image src="/static/pages/images/psyico.png"></image>
						电话骑士
					</view>
					<view class="psy-name">{{ deliveryUserName }}</view>
				</view>
			</view>
		</view>
		<!-- 产品信息 -->

		<view class="list" v-if="state == 8 || state == 1">
			<view class="dpname">
				<image class="l-s-img" src="/static/pages/images/dpico.png"></image>
				{{ shopName ? shopName : merchantName }}
			</view>
			<view v-for="(item, index) in products" :key="index" class="li" @tap="toDetail" :data-id="item.id">
				<view class="li-info dflex">
					<view class="cimgs">
						<image :src="item.pic" mode="aspectFit" class="cimg"></image>
						<image src="/static/pages/images/jishida.png" mode="aspectFit" class="type"
							v-if="orderType == 5"></image>
						<image src="/static/pages/images/tuangou.png" mode="aspectFit" class="type"
							v-if="orderType == 2"></image>
					</view>
					<view class="zhinfo">
						<view class="zhtit">{{ item.title }}</view>
						<view v-if="item.propertiesList && item.propertiesList.length > 0" class="guigecontent">
							规格：
							<text v-for="(itemGuige, index2) in item.propertiesList" :key="index2" class="guige"
								decode="true">{{ itemGuige.value }}&nbsp;</text>
						</view>
						<view class="jiage">
							<view class="zhjia" v-if="orderType != 11">￥{{ item.salePrice }}</view>
							<view class="zhjia" v-if="orderType == 11">{{ item.integral }}积分+￥{{ item.salePrice }}
							</view>
							<view class="num">×{{ item.quantity }}</view>
						</view>
					</view>
				</view>
				<!-- <view class="lis wuliu dflex">
					<image src="../../static/pages/images/psico_y.png" class="lis-img"></image>
					<view class="flex y-txt">查看物流</view>
					<image src="../static/mine/images/rico2.png" class="rico"></image>
				</view>
				<view class="lis zhuang dflex">
					<image src="../static/mine/images/tuikuan.png" class="lis-img"></image>
					<view class="flex r-txt">售后信息</view>
					<image src="../static/mine/images/rico2.png" class="rico"></image>
				</view> -->
			</view>
		</view>
		<view v-else class="list" v-for="(items, index) in deliverListss" :key="index">
			<view class="dpname" @click="deliverLog(items)">
				<image class="l-s-img" src="/static/pages/images/dpico.png"></image>
				<view class="flex">
					<!-- {{ items.supplierName ? items.supplierName : (shopName ? shopName : merchantName) + '自营' }} -->
					{{ shopName ? shopName : merchantName }}
				</view>
				<view :class="'dflex ' + (items.state == 2 || items.state == 3 ? 'dd-stared' : 'dd-sta ')"
					v-if="mode != 1">
					{{ items.state == 1 ? '未发货' : items.state == 2 ? '待收货' : items.state == 3 ? '已签收' : items.state == 4 ? '已完成' : '' }}
					<image src="/static/pages/images/more.png" class="rico"
						v-if="items.state == 2 || items.state == 3" />
				</view>
			</view>
			<view v-for="(item, index1) in items.extendDTOList" :key="index1" class="li">
				<view class="li-info dflex" @tap="toDetail" :data-id="item.productId">
					<view class="cimgs">
						<image :src="item.pic" mode="aspectFit" class="cimg"></image>
						<image src="/static/pages/images/jishida.png" mode="aspectFit" class="type"
							v-if="orderType == 5"></image>
						<image src="/static/pages/images/tuangou.png" mode="aspectFit" class="type"
							v-if="orderType == 2"></image>
					</view>
					<view class="zhinfo">
						<view class="zhtit">{{ item.productName }}</view>
						<view v-if="item.specsList && item.specsList.length > 0" class="guigecontent">
							规格：
							<text v-for="(itemGuige, index2) in item.specsList" :key="index2" class="guige"
								decode="true">{{ itemGuige.value }}&nbsp;</text>
						</view>
						<view class="jiage">
							<view class="zhjia" v-if="orderType != 11">￥{{ item.money }}</view>
							<view class="zhjia" v-if="orderType == 11">{{ item.integral }}积分+￥{{ item.money }}</view>
							<view class="num">×{{ item.deliverQuantity }}</view>
						</view>
					</view>
				</view>
				<view class="lis zhuang dflex" v-if="item.refundOrderList && item.refundOrderList.length > 0"
					v-for="(its, idx) in item.refundOrderList" @click="gorefundDet(its)" :data-its="its" :key="idx">
					<image src="../static/mine/images/tuikuan.png" class="lis-img"></image>
					<view class="flex r-txt">{{ refundHintText(its) }}</view>
					<image src="../static/mine/images/rico2.png" class="rico"></image>
				</view>
			</view>
		</view>
		<view class="ddinfo">
			<view class="li">
				<text>订单编号</text>
				<view class="ddid dflex">
					{{ id }}
					<text class="copy" @tap="copy()">复制</text>
				</view>
			</view>
			<view class="li">
				<text>创建时间</text>
				<view>{{ createDate }}</view>
			</view>
			<view class="li" v-if="deliverTime">
				<text>{{ mode == 1 ? '自提' : '发货' }}时间</text>
				<view>{{ deliverTime }}</view>
			</view>
			<view class="li">
				<text>订单金额</text>
				<view class="price">￥{{ money }}</view>
			</view>
			<view class="li" v-if="expressFee">
				<text>快递费</text>
				<view class="price">￥{{ expressFee }}</view>
			</view>
			<view class="li" v-if="discountMoney && orderType != 11">
				<text>优惠券</text>
				<view class="price">-￥{{ discountMoney }}</view>
			</view>
			<view class="li" v-if="discountMoney && orderType == 11">
				<text>使用积分</text>
				<view class="price">{{ discountMoney }}</view>
			</view>
			<view class="li" v-if="balancePayMoney">
				<text>余额扣除</text>
				<view class="price">-￥{{ balancePayMoney }}</view>
			</view>
			<view class="li" v-if="offlinePaymentMoney">
				<text>线下余额扣除</text>
				<view class="price">-￥{{ offlinePaymentMoney }}</view>
			</view>
			<view class="li">
				<text>{{ state == 1 || state == 8 ? '应付' : '实付' }}金额</text>
				<view class="price">￥{{ payMoney }}</view>
			</view>
		</view>
		<view class="ddinfo" v-if="note">
			<view class="li">
				<text>备注：</text>
				<view>{{ note }}</view>
			</view>
		</view>

		<view class="ddinfo" v-if="state == 22 && orderDrugUser.reasons">
			<view class="dli">
				<text>开方失败原因：</text>
				<view>{{ orderDrugUser.reasons }}</view>
			</view>
		</view>

		<view class="placeholder-view" :style="'height:' + (bottomBlankHeight + 100) + 'rpx'"></view>
		<view class="bot" :style="'padding-bottom:' + (bottomBlankHeight + 20) + 'rpx'">
			<view @tap="deleteOrder" v-if="state == 8">删除订单</view>
			<view @tap="cancelOrder" v-if="state == 1">取消订单</view>
			<!-- <block
				v-if="config.is_open_invoice == 1 && (state == 2 || state == 3 || state == 4 || state == 5 || state == 6 || state == 7)">
				<view @tap="applyInvoice" v-if="invoiceState == 0">申请开票</view>
				<view @tap="toInvoice" v-else>查看发票</view>
			</block> -->
			<view @tap="txOrder" v-if="state == 3 && isReminder == 1">提醒发货</view>

			<block v-if="orderType != 4">
				<!-- <view
					class="sta-btn"
					@tap="refundmod"
					:data-id="id"
					:data-index="index"
					v-if="
						isRefundStock == 1||(refund > 0 && state >= 2 && state <= 6 && orderType !== 4 && isrefund == 1 && payTime != null && reimburse && canRefund) ||
							(state >= 20 && state < 30 && isOtc == '1' && isrefund == 1 && payTime != null && reimburse && canRefund)
					"
				>
					申请售后
				</view> -->
				<block v-if="state != 1 && state != 8 && state != 9 && state != 10 && orderType!= 18">
					<block v-if="state >= 30 && state <= 43"></block>
					<view v-else class="sta-btn" @tap="isRefundStock == 1 ? refundmod() : refundmods()">申请售后</view>
				</block>
			</block>
			<view @tap="payOrder" v-if="state == 1" class="confirm">立即付款</view>
			<view class="confirm" @tap="confirmOrder" :data-index="index" v-if="state == 5 || state == 6" :data-id="id">
				确认收货</view>
			<navigator :url="'/activity/group/ptDetail/ptDetail?id=' + groupId + '&merchantId=' + merchantId"
				v-if="orderType == 4 && state != 8 && groupId && state > 1" class="confirm">
				我的拼团
			</navigator>
			<navigator v-if="state > 5 && (state != 20 && state != 22 && state != 27)" open-type="reLaunch"
				hover-class="none"
				:url="header.appId == 'ZQ1VK5oc17I387E' ? '/pages/timelyDelivery/index' : '/pages/service/index'"
				class="confirm">
				继续购物
			</navigator>
			<navigator v-if="state == 22 || state == 20 || state == 27" hover-class="none"
				:url="'/prescription/Consultation/index?orderId=' + id" class="confirm">
				重新开方
			</navigator>
			<button open-type="contact" v-if="state == 3 || state == 25 || state == 26">
				<view class="confirm">联系客服</view>
			</button>

			<!-- <navigator url="/pages/shop/shop"wx:if="{{state > 5 }}" open-type="reLaunch" hover-class="none" class="confirm">继续购物</navigator> -->
		</view>

		<!-- 自提取货码 -->
		<block v-if="isShow">
			<view class="mask" @tap="eliminate"></view>
			<view class="qhpop">
				<view class="close">
					<image src="/static/pages/images/close.png" @tap="eliminate"></image>
				</view>
				<view class="thma">
					我的提货码
					<text>{{ code }}</text>
				</view>
				<view class="qrcode">
					<!-- <canvas class='canvas' canvas-id='canvas' bindlongtap='save' style="width:150px;height:150px"></canvas> -->
					<image :src="codeUrl"></image>
				</view>
				<view class="save" @tap="saveImage">保存到相册</view>
			</view>
		</block>
		<canvas canvas-id="invite" class="canvas" style="width:295px;height:428px;"></canvas>
		<!-- 申请售后弹窗 -->
		<view class="ceng" v-if="popShow" @click="cancel()"></view>
		<view class="popup" v-if="popShow">
			<view class="pop-tit">提示</view>
			<view class="pop-tip">当前{{ stateName }}，如有售后问题，请咨询客服</view>
			<view class="pop-btn dflex">
				<view class="pop-cancel" @click="cancel()">取消</view>
				<button open-type="contact" class="pop-contact">咨询客服</button>
			</view>
		</view>
	</view>
</template>

<script>
	// pages/orderDet/orderDet.js
	const app = getApp(); // const QRCode = require('../../utils/weapp.qrcode.js')
	// const QRCode = require('../../utils/weapp.qrcode.js')
	const req = require('../../utils/request.js');
	const requsetmessage = require('../../utils/requestmessage.js');
	import h5util from "../../utils/h5util";
	// state : 1 未付款 2 待确认 3 待发货 4 待提货 5 配送中 6 已签收 7 订单完成
	//         8 订单取消 9 退货中 10 完成退货 11 支付失败 15 进行中
	// 		售后状态
	// 	    30 售后待审核 32 售后审核失败 35 商品待退回 36 商品退回中
	// 		39 退款申请 40 退款待支付 41 退款中 42 退款失败
	// 		43 退款成功
	// 		处方订单
	// 		20 未开方 21 开方中 22 开方失败 25 待审方
	// 		26 审方中 27 审方失败,
	// 		49 用户取消售后
	export default {
		data() {
			return {
				isShowView: false,
				bottomBlankHeight: app.globalData.isIPhoneX ? 68 : 0,
				deliverListss: '',
				isShow: false,
				isrefund: '',
				id: '',
				config: '',
				show: false,
				codeUrl: '',
				deliverExtend: 0,
				url: '',
				imgUrl: '',
				pageList: '',
				orderRefund: '',
				header: req.header,
				orderRefundList: [],
				reimburse: false,
				canRefund: true,
				state: '',
				popShow: false,
				query: {},
				isPay: false,
			};
		},

		onLoad: async function(options) {
			this.query = options;
			let id = options.id;
			this.setData({
				isrefund: options.isrefund
			}); // req.getRequest('/api/order/detail', {
			//   id: id
			// }, data => {
			//   that.setData(data);
			//   if (data.state >= 30 && data.state <= 43) {
			//     this.getrefundDet(id)
			//   }
			// })

			this.setData({
				id: id
			});
			// console.log(options.code);
			await this.getConfig();
		},

		async onShow() {
			// #ifdef H5
			if (this.isPay) {
				this.isPay = false;
				req.checkPaySuccess(this.id, sucs => {
					console.log('付款结果>>>>', sucs);
					this.payJumpSuc(sucs);
				});
			}
			// #endif
			if (this.query.scene) {
				await this.loadCodeParams();
			}
			await req.silenceLogin()
			let that = this;
			await req.getRequest(
				'/api/order/detail', {
					id: this.id
				},
				data => {
					this.deliverListss = data.deliverList;
					// console.log('获取到的退款单11111>>>>>',data.orderRefundList);
					// console.log('获取到的退款单>>>>>',this.deliverListss);
					data.refund = data.products.filter(it => it.quantity - (it.refundStock ? it.refundStock : 0) >
						0).length;
					// console.log(data)
					that.setData(data);
					that.state = data.state;
					if (!data.orderRefundList) {
						this.orderRefundList = [];
						this.reimburse = true;
					} else if (data.orderRefundList.length < 1) {
						this.orderRefundList = [];
						this.reimburse = true;
					} else {
						// this.getrefundDet(data.orderRefundList[0].id);
						this.orderRefund = data.orderRefundList[0];
						let orderRefundList = data.orderRefundList;
						this.orderRefundList = orderRefundList;
						if (orderRefundList[0].refundState == 43 || orderRefundList[0].refundState == 32) {
							this.reimburse = true;
						} else {
							this.reimburse = false;
						}
					}
					// if (data.state >= 30 && data.state <= 43) {
					// 	this.getrefundDet(this.id);
					// }

					if (data.mode == 1 && data.state >= 3 && data.state <= 7) {
						if (data.orderType != 17 && data.orderType != 18 && data.orderType != 16) {
							this.getCodeUrl();
							this.generatePoster();
						}
					}
					if (data.mode != 1 && data.state >= 5 && data.state <= 7) {
						this.deliverExtendFun();
					}
					this.isShowView = true;
				}
			);
		},

		methods: {
			payJumpSuc(sucs) {
				if (sucs) {
					//支付成功
					if (this.isOtc == 1) {
						app.globalData.redirectTab('product/pay/pay?isSuccess=true&orderId=' + this.id + '&isRx=1');
					} else {
						app.globalData.redirectTab('product/pay/pay?isSuccess=true');
					}
					// let d = {};
					// d.state = 3;
					// that.setData(d);
				} else {
					req.msg('支付失败');
				}
			},



			goUrl(e) {
				// var dataset = e.currentTarget.dataset;
				let url = e.currentTarget.dataset.url;
				if (this.deliverState == '完成') {
					url = url + '&isReceived=true';
				}
				uni.navigateTo({
					url: url
				});
			},

			eliminate() {
				this.setData({
					isShow: false
				});
			},

			refundHintText(orderRefundItem) {
				var text = '';
				if (
					(orderRefundItem.refundState == 39 && (orderRefundItem.refundType == 1 || orderRefundItem.refundType ==
						3)) ||
					(orderRefundItem.refundState == 40 && (orderRefundItem.refundType == 1 || orderRefundItem.refundType ==
						3)) ||
					orderRefundItem.refundState == 30 ||
					orderRefundItem.refundState == 31
				) {
					text = '您已提交退款申请，等待审核中';
				}
				if (
					((orderRefundItem.refundState == 41 || orderRefundItem.refundState == 40) && (orderRefundItem
						.refundType == 1 || orderRefundItem.refundType == 3)) ||
					(orderRefundItem.refundState == 35 && orderRefundItem.refundType == 2 && orderRefundItem
						.refundMethod != 2)
				) {
					if (orderRefundItem.refundMethod == null && orderRefundItem.refundState == 35) {
						text = '您提交的退款申请审核完成,请选择退货方式';
					} else {
						text =
							'您提交的退款申请审核完成' +
							((orderRefundItem.refundState == 41 || orderRefundItem.refundState == 40) && (orderRefundItem
									.refundType == 1 || orderRefundItem.refundType == 3) ?
								'，等待卖家退款中' :
								'，请填写物流信息');
					}
				}
				if (orderRefundItem.refundState == 36 && orderRefundItem.refundType == 2 && orderRefundItem.refundMethod ==
					2) {
					text = '您提交的退款申请审核完成，请您把商品送回门店';
				} else if (orderRefundItem.refundType == 1 || orderRefundItem.refundType == 3) {
					if (orderRefundItem.refundState == 32) {
						text = '您提交的退款申请，审核失败，请联系商家' + (!orderRefundItem.refundFalseRes ? '' : '；原因：') + orderRefundItem
							.refundFalseRes;
					}
				} else if (orderRefundItem.refundType == 2) {
					if (orderRefundItem.refundState == 32) {
						text = '您提交的退货申请，审核失败，请联系商家' + (!orderRefundItem.refundFalseRes ? '' : '；失败原因：') + orderRefundItem
							.refundFalseRes;
					} else if (orderRefundItem.refundState == 36 && (orderRefundItem.refundMethod == 1 || orderRefundItem
							.refundMethod == 3)) {
						text = '商品已寄回，等待卖家确认收货';
					} else if (orderRefundItem.refundState == 40 || orderRefundItem.refundState == 39 || orderRefundItem
						.refundState == 41) {
						text = '您寄回的商品卖家已接收，等待卖家退款中';
					}
				}
				if (orderRefundItem.refundState >= 42) {
					if (orderRefundItem.refundState == 43) {
						text = '退款完成';
					} else {
						if (orderRefundItem.refundState == 49) {
							text = '已取消售后';
						} else {
							text = '退款失败';
						}
					}
				}
				return text;
			},

			getConfig() {
				var _this = this;

				return new Promise((resolve, reject) => {
					req.g(
						'/api/config',
						res => {
							// console.log('配置数据====' + JSON.stringify(res));

							_this.setData({
								config: res
							});

							resolve();
						},
						true
					);
				});
			},

			getCodeUrl() {
				let that = this; //获取小程序码

				const params = {
					// page: 'pages/index/index',
					page: 'pages/web/web',
					scene: this.query.code
				}; // return new Promise((resolve, reject) => {
				req.getRequest('/api/program/codev', params, url => {
					// console.log(url);
					that.setData({
						show: true,
						codeUrl: url
					});
					that.generatePoster(url); //   resolve();
					// })
				});
			},

			// 获取分单发货的
			deliverExtendFun() {
				req.postRequest(
					'/api/order/deliverExtend', {
						id: this.query.id
					},
					res => {
						let url;

						if (res && res.length >= 2) {
							url = '/mine/deliverExtend/deliverExtend?orderId=' + this.id;
							this.setData({
								deliverExtend: 2,
								url: url
							});
						} else {
							url = '/mine/logistics/logistics?id=' + this.deliverId + '&orderId=' + this.id;
							this.setData({
								deliverExtend: 1,
								url: url
							});
						}
					}
				);
			},

			//检验是否为老的订单退款数据
			isOldOrder() {
				if (this.orderRefundList.length > 0) {
					var rRefundList = [];
					if (this.deliverList && this.deliverList.length > 0) {
						for (var i = 0; i < this.deliverList.length; i++) {
							var extendDTOList = this.deliverList[i].extendDTOList;
							for (var k = 0; k < extendDTOList.length; k++) {
								rRefundList = rRefundList.concat(extendDTOList[k].refundOrderList);
							}
						}
					}
					if (this.orderRefundList[0].refundState == 49) {
						//售后取消
						return false;
					} else {
						return rRefundList.length <= 0;
					}
				}
				return false;
			},

			deliverLog(items) {
				if (items.mode != 1 && (items.state == 2 || items.state == 3)) {
					uni.navigateTo({
						url: '/mine/logistics/logistics?id=' + items.id + '&orderId=' + items.orderId
					});
				}
			},

			generatePoster(url) {
				let that = this;
				that.generate(url, imgUrl => {
					that.setData({
						imgUrl: imgUrl
					});
				});
			},

			isAuth(fun) {
				if (!uni.saveImageToPhotosAlbum) {
					uni.showModal({
						title: '提示',
						content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'
					});
					return;
				} //可以通过 wx.getSetting 先查询一下用户是否授权了 "scope.writePhotosAlbum" 这个 scope

				// #ifndef H5
				uni.getSetting({
					success(res) {
						// console.log(res);

						if (!res.authSetting['scope.writePhotosAlbum']) {
							// 接口调用询问
							uni.authorize({
								scope: 'scope.writePhotosAlbum',

								success() {
									// console.log("2-授权《保存图片》权限成功");
									fun(true);
								},

								fail() {
									fun(false);
								}
							});
						} else {
							// 拒绝授权
							fun(true);
						}
					},

					fail(res) {
						fun(false);
					}
				});
				// #endif
			},

			saveImage() {
				let that = this;
				that.isAuth(success => {
					if (success) {
						// console.log("图片地址=====" + that.imgUrl);
						uni.saveImageToPhotosAlbum({
							filePath: that.imgUrl,

							success(res) {
								uni.showToast({
									title: '图片保存成功',
									icon: 'none',

									success() {},

									fail() {
										uni.showToast({
											title: '图片保存失败'
										});
									}
								});
							}
						});
					}
				});
			},

			getImageInfo(url) {
				return new Promise((resolve, reject) => {
					if (!url) {
						resolve();
						return false;
					}

					uni.getImageInfo({
						src: url,
						success: resolve,
						fail: reject
					});
				});
			},

			generate(url, success) {
				// 获取商品图片
				// const picPromise = this.getImageInfo(this.data.config.Distribution_Poster_Background)
				// const avatarPromise = this.getImageInfo(this.data.config.CONFIG_PROJECT_LOGO)
				// 获取小程序码图
				const codePromise = this.getImageInfo(url);
				let that = this;
				Promise.all([codePromise]).then(([code]) => {
					// 创建绘图上下文
					const ctx = uni.createCanvasContext('invite', this); // 绘制背景，填充满整个canvas画布

					let width = 295,
						height = 428; //默认背景

					ctx.setFillStyle('#f6f6f6');
					ctx.fillRect(0, 0, width, height); //白色背景

					ctx.save();
					that.roundRect(ctx, 0, 0, 428, 500, 10);
					ctx.restore();
					ctx.fillStyle = '#333';
					ctx.font = '20px PingFang SC';
					ctx.fillText('我的提货码', 100, 65);

					if (code) {
						ctx.drawImage(code.path, 62, 140, 165, 165);
					}

					ctx.save();
					ctx.fillStyle = '#FE0419';
					ctx.font = '18px PingFang SC';
					ctx.fillText(that.query.code, 130, 100); //logo
					// ctx.save();
					// ctx.beginPath()
					// ctx.arc(35, 35, 20, 0, 2 * Math.PI, true) //画一个圆形裁剪区域
					// ctx.clip() //裁剪
					// ctx.drawImage(avatar.path, 15, 15, 40, 40) //绘制图片
					// 完成作画

					ctx.draw(false, function() {
						uni.canvasToTempFilePath({
								canvasId: 'invite',
								success: function(res) {
									success.call(this, res.tempFilePath);
								},
								fail: function(res) {
									// console.log(res);
								}
							},
							that
						);
					});
				});
			},


			loadCodeParams() {
				let _ts = this;
				return new Promise((resolve, reject) => {
					if (!_ts.query.scene) {
						resolve();
						return false;
					}
					req.getRequest(
						'/api/code/params', {
							scene: _ts.query.scene
						},
						data => {
							this.id = data.scene
							resolve();
						}
					);
				});
			},

			/**
			 *
			 * @param {CanvasContext} ctx canvas上下文
			 * @param {number} x 圆角矩形选区的左上角 x坐标
			 * @param {number} y 圆角矩形选区的左上角 y坐标
			 * @param {number} w 圆角矩形选区的宽度
			 * @param {number} h 圆角矩形选区的高度
			 * @param {number} r 圆角的半径
			 */
			roundRect: function(ctx, x, y, w, h, r) {
				// 开始绘制
				ctx.beginPath(); // 因为边缘描边存在锯齿，最好指定使用 transparent 填充
				// 这里是使用 fill 还是 stroke都可以，二选一即可

				ctx.setFillStyle('white'); // ctx.setStrokeStyle('transparent')
				// 左上角

				ctx.arc(x + r, y + r, r, Math.PI, Math.PI * 1.5); // border-top

				ctx.moveTo(x + r, y);
				ctx.lineTo(x + w - r, y);
				ctx.lineTo(x + w, y + r); // 右上角

				ctx.arc(x + w - r, y + r, r, Math.PI * 1.5, Math.PI * 2); // border-right

				ctx.lineTo(x + w, y + h - r);
				ctx.lineTo(x + w - r, y + h); // 右下角

				ctx.arc(x + w - r, y + h - r, r, 0, Math.PI * 0.5); // border-bottom

				ctx.lineTo(x + r, y + h);
				ctx.lineTo(x, y + h - r); // 左下角

				ctx.arc(x + r, y + h - r, r, Math.PI * 0.5, Math.PI); // border-left

				ctx.lineTo(x, y + r);
				ctx.lineTo(x + r, y); // 这里是使用 fill 还是 stroke都可以，二选一即可，但是需要与上面对应

				ctx.fill(); // ctx.stroke()

				ctx.closePath(); // 剪切

				ctx.clip();
			},

			showCode() {
				this.setData({
					isShow: true
				});
			},

			callPhone: function() {
				uni.makePhoneCall({
					phoneNumber: this.merchantPhone
				});
			},

			payOrder: async function() {
				this.isPay = true;
				let that = this;
				if (!this.id) return false;
				let mode = that.mode;
				if (that.mode == 2 && that.orderType == 5) {
					mode = 3;
				}
				// #ifdef MP-WEIXIN
				if (that.isOtc == 1) {
					await requsetmessage.recipel(mode).then(res => {});
				} else if (mode == 1) {
					await requsetmessage.selfRaising().then(res => {
						// console.log("自提", res);
					});
				} else if (mode == 2) {
					await requsetmessage.distribution().then(res => {
						// console.log("配送", res);
					});
				} else {
					await requsetmessage.jisda().then(res => {
						// console.log("及时达", res);
					});
				}
				// #endif
				
				//支付成功
				h5util.jumpPay({
					orderId:this.id,
					isRx:this.isOtc == 1?true:''
				})
				// req.payOrder(this.id, success => {
				// 	this.payJumpSuc(success);

				// });
			},
			txOrder() {
				req.postRequest(
					'/api/order/reminderOrder', {
						orderId: this.id
					},
					() => {
						req.msg('发货提醒成功');
					}
				);
			},

			cancelOrder() {
				let that = this;
				req.msgConfirm('确定取消该订单？', () => {
					req.postRequest(
						'/api/order/cancel', {
							id: this.id
						},
						() => {
							let d = {};
							d.state = 8;
							that.setData(d);
						}
					);
				});
			},

			confirmOrder(event) {
				//确认收货
				// let index = event.currentTarget.dataset.index;
				// let page = this.data.pageList[index];
				let id = event.currentTarget.dataset.id;
				let that = this;
				req.msgConfirm('确认执行该操作？', () => {
					req.postRequest(
						'/api/order/receiving', {
							id: id
						},
						() => {
							let d = {};
							d['stateName'] = '订单完成';
							d['state'] = 7;
							that.setData(d);
							uni.navigateBack();
						}
					);
				});
			},

			deleteOrder() {
				let that = this;
				req.msgConfirm('确定删除该订单？', () => {
					req.postRequest(
						'/api/order/delete', {
							id: this.id
						},
						() => {
							let pages = getCurrentPages();
							var prevPage = pages[pages.length - 2];
							let pageList = prevPage.data.pageList;
							pageList.splice(pageList.findIndex(it => it.id == that.id), 1);
							prevPage.$vm.setData({
								pageList: pageList
							});
							uni.navigateBack();
						}
					);
				});
			},

			toDetail(e) {
				let id = e.currentTarget.dataset.id;
				app.globalData.openPage('product/detail/detail?id=' + id);
			},

			refundmod(event) {
				//申请退款
				uni.navigateTo({
					url: '/mine/refund/refundType/refundType?id=' + this.id
				});
			},

			refundmods() {
				this.popShow = true;
			},
			cancel() {
				this.popShow = false;
			},

			// 退款详情
			gorefundDetOld() {
				uni.navigateTo({
					url: '/mine/refund/refundDetails/refundDetails?id=' + this.orderRefund.id + '&isrefund=' + this
						.orderRefund.refundType
				});
			},

			gorefundDet(its) {
				// console.log('进入退款详情>>>>>', its);
				uni.navigateTo({
					url: '/mine/refund/refundDetails/refundDetails?id=' + its.id + '&isrefund=' + its.refundType
				});
			},

			getrefundDet(id) {
				req.getRequest(
					'/api/orderRefund/queryRefund', {
						orderId: id
					},
					data => {
						this.setData({
							orderRefund: data
						});
					}
				);
			},

			//电话骑士
			callDeliver() {
				uni.makePhoneCall({
					phoneNumber: this.deliveryUserPhone
				});
			},
			copy() {
				let that = this;
				let id = this.id;
				uni.setClipboardData({
					data: id,
					complete() {
						req.msg('复制成功');
					}
				});
			},
			// 申请开票
			applyInvoice() {
				uni.navigateTo({
					url: '/invoice/apply/apply?orderId=' + this.id + '&money=' + this.money
				});
			},
			toInvoice() {
				uni.navigateTo({
					url: '/mine/invoice/invoice'
				});
			}
		}
	};
</script>
<style>
	@import './orderDet.css';
</style>