<template>
	<view class="fright">
		<view class="park-navbar">
			<!-- #ifndef H5 -->
			<u-navbar title="退货退款详情" :border-bottom="false" back-icon-color='#000000' title-color="#000000"></u-navbar>
			<!-- #endif -->
		</view>
		<view class="fright-hd">
			<image class="img" src="/static/daichu.png" mode="aspectFit"></image>
			<view class="title">退款中</view>
		</view>
		<view class="boer">

		</view>
		<view class="wuliu">
			<view class="wuliu-name">
				退货物流<text>顺丰快递 SF234568990</text>
			</view>
			<u-icon name="arrow-right" color="#B7B7B7" size="30"></u-icon>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				orderId: '',
				order: '',
				deliveryStatus: '',
				receiptStatus: '',
			};
		},
		onLoad(op) {
			console.log(op)
			this.orderId = op.orderId;
			this.order = op.order ?JSON.parse(decodeURIComponent(op.order)): ''
			this.deliveryStatus = op.deliveryStatus;
			this.receiptStatus = op.receiptStatus
		},
		methods: {
			openPage() {
				uni.navigateTo({
					url: '/pages/order/refund/refund?orderId=' + this.orderId + '&order=' + JSON.stringify(this
							.order) +
						"&deliveryStatus=" + this.deliveryStatus + '&receiptStatus=' + this.deliveryStatus
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	::v-deep .u-navbar-fixed {
		background: none !important;
	}

	.fright {
		overflow: hidden;
		background: linear-gradient(180deg, #FFE0E0 0%, #FFFFFF 70%);

		.boer {
			height: 12rpx;
			width: 100%;
			background: #F7F8FA;
		}

		.wuliu {
			height: 118rpx;
			background: #FFFFFF;
			margin-top: 12rpx;
			margin: 0 45rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			.wuliu-name{
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 28rpx;
				color: #292929;
				text-align: left;
				font-style: normal;
				text-transform: none;
				text{
					color: #484848;
					margin-left: 50rpx;
				}
			}
		}

		&-hd {
			padding: 50rpx 0 70rpx 0;
			box-sizing: border-box;
			margin-top: 12rpx;
			border-radius: 0px 0px 0px 0px;
			height: 310rpx;

			.img {
				display: block;
				width: 131rpx;
				height: 131rpx;
				margin: auto;
			}

			.title {
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				font-size: 36rpx;
				color: #262626;
				text-align: left;
				font-style: normal;
				text-transform: none;
				text-align: center;
				margin-top: 15rpx;
			}
		}
	}
</style>
