<!--pages/refundDetail/refundDetail.wxml-->
<view class="page-refund-detail">
	<view class="header-wrap" style="background-image:url('/assets/imgs/7_1_0/rf_bgc.jpg')">
		<view class="refund-status"  wx-if="{{refundDetail.status == 'C'}}">
			<view class="status">退货取消</view>
			<view class="desc">你已取消退款啦~</view>
		</view>
			<view class="refund-status"  wx-if="{{refundDetail.status == 'N'}}">
			<view class="status">待审核</view>
			<view class="desc">退款申请已经提交，等待商家处理哦~</view>
		</view>
			<view class="refund-status"  wx-if="{{refundDetail.status == 'A'}}">
			<view class="status">待寄回</view>
			<view class="desc">商家已经同意你的退款申请</view>
		</view>
			<view class="refund-status"  wx-if="{{refundDetail.status == 'R'}}">
			<view class="status">退货中</view>
			<view class="desc">工作人员正在处理，请耐心等待哦~</view>
		</view>
			<view class="refund-status"  wx-if="{{refundDetail.status == 'RJ'}}">
			<view class="status">退款驳回</view>
			<view class="desc">如有疑问可联系商家~</view>
		</view>
			<view class="refund-status"  wx-if="{{refundDetail.status == 'D'}}">
			<view class="status">退货完成</view>
			<view class="desc">退货成功，很抱歉给您带来了不便~</view>
		</view>
	</view>

	<view class="logistics-wrap">
		<view class="logistics-info">
			<view class="logistics-item">
				<text>物流公司</text>
				<text class="company">xxxxxxx</text>
			</view>
			<view class="logistics-item">
				<text>快递单号</text>
				<text class="company">456575687686786</text>
			</view>
			<view class="write-logistics" bindtap="tapWriteLogis">
				<button class="btn btn-primary btn-outline write-btn">填写物流信息</button>
			</view>
		</view>
	</view>

	<view class="pro-wrap">
		<view class="pro-header">
			<text class="choose-pro">选择商品</text>
			<view class="pro-total-price">
				退款总金额
				<text class="total-price">￥{{refundDetail.amount}}</text>
			</view>
		</view>
		<block wx:for="{{refundDetail.tradeVO.skuVOList}}" wx:for-item="item" wx:key="{{item}}">
			<view class="pro-list">
				<image class="pro-img" src="{{item.mainImgUrl}}" />
				<view class="pro-info">
					<view class="pro-name">{{item.productName}}</view>
					<view class="pro-desc">
						规格 {{item.skuSpec}}
					</view>
					<view class="pro-price">
						<text class="price">￥{{item.price}}</text>
						<text class="number">x {{item.count}}</text>
					</view>
				</view>
			</view>
		</block>
	</view>

	<view class="refund-info">
		<view class="refund-item">
			<text class="refund-label">退款原因</text>
			<text class="refund-desc">{{refundDetail.reason}}</text>
		</view>
		<view class="refund-item">
			<text class="refund-label">退款时间</text>
			<text class="refund-desc">{{refundDetail.createTime}}</text>
		</view>
		<view class="refund-item">
			<text class="refund-label">退单编号</text>
			<text class="refund-desc">{{refundDetail.tradeId}}</text>
		</view>
		<view class="refund-item">
			<text class="refund-label">订单编号</text>
			<text class="refund-desc">{{refundDetail.id}}</text>
		</view>
		<view class="refund-item">
			<text class="refund-label">寄回信息</text>
			<text class="refund-desc" selectable="true">物流原因物流原因物流原因物流原因物流原因物流原因物流原因物流原因物流原因物流原因</text>
			<view class="copy" bindtap="copy" data-content="物流原因物流原因物流原因物流原因物流原因物流原因物流原因物流原因物流原因物流原因">复制</view>
		</view>
		<view class="refund-item">
			<text class="refund-label">退货凭证</text>
			<view class="refund-certificate">
				<view class="refund-img">
					<image src="/assets/imgs/7_1_0/address-line.png" />
				</view>
				<view class="refund-img">
					<image src="/assets/imgs/7_1_0/address-line.png" />
				</view>
				<view class="refund-img">
					<image src="/assets/imgs/7_1_0/address-line.png" />
				</view>
				<view class="refund-img">
					<image src="/assets/imgs/7_1_0/address-line.png" />
				</view>
				<view class="refund-img">
					<image src="/assets/imgs/7_1_0/address-line.png" />
				</view>
			</view>
		</view>

	</view>
	<view class="cancel">
		<button class="btn btn-primary btn-lg">撤销退款</button>
	</view>
</view>

<apply-refund show="{{showApplyRefundModal}}" />

