<!--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">{{refundDetail.refundLogistic.supplierName}}</text>
			</view>
			<view class="logistics-item">
				<text>快递单号</text>
				<text class="company">{{refundDetail.refundLogistic.code}}</text>
			</view>
			<view class="write-logistics" bindtap="tapWriteLogis" wx:if="{{refundDetail.status == 'A'}}">
				<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">{{refundDetail.refundLogistic.receiverAddress}}</text>
			<view class="copy" bindtap="copy" data-content="{{refundDetail.refundLogistic.receiverAddress}}">复制</view>
		</view>
		<view class="refund-item">
			<text class="refund-label">退货凭证</text>
			<view class="refund-certificate">
				<view class="refund-img" wx:for="{{refundDetail.proofImgUrls}}" wx:key="{{index}}">
					<image src="{{item}}" />
				</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" bindtap="handelRevokeRefund">撤销退款</button>
	</view>
</view>

<apply-refund show="{{showApplyRefundModal}}" refundId="{{refundId}}" bind:ok="onDeliveryOk"/>

<!--goHome-->
<go-home/>

