订单详情页更新

api/home.js

@@ -90,6 +90,11 @@ export function getUserOrderPage(data) {
 	return request.get("v1/finance/order-page",data);
 }
 
+// 根据用户订单NO查询物流信息
+export function getOrderLogistic(data) {
+	return request.get("v1/order/logistic",data);
+}
+
 // 取消订单
 export function postUserOrderCancel(data) {
 	let url = "id="+data.id

components/orderGoods/index_details_mall.vue

@@ -0,0 +1,341 @@
+<template>
+	<view class="orderGoods">
+		<view class='total' v-if="is_behalf"><text>
+				{{ $t(`代付金额`) }}：
+				<text class="pay-price">￥{{ pay_price }}</text>
+			</text>
+		</view>
+		<view class='total' v-else-if="!split && !is_behalf">{{ $t(`商品信息`) }}</view>
+		<view class='total' v-else-if="split">
+			<text>{{ $t(`订单包裹`) }} {{ index + 1 }}</text>
+			<view class="rig-btn" v-if="status_type === -1">
+				<view class="refund">{{ $t(`申请退款中`) }}</view>
+			</view>
+			<view class="rig-btn" v-else-if="status_type === -2">
+				<view class="refund">{{ $t(`已退款`) }}</view>
+			</view>
+			<view class="rig-btn" v-else-if="status_type === 4">
+				<view class="done">{{ $t(`已完成`) }}</view>
+			</view>
+		</view>
+
+		<view class='goodWrapper'>
+			<view class='' v-for="(item, index) in cartInfo" :key="index" @click="jumpCon(item.id)">
+				<view class="item acea-row row-between-wrapper">
+					<view class='pictrue'>
+						<image :src='item.goodsImg'></image>
+					</view>
+					<view class='text'>
+						<view class='acea-row row-between-wrapper'>
+							<view class='name line1'>{{ item.goodsName }}</view>
+							<!-- <view class='num'>x {{item.totalSales}}</view> -->
+						</view>
+						<view class='attr line1'>{{ item.goodsSpecNames }}
+						</view>
+						<view class='money font-color pic' v-if="item.salePrice">
+							<text :class="{ gray: !item.isSale }">
+								{{ $t(`￥`) }}{{ item.salePrice - 0 }}
+							</text>
+						</view>
+					</view>
+				</view>
+				<!-- <view class="botton-btn">
+					<view class='logistics' v-if="item.is_reply==0 && evaluate==3 && pid != -1 && isShow"
+						@click.stop="evaluateTap(item.unique,orderId)">
+						{{$t(`评价`)}}</view>
+					<view class='logistics'
+						v-if="paid === 1 && refund_status === 0 && item.refund_num !=item.cart_num && !is_confirm && isShow"
+						@click.stop="openSubcribe(item)">
+						{{$t(`申请退款`)}}</view>
+					<view class="rig-btn" v-if="status_type === 2 && index === cartInfo.length - 1 || !split">
+						<view v-if="delivery_type === 'express'" class="logistics" @click.stop="logistics(orderId)">{{$t(`查看物流`)}}
+						</view>
+						<view class="logistics sure" v-if="status_type === 2" @click.stop="confirmOrder(orderId)">{{$t(`确认收货`)}}
+						</view>
+					</view>
+				</view> -->
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	props: {
+		// 订单状态
+		statusType: {
+			type: Number,
+			default: 0,
+		},
+		evaluate: {
+			type: Number,
+			default: 0,
+		},
+		oid: {
+			type: Number,
+			default: 0,
+		},
+		// 1已支付 0未支付
+		paid: {
+			type: Number,
+			default: 0,
+		},
+		cartInfo: {
+			type: Array,
+			default: function () {
+				return [];
+			}
+		},
+		orderId: {
+			type: String,
+			default: '',
+		},
+		shipping_type: {
+			type: Number,
+			default: -1,
+		},
+		delivery_type: {
+			type: String,
+			default: '',
+		},
+		pay_price: {
+			type: String,
+			default: '',
+		},
+		jump: {
+			type: Boolean,
+			default: false,
+		},
+		is_confirm: {
+			type: Boolean,
+			default: false,
+		},
+		// is_behalf 是否是代付列表
+		is_behalf: {
+			type: Boolean,
+			default: false,
+		},
+		split: {
+			type: Boolean,
+			default: false,
+		},
+		jumpDetail: {
+			type: Boolean,
+			default: false,
+		},
+		index: {
+			type: Number,
+			default: 0,
+		},
+		pid: {
+			type: Number,
+			default: 0,
+		},
+		refund_status: {
+			type: Number,
+			default: 0,
+		},
+		status_type: {
+			type: Number,
+			default: 0,
+		},
+		isShow: {
+			type: Boolean,
+			default: true,
+		},
+	},
+	data() {
+		return {
+			totalNmu: 0,
+			operationModel: false,
+			status: "",
+		};
+	},
+	watch: {
+		cartInfo: function (nVal, oVal) {
+			console.log(nVal);
+			let num = 0
+			nVal.forEach((item, index) => {
+				num += item.totalSales - 0
+			})
+			this.totalNmu = num
+		}
+	},
+	mounted() {
+		let num = 0
+		this.$nextTick(() => {
+			this.cartInfo.forEach((item, index) => {
+				num += item.cart_num
+			})
+			console.log(num)
+			this.$set(this, 'totalNmu', num)
+		})
+
+	},
+	methods: {
+		evaluateTap: function (unique, orderId) {
+			uni.navigateTo({
+				url: "/pages/goods/goods_comment_con/index?unique=" + unique + "&uni=" + orderId
+			})
+		},
+		jumpCon(id) {
+			if (this.jump) {
+				uni.navigateTo({
+					url: `/pages/goods_details/index?id=${id}`
+				})
+			} else if (this.jumpDetail) {
+				uni.navigateTo({
+					url: `/pages/goods/order_details/index?order_id=${this.orderId}`
+				})
+			}
+		},
+		logistics(order_id) {
+			uni.navigateTo({
+				url: '/pages/goods/goods_logistics/index?orderId=' + order_id
+			})
+		},
+		confirmOrder(orderId) {
+			this.$emit('confirmOrder', orderId)
+		},
+		changeOperation() {
+			this.operationModel = !this.operationModel
+		},
+		openSubcribe(item) {
+			let cartList = [];
+			cartList.push({
+				cart_id: item.id,
+				cart_num: item.surplus_refund_num
+			})
+			let obj = JSON.stringify(cartList);
+			this.$emit('openSubcribe',
+				`/pages/goods/goods_return/index?orderId=${this.orderId}&id=${this.oid}&cartIds=${obj}`)
+		},
+	}
+}
+</script>
+
+<style scoped lang="scss">
+.name {
+	width: 100% !important;
+}
+
+.fontcolor {
+	color: #e93323;
+}
+
+.orderGoods {
+	background-color: #fff;
+}
+
+.orderGoods .total {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	width: 100%;
+	// height: 86rpx;
+	padding: 0 30rpx;
+	border-bottom: 2rpx solid #f0f0f0;
+	font-size: 30rpx;
+	color: #282828;
+	line-height: 86rpx;
+	box-sizing: border-box;
+
+
+}
+
+.botton-btn {
+	display: flex;
+	align-items: right;
+	justify-content: flex-end;
+	padding: 0rpx 20rpx 20rpx 20rpx;
+}
+
+.rig-btn {
+	display: flex;
+	align-items: center;
+
+	.refund {
+		font-size: 26rpx;
+		color: #e93323;
+	}
+
+	.done {
+		font-size: 26rpx;
+		color: #F19D2F;
+	}
+}
+
+.logistics {
+	// height: 46rpx;
+	line-height: 30rpx;
+	color: #666666;
+	font-size: 20rpx;
+	border: 1px solid #CCCCCC;
+	border-radius: 30rpx;
+	padding: 8rpx 22rpx;
+	margin-left: 10rpx;
+}
+
+.sure {
+	color: #e93323;
+	border: 1px solid #e93323;
+}
+
+.more-operation {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	padding: 10rpx 0;
+	color: #bbb;
+}
+
+.b-top {
+	margin-left: 30rpx;
+	margin-right: 30rpx;
+	border-top: 1px solid #f0f0f0
+}
+
+.fade-enter-active,
+.fade-leave-active {
+	transition: all 0.1s;
+}
+
+.fade-enter,
+.fade-leave-to
+
+/* .fade-leave-active below version 2.1.8 */
+	{
+	opacity: 0;
+	transform: translateY(-10px);
+}
+
+.op {
+	opacity: 0.5;
+
+}
+
+.gray {
+	filter: grayscale(100%);
+	filter: gray;
+}
+
+.pic {
+	display: flex;
+	justify-content: space-between;
+}
+
+.valid {
+	margin-left: 20rpx;
+	font-size: 24rpx;
+}
+
+.pay-price {
+	color: #E93323;
+}
+
+.refund {
+	text-align: right;
+	font-size: 26rpx;
+	color: var(--view-theme);
+}
+</style>

components/update/app-update.vue

@@ -5,12 +5,12 @@
 				<view class="update-wrap">
 					<image src="./images/img.png" class="top-img"></image>
 					<view class="content">
-						<text class="title">{{$t(`发现新版本`)}}{{ update_info.version }}</text>
+						<text class="title">{{ $t(`发现新版本`) }}{{ update_info.version }}</text>
 						<!-- 升级描述 -->
 						<view class="title-sub" v-html="update_info.info"></view>
 						<!-- 升级按钮 -->
 						<button class="btn" v-if="downstatus < 1" @click="nowUpdate()">
-							{{$t(`立即升级`)}}
+							{{ $t(`立即升级`) }}
 						</button>
 						<!-- 下载进度 -->
 						<view class="sche-wrap" v-else>
@@ -18,9 +18,9 @@
 							<view class="sche-bg">
 								<view class="sche-bg-jindu" :style="lengthWidth"></view>
 							</view>
-							<text class="down-text">{{$t(`下载进度`)}}:{{ (downSize / 1024 / 1024).toFixed(2) }}M/{{
-                  (fileSize / 1024 / 1024).toFixed(2)
-                }}M</text>
+							<text class="down-text">{{ $t(`下载进度`) }}:{{ (downSize / 1024 / 1024).toFixed(2) }}M/{{
+									(fileSize / 1024 / 1024).toFixed(2)
+							}}M</text>
 						</view>
 					</view>
 				</view>
@@ -31,400 +31,400 @@
 </template>
 
 <script>
-	let vm;
-	import {
-		getUpdateInfo
-	} from '@/api/public.js'
+let vm;
+import {
+	getUpdateInfo
+} from '@/api/public.js'
 
-	export default {
-		name: "appUpdate",
-		//@是否强制更新
-		props: {
-			tabbar: {
-				type: Boolean,
-				default: false, //是否有原生tabbar组件
-			},
-			getVer: {
-				type: Boolean,
-				default: false, //是否有原生tabbar组件
-			},
+export default {
+	name: "appUpdate",
+	//@是否强制更新
+	props: {
+		tabbar: {
+			type: Boolean,
+			default: false, //是否有原生tabbar组件
 		},
-		data() {
+		getVer: {
+			type: Boolean,
+			default: false, //是否有原生tabbar组件
+		},
+	},
+	data() {
+		return {
+			popup_show: false, //弹窗是否显示
+			platform: "", //ios or android
+			version: "1.0.0", //当前软件版本
+			need_update: false, // 是否更新
+			downing: false, //是否下载中
+			downstatus: 0, //0未下载  1已开始 2已连接到资源  3已接收到数据  4下载完成
+			update_info: {
+				os: "", //设备系统
+				version: "", //最新版本
+				info: "", //升级说明
+			},
+			fileSize: 0, //文件大小
+			downSize: 0, //已下载大小
+			viewObj: null, //原生遮罩view
+		};
+	},
+	created() {
+		vm = this;
+		if (!this.getVer) this.update()
+	},
+	computed: {
+		// 下载进度计算
+		lengthWidth: function () {
+			let w = (this.downSize / this.fileSize) * 100;
+			if (!w) {
+				w = 0;
+			} else {
+				w = w.toFixed(2);
+			}
 			return {
-				popup_show: false, //弹窗是否显示
-				platform: "", //ios or android
-				version: "1.0.0", //当前软件版本
-				need_update: false, // 是否更新
-				downing: false, //是否下载中
-				downstatus: 0, //0未下载  1已开始 2已连接到资源  3已接收到数据  4下载完成
-				update_info: {
-					os: "", //设备系统
-					version: "", //最新版本
-					info: "", //升级说明
-				},
-				fileSize: 0, //文件大小
-				downSize: 0, //已下载大小
-				viewObj: null, //原生遮罩view
+				width: w + "%", //return 宽度半分比
 			};
 		},
-		created() {
-			vm = this;
-			if (!this.getVer) this.update()
+		getHeight() {
+			let bottom = 0;
+			if (this.tabbar) {
+				bottom = 50;
+			}
+			return {
+				bottom: bottom + "px",
+				height: "auto",
+			};
 		},
-		computed: {
-			// 下载进度计算
-			lengthWidth: function() {
-				let w = (this.downSize / this.fileSize) * 100;
-				if (!w) {
-					w = 0;
-				} else {
-					w = w.toFixed(2);
-				}
-				return {
-					width: w + "%", //return 宽度半分比
-				};
-			},
-			getHeight() {
-				let bottom = 0;
-				if (this.tabbar) {
-					bottom = 50;
-				}
-				return {
-					bottom: bottom + "px",
-					height: "auto",
-				};
-			},
+	},
+	methods: {
+		// 检查更新
+		update() {
+			// #ifdef APP-PLUS
+			// 获取手机系统信息
+			uni.getSystemInfo({
+				success: function (res) {
+					vm.platform = res.platform; //ios  or android
+					console.log("手机系统信息", vm.platform);
+				},
+			});
+
+			// 获取版本号
+			plus.runtime.getProperty(plus.runtime.appid, function (inf) {
+				vm.version = inf.version;
+			});
+			console.log("当前版本", vm.version);
+			this.getUpdateInfo(); //获取更新信息
+			// #endif
 		},
-		methods: {
-			// 检查更新
-			update() {
-				// #ifdef APP-PLUS
-				// 获取手机系统信息
-				uni.getSystemInfo({
-					success: function(res) {
-						vm.platform = res.platform; //ios  or android
-						console.log("手机系统信息", vm.platform);
-					},
-				});
 
-				// 获取版本号
-				plus.runtime.getProperty(plus.runtime.appid, function(inf) {
-					vm.version = inf.version;
+		// 获取线上版本信息
+		getUpdateInfo() {
+			//向后台发起请求，获取最新版本号
+			getUpdateInfo(this.platform === "ios" ? 2 : 1)
+				.then((res) => {
+					console.log(res)
+					if (Array.isArray(res.data)) {
+						return this.$emit('isNew')
+					}
+					const tagDate = uni.getStorageSync('app_update_time') || '',
+						nowDate = new Date().toLocaleDateString();
+					if (tagDate !== nowDate && !this.getVer) {
+						uni.setStorageSync('app_update_time', new Date().toLocaleDateString());
+					} else if ((tagDate !== nowDate) && this.getVer) {
+						if (!res.data.is_force) return
+					} else if (tagDate == nowDate && !this.getVer && !res.data.is_force) {
+						return
+					}
+					// 这里的返回的数据跟后台约定
+					let data = res.data;
+					// 循环获取当前设备对应的更新数据
+					vm.update_info = data;
+					if (!vm.update_info.platform) {
+						// 后台未配置当前系统的升级数据
+					} else {
+						console.log('111111111111111')
+						vm.checkUpdate(); ///检查是否更新
+					}
+				})
+				.catch((err) => {
+					vm.popup_show = false
+					console.log(err);
 				});
-				console.log("当前版本", vm.version);
-				this.getUpdateInfo(); //获取更新信息
-				// #endif
-			},
-
-			// 获取线上版本信息
-			getUpdateInfo() {
-				//向后台发起请求，获取最新版本号
-				getUpdateInfo(this.platform === "ios" ? 2 : 1)
-					.then((res) => {
-						console.log(res)
-						if(Array.isArray(res.data)){
-						 return	this.$emit('isNew')
-						}
-						const tagDate = uni.getStorageSync('app_update_time') || '',
-							nowDate = new Date().toLocaleDateString();
-						if (tagDate !== nowDate && !this.getVer) {
-							uni.setStorageSync('app_update_time', new Date().toLocaleDateString());
-						} else if ((tagDate !== nowDate) && this.getVer) {
-							if (!res.data.is_force) return
-						} else if (tagDate == nowDate && !this.getVer && !res.data.is_force) {
-							return
-						}
-						// 这里的返回的数据跟后台约定
-						let data = res.data;
-						// 循环获取当前设备对应的更新数据
-						vm.update_info = data;
-						if (!vm.update_info.platform) {
-							// 后台未配置当前系统的升级数据
-						} else {
-							console.log('111111111111111')
-							vm.checkUpdate(); ///检查是否更新
-						}
-					})
-					.catch((err) => {
-						vm.popup_show = false
-						console.log(err);
+		},
+		// 检查是否更新
+		checkUpdate() {
+			vm.need_update = vm.compareVersion(vm.version, vm.update_info.version); // 检查是否需要升级
+			if (vm.need_update) {
+				vm.popup_show = true; //线上版本号大于当前安装的版本号  显示升级框
+				if (vm.tabbar) {
+					//页面是否有原生tabbar组件
+					// 创建原生view用来遮罩tabbar的点击事件 (如果是没有用原生的tabbar这一步可以取消)
+					vm.viewObj = new plus.nativeObj.View("viewObj", {
+						bottom: "0px",
+						left: "0px",
+						height: "50px",
+						width: "100%",
+						backgroundColor: "rgba(0,0,0,.6)",
 					});
-			},
-			// 检查是否更新
-			checkUpdate() {
-				vm.need_update = vm.compareVersion(vm.version, vm.update_info.version); // 检查是否需要升级
-				if (vm.need_update) {
-					vm.popup_show = true; //线上版本号大于当前安装的版本号  显示升级框
-					if (vm.tabbar) {
-						//页面是否有原生tabbar组件
-						// 创建原生view用来遮罩tabbar的点击事件 (如果是没有用原生的tabbar这一步可以取消)
-						vm.viewObj = new plus.nativeObj.View("viewObj", {
-							bottom: "0px",
-							left: "0px",
-							height: "50px",
-							width: "100%",
-							backgroundColor: "rgba(0,0,0,.6)",
-						});
-						vm.viewObj.show(); //显示原生遮罩
-					}
-				} else {
-					this.$emit('isNew')
+					vm.viewObj.show(); //显示原生遮罩
 				}
-			},
+			} else {
+				this.$emit('isNew')
+			}
+		},
 
-			// 取消更新
-			closeUpdate() {
-				if (vm.update_info.is_force) {
-					// 强制更新，取消退出app
-					this.platform == "android" ?
-						plus.runtime.quit() :
-						plus.ios
+		// 取消更新
+		closeUpdate() {
+			if (vm.update_info.is_force) {
+				// 强制更新，取消退出app
+				this.platform == "android" ?
+					plus.runtime.quit() :
+					plus.ios
 						.import("UIApplication")
 						.sharedApplication()
 						.performSelector("exit");
-				} else {
-					vm.popup_show = false; //关闭升级弹窗
-					if (vm.viewObj) vm.viewObj.hide(); //隐藏原生遮罩
-				}
-			},
-			// 立即更新
-			nowUpdate() {
-				if (vm.downing) return false; //如果正在下载就停止操作
-				vm.downing = true; //状态改变 正在下载中
-
-				if (/\.apk$/.test(vm.update_info.url)) {
-					// 如果是apk地址
-					vm.download_wgt(); // 安装包/升级包更新
-				} else if (/\.wgt$/.test(vm.update_info.url)) {
-					// 如果是更新包
-					vm.download_wgt(); // 安装包/升级包更新
-				} else {
-					plus.runtime.openURL(vm.update_info.url, function() {
-						//调用外部浏览器打开更新地址
-						plus.nativeUI.toast("打开错误");
-					});
-				}
-			},
-			// 下载升级资源包
-			download_wgt() {
-				plus.nativeUI.showWaiting("下载更新文件..."); //下载更新文件...
-				let options = {
-					method: "get",
-				};
-				let dtask = plus.downloader.createDownload(
-					vm.update_info.url,
-					options,
-					function(d, status) {}
-				);
+			} else {
+				vm.popup_show = false; //关闭升级弹窗
+				if (vm.viewObj) vm.viewObj.hide(); //隐藏原生遮罩
+			}
+		},
+		// 立即更新
+		nowUpdate() {
+			if (vm.downing) return false; //如果正在下载就停止操作
+			vm.downing = true; //状态改变 正在下载中
 
-				dtask.addEventListener("statechanged", function(task, status) {
-					if (status === null) {} else if (status == 200) {
-						//在这里打印会不停的执行，请注意，正式上线切记不要在这里打印东西///////////////////////////////////////////////////
-						vm.downstatus = task.state;
-						switch (task.state) {
-							case 3: // 已接收到数据
-								vm.downSize = task.downloadedSize;
-								if (task.totalSize) {
-									vm.fileSize = task.totalSize; //服务器须返回正确的content-length才会有长度
-								}
-								break;
-							case 4:
-								vm.installWgt(task.filename); // 安装wgt包
-								break;
-						}
-					} else {
-						plus.nativeUI.closeWaiting();
-						plus.nativeUI.toast("下载出错");
-						vm.downing = false;
-						vm.downstatus = 0;
-					}
+			if (/\.apk$/.test(vm.update_info.url)) {
+				// 如果是apk地址
+				vm.download_wgt(); // 安装包/升级包更新
+			} else if (/\.wgt$/.test(vm.update_info.url)) {
+				// 如果是更新包
+				vm.download_wgt(); // 安装包/升级包更新
+			} else {
+				plus.runtime.openURL(vm.update_info.url, function () {
+					//调用外部浏览器打开更新地址
+					plus.nativeUI.toast("打开错误");
 				});
-				dtask.start();
-			},
-
-			// 安装文件
-			installWgt(path) {
-				plus.nativeUI.showWaiting("安装更新文件..."); //安装更新文件...
-				plus.runtime.install(
-					path, {},
-					function() {
-						plus.nativeUI.closeWaiting();
-						// 应用资源下载完成！
-						plus.nativeUI.alert("应用资源下载完成！", function() {
-							plus.runtime.restart();
-						});
-					},
+			}
+		},
+		// 下载升级资源包
+		download_wgt() {
+			plus.nativeUI.showWaiting("下载更新文件..."); //下载更新文件...
+			let options = {
+				method: "get",
+			};
+			let dtask = plus.downloader.createDownload(
+				vm.update_info.url,
+				options,
+				function (d, status) { }
+			);
 
-					function(e) {
-						plus.nativeUI.closeWaiting();
-						// 安装更新文件失败
-						plus.nativeUI.alert("安装更新文件失败[" + e.code + "]：" + e.message);
+			dtask.addEventListener("statechanged", function (task, status) {
+				if (status === null) { } else if (status == 200) {
+					//在这里打印会不停的执行，请注意，正式上线切记不要在这里打印东西///////////////////////////////////////////////////
+					vm.downstatus = task.state;
+					switch (task.state) {
+						case 3: // 已接收到数据
+							vm.downSize = task.downloadedSize;
+							if (task.totalSize) {
+								vm.fileSize = task.totalSize; //服务器须返回正确的content-length才会有长度
+							}
+							break;
+						case 4:
+							vm.installWgt(task.filename); // 安装wgt包
+							break;
 					}
-				);
-			},
-			// 对比版本号
-			compareVersion(ov, nv) {
-				if (!ov || !nv || ov == "" || nv == "") {
-					return false;
+				} else {
+					plus.nativeUI.closeWaiting();
+					plus.nativeUI.toast("下载出错");
+					vm.downing = false;
+					vm.downstatus = 0;
 				}
-				let b = false,
-					ova = ov.split(".", 4),
-					nva = nv.split(".", 4);
-				for (let i = 0; i < ova.length && i < nva.length; i++) {
-					let so = ova[i],
-						no = parseInt(so),
-						sn = nva[i],
-						nn = parseInt(sn);
-					if (nn > no || sn.length > so.length) {
-						return true;
-					} else if (nn < no) {
-						return false;
-					}
+			});
+			dtask.start();
+		},
+
+		// 安装文件
+		installWgt(path) {
+			plus.nativeUI.showWaiting("安装更新文件..."); //安装更新文件...
+			plus.runtime.install(
+				path, {},
+				function () {
+					plus.nativeUI.closeWaiting();
+					// 应用资源下载完成！
+					plus.nativeUI.alert("应用资源下载完成！", function () {
+						plus.runtime.restart();
+					});
+				},
+
+				function (e) {
+					plus.nativeUI.closeWaiting();
+					// 安装更新文件失败
+					plus.nativeUI.alert("安装更新文件失败[" + e.code + "]：" + e.message);
 				}
-				if (nva.length > ova.length && 0 == nv.indexOf(ov)) {
+			);
+		},
+		// 对比版本号
+		compareVersion(ov, nv) {
+			if (!ov || !nv || ov == "" || nv == "") {
+				return false;
+			}
+			let b = false,
+				ova = ov.split(".", 4),
+				nva = nv.split(".", 4);
+			for (let i = 0; i < ova.length && i < nva.length; i++) {
+				let so = ova[i],
+					no = parseInt(so),
+					sn = nva[i],
+					nn = parseInt(sn);
+				if (nn > no || sn.length > so.length) {
 					return true;
-				} else {
+				} else if (nn < no) {
 					return false;
 				}
-			},
+			}
+			if (nva.length > ova.length && 0 == nv.indexOf(ov)) {
+				return true;
+			} else {
+				return false;
+			}
 		},
-	};
+	},
+};
 </script>
 
 <style lang="scss" scoped>
-	.popup-bg {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		position: fixed;
-		top: 0;
-		left: 0rpx;
-		right: 0;
-		bottom: 0;
-		width: 750rpx;
-		background-color: rgba(0, 0, 0, 0.6);
-		z-index: 10000;
-	}
+.popup-bg {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	position: fixed;
+	top: 0;
+	left: 0rpx;
+	right: 0;
+	bottom: 0;
+	width: 750rpx;
+	background-color: rgba(0, 0, 0, 0.6);
+	z-index: 10000;
+}
 
-	.popup-content {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
+.popup-content {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+
+.popup-content-show {
+	animation: mymove 500ms;
+	transform: scale(1);
+}
+
+@keyframes mymove {
+	0% {
+		transform: scale(0);
+		/*开始为原始大小*/
 	}
 
-	.popup-content-show {
-		animation: mymove 500ms;
+	100% {
 		transform: scale(1);
 	}
+}
 
-	@keyframes mymove {
-		0% {
-			transform: scale(0);
-			/*开始为原始大小*/
-		}
+.update-wrap {
+	width: 580rpx;
+	border-radius: 18rpx;
+	position: relative;
+	display: flex;
+	flex-direction: column;
+	background-color: #ffffff;
+	padding: 170rpx 30rpx 0;
 
-		100% {
-			transform: scale(1);
-		}
+	.top-img {
+		position: absolute;
+		left: 0;
+		width: 100%;
+		height: 256rpx;
+		top: -128rpx;
 	}
 
-	.update-wrap {
-		width: 580rpx;
-		border-radius: 18rpx;
-		position: relative;
+	.content {
 		display: flex;
 		flex-direction: column;
-		background-color: #ffffff;
-		padding: 170rpx 30rpx 0;
+		align-items: center;
+		padding-bottom: 40rpx;
 
-		.top-img {
-			position: absolute;
-			left: 0;
-			width: 100%;
-			height: 256rpx;
-			top: -128rpx;
+		.title {
+			font-size: 32rpx;
+			font-weight: bold;
+			color: #6526f3;
 		}
 
-		.content {
+		.title-sub {
+			text-align: center;
+			font-size: 24rpx;
+			color: #666666;
+			padding: 30rpx 0;
+		}
+
+		.btn {
+			width: 460rpx;
 			display: flex;
-			flex-direction: column;
 			align-items: center;
-			padding-bottom: 40rpx;
-
-			.title {
-				font-size: 32rpx;
-				font-weight: bold;
-				color: #6526f3;
-			}
-
-			.title-sub {
-				text-align: center;
-				font-size: 24rpx;
-				color: #666666;
-				padding: 30rpx 0;
-			}
-
-			.btn {
-				width: 460rpx;
-				display: flex;
-				align-items: center;
-				justify-content: center;
-				color: #ffffff;
-				font-size: 30rpx;
-				height: 80rpx;
-				line-height: 80rpx;
-				border-radius: 100px;
-				background-color: #6526f3;
-				margin-top: 20rpx;
-			}
+			justify-content: center;
+			color: #ffffff;
+			font-size: 30rpx;
+			height: 80rpx;
+			line-height: 80rpx;
+			border-radius: 100px;
+			background-color: #6526f3;
+			margin-top: 20rpx;
 		}
 	}
+}
+
+.close-ioc {
+	width: 70rpx;
+	height: 70rpx;
+	margin-top: 30rpx;
+}
 
-	.close-ioc {
-		width: 70rpx;
-		height: 70rpx;
-		margin-top: 30rpx;
+.sche-wrap {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: flex-end;
+	padding: 10rpx 50rpx 0;
+
+	.sche-wrap-text {
+		font-size: 24rpx;
+		color: #666;
+		margin-bottom: 20rpx;
 	}
 
-	.sche-wrap {
+	.sche-bg {
+		position: relative;
+		background-color: #cccccc;
+		height: 30rpx;
+		border-radius: 100px;
+		width: 480rpx;
 		display: flex;
-		flex-direction: column;
 		align-items: center;
-		justify-content: flex-end;
-		padding: 10rpx 50rpx 0;
 
-		.sche-wrap-text {
-			font-size: 24rpx;
-			color: #666;
-			margin-bottom: 20rpx;
-		}
-
-		.sche-bg {
-			position: relative;
-			background-color: #cccccc;
+		.sche-bg-jindu {
+			position: absolute;
+			left: 0;
+			top: 0;
 			height: 30rpx;
+			min-width: 40rpx;
 			border-radius: 100px;
-			width: 480rpx;
-			display: flex;
-			align-items: center;
-
-			.sche-bg-jindu {
-				position: absolute;
-				left: 0;
-				top: 0;
-				height: 30rpx;
-				min-width: 40rpx;
-				border-radius: 100px;
-				background: url(images/round.png) #5775e7 center right 4rpx no-repeat;
-				background-size: 26rpx 26rpx;
-			}
+			background: url(images/round.png) #5775e7 center right 4rpx no-repeat;
+			background-size: 26rpx 26rpx;
 		}
+	}
 
-		.down-text {
-			font-size: 24rpx;
-			color: #5674e5;
-			margin-top: 16rpx;
-		}
+	.down-text {
+		font-size: 24rpx;
+		color: #5674e5;
+		margin-top: 16rpx;
 	}
+}
 </style>

pages/goods/order_details/index.vue

@@ -1,43 +1,8 @@
 <template>
 	<view :style="colorStyle">
 		<view class='order-details'>
-			<!-- 给header上与data上加on为退款订单-->
-			<view class='header bg-color acea-row row-middle' :class='isGoodsReturn ? "on":""'>
-				<view class='pictrue' v-if="isGoodsReturn==false">
-					<image :src="orderInfo.status_pic"></image>
-				</view>
-				<view class='data' :class='isGoodsReturn ? "on":""'>
-					<view class='state'>{{orderInfo._status._msg}}</view>
-					<view>{{orderInfo.add_time_y}}<text class='time'>{{orderInfo.add_time_h}}</text></view>
-				</view>
-			</view>
-			<view class="refund-msg" v-if="[4,5].includes(orderInfo.refund_type)">
-				<view v-if="orderInfo._status.refund_name!=''">
-					<view class="refund-msg-user">
-						<text class="name">{{orderInfo._status.refund_name}}</text>
-						<text>{{orderInfo._status.refund_phone}}</text>
-						<!-- #ifndef H5 -->
-						<text class="copy-refund-msg" @click="copyAddress()">{{$t(`复制`)}}</text>
-						<!-- #endif -->
-						<!-- #ifdef H5 -->
-						<text class="copy-refund-msg"
-							:data-clipboard-text="orderInfo._status.refund_name + orderInfo._status.refund_phone + orderInfo._status.refund_address">{{$t(`复制`)}}</text>
-						<!-- #endif -->
-					</view>
-					<view class="refund-address">
-						{{orderInfo._status.refund_address}}
-					</view>
-					<view class="refund-tip"><text class="iconfont icon-zhuyi-copy"></text>{{$t(`请按以上退货信息将商品退回`)}}</view>
-				</view>
-				<view v-else>
-					<view class="refund-tip1 "><text class="iconfont icon-zhuyi-copy"></text>{{$t(`请联系管理员获取退货地址`)}}</view>
-				</view>
-			</view>
-			<view class='line' v-if="[4,5].includes(orderInfo.refund_type)">
-				<image src='@/static/images/line.jpg'></image>
-			</view>
-			<view v-if="isGoodsReturn==false">
-				<view class='nav'>
+			<view v-if="isGoodsReturn == false">
+				<!-- <view class='nav'>
 					<view class='navCon acea-row row-between-wrapper'>
 						<view :class="status.type == 0 || status.type == -9 ? 'on':''">{{$t(`待付款`)}}</view>
 						<view :class="status.type == 1 || status.type == 5 ? 'on':''">
@@ -72,11 +37,11 @@
 							:class='(status.type == 4 ? "icon-webicon318":"icon-yuandianxiao") + " " + (status.type >= 4 && status.type != 5  ? "font-num":"")'>
 						</view>
 					</view>
-				</view>
+				</view> -->
 
 				<!-- <view class="writeOff" v-if="orderInfo.shipping_type == 2 && orderInfo.paid"> -->
 				<view class="writeOff" v-if="orderInfo.verify_code && orderInfo.paid == 1">
-					<view class="title">{{$t(`核销信息`)}}</view>
+					<view class="title">{{ $t(`核销信息`) }}</view>
 					<view class="grayBg">
 						<view class="written" v-if="orderInfo.status == 2">
 							<image src="../static/written.png"></image>
@@ -91,45 +56,57 @@
 					<view class="gear">
 						<image src="../static/writeOff.jpg"></image>
 					</view>
-					<view class="num">{{orderInfo._verify_code}}</view>
+					<view class="num">{{ orderInfo._verify_code }}</view>
 					<view class="rules">
 						<view class="item" v-if="orderInfo.shipping_type == 2">
 							<view class="rulesTitle acea-row row-middle">
-								<text class="iconfont icon-shijian"></text>{{$t(`营业时间`)}}
+								<text class="iconfont icon-shijian"></text>{{ $t(`营业时间`) }}
 							</view>
 							<view class="info">
-								{{$t(`每日`)}}：<text class="time">{{orderInfo.system_store.day_time}}</text>
+								{{ $t(`每日`) }}：<text class="time">{{ orderInfo.system_store.day_time }}</text>
 							</view>
 						</view>
 						<view class="item">
 							<view class="rulesTitle acea-row row-middle">
-								<text class="iconfont icon-shuoming1"></text>{{$t(`使用说明`)}}
+								<text class="iconfont icon-shuoming1"></text>{{ $t(`使用说明`) }}
 							</view>
-							<view class="info">{{orderInfo.shipping_type == 2?$t(`可将二维码出示给店员扫描或提供数字核销码`):$t(`可将二维码出示给配送员进行核销`)}}
+							<view class="info">{{ orderInfo.shipping_type ==
+									2 ? $t(`可将二维码出示给店员扫描或提供数字核销码`) : $t(`可将二维码出示给配送员进行核销`)
+							}}
 							</view>
 						</view>
 					</view>
 				</view>
 				<view class="map acea-row row-between-wrapper" v-if="orderInfo.shipping_type == 2">
-					<view>{{$t(`地址信息`)}}</view>
+					<view>{{ $t(`地址信息`) }}</view>
 					<view class="place cart-color acea-row row-center-wrapper" @tap="showMaoLocation">
-						<text class="iconfont icon-weizhi"></text>{{$t(`查看位置`)}}
+						<text class="iconfont icon-weizhi"></text>{{ $t(`查看位置`) }}
 					</view>
 				</view>
 
-				<view v-if="orderInfo.virtual_type == 0">
-					<view class='address' v-if="orderInfo.shipping_type === 1">
-						<view class='name'>{{orderInfo.real_name}}<text class='phone'>{{orderInfo.user_phone}}</text>
-						</view>
-						<view>{{orderInfo.user_address}}</view>
+				<view v-if="orderInfo.userAddress != ''">
+					<view class='address' v-if="orderInfo.userAddress">
+						<u-row customStyle="margin-bottom: 10px">
+							<u-col span="1">
+								<view class="demo-layout bg-purple-light">
+									<u-icon name="map-fill" color="#2979ff" size="25"></u-icon>
+								</view>
+							</u-col>
+							<u-col span="11">
+								<view class='name'>{{ orderInfo.userName }}<text
+										class='phone'>{{ orderInfo.telPhone }}</text>
+								</view>
+								<view>{{ orderInfo.userAddress }}</view>
+							</u-col>
+						</u-row>
 					</view>
 					<view class='address' v-else>
-						<view class='name' @tap="makePhone">{{orderInfo.system_store.name}}<text
-								class='phone'>{{orderInfo.system_store.phone}}</text><text
+						<view class='name' @tap="makePhone">{{ orderInfo.system_store.name }}<text
+								class='phone'>{{ orderInfo.system_store.phone }}</text><text
 								class="iconfont icon-tonghua font-num"></text></view>
-						<view>{{orderInfo.system_store.detailed_address}}</view>
+						<view>{{ orderInfo.system_store.detailed_address }}</view>
 					</view>
-					<view class='line' v-if="orderInfo.shipping_type === 1">
+					<view class='line'>
 						<image src='@/static/images/line.jpg'></image>
 					</view>
 				</view>
@@ -140,178 +117,168 @@
 				<view class="refund" v-if="orderInfo.refund_type == 3">
 					<view class="title">
 						<image src="../static/shuoming.png" mode=""></image>
-						{{$t(`拒绝退款`)}}
+						{{ $t(`拒绝退款`) }}
 					</view>
-					<view class="con">{{$t(`拒绝原因`)}}：{{orderInfo.refuse_reason}}</view>
+					<view class="con">{{ $t(`拒绝原因`) }}：{{ orderInfo.refuse_reason }}</view>
 				</view>
 			</view>
-			<orderGoods v-for="(item,index) in split" :key="item.id" :evaluate='item._status._type == 3 ? 3 : 0'
+			<!-- <orderGoods v-for="(item,index) in split" :key="item.id" :evaluate='item._status._type == 3 ? 3 : 0'
 				:orderId="item.order_id" :cartInfo="item.cartInfo" :jump="false" :jumpDetail='true' :pid="item.pid"
 				:split="true" :status_type="item._status._type" :index="index" :refund_status="item.refund_status"
 				:delivery_type="item.delivery_type" @confirmOrder="confirmOrder" @openSubcribe="openSubcribe">
-			</orderGoods>
+			</orderGoods> -->
 			<orderGoods :evaluate='evaluate' :deliveryType="orderInfo.shipping_type" :statusType="status.type"
 				:sendType="orderInfo.delivery_type" :orderId="order_id" :oid="orderInfo.id" :cartInfo="cartInfo"
 				:pid="pid" :jump="true" :refund_status="orderInfo.refund_status" :paid="orderInfo.paid"
 				@openSubcribe="openSubcribe">
 			</orderGoods>
-			<!-- #ifdef H5 || APP-PLUS -->
-			<div class="goodCall" @click="goGoodCall">
-				<span class="iconfont icon-kefu"></span><span>{{$t(`联系客服`)}}</span>
-			</div>
-			<!-- #endif -->
-			<!-- #ifdef MP -->
-			<div class="goodCall" @click="goGoodCall" v-if='routineContact == 0'>
-				<button hover-class='none'>
-					<span class="iconfont icon-kefu"></span><span>{{$t(`联系客服`)}}</span>
-				</button>
-			</div>
-			<div class="goodCall" v-else>
-				<button hover-class='none' open-type='contact'>
-					<span class="iconfont icon-kefu"></span><span>{{$t(`联系客服`)}}</span>
-				</button>
-			</div>
-			<!-- #endif -->
 			<view class='wrapper'>
 				<view class='item acea-row row-between'>
-					<view>{{$t(`订单号`)}}：</view>
+					<view>{{ $t(`订单号`) }}：</view>
 					<view class='conter acea-row row-middle row-right'>
-						<text>{{orderInfo.order_id}}</text>
+						<text>{{ orderInfo.id }}</text>
 						<!-- #ifndef H5 -->
-						<text class='copy' @tap='copy'>{{$t(`复制`)}}</text>
+						<text class='copy' @tap='copy'>{{ $t(`复制`) }}</text>
 						<!-- #endif -->
 						<!-- #ifdef H5 -->
-						<text class='copy copy-data' :data-clipboard-text="orderInfo.order_id">{{$t(`复制`)}}</text>
+						<text class='copy copy-data' :data-clipboard-text="orderInfo.order_id">{{ $t(`复制`) }}</text>
 						<!-- #endif -->
 					</view>
 				</view>
 				<view class='item acea-row row-between'>
-					<view>{{$t(`下单时间`)}}：</view>
-					<view class='conter'>{{(orderInfo.add_time_y || '') +' '+(orderInfo.add_time_h || 0)}}</view>
+					<view>{{ $t(`下单时间`) }}：</view>
+					<view class='conter'>{{ (orderInfo.createTime || '') }}</view>
 				</view>
 				<view class='item acea-row row-between'>
-					<view>{{$t(`支付状态`)}}：</view>
-					<view class='conter' v-if="orderInfo.paid">{{$t(`已支付`)}}</view>
-					<view class='conter' v-else>{{$t(`未支付`)}}</view>
+					<view>{{ $t(`支付状态`) }}：</view>
+					<view class='conter'>{{ orderInfo.payFlagDisplayName }}</view>
 				</view>
-				<view class='item acea-row row-between'>
-					<view>{{$t(`支付方式`)}}：</view>
-					<view class='conter'>{{$t(orderInfo._status._payType)}}</view>
+				<view class='item acea-row row-between' v-if="orderInfo.payTime">
+					<view>{{ $t(`支付时间`) }}：</view>
+					<view class='conter'>{{ orderInfo.payTime }}</view>
+				</view>
+				<view class='item acea-row row-between' v-if="orderInfo.remark">
+					<view>{{ $t(`发货时间`) }}：</view>
+					<view class='conter'>{{ $t(orderInfo._status._payType) }}</view>
 				</view>
-				<view class='item acea-row row-between' v-if="orderInfo.mark">
-					<view v-if="orderInfo.pid">{{$t(`买家备注`)}}：</view>
-					<view v-else>{{$t(`买家留言`)}}：</view>
-					<view class='conter'>{{orderInfo.mark}}</view>
+				<view class='item acea-row row-between' v-if="orderInfo.remark">
+					<view>{{ $t(`完成时间`) }}：</view>
+					<view class='conter'>{{ $t(orderInfo._status._payType) }}</view>
 				</view>
 				<view class='item acea-row row-between' v-if="orderInfo.remark">
+					<view v-if="orderInfo.pid">{{ $t(`买家备注`) }}：</view>
+					<view v-else>买家备注：</view>
+					<view class='conter'>{{ orderInfo.remark }}</view>
+				</view>
+				<!-- <view class='item acea-row row-between' v-if="orderInfo.remark">
 					<view>{{$t(`商家备注`)}}：</view>
 					<view class='conter'>{{orderInfo.remark}}</view>
-				</view>
+				</view> -->
 			</view>
 			<view class='wrapper' v-if="customForm && customForm.length">
-				<view class='item acea-row row-between' v-for="(item,index) in customForm" :key="index">
+				<view class='item acea-row row-between' v-for="(item, index) in customForm" :key="index">
 					<view class='upload' v-if="item.label == 'img'">
-						<view>{{item.title}}：</view>
-						<view class='pictrue' v-for="(img,index) in item.value" :key="index">
+						<view>{{ item.title }}：</view>
+						<view class='pictrue' v-for="(img, index) in item.value" :key="index">
 							<image :src='img'></image>
 						</view>
 					</view>
-					<view v-if="item.label !== 'img'">{{item.title}}：</view>
-					<view v-if="item.label !== 'img'" class='conter'>{{item.value}}</view>
+					<view v-if="item.label !== 'img'">{{ item.title }}：</view>
+					<view v-if="item.label !== 'img'" class='conter'>{{ item.value }}</view>
 				</view>
 			</view>
 			<!-- 退款订单详情 -->
 			<view class='wrapper' v-if="isGoodsReturn && orderInfo.cartInfo[0].productInfo.virtual_type != 3">
 				<view class='item acea-row row-between'>
-					<view>{{$t(`收货人`)}}：</view>
-					<view class='conter'>{{orderInfo.real_name}}</view>
+					<view>{{ $t(`收货人`) }}：</view>
+					<view class='conter'>{{ orderInfo.real_name }}</view>
 				</view>
 				<view class='item acea-row row-between'>
-					<view>{{$t(`联系电话`)}}：</view>
-					<view class='conter'>{{orderInfo.user_phone}}</view>
+					<view>{{ $t(`联系电话`) }}：</view>
+					<view class='conter'>{{ orderInfo.user_phone }}</view>
 				</view>
 				<view class='item acea-row row-between'>
-					<view>{{$t(`收货地址`)}}：</view>
-					<view class='conter'>{{orderInfo.user_address}}</view>
+					<view>{{ $t(`收货地址`) }}：</view>
+					<view class='conter'>{{ orderInfo.user_address }}</view>
 				</view>
 			</view>
-			<view v-if="orderInfo.status!=0">
-				<view class='wrapper' v-if='orderInfo.delivery_type=="express"'>
+			<view v-if="orderInfo.status != 0">
+				<view class='wrapper' v-if='orderInfo.delivery_type == "express"'>
 					<view class='item acea-row row-between'>
-						<view>{{$t(`配送方式`)}}：</view>
-						<view class='conter'>{{$t(`发货`)}}</view>
+						<view>{{ $t(`配送方式`) }}：</view>
+						<view class='conter'>{{ $t(`发货`) }}</view>
 					</view>
 					<view class='item acea-row row-between'>
-						<view>{{$t(`快递公司`)}}：</view>
-						<view class='conter'>{{orderInfo.delivery_name || ''}}</view>
+						<view>{{ $t(`快递公司`) }}：</view>
+						<view class='conter'>{{ orderInfo.delivery_name || '' }}</view>
 					</view>
 					<view class='item acea-row row-between'>
-						<view>{{$t(`快递单号`)}}：</view>
-						<view class='conter'>{{orderInfo.delivery_id || ''}}</view>
+						<view>{{ $t(`快递单号`) }}：</view>
+						<view class='conter'>{{ orderInfo.delivery_id || '' }}</view>
 					</view>
 				</view>
-				<view class='wrapper' v-else-if='orderInfo.delivery_type=="send"'>
+				<view class='wrapper' v-else-if='orderInfo.delivery_type == "send"'>
 					<view class='item acea-row row-between'>
-						<view>{{$t(`配送方式`)}}：</view>
-						<view class='conter'>{{$t(`送货`)}}</view>
+						<view>{{ $t(`配送方式`) }}：</view>
+						<view class='conter'>{{ $t(`送货`) }}</view>
 					</view>
 					<view class='item acea-row row-between'>
-						<view>{{$t(`配送人姓名`)}}：</view>
-						<view class='conter'>{{orderInfo.delivery_name || ''}}</view>
+						<view>{{ $t(`配送人姓名`) }}：</view>
+						<view class='conter'>{{ orderInfo.delivery_name || '' }}</view>
 					</view>
 					<view class='item acea-row row-between'>
-						<view>{{$t(`送货人电话`)}}：</view>
-						<view class='conter acea-row row-middle row-right'>{{orderInfo.delivery_id || ''}}<text
-								class='copy' @tap='goTel'>{{$t(`拨打`)}}</text></view>
+						<view>{{ $t(`送货人电话`) }}：</view>
+						<view class='conter acea-row row-middle row-right'>{{ orderInfo.delivery_id || '' }}<text
+								class='copy' @tap='goTel'>{{ $t(`拨打`) }}</text></view>
 					</view>
 				</view>
-				<view class='wrapper' v-else-if='orderInfo.delivery_type=="fictitious"'>
+				<view class='wrapper' v-else-if='orderInfo.delivery_type == "fictitious"'>
 					<view class='item acea-row row-between'>
-						<view>{{$t(`虚拟发货`)}}：</view>
-						<view class='conter'>{{$t(`已发货，请注意查收`)}}</view>
+						<view>{{ $t(`虚拟发货`) }}：</view>
+						<view class='conter'>{{ $t(`已发货，请注意查收`) }}</view>
 					</view>
 					<view class='item acea-row row-between' v-if="orderInfo.fictitious_content">
-						<view>{{$t(`虚拟备注`)}}：</view>
-						<view class='conter'>{{orderInfo.fictitious_content}}</view>
+						<view>{{ $t(`虚拟备注`) }}：</view>
+						<view class='conter'>{{ orderInfo.fictitious_content }}</view>
 					</view>
 				</view>
 			</view>
 			<view class='wrapper'>
 				<view class='item acea-row row-between'>
-					<view>{{$t(`商品总价`)}}：</view>
+					<view>{{ $t(`商品总价`) }}：</view>
 					<view class='conter'>
-						{{$t(`￥`)}}{{(parseFloat(orderInfo.total_price)+parseFloat(orderInfo.vip_true_price)).toFixed(2)}}</view>
+						{{ $t(`￥`) }}{{ orderInfo.totalFee }}</view>
+				</view>
+				<view class='item acea-row row-between'>
+					<view>{{ $t(`运费`) }}：</view>
+					<view class='conter'>{{ $t(`￥`) }}{{ orderInfo.wlPrice }}</view>
 				</view>
-				<view class='item acea-row row-between' v-if="orderInfo.pay_postage > 0">
-					<view>{{$t(`配送运费`)}}：</view>
-					<view class='conter'>{{$t(`￥`)}}{{parseFloat(orderInfo.pay_postage).toFixed(2)}}</view>
+				<view class='item acea-row row-between'>
+					<view>{{ $t(`积分到账方式`) }}：</view>
+					<view class='conter'>{{ orderInfo.settleTypeDisplayName }}</view>
 				</view>
 				<view v-if="orderInfo.vip_true_price > 0" class='item acea-row row-between'>
-					<view>{{$t(`会员商品优惠`)}}：</view>
-					<view class='conter'>-{{$t(`￥`)}}{{parseFloat(orderInfo.vip_true_price).toFixed(2)}}</view>
+					<view>{{ $t(`会员商品优惠`) }}：</view>
+					<view class='conter'>-{{ $t(`￥`) }}{{ parseFloat(orderInfo.vip_true_price).toFixed(2) }}</view>
 				</view>
 				<view class='item acea-row row-between' v-if='orderInfo.coupon_price > 0'>
-					<view>{{$t(`优惠券抵扣`)}}：</view>
-					<view class='conter'>-{{$t(`￥`)}}{{parseFloat(orderInfo.coupon_price).toFixed(2)}}</view>
+					<view>{{ $t(`优惠券抵扣`) }}：</view>
+					<view class='conter'>-{{ $t(`￥`) }}{{ parseFloat(orderInfo.coupon_price).toFixed(2) }}</view>
 				</view>
 				<view class='item acea-row row-between' v-if="orderInfo.use_integral > 0">
-					<view>{{$t(`积分抵扣`)}}：</view>
-					<view class='conter'>-{{$t(`￥`)}}{{parseFloat(orderInfo.deduction_price).toFixed(2)}}</view>
-				</view>
-				<view class='actualPay acea-row row-right' v-if="!orderInfo.help_info.help_status">{{$t(`实付款`)}}：<text
-						class='money font-color'>{{$t(`￥`)}}{{parseFloat(orderInfo.pay_price).toFixed(2)}}</text></view>
-				<view class='actualPay acea-row row-right' v-else>
-					<view class="pay-people">
-						<image :src="orderInfo.help_info.pay_avatar" mode=""></image>
-						<view class="pay-nickname">
-							{{orderInfo.help_info.pay_nickname}}
-						</view>
-					</view>
-					{{$t(`总代付`)}}：<text class='money font-color'>{{$t(`￥`)}}{{parseFloat(orderInfo.pay_price).toFixed(2)}}</text>
+					<view>{{ $t(`积分抵扣`) }}：</view>
+					<view class='conter'>-{{ $t(`￥`) }}{{ parseFloat(orderInfo.deduction_price).toFixed(2) }}</view>
 				</view>
+				<view class='actualPay acea-row row-right' v-if="orderInfo.payFee">{{ $t(`应付金额`) }}：<text
+						class='money font-color'>{{ $t(`￥`) }}{{ orderInfo.payFee }}</text></view>
 			</view>
-			<view style='height:120rpx;'></view>
-			<view class='footer acea-row row-right row-middle'
+			<view class='wrapper'>
+				<u--text text="物流信息:"></u--text>
+				<u-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png">
+				</u-empty>
+			</view>
+			<!-- <view style='height:120rpx;'></view> -->
+			<!-- <view class='footer acea-row row-right row-middle'
 				v-if="isGoodsReturn==false || status.type == 9  || orderInfo.refund_type || orderInfo.is_apply_refund">
 
 				<view class="more" v-if="(invoice_func || invoiceData) && orderInfo.paid && !orderInfo.refund_status"
@@ -347,10 +314,10 @@
 				<navigator class='bnt cancel refundBnt' v-if="orderInfo.refund_type == 5" hover-class='none'
 					:url="'/pages/goods/goods_logistics/index?orderId='+ orderInfo.order_id + '&type=refund'">{{$t(`查看退货物流`)}}
 				</navigator>
-			</view>
+			</view> -->
 		</view>
-		<home v-show="!aleartStatus && !invShow"></home>
-		<view class="mask" v-if="refund_close" @click="refund_close = false"></view>
+		<!-- <home v-show="!aleartStatus && !invShow"></home> -->
+		<!-- <view class="mask" v-if="refund_close" @click="refund_close = false"></view> -->
 		<!-- 		<view class="refund-input" :class="refund_close ? 'on' : ''">
 			<view class="input-msg">
 				<text class='iconfont icon-guanbi5' @tap='refund_close = false'></text>
@@ -367,1793 +334,1799 @@
 		<!-- #ifdef MP -->
 		<!-- <authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse"></authorize> -->
 		<!-- #endif -->
-		<payment :payMode='payMode' :pay_close="pay_close" @onChangeFun='onChangeFun' :order_id="pay_order_id"
-			:totalPrice='totalPrice' :friendPay="true"></payment>
-
-
-		<invoiceModal :aleartStatus="aleartStatus" :invoiceData="invoiceData" @close="aleartStatus=false">
-		</invoiceModal>
-		<view class="mask invoice-mask" v-if="aleartStatus" @click="aleartStatus = false"></view>
-		<view class="mask more-mask" v-if="moreBtn" @click="moreBtn = false"></view>
-		<invoice-picker :inv-show="invShow" :is-special="special_invoice" :url-query="urlQuery" :inv-checked="invChecked" :order-id='order_id'
+		<!-- <payment :payMode='payMode' :pay_close="pay_close" @onChangeFun='onChangeFun' :order_id="pay_order_id"
+			:totalPrice='totalPrice' :friendPay="true"></payment> -->
+		<!-- <invoiceModal :aleartStatus="aleartStatus" :invoiceData="invoiceData" @close="aleartStatus=false">
+		</invoiceModal> -->
+		<!-- <view class="mask invoice-mask" v-if="aleartStatus" @click="aleartStatus = false"></view> -->
+		<!-- <view class="mask more-mask" v-if="moreBtn" @click="moreBtn = false"></view> -->
+		<!-- <invoice-picker :inv-show="invShow" :is-special="special_invoice" :url-query="urlQuery" :inv-checked="invChecked" :order-id='order_id'
 			:inv-list="invList" :is-order="1" @inv-close="invClose" @inv-change="invSub" @inv-cancel="invCancel">
-		</invoice-picker>
+		</invoice-picker> -->
 	</view>
 </template>
 
 <script>
-	import {
-		getOrderDetail,
-		refundOrderDetail,
-		orderAgain,
-		orderTake,
-		orderDel,
-		refundOrderDel,
-		orderCancel,
-		refundExpress,
-		cancelRefundOrder
-	} from '@/api/order.js';
-	import {
-		openOrderRefundSubscribe
-	} from '@/utils/SubscribeMessage.js';
-	import {
-		getCustomerType
-	} from '@/api/api.js';
-	import {
-		getCustomer
-	} from '@/utils/index.js'
-	import {
-		getUserInfo,
-		invoiceList,
-		makeUpinvoice
-	} from '@/api/user.js';
-	import home from '@/components/home';
-	import payment from '@/components/payment';
-	import orderGoods from "@/components/orderGoods";
-	import ClipboardJS from "@/plugin/clipboard/clipboard.js";
-	import {
-		toLogin
-	} from '@/libs/login.js';
-	import {
-		mapGetters
-	} from "vuex";
-	// #ifdef MP
-	import authorize from '@/components/Authorize';
-	// #endif
-	import colors from "@/mixins/color";
-	import invoicePicker from '../components/invoicePicker/index.vue';
-	import invoiceModal from '../components/invoiceModal/index.vue'
-	import zbCode from '@/components/zb-code/zb-code.vue'
-	export default {
-		components: {
-			payment,
-			home,
-			invoicePicker,
-			invoiceModal,
-			orderGoods,
-			zbCode,
-			// #ifdef MP
-			authorize
+import {
+	getOrderDetail,
+	refundOrderDetail,
+	orderAgain,
+	orderTake,
+	orderDel,
+	refundOrderDel,
+	orderCancel,
+	refundExpress,
+	cancelRefundOrder
+} from '@/api/order.js';
+import {
+	openOrderRefundSubscribe
+} from '@/utils/SubscribeMessage.js';
+import {
+	getCustomerType
+} from '@/api/api.js';
+import {
+	getCustomer
+} from '@/utils/index.js'
+import {
+	getUserInfo,
+	invoiceList,
+	makeUpinvoice
+} from '@/api/user.js';
+import home from '@/components/home';
+import payment from '@/components/payment';
+import orderGoods from "@/components/orderGoods/index_details_mall";
+import ClipboardJS from "@/plugin/clipboard/clipboard.js";
+import {
+	toLogin
+} from '@/libs/login.js';
+import {
+	mapGetters
+} from "vuex";
+// #ifdef MP
+import authorize from '@/components/Authorize';
+// #endif
+import colors from "@/mixins/color";
+import invoicePicker from '../components/invoicePicker/index.vue';
+// import invoiceModal from '../components/invoiceModal/index.vue'
+import zbCode from '@/components/zb-code/zb-code.vue'
+export default {
+	components: {
+		payment,
+		home,
+		invoicePicker,
+		// invoiceModal,
+		orderGoods,
+		zbCode,
+		// #ifdef MP
+		authorize
+		// #endif
+	},
+	mixins: [colors],
+	data() {
+		return {
+			customForm: '', //自定义留言
+			//二维码参数
+			codeShow: false,
+			cid: '1',
+			ifShow: true,
+			val: "", // 要生成的二维码值
+			size: 200, // 二维码大小
+			unit: 'upx', // 单位
+			background: '#FFF', // 背景色
+			foreground: '#000', // 前景色
+			pdground: '#000', // 角标色
+			icon: '', // 二维码图标
+			iconsize: 40, // 二维码图标大小
+			lv: 3, // 二维码容错级别 ， 一般不用设置，默认就行
+			onval: true, // val值变化时自动重新生成二维码
+			loadMake: true, // 组件加载完成后自动生成二维码
+			src: '', // 二维码生成后的图片地址或base64
+			codeSrc: "",
+			wd: 0,
+			hg: 0,
+			mpUrl: "",
+			order: {},
+			order_id: '',
+			evaluate: 0,
+			cartInfo: [], //购物车产品
+			pid: 0, //上级订单ID
+			split: [], //分单商品
+			orderInfo: {
+				help_info: {},
+				system_store: {},
+				_status: {},
+				cartInfo: []
+			}, //订单详情
+			system_store: {},
+			isGoodsReturn: false, //是否为退款订单
+			status: {}, //订单底部按钮状态
+			refund_close: false,
+			isClose: false,
+			payMode: [{
+				name: this.$t(`微信支付`),
+				icon: "icon-weixinzhifu",
+				value: 'weixin',
+				title: this.$t(`使用微信快捷支付`),
+				payStatus: true,
+			},
+			// #ifdef H5 || APP-PLUS
+			{
+				name: this.$t(`支付宝支付`),
+				icon: 'icon-zhifubao',
+				value: 'alipay',
+				title: this.$t(`使用支付宝支付`),
+				payStatus: true
+			},
 			// #endif
+			{
+				name: this.$t(`余额支付`),
+				icon: "icon-yuezhifu",
+				value: 'yue',
+				title: this.$t(`可用余额`),
+				number: 0,
+				payStatus: true
+			}, {
+				"name": this.$t(`好友代付`),
+				"icon": "icon-haoyoudaizhifu",
+				value: 'friend',
+				title: this.$t(`找微信好友支付`),
+				payStatus: 1,
+			}
+			],
+			pay_close: false,
+			pay_order_id: '',
+			totalPrice: '0',
+			isAuto: false, //没有授权的不会自动授权
+			isShowAuth: false, //是否隐藏授权
+			routineContact: 0,
+			express_num: '',
+			invoice_func: false,
+			invoiceData: {},
+			invoice_id: 0,
+			invChecked: '',
+			moreBtn: false,
+			invShow: false,
+			aleartStatus: false, //发票弹窗
+			special_invoice: false,
+			invList: [],
+			customerInfo: {},
+			userInfo: {},
+			isReturen: '',
+			urlQuery: ''
+		};
+	},
+	computed: mapGetters(['isLogin']),
+	onLoad: function (options) {
+		const item = JSON.parse(decodeURIComponent(options.order));
+		if (item) {
+			this.$set(this, 'order', item);
+			this.orderInfo = item
+			this.$set(this, 'cartInfo', item.orderGoods);
+		}
+		if (options.order_id) {
+			this.$set(this, 'order_id', options.order_id);
+			this.isReturen = options.isReturen;
+		}
+		if (options.invoice_id) {
+			this.invoice_id = options.invoice_id
+		}
+	},
+	onShow() {
+		if (this.isLogin) {
+			// this.getOrderInfo();
+			// this.getUserInfo();
+			// this.getCustomerType();
+		} else {
+			toLogin();
+		}
+	},
+	onHide: function () {
+		this.isClose = true;
+	},
+	onReady: function () {
+		// #ifdef H5
+		this.$nextTick(function () {
+			const clipboard = new ClipboardJS(".copy-data");
+			clipboard.on("success", () => {
+				this.$util.Tips({
+					title: this.$t(`复制成功`)
+				});
+			});
+			const address = new ClipboardJS(".copy-refund-msg");
+			address.on("success", () => {
+				this.$util.Tips({
+					title: this.$t(`复制成功`)
+				});
+			});
+		});
+
+		// #endif
+	},
+	methods: {
+		qrR(res) {
+			this.codeSrc = res
 		},
-		mixins: [colors],
-		data() {
-			return {
-				customForm: '', //自定义留言
-				//二维码参数
-				codeShow: false,
-				cid: '1',
-				ifShow: true,
-				val: "", // 要生成的二维码值
-				size: 200, // 二维码大小
-				unit: 'upx', // 单位
-				background: '#FFF', // 背景色
-				foreground: '#000', // 前景色
-				pdground: '#000', // 角标色
-				icon: '', // 二维码图标
-				iconsize: 40, // 二维码图标大小
-				lv: 3, // 二维码容错级别 ， 一般不用设置，默认就行
-				onval: true, // val值变化时自动重新生成二维码
-				loadMake: true, // 组件加载完成后自动生成二维码
-				src: '', // 二维码生成后的图片地址或base64
-				codeSrc: "",
-				wd: 0,
-				hg: 0,
-				mpUrl: "",
-
-				order_id: '',
-				evaluate: 0,
-				cartInfo: [], //购物车产品
-				pid: 0, //上级订单ID
-				split: [], //分单商品
-				orderInfo: {
-					help_info: {},
-					system_store: {},
-					_status: {}
-				}, //订单详情
-				system_store: {},
-				isGoodsReturn: false, //是否为退款订单
-				status: {}, //订单底部按钮状态
-				refund_close: false,
-				isClose: false,
-				payMode: [{
-						name: this.$t(`微信支付`),
-						icon: "icon-weixinzhifu",
-						value: 'weixin',
-						title: this.$t(`使用微信快捷支付`),
-						payStatus: true,
-					},
-					// #ifdef H5 || APP-PLUS
-					{
-						name: this.$t(`支付宝支付`),
-						icon: 'icon-zhifubao',
-						value: 'alipay',
-						title: this.$t(`使用支付宝支付`),
-						payStatus: true
-					},
-					// #endif
-					{
-						name: this.$t(`余额支付`),
-						icon: "icon-yuezhifu",
-						value: 'yue',
-						title: this.$t(`可用余额`),
-						number: 0,
-						payStatus: true
-					}, {
-						"name": this.$t(`好友代付`),
-						"icon": "icon-haoyoudaizhifu",
-						value: 'friend',
-						title: this.$t(`找微信好友支付`),
-						payStatus: 1,
+		cancelRefundOrder(orderId) {
+			let that = this;
+			uni.showModal({
+				title: that.$t(`取消申请`),
+				content: that.$t(`您确认放弃此次申请吗`),
+				success: (res) => {
+					if (res.confirm) {
+						cancelRefundOrder(that.order_id).then(res => {
+							return that.$util.Tips({
+								title: that.$t(`操作成功`),
+								icon: 'success'
+							}, {
+								tab: 4,
+								url: '/pages/users/user_return_list/index'
+							});
+						}).catch(err => {
+							return that.$util.Tips({
+								title: err
+							});
+						})
 					}
-				],
-				pay_close: false,
-				pay_order_id: '',
-				totalPrice: '0',
-				isAuto: false, //没有授权的不会自动授权
-				isShowAuth: false, //是否隐藏授权
-				routineContact: 0,
-				express_num: '',
-				invoice_func: false,
-				invoiceData: {},
-				invoice_id: 0,
-				invChecked: '',
-				moreBtn: false,
-				invShow: false,
-				aleartStatus: false, //发票弹窗
-				special_invoice: false,
-				invList: [],
-				customerInfo: {},
-				userInfo: {},
-				isReturen: '',
-				urlQuery:''
-			};
+				}
+			})
 		},
-		computed: mapGetters(['isLogin']),
-		onLoad: function(options) {
-			if (options.order_id) {
-				this.$set(this, 'order_id', options.order_id);
-				this.isReturen = options.isReturen;
-			}
-			if (options.invoice_id) {
-				this.invoice_id = options.invoice_id
-			}
+		refundInput() {
+			uni.navigateTo({
+				url: `/pages/goods/order_refund_goods/index?orderId=` + this.order_id
+			})
 		},
-		onShow() {
-			if (this.isLogin) {
-				this.getOrderInfo();
-				this.getUserInfo();
-				this.getCustomerType();
-			} else {
-				toLogin();
-			}
+		// refundSubmit() {
+		// 	if (!this.express_num.trim()) {
+		// 		return this.$util.Tips({
+		// 			title: '请输入物流单号'
+		// 		})
+		// 	}
+		// 	refundExpress({
+		// 		express_id: this.express_num,
+		// 		id: this.orderInfo.id
+		// 	}).then(res => {
+		// 		this.$util.Tips({
+		// 			title: '操作成功',
+		// 			icon: 'success'
+		// 		}, () => {
+		// 			this.refund_close = false
+		// 			this.getOrderInfo();
+		// 		});
+		// 	}).catch(err => {
+		// 		this.$util.Tips({
+		// 			title: err,
+		// 		})
+		// 	})
+		// },
+		getCustomerType() {
+			getCustomerType().then(res => {
+				this.customerInfo = res.data;
+			}).catch(err => {
+				this.$util.Tips({
+					title: err
+				});
+			})
 		},
-		onHide: function() {
-			this.isClose = true;
+		goGoodCall() {
+			getCustomer(`/pages/extension/customer_list/chat?orderId=${this.order_id}&isReturen=${this.isReturen}`)
 		},
-		onReady: function() {
-			// #ifdef H5
-			this.$nextTick(function() {
-				const clipboard = new ClipboardJS(".copy-data");
-				clipboard.on("success", () => {
-					this.$util.Tips({
-						title: this.$t(`复制成功`)
-					});
-				});
-				const address = new ClipboardJS(".copy-refund-msg");
-				address.on("success", () => {
-					this.$util.Tips({
-						title: this.$t(`复制成功`)
-					});
-				});
+		openSubcribe(e) {
+			let page = e;
+			console.log(page)
+			// #ifndef MP
+			uni.navigateTo({
+				url: page,
 			});
-
 			// #endif
-		},
-		methods: {
-			qrR(res) {
-				this.codeSrc = res
-			},
-			cancelRefundOrder(orderId) {
-				let that = this;
-				uni.showModal({
-					title: that.$t(`取消申请`),
-					content: that.$t(`您确认放弃此次申请吗`),
-					success: (res) => {
-						if (res.confirm) {
-							cancelRefundOrder(that.order_id).then(res => {
-								return that.$util.Tips({
-									title: that.$t(`操作成功`),
-									icon: 'success'
-								}, {
-									tab: 4,
-									url: '/pages/users/user_return_list/index'
-								});
-							}).catch(err => {
-								return that.$util.Tips({
-									title: err
-								});
-							})
-						}
-					}
-				})
-			},
-			refundInput() {
-				uni.navigateTo({
-					url: `/pages/goods/order_refund_goods/index?orderId=` + this.order_id
-				})
-			},
-			// refundSubmit() {
-			// 	if (!this.express_num.trim()) {
-			// 		return this.$util.Tips({
-			// 			title: '请输入物流单号'
-			// 		})
-			// 	}
-			// 	refundExpress({
-			// 		express_id: this.express_num,
-			// 		id: this.orderInfo.id
-			// 	}).then(res => {
-			// 		this.$util.Tips({
-			// 			title: '操作成功',
-			// 			icon: 'success'
-			// 		}, () => {
-			// 			this.refund_close = false
-			// 			this.getOrderInfo();
-			// 		});
-			// 	}).catch(err => {
-			// 		this.$util.Tips({
-			// 			title: err,
-			// 		})
-			// 	})
-			// },
-			getCustomerType() {
-				getCustomerType().then(res => {
-					this.customerInfo = res.data;
-				}).catch(err => {
-					this.$util.Tips({
-						title: err
-					});
-				})
-			},
-			goGoodCall() {
-				getCustomer(`/pages/extension/customer_list/chat?orderId=${this.order_id}&isReturen=${this.isReturen}`)
-			},
-			openSubcribe(e) {
-				let page = e;
-				console.log(page)
-				// #ifndef MP
+			// #ifdef MP
+			uni.showLoading({
+				title: this.$t(`正在加载中`),
+			})
+			openOrderRefundSubscribe().then(res => {
+				uni.hideLoading();
 				uni.navigateTo({
 					url: page,
 				});
+			}).catch((err) => {
+				uni.hideLoading();
+			});
+			// #endif
+		},
+		// openSubcribe(e, type) {
+		// 	let page = e;
+		// 	// #ifdef MP
+		// 	uni.showLoading({
+		// 		title: '正在加载',
+		// 	})
+		// 	openOrderRefundSubscribe().then(res => {
+		// 		uni.hideLoading();
+		// 		uni.navigateTo({
+		// 			url: page,
+		// 			success: (res) => {
+		// 				if (!type) {
+		// 					let cartList = [];
+		// 					this.cartInfo.forEach((item) => {
+		// 						let i = {
+		// 							cart_info: item,
+		// 							cart_id: item.id,
+		// 							cart_num: item.cart_num,
+		// 							surplus_num: item.cart_num - item.refund_num
+		// 						}
+		// 						cartList.push(i)
+		// 					})
+		// 					res.eventChannel.emit('goodsData', {
+		// 						cartList: cartList,
+		// 						count: 1,
+		// 					})
+		// 				}
+		// 			}
+		// 		});
+		// 	}).catch(() => {
+		// 		uni.hideLoading();
+		// 	});
+		// 	// #endif
+		// 	// #ifndef MP
+		// 	uni.navigateTo({
+		// 		url: page,
+		// 		success: (res) => {
+		// 			if (!type) {
+		// 				let cartList = [];
+		// 				this.cartInfo.forEach((item) => {
+		// 					let i = {
+		// 						cart_info: item,
+		// 						cart_id: item.id,
+		// 						cart_num: item.cart_num,
+		// 						surplus_num: item.cart_num - item.refund_num
+		// 					}
+		// 					cartList.push(i)
+		// 				})
+		// 				res.eventChannel.emit('goodsData', {
+		// 					cartList: cartList,
+		// 					count: 1,
+		// 				})
+		// 			}
+		// 		}
+		// 	});
+		// 	// #endif
+		// },
+		goReturnGoods() {
+
+		},
+		/**
+		 * 事件回调
+		 * 
+		 */
+		onChangeFun: function (e) {
+			let opt = e;
+			let action = opt.action || null;
+			let value = opt.value != undefined ? opt.value : null;
+			(action && this[action]) && this[action](value);
+		},
+		/**
+		 * 拨打电话
+		 */
+		makePhone: function () {
+			uni.makePhoneCall({
+				phoneNumber: this.system_store.phone
+			})
+		},
+		/**
+		 * 打开地图
+		 * 
+		 */
+		showMaoLocation: function () {
+			if (!this.system_store.latitude || !this.system_store.longitude) return this.$util.Tips({
+				title: this.$t(`缺少经纬度信息无法查看地图`)
+			});
+			uni.openLocation({
+				latitude: parseFloat(this.system_store.latitude),
+				longitude: parseFloat(this.system_store.longitude),
+				scale: 8,
+				name: this.system_store.name,
+				address: this.system_store.address + this.system_store.detailed_address,
+				success: function () {
+
+				},
+			});
+		},
+		/**
+		 * 关闭支付组件
+		 * 
+		 */
+		payClose: function () {
+			this.pay_close = false;
+		},
+		/**
+		 * 打开支付组件
+		 * 
+		 */
+		pay_open: function () {
+			this.pay_close = true;
+			this.pay_order_id = this.orderInfo.order_id;
+			this.totalPrice = this.orderInfo.pay_price;
+		},
+		/**
+		 * 支付成功回调
+		 * 
+		 */
+		pay_complete: function () {
+			this.pay_close = false;
+			this.pay_order_id = '';
+			uni.navigateTo({
+				url: '/pages/goods/order_pay_status/index?order_id=' + this.orderInfo.order_id + '&msg=' +
+					this.$t(`支付成功`) +
+					'&type=3' + '&totalPrice=' + this.totalPrice
+			})
+			this.getOrderInfo();
+		},
+		/**
+		 * 支付失败回调
+		 * 
+		 */
+		pay_fail: function () {
+			this.pay_close = false;
+			this.pay_order_id = '';
+		},
+		/**
+		 * 登录授权回调
+		 * 
+		 */
+		onLoadFun: function () {
+			this.getOrderInfo();
+			this.getUserInfo();
+		},
+		/**
+		 * 获取用户信息
+		 * 
+		 */
+		getUserInfo: function () {
+			let that = this;
+			getUserInfo().then(res => {
+				that.userInfo = res.data
+				// #ifdef H5
+				that.payMode[2].number = res.data.now_money;
+				// #endif
+				// #ifdef APP-PLUS
+				that.payMode[2].number = res.data.now_money;
 				// #endif
 				// #ifdef MP
-				uni.showLoading({
-					title: this.$t(`正在加载中`),
-				})
-				openOrderRefundSubscribe().then(res => {
-					uni.hideLoading();
-					uni.navigateTo({
-						url: page,
-					});
-				}).catch((err) => {
-					uni.hideLoading();
-				});
+				that.payMode[1].number = res.data.now_money;
 				// #endif
-			},
-			// openSubcribe(e, type) {
-			// 	let page = e;
-			// 	// #ifdef MP
-			// 	uni.showLoading({
-			// 		title: '正在加载',
-			// 	})
-			// 	openOrderRefundSubscribe().then(res => {
-			// 		uni.hideLoading();
-			// 		uni.navigateTo({
-			// 			url: page,
-			// 			success: (res) => {
-			// 				if (!type) {
-			// 					let cartList = [];
-			// 					this.cartInfo.forEach((item) => {
-			// 						let i = {
-			// 							cart_info: item,
-			// 							cart_id: item.id,
-			// 							cart_num: item.cart_num,
-			// 							surplus_num: item.cart_num - item.refund_num
-			// 						}
-			// 						cartList.push(i)
-			// 					})
-			// 					res.eventChannel.emit('goodsData', {
-			// 						cartList: cartList,
-			// 						count: 1,
-			// 					})
-			// 				}
-			// 			}
-			// 		});
-			// 	}).catch(() => {
-			// 		uni.hideLoading();
-			// 	});
-			// 	// #endif
-			// 	// #ifndef MP
-			// 	uni.navigateTo({
-			// 		url: page,
-			// 		success: (res) => {
-			// 			if (!type) {
-			// 				let cartList = [];
-			// 				this.cartInfo.forEach((item) => {
-			// 					let i = {
-			// 						cart_info: item,
-			// 						cart_id: item.id,
-			// 						cart_num: item.cart_num,
-			// 						surplus_num: item.cart_num - item.refund_num
-			// 					}
-			// 					cartList.push(i)
-			// 				})
-			// 				res.eventChannel.emit('goodsData', {
-			// 					cartList: cartList,
-			// 					count: 1,
-			// 				})
-			// 			}
-			// 		}
-			// 	});
-			// 	// #endif
-			// },
-			goReturnGoods() {
-
-			},
-			/**
-			 * 事件回调
-			 * 
-			 */
-			onChangeFun: function(e) {
-				let opt = e;
-				let action = opt.action || null;
-				let value = opt.value != undefined ? opt.value : null;
-				(action && this[action]) && this[action](value);
-			},
-			/**
-			 * 拨打电话
-			 */
-			makePhone: function() {
-				uni.makePhoneCall({
-					phoneNumber: this.system_store.phone
-				})
-			},
-			/**
-			 * 打开地图
-			 * 
-			 */
-			showMaoLocation: function() {
-				if (!this.system_store.latitude || !this.system_store.longitude) return this.$util.Tips({
-					title: this.$t(`缺少经纬度信息无法查看地图`)
-				});
-				uni.openLocation({
-					latitude: parseFloat(this.system_store.latitude),
-					longitude: parseFloat(this.system_store.longitude),
-					scale: 8,
-					name: this.system_store.name,
-					address: this.system_store.address + this.system_store.detailed_address,
-					success: function() {
-
-					},
-				});
-			},
-			/**
-			 * 关闭支付组件
-			 * 
-			 */
-			payClose: function() {
-				this.pay_close = false;
-			},
-			/**
-			 * 打开支付组件
-			 * 
-			 */
-			pay_open: function() {
-				this.pay_close = true;
-				this.pay_order_id = this.orderInfo.order_id;
-				this.totalPrice = this.orderInfo.pay_price;
-			},
-			/**
-			 * 支付成功回调
-			 * 
-			 */
-			pay_complete: function() {
-				this.pay_close = false;
-				this.pay_order_id = '';
-				uni.navigateTo({
-					url: '/pages/goods/order_pay_status/index?order_id=' + this.orderInfo.order_id + '&msg=' +
-						this.$t(`支付成功`) +
-						'&type=3' + '&totalPrice=' + this.totalPrice
+				that.$set(that, 'payMode', that.payMode);
+			})
+		},
+		/**
+		 * 获取订单详细信息
+		 * 
+		 */
+		getOrderInfo: function () {
+			let that = this;
+			uni.showLoading({
+				title: this.$t(`正在加载中`)
+			});
+			let obj = '';
+			if (that.isReturen) {
+				obj = refundOrderDetail(this.order_id);
+			} else {
+				obj = getOrderDetail(this.order_id);
+			}
+			obj.then(res => {
+				if (res.data.pid && res.data.pid == -1) {
+					that.$util.Tips({
+						title: this.$t(`订单信息不存在`)
+					}, '/pages/goods/order_list/index');
+				}
+				let _type = res.data._status._type;
+				uni.hideLoading();
+				that.$set(that, 'orderInfo', res.data);
+				//处理自定义留言非必填项的数据展示
+				let arr = []
+				that.orderInfo.custom_form.map(i => {
+					if (i.value != '') {
+						arr.push(i)
+					}
 				})
-				this.getOrderInfo();
-			},
-			/**
-			 * 支付失败回调
-			 * 
-			 */
-			pay_fail: function() {
-				this.pay_close = false;
-				this.pay_order_id = '';
-			},
-			/**
-			 * 登录授权回调
-			 * 
-			 */
-			onLoadFun: function() {
-				this.getOrderInfo();
-				this.getUserInfo();
-			},
-			/**
-			 * 获取用户信息
-			 * 
-			 */
-			getUserInfo: function() {
-				let that = this;
-				getUserInfo().then(res => {
-					that.userInfo = res.data
-					// #ifdef H5
-					that.payMode[2].number = res.data.now_money;
-					// #endif
-					// #ifdef APP-PLUS
-					that.payMode[2].number = res.data.now_money;
-					// #endif
-					// #ifdef MP
-					that.payMode[1].number = res.data.now_money;
-					// #endif
-					that.$set(that, 'payMode', that.payMode);
+				that.$set(that, 'customForm', arr);
+
+				that.$set(that, 'cartInfo', res.data.cartInfo);
+				that.$set(that, 'pid', res.data.pid);
+				that.$set(that, 'split', res.data.split);
+				that.$set(that, 'evaluate', _type == 3 ? 3 : 0);
+				that.$set(that, 'system_store', res.data.system_store);
+				that.$set(that, 'invoiceData', res.data.invoice);
+				if (that.invoiceData) {
+					that.invoiceData.pay_price = res.data.pay_price;
+				}
+				that.$set(that, 'invoice_func', res.data.invoice_func);
+				that.$set(that, 'special_invoice', res.data.special_invoice);
+				that.$set(that, 'routineContact', Number(res.data.routine_contact_type));
+				this.$nextTick(() => {
+
+					that.val = that.orderInfo.verify_code
 				})
-			},
-			/**
-			 * 获取订单详细信息
-			 * 
-			 */
-			getOrderInfo: function() {
-				let that = this;
-				uni.showLoading({
-					title: this.$t(`正在加载中`)
-				});
-				let obj = '';
-				if (that.isReturen) {
-					obj = refundOrderDetail(this.order_id);
+				if (this.orderInfo.refund_status != 0) {
+					this.isGoodsReturn = true;
 				} else {
-					obj = getOrderDetail(this.order_id);
+					this.isReturen = 0
 				}
-				obj.then(res => {
-					if (res.data.pid && res.data.pid == -1) {
-						that.$util.Tips({
-							title: this.$t(`订单信息不存在`)
-						}, '/pages/goods/order_list/index');
+				if (that.invoice_id && !that.invoiceData) {
+					that.invChecked = that.invoice_id || '';
+					this.invoiceApply()
+				}
+				that.payMode.map(item => {
+					if (item.value == 'weixin') {
+						item.payStatus = res.data.pay_weixin_open ? true : false;
 					}
-					let _type = res.data._status._type;
-					uni.hideLoading();
-					that.$set(that, 'orderInfo', res.data);
-					//处理自定义留言非必填项的数据展示
-					let arr = []
-					that.orderInfo.custom_form.map(i => {
-						if (i.value != '') {
-							arr.push(i)
-						}
-					})
-					that.$set(that, 'customForm', arr);
-
-					that.$set(that, 'cartInfo', res.data.cartInfo);
-					that.$set(that, 'pid', res.data.pid);
-					that.$set(that, 'split', res.data.split);
-					that.$set(that, 'evaluate', _type == 3 ? 3 : 0);
-					that.$set(that, 'system_store', res.data.system_store);
-					that.$set(that, 'invoiceData', res.data.invoice);
-					if (that.invoiceData) {
-						that.invoiceData.pay_price = res.data.pay_price;
+					if (item.value == 'alipay') {
+						item.payStatus = res.data.ali_pay_status ? true : false;
 					}
-					that.$set(that, 'invoice_func', res.data.invoice_func);
-					that.$set(that, 'special_invoice', res.data.special_invoice);
-					that.$set(that, 'routineContact', Number(res.data.routine_contact_type));
-					this.$nextTick(() => {
-
-						that.val = that.orderInfo.verify_code
-					})
-					if (this.orderInfo.refund_status != 0) {
-						this.isGoodsReturn = true;
-					} else {
-						this.isReturen = 0
+					if (item.value == 'yue') {
+						item.payStatus = res.data.yue_pay_status == 1 ? true : false;
 					}
-					if (that.invoice_id && !that.invoiceData) {
-						that.invChecked = that.invoice_id || '';
-						this.invoiceApply()
+					if (item.value == 'friend') {
+						item.payStatus = res.data.friend_pay_status == 1 ? true : false;
 					}
-					that.payMode.map(item => {
-						if (item.value == 'weixin') {
-							item.payStatus = res.data.pay_weixin_open ? true : false;
-						}
-						if (item.value == 'alipay') {
-							item.payStatus = res.data.ali_pay_status ? true : false;
-						}
-						if (item.value == 'yue') {
-							item.payStatus = res.data.yue_pay_status == 1 ? true : false;
-						}
-						if (item.value == 'friend') {
-							item.payStatus = res.data.friend_pay_status == 1 ? true : false;
-						}
-					});
-					that.getOrderStatus();
-				}).catch(err => {
-					uni.hideLoading();
-					that.$util.Tips({
-						title: err
-					}, '/pages/goods/order_list/index');
 				});
-			},
-			// 不开发票
-			invCancel() {
-				this.invChecked = '';
-				this.invTitle = this.$t(`不开发票`);
-				this.invShow = false;
-			},
-			// 选择发票
-			invSub(id) {
-				this.invChecked = id;
-				let data = {
-					order_id: this.order_id,
-					invoice_id: this.invChecked
-				}
-				makeUpinvoice(data).then(res => {
-					uni.showToast({
-						title: this.$t(`申请成功`),
-						icon: 'success'
-					});
-					this.invShow = false;
-					this.aleartStatus = true;
-					this.getOrderInfo()
-				}).catch(err => {
-					uni.showToast({
-						title: err,
-						icon: 'none'
-					});
+				that.getOrderStatus();
+			}).catch(err => {
+				uni.hideLoading();
+				that.$util.Tips({
+					title: err
+				}, '/pages/goods/order_list/index');
+			});
+		},
+		// 不开发票
+		invCancel() {
+			this.invChecked = '';
+			this.invTitle = this.$t(`不开发票`);
+			this.invShow = false;
+		},
+		// 选择发票
+		invSub(id) {
+			this.invChecked = id;
+			let data = {
+				order_id: this.order_id,
+				invoice_id: this.invChecked
+			}
+			makeUpinvoice(data).then(res => {
+				uni.showToast({
+					title: this.$t(`申请成功`),
+					icon: 'success'
 				});
-			},
-			// 关闭发票
-			invClose() {
 				this.invShow = false;
-				this.getInvoiceList()
-			},
-			//申请开票
-			invoiceApply() {
-				this.urlQuery = `&specialInvoice=${this.userInfo.special_invoice}`;
-				this.getInvoiceList()
-				this.moreBtn = false;
-				this.invShow = true;
-			},
-			aleartStatusChange() {
-				this.moreBtn = false;
-				this.aleartStatus = true
-			},
-			getInvoiceList() {
-				uni.showLoading({
-					title: this.$t(`正在加载中`)
-				})
-				invoiceList().then(res => {
-					uni.hideLoading();
-					this.invList = res.data.map(item => {
-						item.id = item.id.toString();
-						return item;
-					});
-					const result = this.invList.find(item => item.id == this.invChecked);
-					if (result) {
-						let name = '';
-						name += result.header_type === 1 ? this.$t(`个人`) : this.$t(`企业`);
-						name += result.type === 1 ? this.$t(`普通`) : this.$t(`专用`);
-						name += this.$t(`发票`);
-						this.invTitle = name;
-					}
-				}).catch(err => {
-					uni.showToast({
-						title: err,
-						icon: 'none'
-					});
+				this.aleartStatus = true;
+				this.getOrderInfo()
+			}).catch(err => {
+				uni.showToast({
+					title: err,
+					icon: 'none'
 				});
-			},
-			more() {
-				this.moreBtn = !this.moreBtn
-			},
-			/**
-			 * 
-			 * 剪切订单号
-			 */
-			// #ifndef H5
-			copy: function() {
-				let that = this;
-				uni.setClipboardData({
-					data: this.orderInfo.order_id
+			});
+		},
+		// 关闭发票
+		invClose() {
+			this.invShow = false;
+			this.getInvoiceList()
+		},
+		//申请开票
+		invoiceApply() {
+			this.urlQuery = `&specialInvoice=${this.userInfo.special_invoice}`;
+			this.getInvoiceList()
+			this.moreBtn = false;
+			this.invShow = true;
+		},
+		aleartStatusChange() {
+			this.moreBtn = false;
+			this.aleartStatus = true
+		},
+		getInvoiceList() {
+			uni.showLoading({
+				title: this.$t(`正在加载中`)
+			})
+			invoiceList().then(res => {
+				uni.hideLoading();
+				this.invList = res.data.map(item => {
+					item.id = item.id.toString();
+					return item;
 				});
-			},
-			// #endif
-			// #ifndef H5
-			copyAddress() {
-				uni.setClipboardData({
-					data: this.orderInfo._status.refund_name + this.orderInfo._status.refund_phone + this.orderInfo
-						._status
-						.refund_address,
-					success() {
-						uni.Tips({
-							title: this.$t(`复制成功`),
-							icon: 'success'
-						})
-					}
+				const result = this.invList.find(item => item.id == this.invChecked);
+				if (result) {
+					let name = '';
+					name += result.header_type === 1 ? this.$t(`个人`) : this.$t(`企业`);
+					name += result.type === 1 ? this.$t(`普通`) : this.$t(`专用`);
+					name += this.$t(`发票`);
+					this.invTitle = name;
+				}
+			}).catch(err => {
+				uni.showToast({
+					title: err,
+					icon: 'none'
 				});
-			},
-			// #endif
-			// #ifdef H5
-			copyAddress() {
-				// console.log('1111111111111')
-				// let msg = 
-				// console.log(msg)
-				// return msg
-			},
-			// #endif
-			/**
-			 * 打电话
-			 */
-			goTel: function() {
-				uni.makePhoneCall({
-					phoneNumber: this.orderInfo.delivery_id
-				})
-			},
-			/**
-			 * 设置底部按钮
-			 * 
-			 */
-			getOrderStatus: function() {
-				let orderInfo = this.orderInfo || {},
-					_status = orderInfo._status || {
-						_type: 0
-					},
-					status = {};
-				let type = parseInt(_status._type),
-					delivery_type = orderInfo.delivery_type,
-					seckill_id = orderInfo.seckill_id ? parseInt(orderInfo.seckill_id) : 0,
-					bargain_id = orderInfo.bargain_id ? parseInt(orderInfo.bargain_id) : 0,
-					discount_id = orderInfo.discount_id ? parseInt(orderInfo.discount_id) : 0,
-					combination_id = orderInfo.combination_id ? parseInt(orderInfo.combination_id) : 0;
-				status = {
-					type: type == 9 ? -9 : type,
-					class_status: 0
-				};
-				if (type == 1 && combination_id > 0) status.class_status = 1; //查看拼团
-				if (type == 2 && delivery_type == 'express') status.class_status = 2; //查看物流
-				if (type == 2) status.class_status = 3; //确认收货
-				if (type == 4 || type == 0) status.class_status = 4; //删除订单
-				if (!seckill_id && !bargain_id && !combination_id && !discount_id && !orderInfo.type && (type == 3 ||
-						type == 4)) status
+			});
+		},
+		more() {
+			this.moreBtn = !this.moreBtn
+		},
+		/**
+		 * 
+		 * 剪切订单号
+		 */
+		// #ifndef H5
+		copy: function () {
+			let that = this;
+			uni.setClipboardData({
+				data: this.orderInfo.order_id
+			});
+		},
+		// #endif
+		// #ifndef H5
+		copyAddress() {
+			uni.setClipboardData({
+				data: this.orderInfo._status.refund_name + this.orderInfo._status.refund_phone + this.orderInfo
+					._status
+					.refund_address,
+				success() {
+					uni.Tips({
+						title: this.$t(`复制成功`),
+						icon: 'success'
+					})
+				}
+			});
+		},
+		// #endif
+		// #ifdef H5
+		copyAddress() {
+			// console.log('1111111111111')
+			// let msg = 
+			// console.log(msg)
+			// return msg
+		},
+		// #endif
+		/**
+		 * 打电话
+		 */
+		goTel: function () {
+			uni.makePhoneCall({
+				phoneNumber: this.orderInfo.delivery_id
+			})
+		},
+		/**
+		 * 设置底部按钮
+		 * 
+		 */
+		getOrderStatus: function () {
+			let orderInfo = this.orderInfo || {},
+				_status = orderInfo._status || {
+					_type: 0
+				},
+				status = {};
+			let type = parseInt(_status._type),
+				delivery_type = orderInfo.delivery_type,
+				seckill_id = orderInfo.seckill_id ? parseInt(orderInfo.seckill_id) : 0,
+				bargain_id = orderInfo.bargain_id ? parseInt(orderInfo.bargain_id) : 0,
+				discount_id = orderInfo.discount_id ? parseInt(orderInfo.discount_id) : 0,
+				combination_id = orderInfo.combination_id ? parseInt(orderInfo.combination_id) : 0;
+			status = {
+				type: type == 9 ? -9 : type,
+				class_status: 0
+			};
+			if (type == 1 && combination_id > 0) status.class_status = 1; //查看拼团
+			if (type == 2 && delivery_type == 'express') status.class_status = 2; //查看物流
+			if (type == 2) status.class_status = 3; //确认收货
+			if (type == 4 || type == 0) status.class_status = 4; //删除订单
+			if (!seckill_id && !bargain_id && !combination_id && !discount_id && !orderInfo.type && (type == 3 ||
+				type == 4)) status
 					.class_status =
 					5; //再次购买
-				this.$set(this, 'status', status);
-			},
-			/**
-			 * 去拼团详情
-			 * 
-			 */
-			goJoinPink: function() {
-				uni.navigateTo({
-					url: '/pages/activity/goods_combination_status/index?id=' + this.orderInfo.pink_id,
+			this.$set(this, 'status', status);
+		},
+		/**
+		 * 去拼团详情
+		 * 
+		 */
+		goJoinPink: function () {
+			uni.navigateTo({
+				url: '/pages/activity/goods_combination_status/index?id=' + this.orderInfo.pink_id,
+			});
+		},
+		/**
+		 * 再此购买
+		 * 
+		 */
+		goOrderConfirm: function () {
+			let that = this;
+			orderAgain(that.orderInfo.order_id).then(res => {
+				return uni.navigateTo({
+					url: '/pages/goods/order_confirm/index?new=1&cartId=' + res.data.cateId
 				});
-			},
-			/**
-			 * 再此购买
-			 * 
-			 */
-			goOrderConfirm: function() {
-				let that = this;
-				orderAgain(that.orderInfo.order_id).then(res => {
-					return uni.navigateTo({
-						url: '/pages/goods/order_confirm/index?new=1&cartId=' + res.data.cateId
-					});
-				}).catch(err => {
-					return that.$util.Tips({
-						title: err
-					});
-				})
-			},
-			confirmOrder(orderId) {
-				let that = this;
-				uni.showModal({
-					title: that.$t(`确认收货`),
-					content: that.$t(`为保障权益，请收到货确认无误后，再确认收货`),
-					success: function(res) {
-						if (res.confirm) {
-							orderTake(orderId ? orderId : that.order_id).then(res => {
+			}).catch(err => {
+				return that.$util.Tips({
+					title: err
+				});
+			})
+		},
+		confirmOrder(orderId) {
+			let that = this;
+			uni.showModal({
+				title: that.$t(`确认收货`),
+				content: that.$t(`为保障权益，请收到货确认无误后，再确认收货`),
+				success: function (res) {
+					if (res.confirm) {
+						orderTake(orderId ? orderId : that.order_id).then(res => {
+							return that.$util.Tips({
+								title: that.$t(`操作成功`),
+								icon: 'success'
+							}, function () {
+								that.getOrderInfo();
+							});
+						}).catch(err => {
+							return that.$util.Tips({
+								title: err
+							});
+						})
+					}
+				}
+			})
+		},
+		/**
+		 * 
+		 * 删除订单
+		 */
+		delOrder() {
+			let that = this;
+			uni.showModal({
+				title: this.$t(`删除订单`),
+				content: this.$t(`确定删除该订单`),
+				success: (res) => {
+					if (res.confirm) {
+						(that.isReturen ? refundOrderDel : orderDel)(that.order_id).then(res => {
+							if (that.status.type == -2) {
 								return that.$util.Tips({
-									title: that.$t(`操作成功`),
+									title: that.$t(`删除成功`),
 									icon: 'success'
-								}, function() {
-									that.getOrderInfo();
-								});
-							}).catch(err => {
-								return that.$util.Tips({
-									title: err
+								}, {
+									tab: 5,
+									url: '/pages/users/user_return_list/index'
 								});
-							})
-						}
-					}
-				})
-			},
-			/**
-			 * 
-			 * 删除订单
-			 */
-			delOrder() {
-				let that = this;
-				uni.showModal({
-					title: this.$t(`删除订单`),
-					content: this.$t(`确定删除该订单`),
-					success: (res) => {
-						if (res.confirm) {
-							(that.isReturen ? refundOrderDel : orderDel)(that.order_id).then(res => {
-								if (that.status.type == -2) {
-									return that.$util.Tips({
-										title: that.$t(`删除成功`),
-										icon: 'success'
-									}, {
-										tab: 5,
-										url: '/pages/users/user_return_list/index'
-									});
-								} else {
-									return that.$util.Tips({
-										title: that.$t(`删除成功`),
-										icon: 'success'
-									}, {
-										tab: 5,
-										url: '/pages/goods/order_list/index'
-									});
-								}
-
-							}).catch(err => {
+							} else {
 								return that.$util.Tips({
-									title: err
+									title: that.$t(`删除成功`),
+									icon: 'success'
+								}, {
+									tab: 5,
+									url: '/pages/goods/order_list/index'
 								});
-							});
-						} else if (res.cancel) {
+							}
+
+						}).catch(err => {
 							return that.$util.Tips({
-								title: that.$t(`已取消`)
+								title: err
 							});
-						}
+						});
+					} else if (res.cancel) {
+						return that.$util.Tips({
+							title: that.$t(`已取消`)
+						});
 					}
-				});
+				}
+			});
 
-			},
-			cancelOrder() {
-				let self = this
-				uni.showModal({
-					title: this.$t(`提示`),
-					content: this.$t(`确认取消该订单`),
-					success: function(res) {
-						if (res.confirm) {
-							orderCancel(self.orderInfo.order_id)
-								.then((data) => {
-									// #ifndef MP
-									self.$util.Tips({
-										title: data.msg
-									}, {
-										tab: 3
-									})
-									// #endif
-									// #ifdef MP
-									self.$util.Tips({
-										title: data.msg
-									}, '/pages/goods/order_list/index');
-									// #endif
+		},
+		cancelOrder() {
+			let self = this
+			uni.showModal({
+				title: this.$t(`提示`),
+				content: this.$t(`确认取消该订单`),
+				success: function (res) {
+					if (res.confirm) {
+						orderCancel(self.orderInfo.order_id)
+							.then((data) => {
+								// #ifndef MP
+								self.$util.Tips({
+									title: data.msg
+								}, {
+									tab: 3
 								})
-								.catch(() => {
-									self.getOrderInfo();
-								});
-						} else if (res.cancel) {
-						}
+								// #endif
+								// #ifdef MP
+								self.$util.Tips({
+									title: data.msg
+								}, '/pages/goods/order_list/index');
+								// #endif
+							})
+							.catch(() => {
+								self.getOrderInfo();
+							});
+					} else if (res.cancel) {
 					}
-				});
-			},
-		}
+				}
+			});
+		},
 	}
+}
 </script>
 <style scoped lang="scss">
-	.refund-tip {
-		font-size: 24rpx;
-		margin-top: 10rpx;
-		color: var(--view-theme);
+.refund-tip {
+	font-size: 24rpx;
+	margin-top: 10rpx;
+	color: var(--view-theme);
 
-		.iconfont {
-			font-size: 24rpx;
-			margin-right: 6rpx;
-		}
+	.iconfont {
+		font-size: 24rpx;
+		margin-right: 6rpx;
 	}
+}
 
-	.refund-tip1 {
-		font-size: 24rpx;
-		color: var(--view-theme);
+.refund-tip1 {
+	font-size: 24rpx;
+	color: var(--view-theme);
 
-		.iconfont {
-			font-size: 24rpx;
-			margin-right: 6rpx;
-		}
+	.iconfont {
+		font-size: 24rpx;
+		margin-right: 6rpx;
+	}
+}
+
+.qs-btn {
+	width: auto;
+	height: 60rpx;
+	text-align: center;
+	line-height: 60rpx;
+	border-radius: 50rpx;
+	font-size: 27rpx;
+	padding: 0 3%;
+	color: #666;
+	border: 1px solid #ccc;
+	margin-right: 20rpx;
+}
+
+.refund-input {
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	width: 100%;
+	border-radius: 16rpx 16rpx 0 0;
+	background-color: #fff;
+	z-index: 99;
+	padding: 40rpx 0 70rpx 0;
+	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
+	transform: translate3d(0, 100%, 0);
+
+	.refund-input-title {
+		font-size: 32rpx;
+		margin-bottom: 60rpx;
+		color: #282828;
 	}
 
-	.qs-btn {
-		width: auto;
-		height: 60rpx;
-		text-align: center;
-		line-height: 60rpx;
-		border-radius: 50rpx;
-		font-size: 27rpx;
-		padding: 0 3%;
-		color: #666;
-		border: 1px solid #ccc;
-		margin-right: 20rpx;
+	.refund-input-sty {
+		border: 1px solid #ddd;
+		padding: 20rpx 20rpx;
+		border-radius: 40rpx;
+		width: 100%;
+		margin: 20rpx 65rpx;
 	}
 
-	.refund-input {
-		position: fixed;
-		bottom: 0;
-		left: 0;
-		width: 100%;
-		border-radius: 16rpx 16rpx 0 0;
-		background-color: #fff;
-		z-index: 99;
-		padding: 40rpx 0 70rpx 0;
-		transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
-		transform: translate3d(0, 100%, 0);
+	.input-msg {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		position: relative;
+		margin: 0 65rpx;
 
-		.refund-input-title {
+		.iconfont {
+			position: absolute;
 			font-size: 32rpx;
-			margin-bottom: 60rpx;
 			color: #282828;
+			top: 8rpx;
+			right: -30rpx;
 		}
+	}
 
-		.refund-input-sty {
-			border: 1px solid #ddd;
-			padding: 20rpx 20rpx;
-			border-radius: 40rpx;
-			width: 100%;
-			margin: 20rpx 65rpx;
-		}
+	.refund-bth {
+		display: flex;
+		margin: 0 65rpx;
+		margin-top: 20rpx;
+		justify-content: space-around;
+		width: 100%;
 
-		.input-msg {
-			display: flex;
-			flex-direction: column;
-			justify-content: center;
-			align-items: center;
-			position: relative;
-			margin: 0 65rpx;
-
-			.iconfont {
-				position: absolute;
-				font-size: 32rpx;
-				color: #282828;
-				top: 8rpx;
-				right: -30rpx;
-			}
+		.close-refund {
+			padding: 24rpx 80rpx;
+			border-radius: 80rpx;
+			color: #fff;
+			background-color: #ccc;
 		}
 
-		.refund-bth {
-			display: flex;
-			margin: 0 65rpx;
-			margin-top: 20rpx;
-			justify-content: space-around;
+		.submit-refund {
 			width: 100%;
-
-			.close-refund {
-				padding: 24rpx 80rpx;
-				border-radius: 80rpx;
-				color: #fff;
-				background-color: #ccc;
-			}
-
-			.submit-refund {
-				width: 100%;
-				padding: 24rpx 0rpx;
-				text-align: center;
-				border-radius: 80rpx;
-				color: #fff;
-				background-color: var(--view-theme);
-			}
+			padding: 24rpx 0rpx;
+			text-align: center;
+			border-radius: 80rpx;
+			color: #fff;
+			background-color: var(--view-theme);
 		}
 	}
+}
 
-	.refund-input.on {
-		transform: translate3d(0, 0, 0);
-	}
+.refund-input.on {
+	transform: translate3d(0, 0, 0);
+}
 
-	.goodCall {
-		color: var(--view-theme);
-		text-align: center;
-		width: 100%;
-		height: 86rpx;
-		padding: 0 30rpx;
-		border-top: 1rpx solid #eee;
-		font-size: 30rpx;
-		line-height: 86rpx;
-		background: #fff;
-
-		.icon-kefu {
-			font-size: 36rpx;
-			margin-right: 15rpx;
-		}
+.goodCall {
+	color: var(--view-theme);
+	text-align: center;
+	width: 100%;
+	height: 86rpx;
+	padding: 0 30rpx;
+	border-top: 1rpx solid #eee;
+	font-size: 30rpx;
+	line-height: 86rpx;
+	background: #fff;
 
-		/* #ifdef MP */
-		button {
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			height: 86rpx;
-			font-size: 30rpx;
-			color: var(--view-theme);
-		}
-
-		/* #endif */
+	.icon-kefu {
+		font-size: 36rpx;
+		margin-right: 15rpx;
 	}
 
-	.order-details .header {
-		padding: 0 30rpx;
-		height: 150rpx;
+	/* #ifdef MP */
+	button {
 		display: flex;
 		align-items: center;
-		flex-wrap: nowrap;
-	}
-
-	.order-details .header.on {
-		background-color: #666 !important;
-	}
-
-	.order-details .header .pictrue {
-		width: 110rpx;
-		height: 110rpx;
-	}
-
-	.order-details .header .pictrue image {
-		width: 100%;
-		height: 100%;
-	}
-
-	.order-details .header .data {
-		color: rgba(255, 255, 255, 0.8);
-		font-size: 24rpx;
-		margin-left: 27rpx;
-	}
-
-	.order-details .header .data.on {
-		margin-left: 0;
-	}
-
-	.order-details .header .data .state {
+		justify-content: center;
+		height: 86rpx;
 		font-size: 30rpx;
-		font-weight: bold;
-		color: #fff;
-		margin-bottom: 7rpx;
-	}
-
-	.order-details .header .data .time {
-		margin-left: 20rpx;
-	}
-
-	.order-details .nav {
-		background-color: #fff;
-		font-size: 26rpx;
-		color: #282828;
-		padding: 25rpx 0;
-	}
-
-	.order-details .nav .navCon {
-		padding: 0 40rpx;
-	}
-
-	.order-details .nav .on {
 		color: var(--view-theme);
 	}
 
-	.order-details .nav .progress {
-		padding: 0 65rpx;
-		margin-top: 10rpx;
-	}
-
-	.order-details .nav .progress .line {
-		width: 100rpx;
-		height: 2rpx;
-		background-color: #939390;
-	}
-
-	.order-details .nav .progress .iconfont {
-		font-size: 25rpx;
-		color: #939390;
-		margin-top: -2rpx;
-	}
-
-	.order-details .address {
-		font-size: 26rpx;
-		color: #868686;
-		background-color: #fff;
-		margin-top: 13rpx;
-		padding: 35rpx 30rpx;
-		margin-bottom: 12rpx;
-	}
-
-	.order-details .address .name {
-		font-size: 30rpx;
-		color: #282828;
-		margin-bottom: 15rpx;
-	}
-
-	.order-details .address .name .phone {
-		margin-left: 40rpx;
-	}
-
-	.order-details .line {
-		width: 100%;
-		height: 3rpx;
-	}
-
-	.order-details .line image {
-		width: 100%;
-		height: 100%;
-		display: block;
-	}
-
-	.order-details .wrapper {
-		background-color: #fff;
-		margin-top: 12rpx;
-		padding: 30rpx;
-	}
-
-	.order-details .wrapper .acea-row {
-		display: flex;
-		flex-wrap: nowrap;
-	}
-	.order-details .wrapper .item {
-		font-size: 28rpx;
-		color: #282828;
-	}
-
-	.order-details .wrapper .item~.item {
-		margin-top: 20rpx;
-		white-space: normal;
-		word-break: break-all;
-		word-wrap: break-word;
-	}
-
-	.order-details .wrapper .item .conter {
-		color: #868686;
-		width: 380srpx;
-		display: flex;
-		flex-wrap: nowrap;
-		justify-content: flex-end;
-	}
-
-	.order-details .wrapper .item .conter .copy {
-		font-size: 20rpx;
-		color: #333;
-		border-radius: 3rpx;
-		border: 1rpx solid #666;
-		padding: 3rpx 15rpx;
-		margin-left: 24rpx;
-		white-space: nowrap;
-	}
-
-	.order-details .wrapper .actualPay {
-		border-top: 1rpx solid #eee;
-		margin-top: 30rpx;
-		padding-top: 30rpx;
+	/* #endif */
+}
+
+.order-details .header {
+	padding: 0 30rpx;
+	height: 150rpx;
+	display: flex;
+	align-items: center;
+	flex-wrap: nowrap;
+}
+
+.order-details .header.on {
+	background-color: #666 !important;
+}
+
+.order-details .header .pictrue {
+	width: 110rpx;
+	height: 110rpx;
+}
+
+.order-details .header .pictrue image {
+	width: 100%;
+	height: 100%;
+}
+
+.order-details .header .data {
+	color: rgba(255, 255, 255, 0.8);
+	font-size: 24rpx;
+	margin-left: 27rpx;
+}
+
+.order-details .header .data.on {
+	margin-left: 0;
+}
+
+.order-details .header .data .state {
+	font-size: 30rpx;
+	font-weight: bold;
+	color: #fff;
+	margin-bottom: 7rpx;
+}
+
+.order-details .header .data .time {
+	margin-left: 20rpx;
+}
+
+.order-details .nav {
+	background-color: #fff;
+	font-size: 26rpx;
+	color: #282828;
+	padding: 25rpx 0;
+}
+
+.order-details .nav .navCon {
+	padding: 0 40rpx;
+}
+
+.order-details .nav .on {
+	color: var(--view-theme);
+}
+
+.order-details .nav .progress {
+	padding: 0 65rpx;
+	margin-top: 10rpx;
+}
+
+.order-details .nav .progress .line {
+	width: 100rpx;
+	height: 2rpx;
+	background-color: #939390;
+}
+
+.order-details .nav .progress .iconfont {
+	font-size: 25rpx;
+	color: #939390;
+	margin-top: -2rpx;
+}
+
+.order-details .address {
+	font-size: 26rpx;
+	color: #868686;
+	background-color: #fff;
+	margin-top: 13rpx;
+	padding: 35rpx 30rpx;
+	margin-bottom: 12rpx;
+}
+
+.order-details .address .name {
+	font-size: 30rpx;
+	color: #282828;
+	margin-bottom: 15rpx;
+}
+
+.order-details .address .name .phone {
+	margin-left: 40rpx;
+}
+
+.order-details .line {
+	width: 100%;
+	height: 3rpx;
+}
+
+.order-details .line image {
+	width: 100%;
+	height: 100%;
+	display: block;
+}
+
+.order-details .wrapper {
+	background-color: #fff;
+	margin-top: 12rpx;
+	padding: 30rpx;
+}
+
+.order-details .wrapper .acea-row {
+	display: flex;
+	flex-wrap: nowrap;
+}
+
+.order-details .wrapper .item {
+	font-size: 28rpx;
+	color: #282828;
+}
+
+.order-details .wrapper .item~.item {
+	margin-top: 20rpx;
+	white-space: normal;
+	word-break: break-all;
+	word-wrap: break-word;
+}
+
+.order-details .wrapper .item .conter {
+	color: #868686;
+	width: 380srpx;
+	display: flex;
+	flex-wrap: nowrap;
+	justify-content: flex-end;
+}
+
+.order-details .wrapper .item .conter .copy {
+	font-size: 20rpx;
+	color: #333;
+	border-radius: 3rpx;
+	border: 1rpx solid #666;
+	padding: 3rpx 15rpx;
+	margin-left: 24rpx;
+	white-space: nowrap;
+}
+
+.order-details .wrapper .actualPay {
+	border-top: 1rpx solid #eee;
+	margin-top: 30rpx;
+	padding-top: 30rpx;
+	display: flex;
+	align-items: center;
+
+	.pay-people {
 		display: flex;
 		align-items: center;
 
-		.pay-people {
-			display: flex;
-			align-items: center;
-
-			image {
-				width: 40rpx;
-				height: 40rpx;
-				border-radius: 50%;
-			}
-
-			.pay-nickname {
-				margin-right: 20rpx;
-				padding: 0 10rpx;
-			}
+		image {
+			width: 40rpx;
+			height: 40rpx;
+			border-radius: 50%;
 		}
-	}
 
-	.order-details .wrapper .actualPay .money {
-		font-weight: bold;
-		font-size: 30rpx;
-	}
-
-	.order-details .footer {
-		width: 100%;
-		height: 100rpx;
-		position: fixed;
-		bottom: 0;
-		left: 0;
-		background-color: #fff;
-		padding: 0 30rpx;
-		box-sizing: border-box;
-
-		.more {
-			position: absolute;
-			left: 30rpx;
-			font-size: 26rpx;
-			color: #333;
-
-			.icon-xiangshang {
-				margin-left: 6rpx;
-				font-size: 22rpx;
-			}
-		}
-
-		.more-box {
-			color: #333;
-			position: absolute;
-			left: 30rpx;
-			bottom: 110rpx;
-			background-color: #fff;
-			padding: 18rpx 24rpx;
-			border-radius: 4rpx;
-			font-size: 28rpx;
-			-webkit-box-shadow: 0px 0px 3px 0px rgba(200, 200, 200, 0.75);
-			-moz-box-shadow: 0px 0px 3px 0px rgba(200, 200, 200, 0.75);
-			box-shadow: 0px 0px 3px 0px rgba(200, 200, 200, 0.75);
-
-			.more-btn {
-				color: #333;
-				padding: 4rpx;
-				z-index: 9999;
-			}
-		}
-
-		.more-box:before {
-			content: "";
-			width: 0rpx;
-			height: 0rpx;
-			border-top: 20rpx solid rgba(200, 200, 200, 0.4);
-			border-bottom: 0rpx solid transparent;
-			border-top: 20rpx solid rgba(200, 200, 200, 0.4);
-			border-left: 20rpx solid rgba(0, 0, 0, 0);
-			border-right: 20rpx solid rgba(0, 0, 0, 0);
-			position: absolute;
-			bottom: -20rpx;
-			left: 20rpx;
-		}
-
-		.more-box::after {
-			content: "";
-			width: 0rpx;
-			height: 0rpx;
-			border-top: 20rpx solid #fff;
-			border-bottom: 0rpx solid rgba(0, 0, 0, 0);
-			border-left: 20rpx solid rgba(0, 0, 0, 0);
-			border-right: 20rpx solid rgba(0, 0, 0, 0);
-			position: absolute;
-			bottom: -18rpx;
-			left: 20rpx;
-			z-index: 9;
+		.pay-nickname {
+			margin-right: 20rpx;
+			padding: 0 10rpx;
 		}
 	}
+}
 
-	.order-details .footer .bnt {
-		width: 200rpx;
-		height: 60rpx;
-		text-align: center;
-		line-height: 60rpx;
-		border-radius: 50rpx;
-		color: #fff;
-		font-size: 27rpx;
-	}
+.order-details .wrapper .actualPay .money {
+	font-weight: bold;
+	font-size: 30rpx;
+}
 
-	.order-details .footer .bnt.refundBnt {
-		width: 210rpx;
-	}
+.order-details .footer {
+	width: 100%;
+	height: 100rpx;
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	background-color: #fff;
+	padding: 0 30rpx;
+	box-sizing: border-box;
 
-	.order-details .footer .bnt.cancel {
-		color: #666;
-		border: 1rpx solid #ccc;
-	}
+	.more {
+		position: absolute;
+		left: 30rpx;
+		font-size: 26rpx;
+		color: #333;
 
-	.order-details .footer .bnt~.bnt {
-		margin-left: 18rpx;
+		.icon-xiangshang {
+			margin-left: 6rpx;
+			font-size: 22rpx;
+		}
 	}
 
-	.order-details .writeOff {
+	.more-box {
+		color: #333;
+		position: absolute;
+		left: 30rpx;
+		bottom: 110rpx;
 		background-color: #fff;
-		margin-top: 13rpx;
-		padding-bottom: 30rpx;
-	}
-
-	.order-details .writeOff .title {
-		font-size: 30rpx;
-		color: #282828;
-		height: 87rpx;
-		border-bottom: 1px solid #f0f0f0;
-		padding: 0 30rpx;
-		line-height: 87rpx;
-	}
+		padding: 18rpx 24rpx;
+		border-radius: 4rpx;
+		font-size: 28rpx;
+		-webkit-box-shadow: 0px 0px 3px 0px rgba(200, 200, 200, 0.75);
+		-moz-box-shadow: 0px 0px 3px 0px rgba(200, 200, 200, 0.75);
+		box-shadow: 0px 0px 3px 0px rgba(200, 200, 200, 0.75);
 
-	.order-details .writeOff .grayBg {
-		background-color: #f2f5f7;
-		width: 590rpx;
-		height: 384rpx;
-		border-radius: 20rpx 20rpx 0 0;
-		margin: 50rpx auto 0 auto;
-		padding-top: 55rpx;
-		position: relative;
+		.more-btn {
+			color: #333;
+			padding: 4rpx;
+			z-index: 9999;
+		}
 	}
 
-	.order-details .writeOff .grayBg .written {
+	.more-box:before {
+		content: "";
+		width: 0rpx;
+		height: 0rpx;
+		border-top: 20rpx solid rgba(200, 200, 200, 0.4);
+		border-bottom: 0rpx solid transparent;
+		border-top: 20rpx solid rgba(200, 200, 200, 0.4);
+		border-left: 20rpx solid rgba(0, 0, 0, 0);
+		border-right: 20rpx solid rgba(0, 0, 0, 0);
 		position: absolute;
-		top: 0;
-		right: 0;
-		width: 60rpx;
-		height: 60rpx;
-	}
-
-	.order-details .writeOff .grayBg .written image {
-		width: 100%;
-		height: 100%;
-	}
-
-	.order-details .writeOff .grayBg .pictrue {
-		width: 290rpx;
-		height: 290rpx;
-		margin: 0 auto;
-	}
-
-	.order-details .writeOff .grayBg .pictrue image {
-		width: 100%;
-		height: 100%;
-		display: block;
-	}
-
-	.order-details .writeOff .gear {
-		width: 590rpx;
-		height: 30rpx;
-		margin: 0 auto;
-	}
-
-	.order-details .writeOff .gear image {
-		width: 100%;
-		height: 100%;
-		display: block;
-	}
-
-	.order-details .writeOff .num {
-		background-color: #f0c34c;
-		width: 590rpx;
-		height: 84rpx;
-		color: #282828;
-		font-size: 48rpx;
-		margin: 0 auto;
-		border-radius: 0 0 20rpx 20rpx;
-		text-align: center;
-		padding-top: 4rpx;
-	}
-
-	.order-details .writeOff .rules {
-		margin: 46rpx 30rpx 0 30rpx;
-		border-top: 1px solid #f0f0f0;
-		padding-top: 10rpx;
-	}
-
-	.order-details .writeOff .rules .item {
-		margin-top: 20rpx;
-	}
-
-	.order-details .writeOff .rules .item .rulesTitle {
-		font-size: 28rpx;
-		color: #282828;
-	}
-
-	.order-details .writeOff .rules .item .rulesTitle .iconfont {
+		bottom: -20rpx;
+		left: 20rpx;
+	}
+
+	.more-box::after {
+		content: "";
+		width: 0rpx;
+		height: 0rpx;
+		border-top: 20rpx solid #fff;
+		border-bottom: 0rpx solid rgba(0, 0, 0, 0);
+		border-left: 20rpx solid rgba(0, 0, 0, 0);
+		border-right: 20rpx solid rgba(0, 0, 0, 0);
+		position: absolute;
+		bottom: -18rpx;
+		left: 20rpx;
+		z-index: 9;
+	}
+}
+
+.order-details .footer .bnt {
+	width: 200rpx;
+	height: 60rpx;
+	text-align: center;
+	line-height: 60rpx;
+	border-radius: 50rpx;
+	color: #fff;
+	font-size: 27rpx;
+}
+
+.order-details .footer .bnt.refundBnt {
+	width: 210rpx;
+}
+
+.order-details .footer .bnt.cancel {
+	color: #666;
+	border: 1rpx solid #ccc;
+}
+
+.order-details .footer .bnt~.bnt {
+	margin-left: 18rpx;
+}
+
+.order-details .writeOff {
+	background-color: #fff;
+	margin-top: 13rpx;
+	padding-bottom: 30rpx;
+}
+
+.order-details .writeOff .title {
+	font-size: 30rpx;
+	color: #282828;
+	height: 87rpx;
+	border-bottom: 1px solid #f0f0f0;
+	padding: 0 30rpx;
+	line-height: 87rpx;
+}
+
+.order-details .writeOff .grayBg {
+	background-color: #f2f5f7;
+	width: 590rpx;
+	height: 384rpx;
+	border-radius: 20rpx 20rpx 0 0;
+	margin: 50rpx auto 0 auto;
+	padding-top: 55rpx;
+	position: relative;
+}
+
+.order-details .writeOff .grayBg .written {
+	position: absolute;
+	top: 0;
+	right: 0;
+	width: 60rpx;
+	height: 60rpx;
+}
+
+.order-details .writeOff .grayBg .written image {
+	width: 100%;
+	height: 100%;
+}
+
+.order-details .writeOff .grayBg .pictrue {
+	width: 290rpx;
+	height: 290rpx;
+	margin: 0 auto;
+}
+
+.order-details .writeOff .grayBg .pictrue image {
+	width: 100%;
+	height: 100%;
+	display: block;
+}
+
+.order-details .writeOff .gear {
+	width: 590rpx;
+	height: 30rpx;
+	margin: 0 auto;
+}
+
+.order-details .writeOff .gear image {
+	width: 100%;
+	height: 100%;
+	display: block;
+}
+
+.order-details .writeOff .num {
+	background-color: #f0c34c;
+	width: 590rpx;
+	height: 84rpx;
+	color: #282828;
+	font-size: 48rpx;
+	margin: 0 auto;
+	border-radius: 0 0 20rpx 20rpx;
+	text-align: center;
+	padding-top: 4rpx;
+}
+
+.order-details .writeOff .rules {
+	margin: 46rpx 30rpx 0 30rpx;
+	border-top: 1px solid #f0f0f0;
+	padding-top: 10rpx;
+}
+
+.order-details .writeOff .rules .item {
+	margin-top: 20rpx;
+}
+
+.order-details .writeOff .rules .item .rulesTitle {
+	font-size: 28rpx;
+	color: #282828;
+}
+
+.order-details .writeOff .rules .item .rulesTitle .iconfont {
+	font-size: 30rpx;
+	color: #333;
+	margin-right: 8rpx;
+	margin-top: 5rpx;
+}
+
+.order-details .writeOff .rules .item .info {
+	font-size: 28rpx;
+	color: #999;
+	margin-top: 7rpx;
+}
+
+.order-details .writeOff .rules .item .info .time {
+	margin-left: 20rpx;
+}
+
+.order-details .map {
+	height: 86rpx;
+	font-size: 30rpx;
+	color: #282828;
+	line-height: 86rpx;
+	border-bottom: 1px solid #f0f0f0;
+	margin-top: 13rpx;
+	background-color: #fff;
+	padding: 0 30rpx;
+}
+
+.order-details .map .place {
+	font-size: 26rpx;
+	// width: 176rpx;
+	height: 50rpx;
+	border-radius: 25rpx;
+	line-height: 50rpx;
+	text-align: center;
+	padding: 0 10rpx;
+}
+
+.order-details .map .place .iconfont {
+	font-size: 27rpx;
+	height: 27rpx;
+	line-height: 27rpx;
+	margin: 2rpx 3rpx 0 0;
+}
+
+.order-details .address .name .iconfont {
+	font-size: 34rpx;
+	margin-left: 10rpx;
+}
+
+.refund {
+	padding: 0 30rpx 30rpx;
+	margin: 12rpx 0;
+	background-color: #fff;
+
+	.title {
+		display: flex;
+		align-items: center;
 		font-size: 30rpx;
 		color: #333;
-		margin-right: 8rpx;
-		margin-top: 5rpx;
-	}
-
-	.order-details .writeOff .rules .item .info {
-		font-size: 28rpx;
-		color: #999;
-		margin-top: 7rpx;
-	}
-
-	.order-details .writeOff .rules .item .info .time {
-		margin-left: 20rpx;
-	}
-
-	.order-details .map {
 		height: 86rpx;
-		font-size: 30rpx;
-		color: #282828;
-		line-height: 86rpx;
-		border-bottom: 1px solid #f0f0f0;
-		margin-top: 13rpx;
-		background-color: #fff;
-		padding: 0 30rpx;
-	}
+		border-bottom: 1px solid #f5f5f5;
 
-	.order-details .map .place {
-		font-size: 26rpx;
-		// width: 176rpx;
-		height: 50rpx;
-		border-radius: 25rpx;
-		line-height: 50rpx;
-		text-align: center;
-		padding: 0 10rpx;
-	}
-
-	.order-details .map .place .iconfont {
-		font-size: 27rpx;
-		height: 27rpx;
-		line-height: 27rpx;
-		margin: 2rpx 3rpx 0 0;
-	}
-
-	.order-details .address .name .iconfont {
-		font-size: 34rpx;
-		margin-left: 10rpx;
-	}
-
-	.refund {
-		padding: 0 30rpx 30rpx;
-		margin: 12rpx 0;
-		background-color: #fff;
-
-		.title {
-			display: flex;
-			align-items: center;
-			font-size: 30rpx;
-			color: #333;
-			height: 86rpx;
-			border-bottom: 1px solid #f5f5f5;
-
-			image {
-				width: 32rpx;
-				height: 32rpx;
-				margin-right: 10rpx;
-			}
+		image {
+			width: 32rpx;
+			height: 32rpx;
+			margin-right: 10rpx;
 		}
+	}
 
-		.con {
-			padding-top: 25rpx;
-			font-size: 28rpx;
-			color: #868686;
-		}
+	.con {
+		padding-top: 25rpx;
+		font-size: 28rpx;
+		color: #868686;
 	}
+}
 </style>
 
 <style scoped lang="scss">
-	.invoice-mask {
-		background-color: #999999;
-		opacity: 1;
-	}
-
-	.more-mask {
-		background-color: #fff;
-		opacity: 0;
-		left: 300rpx;
-	}
-
-	.goodCall {
-		color: var(--view-theme);
-		text-align: center;
-		width: 100%;
+.invoice-mask {
+	background-color: #999999;
+	opacity: 1;
+}
+
+.more-mask {
+	background-color: #fff;
+	opacity: 0;
+	left: 300rpx;
+}
+
+.goodCall {
+	color: var(--view-theme);
+	text-align: center;
+	width: 100%;
+	height: 86rpx;
+	padding: 0 30rpx;
+	border-bottom: 1rpx solid #eee;
+	font-size: 30rpx;
+	line-height: 86rpx;
+	background: #fff;
+
+	.icon-kefu {
+		font-size: 36rpx;
+		margin-right: 15rpx;
+	}
+
+	/* #ifdef MP */
+	button {
+		display: flex;
+		align-items: center;
+		justify-content: center;
 		height: 86rpx;
-		padding: 0 30rpx;
-		border-bottom: 1rpx solid #eee;
-		font-size: 30rpx;
-		line-height: 86rpx;
-		background: #fff;
-
-		.icon-kefu {
-			font-size: 36rpx;
-			margin-right: 15rpx;
-		}
-
-		/* #ifdef MP */
-		button {
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			height: 86rpx;
-			font-size: 30rpx;
-			color: var(--view-theme);
-		}
-
-		/* #endif */
-	}
-
-	.order-details .header {
-		padding: 0 30rpx;
-		height: 150rpx;
-	}
-
-	.order-details .header.on {
-		background-color: #666 !important;
-	}
-
-	.order-details .header .pictrue {
-		width: 110rpx;
-		height: 110rpx;
-	}
-
-	.order-details .header .pictrue image {
-		width: 100%;
-		height: 100%;
-	}
-
-	.order-details .header .data {
-		color: rgba(255, 255, 255, 0.8);
-		font-size: 24rpx;
-		margin-left: 27rpx;
-	}
-
-	.order-details .header .data.on {
-		margin-left: 0;
-	}
-
-	.order-details .header .data .state {
 		font-size: 30rpx;
-		font-weight: bold;
-		color: #fff;
-		margin-bottom: 7rpx;
-	}
-
-	.order-details .header .data .time {
-		margin-left: 20rpx;
-	}
-
-	.order-details .nav {
-		background-color: #fff;
-		font-size: 26rpx;
-		color: #282828;
-		padding: 25rpx 0;
-	}
-
-	.order-details .nav .navCon {
-		padding: 0 40rpx;
-	}
-
-	.order-details .nav .on {
 		color: var(--view-theme);
 	}
 
-	.order-details .nav .progress {
-		padding: 0 65rpx;
-		margin-top: 10rpx;
-	}
-
-	.order-details .nav .progress .line {
-		width: 100rpx;
-		height: 2rpx;
-		background-color: #939390;
-	}
-
-	.order-details .nav .progress .iconfont {
-		font-size: 25rpx;
-		color: #939390;
-		margin-top: -2rpx;
-	}
-
-	.order-details .address {
-		font-size: 26rpx;
-		color: #868686;
-		background-color: #fff;
-		margin-top: 13rpx;
-		padding: 35rpx 30rpx;
-	}
-
-	.order-details .address .name {
+	/* #endif */
+}
+
+.order-details .header {
+	padding: 0 30rpx;
+	height: 150rpx;
+}
+
+.order-details .header.on {
+	background-color: #666 !important;
+}
+
+.order-details .header .pictrue {
+	width: 110rpx;
+	height: 110rpx;
+}
+
+.order-details .header .pictrue image {
+	width: 100%;
+	height: 100%;
+}
+
+.order-details .header .data {
+	color: rgba(255, 255, 255, 0.8);
+	font-size: 24rpx;
+	margin-left: 27rpx;
+}
+
+.order-details .header .data.on {
+	margin-left: 0;
+}
+
+.order-details .header .data .state {
+	font-size: 30rpx;
+	font-weight: bold;
+	color: #fff;
+	margin-bottom: 7rpx;
+}
+
+.order-details .header .data .time {
+	margin-left: 20rpx;
+}
+
+.order-details .nav {
+	background-color: #fff;
+	font-size: 26rpx;
+	color: #282828;
+	padding: 25rpx 0;
+}
+
+.order-details .nav .navCon {
+	padding: 0 40rpx;
+}
+
+.order-details .nav .on {
+	color: var(--view-theme);
+}
+
+.order-details .nav .progress {
+	padding: 0 65rpx;
+	margin-top: 10rpx;
+}
+
+.order-details .nav .progress .line {
+	width: 100rpx;
+	height: 2rpx;
+	background-color: #939390;
+}
+
+.order-details .nav .progress .iconfont {
+	font-size: 25rpx;
+	color: #939390;
+	margin-top: -2rpx;
+}
+
+.order-details .address {
+	font-size: 26rpx;
+	color: #868686;
+	background-color: #fff;
+	margin-top: 13rpx;
+	padding: 35rpx 30rpx;
+}
+
+.order-details .address .name {
+	font-size: 30rpx;
+	color: #282828;
+	margin-bottom: 15rpx;
+}
+
+.order-details .address .name .phone {
+	margin-left: 40rpx;
+}
+
+.order-details .line {
+	width: 100%;
+	height: 3rpx;
+}
+
+.order-details .line image {
+	width: 100%;
+	height: 100%;
+	display: block;
+}
+
+.order-details .wrapper {
+	background-color: #fff;
+	margin-top: 12rpx;
+	padding: 30rpx;
+}
+
+.order-details .wrapper .item {
+	font-size: 28rpx;
+	color: #282828;
+}
+
+.order-details .wrapper .item~.item {
+	margin-top: 20rpx;
+}
+
+.order-details .wrapper .item .conter {
+	color: #868686;
+	width: 380rpx;
+	text-align: justify;
+}
+
+.order-details .wrapper .item .conter .copy {
+	font-size: 20rpx;
+	color: #333;
+	border-radius: 3rpx;
+	border: 1rpx solid #666;
+	padding: 3rpx 15rpx;
+	margin-left: 24rpx;
+}
+
+.order-details .wrapper .actualPay {
+	border-top: 1rpx solid #eee;
+	margin-top: 30rpx;
+	padding-top: 30rpx;
+}
+
+.order-details .wrapper .actualPay .money {
+	font-weight: bold;
+	font-size: 30rpx;
+}
+
+.order-details .footer {
+	width: 100%;
+	height: 100rpx;
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	background-color: #fff;
+	padding: 0 30rpx;
+	box-sizing: border-box;
+}
+
+.order-details .footer .bnt {
+	width: 160rpx;
+	height: 60rpx;
+	text-align: center;
+	line-height: 60rpx;
+	border-radius: 50rpx;
+	color: #fff;
+	font-size: 27rpx;
+}
+
+.order-details .footer .bnt~.bnt {
+	margin-left: 18rpx;
+}
+
+.order-details .writeOff {
+	background-color: #fff;
+	margin-top: 13rpx;
+	padding-bottom: 30rpx;
+}
+
+.order-details .writeOff .title {
+	font-size: 30rpx;
+	color: #282828;
+	height: 87rpx;
+	border-bottom: 1px solid #f0f0f0;
+	padding: 0 30rpx;
+	line-height: 87rpx;
+}
+
+.order-details .writeOff .grayBg {
+	background-color: #f2f5f7;
+	width: 590rpx;
+	height: 384rpx;
+	border-radius: 20rpx 20rpx 0 0;
+	margin: 50rpx auto 0 auto;
+	padding-top: 55rpx;
+	position: relative;
+}
+
+.order-details .writeOff .grayBg .written {
+	position: absolute;
+	top: 0;
+	right: 0;
+	width: 60rpx;
+	height: 60rpx;
+}
+
+.order-details .writeOff .grayBg .written image {
+	width: 100%;
+	height: 100%;
+}
+
+.order-details .writeOff .grayBg .pictrue {
+	width: 290rpx;
+	height: 290rpx;
+	margin: 0 auto;
+}
+
+.order-details .writeOff .grayBg .pictrue image {
+	width: 100%;
+	height: 100%;
+	display: block;
+}
+
+.order-details .writeOff .gear {
+	width: 590rpx;
+	height: 30rpx;
+	margin: 0 auto;
+}
+
+.order-details .writeOff .gear image {
+	width: 100%;
+	height: 100%;
+	display: block;
+}
+
+.order-details .writeOff .num {
+	background-color: #f0c34c;
+	width: 590rpx;
+	height: 84rpx;
+	color: #282828;
+	font-size: 48rpx;
+	margin: 0 auto;
+	border-radius: 0 0 20rpx 20rpx;
+	text-align: center;
+	padding-top: 4rpx;
+}
+
+.order-details .writeOff .rules {
+	margin: 46rpx 30rpx 0 30rpx;
+	border-top: 1px solid #f0f0f0;
+	padding-top: 10rpx;
+}
+
+.order-details .writeOff .rules .item {
+	margin-top: 20rpx;
+}
+
+.order-details .writeOff .rules .item .rulesTitle {
+	font-size: 28rpx;
+	color: #282828;
+}
+
+.order-details .writeOff .rules .item .rulesTitle .iconfont {
+	font-size: 30rpx;
+	color: #333;
+	margin-right: 8rpx;
+	margin-top: 5rpx;
+}
+
+.order-details .writeOff .rules .item .info {
+	font-size: 28rpx;
+	color: #999;
+	margin-top: 7rpx;
+}
+
+.order-details .writeOff .rules .item .info .time {
+	margin-left: 20rpx;
+}
+
+.order-details .map {
+	height: 86rpx;
+	font-size: 30rpx;
+	color: #282828;
+	line-height: 86rpx;
+	border-bottom: 1px solid #f0f0f0;
+	margin-top: 13rpx;
+	background-color: #fff;
+	padding: 0 30rpx;
+}
+
+.order-details .map .place {
+	font-size: 26rpx;
+	// width: 176rpx;
+	height: 50rpx;
+	border-radius: 25rpx;
+	line-height: 50rpx;
+	text-align: center;
+}
+
+.order-details .map .place .iconfont {
+	font-size: 27rpx;
+	height: 27rpx;
+	line-height: 27rpx;
+	margin: 2rpx 3rpx 0 0;
+}
+
+.order-details .address .name .iconfont {
+	font-size: 34rpx;
+	margin-left: 10rpx;
+}
+
+.refund {
+	padding: 0 30rpx 30rpx;
+	margin: 12rpx 0;
+	background-color: #fff;
+
+	.title {
+		display: flex;
+		align-items: center;
 		font-size: 30rpx;
-		color: #282828;
-		margin-bottom: 15rpx;
-	}
-
-	.order-details .address .name .phone {
-		margin-left: 40rpx;
-	}
-
-	.order-details .line {
-		width: 100%;
-		height: 3rpx;
-	}
-
-	.order-details .line image {
-		width: 100%;
-		height: 100%;
-		display: block;
-	}
+		color: #333;
+		height: 86rpx;
+		border-bottom: 1px solid #f5f5f5;
 
-	.order-details .wrapper {
-		background-color: #fff;
-		margin-top: 12rpx;
-		padding: 30rpx;
+		image {
+			width: 32rpx;
+			height: 32rpx;
+			margin-right: 10rpx;
+		}
 	}
 
-	.order-details .wrapper .item {
+	.con {
+		padding-top: 25rpx;
 		font-size: 28rpx;
-		color: #282828;
-	}
-
-	.order-details .wrapper .item~.item {
-		margin-top: 20rpx;
-	}
-
-	.order-details .wrapper .item .conter {
 		color: #868686;
-		width: 380rpx;
-		text-align: justify;
-	}
-
-	.order-details .wrapper .item .conter .copy {
-		font-size: 20rpx;
-		color: #333;
-		border-radius: 3rpx;
-		border: 1rpx solid #666;
-		padding: 3rpx 15rpx;
-		margin-left: 24rpx;
 	}
+}
 
-	.order-details .wrapper .actualPay {
-		border-top: 1rpx solid #eee;
-		margin-top: 30rpx;
-		padding-top: 30rpx;
-	}
+.refund-msg {
+	background-color: #fff;
+	padding: 20rpx 40rpx;
+	font-size: 28rpx;
 
-	.order-details .wrapper .actualPay .money {
+	.refund-msg-user {
 		font-weight: bold;
-		font-size: 30rpx;
-	}
-
-	.order-details .footer {
-		width: 100%;
-		height: 100rpx;
-		position: fixed;
-		bottom: 0;
-		left: 0;
-		background-color: #fff;
-		padding: 0 30rpx;
-		box-sizing: border-box;
-	}
-
-	.order-details .footer .bnt {
-		width: 160rpx;
-		height: 60rpx;
-		text-align: center;
-		line-height: 60rpx;
-		border-radius: 50rpx;
-		color: #fff;
-		font-size: 27rpx;
-	}
-
-	.order-details .footer .bnt~.bnt {
-		margin-left: 18rpx;
-	}
-
-	.order-details .writeOff {
-		background-color: #fff;
-		margin-top: 13rpx;
-		padding-bottom: 30rpx;
-	}
-
-	.order-details .writeOff .title {
-		font-size: 30rpx;
-		color: #282828;
-		height: 87rpx;
-		border-bottom: 1px solid #f0f0f0;
-		padding: 0 30rpx;
-		line-height: 87rpx;
-	}
-
-	.order-details .writeOff .grayBg {
-		background-color: #f2f5f7;
-		width: 590rpx;
-		height: 384rpx;
-		border-radius: 20rpx 20rpx 0 0;
-		margin: 50rpx auto 0 auto;
-		padding-top: 55rpx;
-		position: relative;
-	}
-
-	.order-details .writeOff .grayBg .written {
-		position: absolute;
-		top: 0;
-		right: 0;
-		width: 60rpx;
-		height: 60rpx;
-	}
-
-	.order-details .writeOff .grayBg .written image {
-		width: 100%;
-		height: 100%;
-	}
-
-	.order-details .writeOff .grayBg .pictrue {
-		width: 290rpx;
-		height: 290rpx;
-		margin: 0 auto;
-	}
-
-	.order-details .writeOff .grayBg .pictrue image {
-		width: 100%;
-		height: 100%;
-		display: block;
-	}
-
-	.order-details .writeOff .gear {
-		width: 590rpx;
-		height: 30rpx;
-		margin: 0 auto;
-	}
-
-	.order-details .writeOff .gear image {
-		width: 100%;
-		height: 100%;
-		display: block;
-	}
-
-	.order-details .writeOff .num {
-		background-color: #f0c34c;
-		width: 590rpx;
-		height: 84rpx;
-		color: #282828;
-		font-size: 48rpx;
-		margin: 0 auto;
-		border-radius: 0 0 20rpx 20rpx;
-		text-align: center;
-		padding-top: 4rpx;
-	}
-
-	.order-details .writeOff .rules {
-		margin: 46rpx 30rpx 0 30rpx;
-		border-top: 1px solid #f0f0f0;
-		padding-top: 10rpx;
-	}
-
-	.order-details .writeOff .rules .item {
-		margin-top: 20rpx;
-	}
-
-	.order-details .writeOff .rules .item .rulesTitle {
-		font-size: 28rpx;
-		color: #282828;
-	}
-
-	.order-details .writeOff .rules .item .rulesTitle .iconfont {
-		font-size: 30rpx;
-		color: #333;
-		margin-right: 8rpx;
-		margin-top: 5rpx;
-	}
-
-	.order-details .writeOff .rules .item .info {
-		font-size: 28rpx;
-		color: #999;
-		margin-top: 7rpx;
-	}
-
-	.order-details .writeOff .rules .item .info .time {
-		margin-left: 20rpx;
-	}
-
-	.order-details .map {
-		height: 86rpx;
-		font-size: 30rpx;
-		color: #282828;
-		line-height: 86rpx;
-		border-bottom: 1px solid #f0f0f0;
-		margin-top: 13rpx;
-		background-color: #fff;
-		padding: 0 30rpx;
-	}
-
-	.order-details .map .place {
-		font-size: 26rpx;
-		// width: 176rpx;
-		height: 50rpx;
-		border-radius: 25rpx;
-		line-height: 50rpx;
-		text-align: center;
-	}
-
-	.order-details .map .place .iconfont {
-		font-size: 27rpx;
-		height: 27rpx;
-		line-height: 27rpx;
-		margin: 2rpx 3rpx 0 0;
-	}
-
-	.order-details .address .name .iconfont {
-		font-size: 34rpx;
-		margin-left: 10rpx;
-	}
-
-	.refund {
-		padding: 0 30rpx 30rpx;
-		margin: 12rpx 0;
-		background-color: #fff;
-
-		.title {
-			display: flex;
-			align-items: center;
-			font-size: 30rpx;
-			color: #333;
-			height: 86rpx;
-			border-bottom: 1px solid #f5f5f5;
-
-			image {
-				width: 32rpx;
-				height: 32rpx;
-				margin-right: 10rpx;
-			}
+		margin-bottom: 10rpx;
+
+		.copy-refund-msg {
+			font-size: 10px;
+			border-radius: 1px;
+			border: 0.5px solid #666;
+			padding: 1px 7px;
+			margin-left: 12px;
 		}
 
-		.con {
-			padding-top: 25rpx;
-			font-size: 28rpx;
-			color: #868686;
+		.name {
+			margin-right: 20rpx;
 		}
 	}
 
-	.refund-msg {
-		background-color: #fff;
-		padding: 20rpx 40rpx;
-		font-size: 28rpx;
-
-		.refund-msg-user {
-			font-weight: bold;
-			margin-bottom: 10rpx;
-
-			.copy-refund-msg {
-				font-size: 10px;
-				border-radius: 1px;
-				border: 0.5px solid #666;
-				padding: 1px 7px;
-				margin-left: 12px;
-			}
-
-			.name {
-				margin-right: 20rpx;
-			}
-		}
-
-		.refund-address {
-			color: #868686;
-		}
+	.refund-address {
+		color: #868686;
 	}
+}
 
-	.upload .pictrue {
-		display: inline-block;
-		margin: 22rpx 17rpx 20rpx 0;
-		width: 156rpx;
-		height: 156rpx;
-		color: #bbb;
-	}
+.upload .pictrue {
+	display: inline-block;
+	margin: 22rpx 17rpx 20rpx 0;
+	width: 156rpx;
+	height: 156rpx;
+	color: #bbb;
+}
 
-	.upload .pictrue image {
-		width: 100%;
-		height: 100%;
-	}
+.upload .pictrue image {
+	width: 100%;
+	height: 100%;
+}
 </style>

pages/goods/order_details/index_mall.vue

@@ -0,0 +1,2143 @@
+<template>
+	<view :style="colorStyle">
+		<view class='order-details'>
+			<!-- 给header上与data上加on为退款订单-->
+			<view class='header bg-color acea-row row-middle' :class='isGoodsReturn ? "on":""'>
+				<view class='pictrue' v-if="isGoodsReturn==false">
+					<image :src="orderInfo.status_pic"></image>
+				</view>
+				<view class='data' :class='isGoodsReturn ? "on":""'>
+					<view class='state'>{{orderInfo._status._msg}}</view>
+					<view>{{orderInfo.add_time_y}}<text class='time'>{{orderInfo.add_time_h}}</text></view>
+				</view>
+			</view>
+			<view class="refund-msg" v-if="[4,5].includes(orderInfo.refund_type)">
+				<view v-if="orderInfo._status.refund_name!=''">
+					<view class="refund-msg-user">
+						<text class="name">{{orderInfo._status.refund_name}}</text>
+						<text>{{orderInfo._status.refund_phone}}</text>
+						<!-- #ifndef H5 -->
+						<text class="copy-refund-msg" @click="copyAddress()">{{$t(`复制`)}}</text>
+						<!-- #endif -->
+						<!-- #ifdef H5 -->
+						<text class="copy-refund-msg"
+							:data-clipboard-text="orderInfo._status.refund_name + orderInfo._status.refund_phone + orderInfo._status.refund_address">{{$t(`复制`)}}</text>
+						<!-- #endif -->
+					</view>
+					<view class="refund-address">
+						{{orderInfo._status.refund_address}}
+					</view>
+					<view class="refund-tip"><text class="iconfont icon-zhuyi-copy"></text>{{$t(`请按以上退货信息将商品退回`)}}</view>
+				</view>
+				<view v-else>
+					<view class="refund-tip1 "><text class="iconfont icon-zhuyi-copy"></text>{{$t(`请联系管理员获取退货地址`)}}</view>
+				</view>
+			</view>
+			<view class='line' v-if="[4,5].includes(orderInfo.refund_type)">
+				<image src='@/static/images/line.jpg'></image>
+			</view>
+			<view v-if="isGoodsReturn==false">
+				<view class='nav'>
+					<view class='navCon acea-row row-between-wrapper'>
+						<view :class="status.type == 0 || status.type == -9 ? 'on':''">{{$t(`待付款`)}}</view>
+						<view :class="status.type == 1 || status.type == 5 ? 'on':''">
+							{{orderInfo.shipping_type==1 ? $t(`待发货`):$t(`待核销`)}}
+						</view>
+						<view :class="status.type == 2 ? 'on':''" v-if="orderInfo.shipping_type == 1">{{$t(`待收货`)}}</view>
+						<view :class="status.type == 3 ? 'on':''">{{$t(`待评价`)}}</view>
+						<view :class="status.type == 4 ? 'on':''">{{$t(`已完成`)}}</view>
+					</view>
+					<view class='progress acea-row row-between-wrapper'>
+						<view class='iconfont'
+							:class='(status.type == 0 || status.type == -9  ? "icon-webicon318":"icon-yuandianxiao") + " " + (status.type >= 0 ? "font-num":"")'>
+						</view>
+						<view class='line' :class='status.type > 0 ? "bg-color":""'>
+						</view>
+						<view class='iconfont'
+							:class='(status.type == 1 || status.type == 5 ? "icon-webicon318":"icon-yuandianxiao") + " " + (status.type >= 1 ? "font-num":"")'
+							v-if="orderInfo.shipping_type!=4">
+						</view>
+						<view class='line' :class='status.type > 1 && status.type != 5 ? "bg-color":""'
+							v-if="orderInfo.shipping_type == 1">
+						</view>
+						<view class='iconfont'
+							:class='(status.type == 2 ? "icon-webicon318":"icon-yuandianxiao") + " " +(status.type >= 2 ? "font-num":"")'
+							v-if="orderInfo.shipping_type == 1"></view>
+						<view class='line' :class='status.type > 2 && status.type != 5 ? "bg-color":""'></view>
+						<view class='iconfont'
+							:class='(status.type == 3 ? "icon-webicon318":"icon-yuandianxiao") + " " + (status.type >= 3 && status.type != 5  ? "font-num":"")'>
+						</view>
+						<view class='line' :class='status.type > 3 && status.type != 5 ? "bg-color":""'></view>
+						<view class='iconfont'
+							:class='(status.type == 4 ? "icon-webicon318":"icon-yuandianxiao") + " " + (status.type >= 4 && status.type != 5  ? "font-num":"")'>
+						</view>
+					</view>
+				</view>
+
+				<!-- <view class="writeOff" v-if="orderInfo.shipping_type == 2 && orderInfo.paid"> -->
+				<view class="writeOff" v-if="orderInfo.verify_code && orderInfo.paid == 1">
+					<view class="title">{{$t(`核销信息`)}}</view>
+					<view class="grayBg">
+						<view class="written" v-if="orderInfo.status == 2">
+							<image src="../static/written.png"></image>
+						</view>
+						<view class="pictrue">
+							<image :src="codeSrc" mode=""></image>
+							<zb-code ref="qrcode" :show="codeShow" :cid="cid" :val="val" :size="size" :unit="unit"
+								:background="background" :foreground="foreground" :pdground="pdground" :icon="icon"
+								:iconSize="iconsize" :onval="onval" :loadMake="loadMake" @result="qrR" />
+						</view>
+					</view>
+					<view class="gear">
+						<image src="../static/writeOff.jpg"></image>
+					</view>
+					<view class="num">{{orderInfo._verify_code}}</view>
+					<view class="rules">
+						<view class="item" v-if="orderInfo.shipping_type == 2">
+							<view class="rulesTitle acea-row row-middle">
+								<text class="iconfont icon-shijian"></text>{{$t(`营业时间`)}}
+							</view>
+							<view class="info">
+								{{$t(`每日`)}}：<text class="time">{{orderInfo.system_store.day_time}}</text>
+							</view>
+						</view>
+						<view class="item">
+							<view class="rulesTitle acea-row row-middle">
+								<text class="iconfont icon-shuoming1"></text>{{$t(`使用说明`)}}
+							</view>
+							<view class="info">{{orderInfo.shipping_type == 2?$t(`可将二维码出示给店员扫描或提供数字核销码`):$t(`可将二维码出示给配送员进行核销`)}}
+							</view>
+						</view>
+					</view>
+				</view>
+				<view class="map acea-row row-between-wrapper" v-if="orderInfo.shipping_type == 2">
+					<view>{{$t(`地址信息`)}}</view>
+					<view class="place cart-color acea-row row-center-wrapper" @tap="showMaoLocation">
+						<text class="iconfont icon-weizhi"></text>{{$t(`查看位置`)}}
+					</view>
+				</view>
+
+				<view v-if="orderInfo.virtual_type == 0">
+					<view class='address' v-if="orderInfo.shipping_type === 1">
+						<view class='name'>{{orderInfo.real_name}}<text class='phone'>{{orderInfo.user_phone}}</text>
+						</view>
+						<view>{{orderInfo.user_address}}</view>
+					</view>
+					<view class='address' v-else>
+						<view class='name' @tap="makePhone">{{orderInfo.system_store.name}}<text
+								class='phone'>{{orderInfo.system_store.phone}}</text><text
+								class="iconfont icon-tonghua font-num"></text></view>
+						<view>{{orderInfo.system_store.detailed_address}}</view>
+					</view>
+					<view class='line' v-if="orderInfo.shipping_type === 1">
+						<image src='@/static/images/line.jpg'></image>
+					</view>
+				</view>
+				<view v-if="orderInfo.virtual_type != 0" style="paddingTop: 6px;"></view>
+			</view>
+			<view v-else>
+				<!-- 拒绝退款 -->
+				<view class="refund" v-if="orderInfo.refund_type == 3">
+					<view class="title">
+						<image src="../static/shuoming.png" mode=""></image>
+						{{$t(`拒绝退款`)}}
+					</view>
+					<view class="con">{{$t(`拒绝原因`)}}：{{orderInfo.refuse_reason}}</view>
+				</view>
+			</view>
+			<orderGoods v-for="(item,index) in split" :key="item.id" :evaluate='item._status._type == 3 ? 3 : 0'
+				:orderId="item.order_id" :cartInfo="item.cartInfo" :jump="false" :jumpDetail='true' :pid="item.pid"
+				:split="true" :status_type="item._status._type" :index="index" :refund_status="item.refund_status"
+				:delivery_type="item.delivery_type" @confirmOrder="confirmOrder" @openSubcribe="openSubcribe">
+			</orderGoods>
+			<orderGoods :evaluate='evaluate' :deliveryType="orderInfo.shipping_type" :statusType="status.type"
+				:sendType="orderInfo.delivery_type" :orderId="order_id" :oid="orderInfo.id" :cartInfo="cartInfo"
+				:pid="pid" :jump="true" :refund_status="orderInfo.refund_status" :paid="orderInfo.paid"
+				@openSubcribe="openSubcribe">
+			</orderGoods>
+			<view class='wrapper'>
+				<view class='item acea-row row-between'>
+					<view>{{$t(`订单号`)}}：</view>
+					<view class='conter acea-row row-middle row-right'>
+						<text>{{orderInfo.order_id}}</text>
+						<!-- #ifndef H5 -->
+						<text class='copy' @tap='copy'>{{$t(`复制`)}}</text>
+						<!-- #endif -->
+						<!-- #ifdef H5 -->
+						<text class='copy copy-data' :data-clipboard-text="orderInfo.order_id">{{$t(`复制`)}}</text>
+						<!-- #endif -->
+					</view>
+				</view>
+				<view class='item acea-row row-between'>
+					<view>{{$t(`下单时间`)}}：</view>
+					<view class='conter'>{{(orderInfo.add_time_y || '') +' '+(orderInfo.add_time_h || 0)}}</view>
+				</view>
+				<view class='item acea-row row-between'>
+					<view>{{$t(`支付状态`)}}：</view>
+					<view class='conter' v-if="orderInfo.paid">{{$t(`已支付`)}}</view>
+					<view class='conter' v-else>{{$t(`未支付`)}}</view>
+				</view>
+				<view class='item acea-row row-between'>
+					<view>{{$t(`支付方式`)}}：</view>
+					<view class='conter'>{{$t(orderInfo._status._payType)}}</view>
+				</view>
+				<view class='item acea-row row-between' v-if="orderInfo.mark">
+					<view v-if="orderInfo.pid">{{$t(`买家备注`)}}：</view>
+					<view v-else>{{$t(`买家留言`)}}：</view>
+					<view class='conter'>{{orderInfo.mark}}</view>
+				</view>
+				<view class='item acea-row row-between' v-if="orderInfo.remark">
+					<view>{{$t(`商家备注`)}}：</view>
+					<view class='conter'>{{orderInfo.remark}}</view>
+				</view>
+			</view>
+			<view class='wrapper' v-if="customForm && customForm.length">
+				<view class='item acea-row row-between' v-for="(item,index) in customForm" :key="index">
+					<view class='upload' v-if="item.label == 'img'">
+						<view>{{item.title}}：</view>
+						<view class='pictrue' v-for="(img,index) in item.value" :key="index">
+							<image :src='img'></image>
+						</view>
+					</view>
+					<view v-if="item.label !== 'img'">{{item.title}}：</view>
+					<view v-if="item.label !== 'img'" class='conter'>{{item.value}}</view>
+				</view>
+			</view>
+			<!-- 退款订单详情 -->
+			<view class='wrapper' v-if="isGoodsReturn && orderInfo.cartInfo[0].productInfo.virtual_type != 3">
+				<view class='item acea-row row-between'>
+					<view>{{$t(`收货人`)}}：</view>
+					<view class='conter'>{{orderInfo.real_name}}</view>
+				</view>
+				<view class='item acea-row row-between'>
+					<view>{{$t(`联系电话`)}}：</view>
+					<view class='conter'>{{orderInfo.user_phone}}</view>
+				</view>
+				<view class='item acea-row row-between'>
+					<view>{{$t(`收货地址`)}}：</view>
+					<view class='conter'>{{orderInfo.user_address}}</view>
+				</view>
+			</view>
+			<view v-if="orderInfo.status!=0">
+				<view class='wrapper' v-if='orderInfo.delivery_type=="express"'>
+					<view class='item acea-row row-between'>
+						<view>{{$t(`配送方式`)}}：</view>
+						<view class='conter'>{{$t(`发货`)}}</view>
+					</view>
+					<view class='item acea-row row-between'>
+						<view>{{$t(`快递公司`)}}：</view>
+						<view class='conter'>{{orderInfo.delivery_name || ''}}</view>
+					</view>
+					<view class='item acea-row row-between'>
+						<view>{{$t(`快递单号`)}}：</view>
+						<view class='conter'>{{orderInfo.delivery_id || ''}}</view>
+					</view>
+				</view>
+				<view class='wrapper' v-else-if='orderInfo.delivery_type=="send"'>
+					<view class='item acea-row row-between'>
+						<view>{{$t(`配送方式`)}}：</view>
+						<view class='conter'>{{$t(`送货`)}}</view>
+					</view>
+					<view class='item acea-row row-between'>
+						<view>{{$t(`配送人姓名`)}}：</view>
+						<view class='conter'>{{orderInfo.delivery_name || ''}}</view>
+					</view>
+					<view class='item acea-row row-between'>
+						<view>{{$t(`送货人电话`)}}：</view>
+						<view class='conter acea-row row-middle row-right'>{{orderInfo.delivery_id || ''}}<text
+								class='copy' @tap='goTel'>{{$t(`拨打`)}}</text></view>
+					</view>
+				</view>
+				<view class='wrapper' v-else-if='orderInfo.delivery_type=="fictitious"'>
+					<view class='item acea-row row-between'>
+						<view>{{$t(`虚拟发货`)}}：</view>
+						<view class='conter'>{{$t(`已发货，请注意查收`)}}</view>
+					</view>
+					<view class='item acea-row row-between' v-if="orderInfo.fictitious_content">
+						<view>{{$t(`虚拟备注`)}}：</view>
+						<view class='conter'>{{orderInfo.fictitious_content}}</view>
+					</view>
+				</view>
+			</view>
+			<view class='wrapper'>
+				<view class='item acea-row row-between'>
+					<view>{{$t(`商品总价`)}}：</view>
+					<view class='conter'>
+						{{$t(`￥`)}}{{(parseFloat(orderInfo.total_price)+parseFloat(orderInfo.vip_true_price)).toFixed(2)}}</view>
+				</view>
+				<view class='item acea-row row-between' v-if="orderInfo.pay_postage > 0">
+					<view>{{$t(`配送运费`)}}：</view>
+					<view class='conter'>{{$t(`￥`)}}{{parseFloat(orderInfo.pay_postage).toFixed(2)}}</view>
+				</view>
+				<view v-if="orderInfo.vip_true_price > 0" class='item acea-row row-between'>
+					<view>{{$t(`会员商品优惠`)}}：</view>
+					<view class='conter'>-{{$t(`￥`)}}{{parseFloat(orderInfo.vip_true_price).toFixed(2)}}</view>
+				</view>
+				<view class='item acea-row row-between' v-if='orderInfo.coupon_price > 0'>
+					<view>{{$t(`优惠券抵扣`)}}：</view>
+					<view class='conter'>-{{$t(`￥`)}}{{parseFloat(orderInfo.coupon_price).toFixed(2)}}</view>
+				</view>
+				<view class='item acea-row row-between' v-if="orderInfo.use_integral > 0">
+					<view>{{$t(`积分抵扣`)}}：</view>
+					<view class='conter'>-{{$t(`￥`)}}{{parseFloat(orderInfo.deduction_price).toFixed(2)}}</view>
+				</view>
+				<view class='actualPay acea-row row-right' v-if="!orderInfo.help_info.help_status">{{$t(`实付款`)}}：<text
+						class='money font-color'>{{$t(`￥`)}}{{parseFloat(orderInfo.pay_price).toFixed(2)}}</text></view>
+				<view class='actualPay acea-row row-right' v-else>
+					<view class="pay-people">
+						<image :src="orderInfo.help_info.pay_avatar" mode=""></image>
+						<view class="pay-nickname">
+							{{orderInfo.help_info.pay_nickname}}
+						</view>
+					</view>
+					{{$t(`总代付`)}}：<text class='money font-color'>{{$t(`￥`)}}{{parseFloat(orderInfo.pay_price).toFixed(2)}}</text>
+				</view>
+			</view>
+			<view style='height:120rpx;'></view>
+			<view class='footer acea-row row-right row-middle'
+				v-if="isGoodsReturn==false || status.type == 9  || orderInfo.refund_type || orderInfo.is_apply_refund">
+
+				<view class="more" v-if="(invoice_func || invoiceData) && orderInfo.paid && !orderInfo.refund_status"
+					@click="more">{{$t(`更多`)}}<span class='iconfont icon-xiangshang'></span></view>
+				<view class="more-box" v-if="moreBtn">
+					<view class="more-btn" v-if="invoice_func && !invoiceData" @click="invoiceApply">{{$t(`申请开票`)}}</view>
+					<view class="more-btn" v-if="invoiceData" @click="aleartStatusChange">{{$t(`查看发票`)}}</view>
+				</view>
+
+				<view class="qs-btn" v-if="status.type == 0 || status.type == -9" @click.stop="cancelOrder">{{$t(`取消订单`)}}</view>
+				<view class='bnt bg-color' v-if="status.type==0" @tap='pay_open(orderInfo.order_id)'>{{$t(`立即付款`)}}</view>
+				<view
+					@click="openSubcribe(`/pages/users/${cartInfo.length > 1 ? 'goods_return_list' : 'goods_return'}/index?orderId=`+orderInfo.order_id+ '&id=' + orderInfo.id)"
+					class='bnt cancel'
+					v-else-if="orderInfo.is_apply_refund && orderInfo.refund_status == 0 && cartInfo.length>1 && !orderInfo.virtual_type">
+					{{cartInfo.length>1?$t(`批量退款`):$t(`申请退款`)}}
+				</view>
+				<navigator class='bnt cancel'
+					v-if="orderInfo.delivery_type == 'express' && status.class_status==3 && status.type==2 && !split.length"
+					hover-class='none' :url="'/pages/goods/goods_logistics/index?orderId='+ orderInfo.order_id">{{$t(`查看物流`)}}
+				</navigator>
+				<view class='bnt bg-color' v-if="orderInfo.type==3" @tap='goJoinPink'>{{$t(`查看拼团`)}}</view>
+				<view class='bnt bg-color' v-if="status.class_status==3 && !split.length" @click='confirmOrder()'>{{$t(`确认收货`)}}
+				</view>
+				<view class='bnt cancel' v-if="status.type==4 &&  !split.length ||status.type==-2" @tap='delOrder'>{{$t(`删除订单`)}}
+				</view>
+				<view class='bnt bg-color' v-if="status.class_status==5" @tap='goOrderConfirm'>{{$t(`再次购买`)}}
+				</view>
+				<view class='bnt bg-color refundBnt'
+					v-if="[1,2,4].includes(orderInfo.refund_type) && !orderInfo.is_cancel" @tap='cancelRefundOrder'>{{$t(`取消申请`)}}
+				</view>
+				<view class='bnt bg-color refundBnt' v-if="orderInfo.refund_type== 4" @tap='refundInput'>{{$t(`填写退货信息`)}}</view>
+				<navigator class='bnt cancel refundBnt' v-if="orderInfo.refund_type == 5" hover-class='none'
+					:url="'/pages/goods/goods_logistics/index?orderId='+ orderInfo.order_id + '&type=refund'">{{$t(`查看退货物流`)}}
+				</navigator>
+			</view>
+		</view>
+		<home v-show="!aleartStatus && !invShow"></home>
+		<view class="mask" v-if="refund_close" @click="refund_close = false"></view>
+		<!-- 		<view class="refund-input" :class="refund_close ? 'on' : ''">
+			<view class="input-msg">
+				<text class='iconfont icon-guanbi5' @tap='refund_close = false'></text>
+				<view class="refund-input-title">填写物流单号
+				</view>
+				<view class="refund-input-sty">
+					<input type="text" v-model="express_num" placeholder="请输入物流单号" />
+				</view>
+				<view class="refund-bth">
+					<view class="submit-refund" @click="refundSubmit()">提交</view>
+				</view>
+			</view>
+		</view> -->
+		<!-- #ifdef MP -->
+		<!-- <authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse"></authorize> -->
+		<!-- #endif -->
+		<payment :payMode='payMode' :pay_close="pay_close" @onChangeFun='onChangeFun' :order_id="pay_order_id"
+			:totalPrice='totalPrice' :friendPay="true"></payment>
+		<!-- <invoiceModal :aleartStatus="aleartStatus" :invoiceData="invoiceData" @close="aleartStatus=false">
+		</invoiceModal> -->
+		<view class="mask invoice-mask" v-if="aleartStatus" @click="aleartStatus = false"></view>
+		<view class="mask more-mask" v-if="moreBtn" @click="moreBtn = false"></view>
+		<invoice-picker :inv-show="invShow" :is-special="special_invoice" :url-query="urlQuery" :inv-checked="invChecked" :order-id='order_id'
+			:inv-list="invList" :is-order="1" @inv-close="invClose" @inv-change="invSub" @inv-cancel="invCancel">
+		</invoice-picker>
+	</view>
+</template>
+
+<script>
+	import {
+		getOrderDetail,
+		refundOrderDetail,
+		orderAgain,
+		orderTake,
+		orderDel,
+		refundOrderDel,
+		orderCancel,
+		refundExpress,
+		cancelRefundOrder
+	} from '@/api/order.js';
+	import {
+		openOrderRefundSubscribe
+	} from '@/utils/SubscribeMessage.js';
+	import {
+		getCustomerType
+	} from '@/api/api.js';
+	import {
+		getCustomer
+	} from '@/utils/index.js'
+	import {
+		getUserInfo,
+		invoiceList,
+		makeUpinvoice
+	} from '@/api/user.js';
+	import home from '@/components/home';
+	import payment from '@/components/payment';
+	import orderGoods from "@/components/orderGoods";
+	import ClipboardJS from "@/plugin/clipboard/clipboard.js";
+	import {
+		toLogin
+	} from '@/libs/login.js';
+	import {
+		mapGetters
+	} from "vuex";
+	// #ifdef MP
+	import authorize from '@/components/Authorize';
+	// #endif
+	import colors from "@/mixins/color";
+	import invoicePicker from '../components/invoicePicker/index.vue';
+	// import invoiceModal from '../components/invoiceModal/index.vue'
+	import zbCode from '@/components/zb-code/zb-code.vue'
+	export default {
+		components: {
+			payment,
+			home,
+			invoicePicker,
+			// invoiceModal,
+			orderGoods,
+			zbCode,
+			// #ifdef MP
+			authorize
+			// #endif
+		},
+		mixins: [colors],
+		data() {
+			return {
+				customForm: '', //自定义留言
+				//二维码参数
+				codeShow: false,
+				cid: '1',
+				ifShow: true,
+				val: "", // 要生成的二维码值
+				size: 200, // 二维码大小
+				unit: 'upx', // 单位
+				background: '#FFF', // 背景色
+				foreground: '#000', // 前景色
+				pdground: '#000', // 角标色
+				icon: '', // 二维码图标
+				iconsize: 40, // 二维码图标大小
+				lv: 3, // 二维码容错级别 ， 一般不用设置，默认就行
+				onval: true, // val值变化时自动重新生成二维码
+				loadMake: true, // 组件加载完成后自动生成二维码
+				src: '', // 二维码生成后的图片地址或base64
+				codeSrc: "",
+				wd: 0,
+				hg: 0,
+				mpUrl: "",
+				order: {},
+				order_id: '',
+				evaluate: 0,
+				cartInfo: [], //购物车产品
+				pid: 0, //上级订单ID
+				split: [], //分单商品
+				orderInfo: {
+					help_info: {},
+					system_store: {},
+					_status: {}
+				}, //订单详情
+				system_store: {},
+				isGoodsReturn: false, //是否为退款订单
+				status: {}, //订单底部按钮状态
+				refund_close: false,
+				isClose: false,
+				payMode: [{
+						name: this.$t(`微信支付`),
+						icon: "icon-weixinzhifu",
+						value: 'weixin',
+						title: this.$t(`使用微信快捷支付`),
+						payStatus: true,
+					},
+					// #ifdef H5 || APP-PLUS
+					{
+						name: this.$t(`支付宝支付`),
+						icon: 'icon-zhifubao',
+						value: 'alipay',
+						title: this.$t(`使用支付宝支付`),
+						payStatus: true
+					},
+					// #endif
+					{
+						name: this.$t(`余额支付`),
+						icon: "icon-yuezhifu",
+						value: 'yue',
+						title: this.$t(`可用余额`),
+						number: 0,
+						payStatus: true
+					}, {
+						"name": this.$t(`好友代付`),
+						"icon": "icon-haoyoudaizhifu",
+						value: 'friend',
+						title: this.$t(`找微信好友支付`),
+						payStatus: 1,
+					}
+				],
+				pay_close: false,
+				pay_order_id: '',
+				totalPrice: '0',
+				isAuto: false, //没有授权的不会自动授权
+				isShowAuth: false, //是否隐藏授权
+				routineContact: 0,
+				express_num: '',
+				invoice_func: false,
+				invoiceData: {},
+				invoice_id: 0,
+				invChecked: '',
+				moreBtn: false,
+				invShow: false,
+				aleartStatus: false, //发票弹窗
+				special_invoice: false,
+				invList: [],
+				customerInfo: {},
+				userInfo: {},
+				isReturen: '',
+				urlQuery:''
+			};
+		},
+		computed: mapGetters(['isLogin']),
+		onLoad: function(options) {
+			if (options.order) {
+				this.$set(this, 'order', options.order);
+			}
+			if (options.order_id) {
+				this.$set(this, 'order_id', options.order_id);
+				this.isReturen = options.isReturen;
+			}
+			if (options.invoice_id) {
+				this.invoice_id = options.invoice_id
+			}
+		},
+		onShow() {
+			if (this.isLogin) {
+				// this.getOrderInfo();
+				// this.getUserInfo();
+				// this.getCustomerType();
+			} else {
+				toLogin();
+			}
+		},
+		onHide: function() {
+			this.isClose = true;
+		},
+		onReady: function() {
+			// #ifdef H5
+			this.$nextTick(function() {
+				const clipboard = new ClipboardJS(".copy-data");
+				clipboard.on("success", () => {
+					this.$util.Tips({
+						title: this.$t(`复制成功`)
+					});
+				});
+				const address = new ClipboardJS(".copy-refund-msg");
+				address.on("success", () => {
+					this.$util.Tips({
+						title: this.$t(`复制成功`)
+					});
+				});
+			});
+
+			// #endif
+		},
+		methods: {
+			qrR(res) {
+				this.codeSrc = res
+			},
+			cancelRefundOrder(orderId) {
+				let that = this;
+				uni.showModal({
+					title: that.$t(`取消申请`),
+					content: that.$t(`您确认放弃此次申请吗`),
+					success: (res) => {
+						if (res.confirm) {
+							cancelRefundOrder(that.order_id).then(res => {
+								return that.$util.Tips({
+									title: that.$t(`操作成功`),
+									icon: 'success'
+								}, {
+									tab: 4,
+									url: '/pages/users/user_return_list/index'
+								});
+							}).catch(err => {
+								return that.$util.Tips({
+									title: err
+								});
+							})
+						}
+					}
+				})
+			},
+			refundInput() {
+				uni.navigateTo({
+					url: `/pages/goods/order_refund_goods/index?orderId=` + this.order_id
+				})
+			},
+			// refundSubmit() {
+			// 	if (!this.express_num.trim()) {
+			// 		return this.$util.Tips({
+			// 			title: '请输入物流单号'
+			// 		})
+			// 	}
+			// 	refundExpress({
+			// 		express_id: this.express_num,
+			// 		id: this.orderInfo.id
+			// 	}).then(res => {
+			// 		this.$util.Tips({
+			// 			title: '操作成功',
+			// 			icon: 'success'
+			// 		}, () => {
+			// 			this.refund_close = false
+			// 			this.getOrderInfo();
+			// 		});
+			// 	}).catch(err => {
+			// 		this.$util.Tips({
+			// 			title: err,
+			// 		})
+			// 	})
+			// },
+			getCustomerType() {
+				getCustomerType().then(res => {
+					this.customerInfo = res.data;
+				}).catch(err => {
+					this.$util.Tips({
+						title: err
+					});
+				})
+			},
+			goGoodCall() {
+				getCustomer(`/pages/extension/customer_list/chat?orderId=${this.order_id}&isReturen=${this.isReturen}`)
+			},
+			openSubcribe(e) {
+				let page = e;
+				console.log(page)
+				// #ifndef MP
+				uni.navigateTo({
+					url: page,
+				});
+				// #endif
+				// #ifdef MP
+				uni.showLoading({
+					title: this.$t(`正在加载中`),
+				})
+				openOrderRefundSubscribe().then(res => {
+					uni.hideLoading();
+					uni.navigateTo({
+						url: page,
+					});
+				}).catch((err) => {
+					uni.hideLoading();
+				});
+				// #endif
+			},
+			// openSubcribe(e, type) {
+			// 	let page = e;
+			// 	// #ifdef MP
+			// 	uni.showLoading({
+			// 		title: '正在加载',
+			// 	})
+			// 	openOrderRefundSubscribe().then(res => {
+			// 		uni.hideLoading();
+			// 		uni.navigateTo({
+			// 			url: page,
+			// 			success: (res) => {
+			// 				if (!type) {
+			// 					let cartList = [];
+			// 					this.cartInfo.forEach((item) => {
+			// 						let i = {
+			// 							cart_info: item,
+			// 							cart_id: item.id,
+			// 							cart_num: item.cart_num,
+			// 							surplus_num: item.cart_num - item.refund_num
+			// 						}
+			// 						cartList.push(i)
+			// 					})
+			// 					res.eventChannel.emit('goodsData', {
+			// 						cartList: cartList,
+			// 						count: 1,
+			// 					})
+			// 				}
+			// 			}
+			// 		});
+			// 	}).catch(() => {
+			// 		uni.hideLoading();
+			// 	});
+			// 	// #endif
+			// 	// #ifndef MP
+			// 	uni.navigateTo({
+			// 		url: page,
+			// 		success: (res) => {
+			// 			if (!type) {
+			// 				let cartList = [];
+			// 				this.cartInfo.forEach((item) => {
+			// 					let i = {
+			// 						cart_info: item,
+			// 						cart_id: item.id,
+			// 						cart_num: item.cart_num,
+			// 						surplus_num: item.cart_num - item.refund_num
+			// 					}
+			// 					cartList.push(i)
+			// 				})
+			// 				res.eventChannel.emit('goodsData', {
+			// 					cartList: cartList,
+			// 					count: 1,
+			// 				})
+			// 			}
+			// 		}
+			// 	});
+			// 	// #endif
+			// },
+			goReturnGoods() {
+
+			},
+			/**
+			 * 事件回调
+			 * 
+			 */
+			onChangeFun: function(e) {
+				let opt = e;
+				let action = opt.action || null;
+				let value = opt.value != undefined ? opt.value : null;
+				(action && this[action]) && this[action](value);
+			},
+			/**
+			 * 拨打电话
+			 */
+			makePhone: function() {
+				uni.makePhoneCall({
+					phoneNumber: this.system_store.phone
+				})
+			},
+			/**
+			 * 打开地图
+			 * 
+			 */
+			showMaoLocation: function() {
+				if (!this.system_store.latitude || !this.system_store.longitude) return this.$util.Tips({
+					title: this.$t(`缺少经纬度信息无法查看地图`)
+				});
+				uni.openLocation({
+					latitude: parseFloat(this.system_store.latitude),
+					longitude: parseFloat(this.system_store.longitude),
+					scale: 8,
+					name: this.system_store.name,
+					address: this.system_store.address + this.system_store.detailed_address,
+					success: function() {
+
+					},
+				});
+			},
+			/**
+			 * 关闭支付组件
+			 * 
+			 */
+			payClose: function() {
+				this.pay_close = false;
+			},
+			/**
+			 * 打开支付组件
+			 * 
+			 */
+			pay_open: function() {
+				this.pay_close = true;
+				this.pay_order_id = this.orderInfo.order_id;
+				this.totalPrice = this.orderInfo.pay_price;
+			},
+			/**
+			 * 支付成功回调
+			 * 
+			 */
+			pay_complete: function() {
+				this.pay_close = false;
+				this.pay_order_id = '';
+				uni.navigateTo({
+					url: '/pages/goods/order_pay_status/index?order_id=' + this.orderInfo.order_id + '&msg=' +
+						this.$t(`支付成功`) +
+						'&type=3' + '&totalPrice=' + this.totalPrice
+				})
+				this.getOrderInfo();
+			},
+			/**
+			 * 支付失败回调
+			 * 
+			 */
+			pay_fail: function() {
+				this.pay_close = false;
+				this.pay_order_id = '';
+			},
+			/**
+			 * 登录授权回调
+			 * 
+			 */
+			onLoadFun: function() {
+				this.getOrderInfo();
+				this.getUserInfo();
+			},
+			/**
+			 * 获取用户信息
+			 * 
+			 */
+			getUserInfo: function() {
+				let that = this;
+				getUserInfo().then(res => {
+					that.userInfo = res.data
+					// #ifdef H5
+					that.payMode[2].number = res.data.now_money;
+					// #endif
+					// #ifdef APP-PLUS
+					that.payMode[2].number = res.data.now_money;
+					// #endif
+					// #ifdef MP
+					that.payMode[1].number = res.data.now_money;
+					// #endif
+					that.$set(that, 'payMode', that.payMode);
+				})
+			},
+			/**
+			 * 获取订单详细信息
+			 * 
+			 */
+			getOrderInfo: function() {
+				let that = this;
+				uni.showLoading({
+					title: this.$t(`正在加载中`)
+				});
+				let obj = '';
+				if (that.isReturen) {
+					obj = refundOrderDetail(this.order_id);
+				} else {
+					obj = getOrderDetail(this.order_id);
+				}
+				obj.then(res => {
+					if (res.data.pid && res.data.pid == -1) {
+						that.$util.Tips({
+							title: this.$t(`订单信息不存在`)
+						}, '/pages/goods/order_list/index');
+					}
+					let _type = res.data._status._type;
+					uni.hideLoading();
+					that.$set(that, 'orderInfo', res.data);
+					//处理自定义留言非必填项的数据展示
+					let arr = []
+					that.orderInfo.custom_form.map(i => {
+						if (i.value != '') {
+							arr.push(i)
+						}
+					})
+					that.$set(that, 'customForm', arr);
+
+					that.$set(that, 'cartInfo', res.data.cartInfo);
+					that.$set(that, 'pid', res.data.pid);
+					that.$set(that, 'split', res.data.split);
+					that.$set(that, 'evaluate', _type == 3 ? 3 : 0);
+					that.$set(that, 'system_store', res.data.system_store);
+					that.$set(that, 'invoiceData', res.data.invoice);
+					if (that.invoiceData) {
+						that.invoiceData.pay_price = res.data.pay_price;
+					}
+					that.$set(that, 'invoice_func', res.data.invoice_func);
+					that.$set(that, 'special_invoice', res.data.special_invoice);
+					that.$set(that, 'routineContact', Number(res.data.routine_contact_type));
+					this.$nextTick(() => {
+
+						that.val = that.orderInfo.verify_code
+					})
+					if (this.orderInfo.refund_status != 0) {
+						this.isGoodsReturn = true;
+					} else {
+						this.isReturen = 0
+					}
+					if (that.invoice_id && !that.invoiceData) {
+						that.invChecked = that.invoice_id || '';
+						this.invoiceApply()
+					}
+					that.payMode.map(item => {
+						if (item.value == 'weixin') {
+							item.payStatus = res.data.pay_weixin_open ? true : false;
+						}
+						if (item.value == 'alipay') {
+							item.payStatus = res.data.ali_pay_status ? true : false;
+						}
+						if (item.value == 'yue') {
+							item.payStatus = res.data.yue_pay_status == 1 ? true : false;
+						}
+						if (item.value == 'friend') {
+							item.payStatus = res.data.friend_pay_status == 1 ? true : false;
+						}
+					});
+					that.getOrderStatus();
+				}).catch(err => {
+					uni.hideLoading();
+					that.$util.Tips({
+						title: err
+					}, '/pages/goods/order_list/index');
+				});
+			},
+			// 不开发票
+			invCancel() {
+				this.invChecked = '';
+				this.invTitle = this.$t(`不开发票`);
+				this.invShow = false;
+			},
+			// 选择发票
+			invSub(id) {
+				this.invChecked = id;
+				let data = {
+					order_id: this.order_id,
+					invoice_id: this.invChecked
+				}
+				makeUpinvoice(data).then(res => {
+					uni.showToast({
+						title: this.$t(`申请成功`),
+						icon: 'success'
+					});
+					this.invShow = false;
+					this.aleartStatus = true;
+					this.getOrderInfo()
+				}).catch(err => {
+					uni.showToast({
+						title: err,
+						icon: 'none'
+					});
+				});
+			},
+			// 关闭发票
+			invClose() {
+				this.invShow = false;
+				this.getInvoiceList()
+			},
+			//申请开票
+			invoiceApply() {
+				this.urlQuery = `&specialInvoice=${this.userInfo.special_invoice}`;
+				this.getInvoiceList()
+				this.moreBtn = false;
+				this.invShow = true;
+			},
+			aleartStatusChange() {
+				this.moreBtn = false;
+				this.aleartStatus = true
+			},
+			getInvoiceList() {
+				uni.showLoading({
+					title: this.$t(`正在加载中`)
+				})
+				invoiceList().then(res => {
+					uni.hideLoading();
+					this.invList = res.data.map(item => {
+						item.id = item.id.toString();
+						return item;
+					});
+					const result = this.invList.find(item => item.id == this.invChecked);
+					if (result) {
+						let name = '';
+						name += result.header_type === 1 ? this.$t(`个人`) : this.$t(`企业`);
+						name += result.type === 1 ? this.$t(`普通`) : this.$t(`专用`);
+						name += this.$t(`发票`);
+						this.invTitle = name;
+					}
+				}).catch(err => {
+					uni.showToast({
+						title: err,
+						icon: 'none'
+					});
+				});
+			},
+			more() {
+				this.moreBtn = !this.moreBtn
+			},
+			/**
+			 * 
+			 * 剪切订单号
+			 */
+			// #ifndef H5
+			copy: function() {
+				let that = this;
+				uni.setClipboardData({
+					data: this.orderInfo.order_id
+				});
+			},
+			// #endif
+			// #ifndef H5
+			copyAddress() {
+				uni.setClipboardData({
+					data: this.orderInfo._status.refund_name + this.orderInfo._status.refund_phone + this.orderInfo
+						._status
+						.refund_address,
+					success() {
+						uni.Tips({
+							title: this.$t(`复制成功`),
+							icon: 'success'
+						})
+					}
+				});
+			},
+			// #endif
+			// #ifdef H5
+			copyAddress() {
+				// console.log('1111111111111')
+				// let msg = 
+				// console.log(msg)
+				// return msg
+			},
+			// #endif
+			/**
+			 * 打电话
+			 */
+			goTel: function() {
+				uni.makePhoneCall({
+					phoneNumber: this.orderInfo.delivery_id
+				})
+			},
+			/**
+			 * 设置底部按钮
+			 * 
+			 */
+			getOrderStatus: function() {
+				let orderInfo = this.orderInfo || {},
+					_status = orderInfo._status || {
+						_type: 0
+					},
+					status = {};
+				let type = parseInt(_status._type),
+					delivery_type = orderInfo.delivery_type,
+					seckill_id = orderInfo.seckill_id ? parseInt(orderInfo.seckill_id) : 0,
+					bargain_id = orderInfo.bargain_id ? parseInt(orderInfo.bargain_id) : 0,
+					discount_id = orderInfo.discount_id ? parseInt(orderInfo.discount_id) : 0,
+					combination_id = orderInfo.combination_id ? parseInt(orderInfo.combination_id) : 0;
+				status = {
+					type: type == 9 ? -9 : type,
+					class_status: 0
+				};
+				if (type == 1 && combination_id > 0) status.class_status = 1; //查看拼团
+				if (type == 2 && delivery_type == 'express') status.class_status = 2; //查看物流
+				if (type == 2) status.class_status = 3; //确认收货
+				if (type == 4 || type == 0) status.class_status = 4; //删除订单
+				if (!seckill_id && !bargain_id && !combination_id && !discount_id && !orderInfo.type && (type == 3 ||
+						type == 4)) status
+					.class_status =
+					5; //再次购买
+				this.$set(this, 'status', status);
+			},
+			/**
+			 * 去拼团详情
+			 * 
+			 */
+			goJoinPink: function() {
+				uni.navigateTo({
+					url: '/pages/activity/goods_combination_status/index?id=' + this.orderInfo.pink_id,
+				});
+			},
+			/**
+			 * 再此购买
+			 * 
+			 */
+			goOrderConfirm: function() {
+				let that = this;
+				orderAgain(that.orderInfo.order_id).then(res => {
+					return uni.navigateTo({
+						url: '/pages/goods/order_confirm/index?new=1&cartId=' + res.data.cateId
+					});
+				}).catch(err => {
+					return that.$util.Tips({
+						title: err
+					});
+				})
+			},
+			confirmOrder(orderId) {
+				let that = this;
+				uni.showModal({
+					title: that.$t(`确认收货`),
+					content: that.$t(`为保障权益，请收到货确认无误后，再确认收货`),
+					success: function(res) {
+						if (res.confirm) {
+							orderTake(orderId ? orderId : that.order_id).then(res => {
+								return that.$util.Tips({
+									title: that.$t(`操作成功`),
+									icon: 'success'
+								}, function() {
+									that.getOrderInfo();
+								});
+							}).catch(err => {
+								return that.$util.Tips({
+									title: err
+								});
+							})
+						}
+					}
+				})
+			},
+			/**
+			 * 
+			 * 删除订单
+			 */
+			delOrder() {
+				let that = this;
+				uni.showModal({
+					title: this.$t(`删除订单`),
+					content: this.$t(`确定删除该订单`),
+					success: (res) => {
+						if (res.confirm) {
+							(that.isReturen ? refundOrderDel : orderDel)(that.order_id).then(res => {
+								if (that.status.type == -2) {
+									return that.$util.Tips({
+										title: that.$t(`删除成功`),
+										icon: 'success'
+									}, {
+										tab: 5,
+										url: '/pages/users/user_return_list/index'
+									});
+								} else {
+									return that.$util.Tips({
+										title: that.$t(`删除成功`),
+										icon: 'success'
+									}, {
+										tab: 5,
+										url: '/pages/goods/order_list/index'
+									});
+								}
+
+							}).catch(err => {
+								return that.$util.Tips({
+									title: err
+								});
+							});
+						} else if (res.cancel) {
+							return that.$util.Tips({
+								title: that.$t(`已取消`)
+							});
+						}
+					}
+				});
+
+			},
+			cancelOrder() {
+				let self = this
+				uni.showModal({
+					title: this.$t(`提示`),
+					content: this.$t(`确认取消该订单`),
+					success: function(res) {
+						if (res.confirm) {
+							orderCancel(self.orderInfo.order_id)
+								.then((data) => {
+									// #ifndef MP
+									self.$util.Tips({
+										title: data.msg
+									}, {
+										tab: 3
+									})
+									// #endif
+									// #ifdef MP
+									self.$util.Tips({
+										title: data.msg
+									}, '/pages/goods/order_list/index');
+									// #endif
+								})
+								.catch(() => {
+									self.getOrderInfo();
+								});
+						} else if (res.cancel) {
+						}
+					}
+				});
+			},
+		}
+	}
+</script>
+<style scoped lang="scss">
+	.refund-tip {
+		font-size: 24rpx;
+		margin-top: 10rpx;
+		color: var(--view-theme);
+
+		.iconfont {
+			font-size: 24rpx;
+			margin-right: 6rpx;
+		}
+	}
+
+	.refund-tip1 {
+		font-size: 24rpx;
+		color: var(--view-theme);
+
+		.iconfont {
+			font-size: 24rpx;
+			margin-right: 6rpx;
+		}
+	}
+
+	.qs-btn {
+		width: auto;
+		height: 60rpx;
+		text-align: center;
+		line-height: 60rpx;
+		border-radius: 50rpx;
+		font-size: 27rpx;
+		padding: 0 3%;
+		color: #666;
+		border: 1px solid #ccc;
+		margin-right: 20rpx;
+	}
+
+	.refund-input {
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		width: 100%;
+		border-radius: 16rpx 16rpx 0 0;
+		background-color: #fff;
+		z-index: 99;
+		padding: 40rpx 0 70rpx 0;
+		transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
+		transform: translate3d(0, 100%, 0);
+
+		.refund-input-title {
+			font-size: 32rpx;
+			margin-bottom: 60rpx;
+			color: #282828;
+		}
+
+		.refund-input-sty {
+			border: 1px solid #ddd;
+			padding: 20rpx 20rpx;
+			border-radius: 40rpx;
+			width: 100%;
+			margin: 20rpx 65rpx;
+		}
+
+		.input-msg {
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
+			align-items: center;
+			position: relative;
+			margin: 0 65rpx;
+
+			.iconfont {
+				position: absolute;
+				font-size: 32rpx;
+				color: #282828;
+				top: 8rpx;
+				right: -30rpx;
+			}
+		}
+
+		.refund-bth {
+			display: flex;
+			margin: 0 65rpx;
+			margin-top: 20rpx;
+			justify-content: space-around;
+			width: 100%;
+
+			.close-refund {
+				padding: 24rpx 80rpx;
+				border-radius: 80rpx;
+				color: #fff;
+				background-color: #ccc;
+			}
+
+			.submit-refund {
+				width: 100%;
+				padding: 24rpx 0rpx;
+				text-align: center;
+				border-radius: 80rpx;
+				color: #fff;
+				background-color: var(--view-theme);
+			}
+		}
+	}
+
+	.refund-input.on {
+		transform: translate3d(0, 0, 0);
+	}
+
+	.goodCall {
+		color: var(--view-theme);
+		text-align: center;
+		width: 100%;
+		height: 86rpx;
+		padding: 0 30rpx;
+		border-top: 1rpx solid #eee;
+		font-size: 30rpx;
+		line-height: 86rpx;
+		background: #fff;
+
+		.icon-kefu {
+			font-size: 36rpx;
+			margin-right: 15rpx;
+		}
+
+		/* #ifdef MP */
+		button {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			height: 86rpx;
+			font-size: 30rpx;
+			color: var(--view-theme);
+		}
+
+		/* #endif */
+	}
+
+	.order-details .header {
+		padding: 0 30rpx;
+		height: 150rpx;
+		display: flex;
+		align-items: center;
+		flex-wrap: nowrap;
+	}
+
+	.order-details .header.on {
+		background-color: #666 !important;
+	}
+
+	.order-details .header .pictrue {
+		width: 110rpx;
+		height: 110rpx;
+	}
+
+	.order-details .header .pictrue image {
+		width: 100%;
+		height: 100%;
+	}
+
+	.order-details .header .data {
+		color: rgba(255, 255, 255, 0.8);
+		font-size: 24rpx;
+		margin-left: 27rpx;
+	}
+
+	.order-details .header .data.on {
+		margin-left: 0;
+	}
+
+	.order-details .header .data .state {
+		font-size: 30rpx;
+		font-weight: bold;
+		color: #fff;
+		margin-bottom: 7rpx;
+	}
+
+	.order-details .header .data .time {
+		margin-left: 20rpx;
+	}
+
+	.order-details .nav {
+		background-color: #fff;
+		font-size: 26rpx;
+		color: #282828;
+		padding: 25rpx 0;
+	}
+
+	.order-details .nav .navCon {
+		padding: 0 40rpx;
+	}
+
+	.order-details .nav .on {
+		color: var(--view-theme);
+	}
+
+	.order-details .nav .progress {
+		padding: 0 65rpx;
+		margin-top: 10rpx;
+	}
+
+	.order-details .nav .progress .line {
+		width: 100rpx;
+		height: 2rpx;
+		background-color: #939390;
+	}
+
+	.order-details .nav .progress .iconfont {
+		font-size: 25rpx;
+		color: #939390;
+		margin-top: -2rpx;
+	}
+
+	.order-details .address {
+		font-size: 26rpx;
+		color: #868686;
+		background-color: #fff;
+		margin-top: 13rpx;
+		padding: 35rpx 30rpx;
+		margin-bottom: 12rpx;
+	}
+
+	.order-details .address .name {
+		font-size: 30rpx;
+		color: #282828;
+		margin-bottom: 15rpx;
+	}
+
+	.order-details .address .name .phone {
+		margin-left: 40rpx;
+	}
+
+	.order-details .line {
+		width: 100%;
+		height: 3rpx;
+	}
+
+	.order-details .line image {
+		width: 100%;
+		height: 100%;
+		display: block;
+	}
+
+	.order-details .wrapper {
+		background-color: #fff;
+		margin-top: 12rpx;
+		padding: 30rpx;
+	}
+
+	.order-details .wrapper .acea-row {
+		display: flex;
+		flex-wrap: nowrap;
+	}
+	.order-details .wrapper .item {
+		font-size: 28rpx;
+		color: #282828;
+	}
+
+	.order-details .wrapper .item~.item {
+		margin-top: 20rpx;
+		white-space: normal;
+		word-break: break-all;
+		word-wrap: break-word;
+	}
+
+	.order-details .wrapper .item .conter {
+		color: #868686;
+		width: 380srpx;
+		display: flex;
+		flex-wrap: nowrap;
+		justify-content: flex-end;
+	}
+
+	.order-details .wrapper .item .conter .copy {
+		font-size: 20rpx;
+		color: #333;
+		border-radius: 3rpx;
+		border: 1rpx solid #666;
+		padding: 3rpx 15rpx;
+		margin-left: 24rpx;
+		white-space: nowrap;
+	}
+
+	.order-details .wrapper .actualPay {
+		border-top: 1rpx solid #eee;
+		margin-top: 30rpx;
+		padding-top: 30rpx;
+		display: flex;
+		align-items: center;
+
+		.pay-people {
+			display: flex;
+			align-items: center;
+
+			image {
+				width: 40rpx;
+				height: 40rpx;
+				border-radius: 50%;
+			}
+
+			.pay-nickname {
+				margin-right: 20rpx;
+				padding: 0 10rpx;
+			}
+		}
+	}
+
+	.order-details .wrapper .actualPay .money {
+		font-weight: bold;
+		font-size: 30rpx;
+	}
+
+	.order-details .footer {
+		width: 100%;
+		height: 100rpx;
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		background-color: #fff;
+		padding: 0 30rpx;
+		box-sizing: border-box;
+
+		.more {
+			position: absolute;
+			left: 30rpx;
+			font-size: 26rpx;
+			color: #333;
+
+			.icon-xiangshang {
+				margin-left: 6rpx;
+				font-size: 22rpx;
+			}
+		}
+
+		.more-box {
+			color: #333;
+			position: absolute;
+			left: 30rpx;
+			bottom: 110rpx;
+			background-color: #fff;
+			padding: 18rpx 24rpx;
+			border-radius: 4rpx;
+			font-size: 28rpx;
+			-webkit-box-shadow: 0px 0px 3px 0px rgba(200, 200, 200, 0.75);
+			-moz-box-shadow: 0px 0px 3px 0px rgba(200, 200, 200, 0.75);
+			box-shadow: 0px 0px 3px 0px rgba(200, 200, 200, 0.75);
+
+			.more-btn {
+				color: #333;
+				padding: 4rpx;
+				z-index: 9999;
+			}
+		}
+
+		.more-box:before {
+			content: "";
+			width: 0rpx;
+			height: 0rpx;
+			border-top: 20rpx solid rgba(200, 200, 200, 0.4);
+			border-bottom: 0rpx solid transparent;
+			border-top: 20rpx solid rgba(200, 200, 200, 0.4);
+			border-left: 20rpx solid rgba(0, 0, 0, 0);
+			border-right: 20rpx solid rgba(0, 0, 0, 0);
+			position: absolute;
+			bottom: -20rpx;
+			left: 20rpx;
+		}
+
+		.more-box::after {
+			content: "";
+			width: 0rpx;
+			height: 0rpx;
+			border-top: 20rpx solid #fff;
+			border-bottom: 0rpx solid rgba(0, 0, 0, 0);
+			border-left: 20rpx solid rgba(0, 0, 0, 0);
+			border-right: 20rpx solid rgba(0, 0, 0, 0);
+			position: absolute;
+			bottom: -18rpx;
+			left: 20rpx;
+			z-index: 9;
+		}
+	}
+
+	.order-details .footer .bnt {
+		width: 200rpx;
+		height: 60rpx;
+		text-align: center;
+		line-height: 60rpx;
+		border-radius: 50rpx;
+		color: #fff;
+		font-size: 27rpx;
+	}
+
+	.order-details .footer .bnt.refundBnt {
+		width: 210rpx;
+	}
+
+	.order-details .footer .bnt.cancel {
+		color: #666;
+		border: 1rpx solid #ccc;
+	}
+
+	.order-details .footer .bnt~.bnt {
+		margin-left: 18rpx;
+	}
+
+	.order-details .writeOff {
+		background-color: #fff;
+		margin-top: 13rpx;
+		padding-bottom: 30rpx;
+	}
+
+	.order-details .writeOff .title {
+		font-size: 30rpx;
+		color: #282828;
+		height: 87rpx;
+		border-bottom: 1px solid #f0f0f0;
+		padding: 0 30rpx;
+		line-height: 87rpx;
+	}
+
+	.order-details .writeOff .grayBg {
+		background-color: #f2f5f7;
+		width: 590rpx;
+		height: 384rpx;
+		border-radius: 20rpx 20rpx 0 0;
+		margin: 50rpx auto 0 auto;
+		padding-top: 55rpx;
+		position: relative;
+	}
+
+	.order-details .writeOff .grayBg .written {
+		position: absolute;
+		top: 0;
+		right: 0;
+		width: 60rpx;
+		height: 60rpx;
+	}
+
+	.order-details .writeOff .grayBg .written image {
+		width: 100%;
+		height: 100%;
+	}
+
+	.order-details .writeOff .grayBg .pictrue {
+		width: 290rpx;
+		height: 290rpx;
+		margin: 0 auto;
+	}
+
+	.order-details .writeOff .grayBg .pictrue image {
+		width: 100%;
+		height: 100%;
+		display: block;
+	}
+
+	.order-details .writeOff .gear {
+		width: 590rpx;
+		height: 30rpx;
+		margin: 0 auto;
+	}
+
+	.order-details .writeOff .gear image {
+		width: 100%;
+		height: 100%;
+		display: block;
+	}
+
+	.order-details .writeOff .num {
+		background-color: #f0c34c;
+		width: 590rpx;
+		height: 84rpx;
+		color: #282828;
+		font-size: 48rpx;
+		margin: 0 auto;
+		border-radius: 0 0 20rpx 20rpx;
+		text-align: center;
+		padding-top: 4rpx;
+	}
+
+	.order-details .writeOff .rules {
+		margin: 46rpx 30rpx 0 30rpx;
+		border-top: 1px solid #f0f0f0;
+		padding-top: 10rpx;
+	}
+
+	.order-details .writeOff .rules .item {
+		margin-top: 20rpx;
+	}
+
+	.order-details .writeOff .rules .item .rulesTitle {
+		font-size: 28rpx;
+		color: #282828;
+	}
+
+	.order-details .writeOff .rules .item .rulesTitle .iconfont {
+		font-size: 30rpx;
+		color: #333;
+		margin-right: 8rpx;
+		margin-top: 5rpx;
+	}
+
+	.order-details .writeOff .rules .item .info {
+		font-size: 28rpx;
+		color: #999;
+		margin-top: 7rpx;
+	}
+
+	.order-details .writeOff .rules .item .info .time {
+		margin-left: 20rpx;
+	}
+
+	.order-details .map {
+		height: 86rpx;
+		font-size: 30rpx;
+		color: #282828;
+		line-height: 86rpx;
+		border-bottom: 1px solid #f0f0f0;
+		margin-top: 13rpx;
+		background-color: #fff;
+		padding: 0 30rpx;
+	}
+
+	.order-details .map .place {
+		font-size: 26rpx;
+		// width: 176rpx;
+		height: 50rpx;
+		border-radius: 25rpx;
+		line-height: 50rpx;
+		text-align: center;
+		padding: 0 10rpx;
+	}
+
+	.order-details .map .place .iconfont {
+		font-size: 27rpx;
+		height: 27rpx;
+		line-height: 27rpx;
+		margin: 2rpx 3rpx 0 0;
+	}
+
+	.order-details .address .name .iconfont {
+		font-size: 34rpx;
+		margin-left: 10rpx;
+	}
+
+	.refund {
+		padding: 0 30rpx 30rpx;
+		margin: 12rpx 0;
+		background-color: #fff;
+
+		.title {
+			display: flex;
+			align-items: center;
+			font-size: 30rpx;
+			color: #333;
+			height: 86rpx;
+			border-bottom: 1px solid #f5f5f5;
+
+			image {
+				width: 32rpx;
+				height: 32rpx;
+				margin-right: 10rpx;
+			}
+		}
+
+		.con {
+			padding-top: 25rpx;
+			font-size: 28rpx;
+			color: #868686;
+		}
+	}
+</style>
+
+<style scoped lang="scss">
+	.invoice-mask {
+		background-color: #999999;
+		opacity: 1;
+	}
+
+	.more-mask {
+		background-color: #fff;
+		opacity: 0;
+		left: 300rpx;
+	}
+
+	.goodCall {
+		color: var(--view-theme);
+		text-align: center;
+		width: 100%;
+		height: 86rpx;
+		padding: 0 30rpx;
+		border-bottom: 1rpx solid #eee;
+		font-size: 30rpx;
+		line-height: 86rpx;
+		background: #fff;
+
+		.icon-kefu {
+			font-size: 36rpx;
+			margin-right: 15rpx;
+		}
+
+		/* #ifdef MP */
+		button {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			height: 86rpx;
+			font-size: 30rpx;
+			color: var(--view-theme);
+		}
+
+		/* #endif */
+	}
+
+	.order-details .header {
+		padding: 0 30rpx;
+		height: 150rpx;
+	}
+
+	.order-details .header.on {
+		background-color: #666 !important;
+	}
+
+	.order-details .header .pictrue {
+		width: 110rpx;
+		height: 110rpx;
+	}
+
+	.order-details .header .pictrue image {
+		width: 100%;
+		height: 100%;
+	}
+
+	.order-details .header .data {
+		color: rgba(255, 255, 255, 0.8);
+		font-size: 24rpx;
+		margin-left: 27rpx;
+	}
+
+	.order-details .header .data.on {
+		margin-left: 0;
+	}
+
+	.order-details .header .data .state {
+		font-size: 30rpx;
+		font-weight: bold;
+		color: #fff;
+		margin-bottom: 7rpx;
+	}
+
+	.order-details .header .data .time {
+		margin-left: 20rpx;
+	}
+
+	.order-details .nav {
+		background-color: #fff;
+		font-size: 26rpx;
+		color: #282828;
+		padding: 25rpx 0;
+	}
+
+	.order-details .nav .navCon {
+		padding: 0 40rpx;
+	}
+
+	.order-details .nav .on {
+		color: var(--view-theme);
+	}
+
+	.order-details .nav .progress {
+		padding: 0 65rpx;
+		margin-top: 10rpx;
+	}
+
+	.order-details .nav .progress .line {
+		width: 100rpx;
+		height: 2rpx;
+		background-color: #939390;
+	}
+
+	.order-details .nav .progress .iconfont {
+		font-size: 25rpx;
+		color: #939390;
+		margin-top: -2rpx;
+	}
+
+	.order-details .address {
+		font-size: 26rpx;
+		color: #868686;
+		background-color: #fff;
+		margin-top: 13rpx;
+		padding: 35rpx 30rpx;
+	}
+
+	.order-details .address .name {
+		font-size: 30rpx;
+		color: #282828;
+		margin-bottom: 15rpx;
+	}
+
+	.order-details .address .name .phone {
+		margin-left: 40rpx;
+	}
+
+	.order-details .line {
+		width: 100%;
+		height: 3rpx;
+	}
+
+	.order-details .line image {
+		width: 100%;
+		height: 100%;
+		display: block;
+	}
+
+	.order-details .wrapper {
+		background-color: #fff;
+		margin-top: 12rpx;
+		padding: 30rpx;
+	}
+
+	.order-details .wrapper .item {
+		font-size: 28rpx;
+		color: #282828;
+	}
+
+	.order-details .wrapper .item~.item {
+		margin-top: 20rpx;
+	}
+
+	.order-details .wrapper .item .conter {
+		color: #868686;
+		width: 380rpx;
+		text-align: justify;
+	}
+
+	.order-details .wrapper .item .conter .copy {
+		font-size: 20rpx;
+		color: #333;
+		border-radius: 3rpx;
+		border: 1rpx solid #666;
+		padding: 3rpx 15rpx;
+		margin-left: 24rpx;
+	}
+
+	.order-details .wrapper .actualPay {
+		border-top: 1rpx solid #eee;
+		margin-top: 30rpx;
+		padding-top: 30rpx;
+	}
+
+	.order-details .wrapper .actualPay .money {
+		font-weight: bold;
+		font-size: 30rpx;
+	}
+
+	.order-details .footer {
+		width: 100%;
+		height: 100rpx;
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		background-color: #fff;
+		padding: 0 30rpx;
+		box-sizing: border-box;
+	}
+
+	.order-details .footer .bnt {
+		width: 160rpx;
+		height: 60rpx;
+		text-align: center;
+		line-height: 60rpx;
+		border-radius: 50rpx;
+		color: #fff;
+		font-size: 27rpx;
+	}
+
+	.order-details .footer .bnt~.bnt {
+		margin-left: 18rpx;
+	}
+
+	.order-details .writeOff {
+		background-color: #fff;
+		margin-top: 13rpx;
+		padding-bottom: 30rpx;
+	}
+
+	.order-details .writeOff .title {
+		font-size: 30rpx;
+		color: #282828;
+		height: 87rpx;
+		border-bottom: 1px solid #f0f0f0;
+		padding: 0 30rpx;
+		line-height: 87rpx;
+	}
+
+	.order-details .writeOff .grayBg {
+		background-color: #f2f5f7;
+		width: 590rpx;
+		height: 384rpx;
+		border-radius: 20rpx 20rpx 0 0;
+		margin: 50rpx auto 0 auto;
+		padding-top: 55rpx;
+		position: relative;
+	}
+
+	.order-details .writeOff .grayBg .written {
+		position: absolute;
+		top: 0;
+		right: 0;
+		width: 60rpx;
+		height: 60rpx;
+	}
+
+	.order-details .writeOff .grayBg .written image {
+		width: 100%;
+		height: 100%;
+	}
+
+	.order-details .writeOff .grayBg .pictrue {
+		width: 290rpx;
+		height: 290rpx;
+		margin: 0 auto;
+	}
+
+	.order-details .writeOff .grayBg .pictrue image {
+		width: 100%;
+		height: 100%;
+		display: block;
+	}
+
+	.order-details .writeOff .gear {
+		width: 590rpx;
+		height: 30rpx;
+		margin: 0 auto;
+	}
+
+	.order-details .writeOff .gear image {
+		width: 100%;
+		height: 100%;
+		display: block;
+	}
+
+	.order-details .writeOff .num {
+		background-color: #f0c34c;
+		width: 590rpx;
+		height: 84rpx;
+		color: #282828;
+		font-size: 48rpx;
+		margin: 0 auto;
+		border-radius: 0 0 20rpx 20rpx;
+		text-align: center;
+		padding-top: 4rpx;
+	}
+
+	.order-details .writeOff .rules {
+		margin: 46rpx 30rpx 0 30rpx;
+		border-top: 1px solid #f0f0f0;
+		padding-top: 10rpx;
+	}
+
+	.order-details .writeOff .rules .item {
+		margin-top: 20rpx;
+	}
+
+	.order-details .writeOff .rules .item .rulesTitle {
+		font-size: 28rpx;
+		color: #282828;
+	}
+
+	.order-details .writeOff .rules .item .rulesTitle .iconfont {
+		font-size: 30rpx;
+		color: #333;
+		margin-right: 8rpx;
+		margin-top: 5rpx;
+	}
+
+	.order-details .writeOff .rules .item .info {
+		font-size: 28rpx;
+		color: #999;
+		margin-top: 7rpx;
+	}
+
+	.order-details .writeOff .rules .item .info .time {
+		margin-left: 20rpx;
+	}
+
+	.order-details .map {
+		height: 86rpx;
+		font-size: 30rpx;
+		color: #282828;
+		line-height: 86rpx;
+		border-bottom: 1px solid #f0f0f0;
+		margin-top: 13rpx;
+		background-color: #fff;
+		padding: 0 30rpx;
+	}
+
+	.order-details .map .place {
+		font-size: 26rpx;
+		// width: 176rpx;
+		height: 50rpx;
+		border-radius: 25rpx;
+		line-height: 50rpx;
+		text-align: center;
+	}
+
+	.order-details .map .place .iconfont {
+		font-size: 27rpx;
+		height: 27rpx;
+		line-height: 27rpx;
+		margin: 2rpx 3rpx 0 0;
+	}
+
+	.order-details .address .name .iconfont {
+		font-size: 34rpx;
+		margin-left: 10rpx;
+	}
+
+	.refund {
+		padding: 0 30rpx 30rpx;
+		margin: 12rpx 0;
+		background-color: #fff;
+
+		.title {
+			display: flex;
+			align-items: center;
+			font-size: 30rpx;
+			color: #333;
+			height: 86rpx;
+			border-bottom: 1px solid #f5f5f5;
+
+			image {
+				width: 32rpx;
+				height: 32rpx;
+				margin-right: 10rpx;
+			}
+		}
+
+		.con {
+			padding-top: 25rpx;
+			font-size: 28rpx;
+			color: #868686;
+		}
+	}
+
+	.refund-msg {
+		background-color: #fff;
+		padding: 20rpx 40rpx;
+		font-size: 28rpx;
+
+		.refund-msg-user {
+			font-weight: bold;
+			margin-bottom: 10rpx;
+
+			.copy-refund-msg {
+				font-size: 10px;
+				border-radius: 1px;
+				border: 0.5px solid #666;
+				padding: 1px 7px;
+				margin-left: 12px;
+			}
+
+			.name {
+				margin-right: 20rpx;
+			}
+		}
+
+		.refund-address {
+			color: #868686;
+		}
+	}
+
+	.upload .pictrue {
+		display: inline-block;
+		margin: 22rpx 17rpx 20rpx 0;
+		width: 156rpx;
+		height: 156rpx;
+		color: #bbb;
+	}
+
+	.upload .pictrue image {
+		width: 100%;
+		height: 100%;
+	}
+</style>

pages/goods/order_list/index.vue

@@ -40,7 +40,7 @@
 			</view>
 			<view class="list">
 				<view class="item" v-for="(item, index) in orderList" :key="index">
-					<view @click="goOrderDetails(item.id)">
+					<view @click="goOrderDetails(item.id,item)">
 						<view class="title acea-row row-between-wrapper">
 							<view class="acea-row row-middle">
 								<text class="sign cart-color acea-row row-center-wrapper" v-if="item.type == 2">{{
@@ -412,7 +412,7 @@ export default {
 		/**
 		 * 去订单详情
 		 */
-		goOrderDetails: function (order_id) {
+		goOrderDetails: function (order_id,order) {
 			let that = this;
 			if (!order_id)
 				return that.$util.Tips({
@@ -426,7 +426,8 @@ export default {
 				.then(() => {
 					uni.hideLoading();
 					uni.navigateTo({
-						url: '/pages/goods/order_details/index?order_id=' + order_id
+						url: '/pages/goods/order_details/index?order_id=' + order_id+'&order='+JSON.stringify(order)
+						+'&goods='+encodeURIComponent(JSON.stringify(order.orderGoods))
 					})
 				})
 				.catch(err => {

pages/goods_details/index.vue

@@ -143,7 +143,7 @@
 						<view class="title">{{ $t(`产品介绍`) }}</view>
 						<view class="conter">
 							<u--image :src="item" v-for="(item, index) in 
-								storeInfo.detailImgUrlList" width="100%" mode="widthFix">
+								storeInfo.detailImgUrlList" width="100%" mode="heightFix">
 							</u--image>
 						</view>
 					</view>
@@ -357,7 +357,7 @@ import productConSwiper from "@/components/productConSwiper";
 import couponListWindow from "@/components/couponListWindow";
 import productWindow from "@/components/productWindow";
 import userEvaluation from "@/components/userEvaluation";
-import shareRedPackets from "@/components/shareRedPackets";
+// import shareRedPackets from "@/components/shareRedPackets";
 import kefuIcon from "@/components/kefuIcon";
 import menuIcon from "@/components/menuIcon.vue";
 import {
@@ -387,7 +387,7 @@ export default {
 		couponListWindow,
 		productWindow,
 		userEvaluation,
-		shareRedPackets,
+		// shareRedPackets,
 		kefuIcon,
 		menuIcon,
 		cusPreviewImg,

pages/goods_details/index_mall.vue

@@ -337,9 +337,9 @@
 						</view>
 					</view> -->
 			</view>
-			<shareRedPackets :sharePacket="sharePacket" @listenerActionSheet="listenerActionSheet"
+			<!-- <shareRedPackets :sharePacket="sharePacket" @listenerActionSheet="listenerActionSheet"
 				@closeChange="closeChange" :showAnimate="showAnimate" @boxStatus="boxStatus">
-			</shareRedPackets>
+			</shareRedPackets> -->
 			<!-- 组件 -->
 			<productWindow :attr="attr" :isShow="1" :iSplus="1" @myevent="onMyEvent" @ChangeAttr="ChangeAttr"
 				@ChangeCartNum="ChangeCartNum" @attrVal="attrVal" @iptCartNum="iptCartNum" id="product-window"
@@ -450,7 +450,7 @@
 	import couponListWindow from "@/components/couponListWindow";
 	import productWindow from "@/components/productWindow";
 	import userEvaluation from "@/components/userEvaluation";
-	import shareRedPackets from "@/components/shareRedPackets";
+	// import shareRedPackets from "@/components/shareRedPackets";
 	import kefuIcon from "@/components/kefuIcon";
 	import menuIcon from "@/components/menuIcon.vue";
 	import {
@@ -480,7 +480,7 @@
 			couponListWindow,
 			productWindow,
 			userEvaluation,
-			shareRedPackets,
+			// shareRedPackets,
 			kefuIcon,
 			menuIcon,
 			cusPreviewImg,

pages/index/index.vue

@@ -3,11 +3,7 @@
 </template>
 
 <script>
-	import diy from './diy'
 	import diyC from './diy/index_mall.vue'
-	import {
-		getShare
-	} from "@/api/public.js";
 	export default {
 		data() {
 			return {
@@ -16,7 +12,6 @@
 			}
 		},
 		components: {
-			diy,
 			diyC
 		},
 		onShow() {