<!--
 * @Author: ch
 * @Date: 2022-04-14 13:44:30
 * @LastEditors: ch
 * @LastEditTime: 2022-04-14 14:58:49
 * @Description: file content
-->
<template>
	<view>
		<UiWhiteBox>
			<view class="title">商家已同意退货申请，请尽早退货。</view>
		</UiWhiteBox>
		<UiWhiteBox>
			<view class="title">退货说明：拒收到付</view>
			<view class="content">
				<view>•未与商家协商一致，请勿使用到付或平邮，以免商家拒签货物</view>
				<view>•请填写真实退货物流信息，逾期未填写，退货申请将关闭</view>
			</view>
			<view class="footer">
				<UiButton size="min">撤销申请</UiButton>
			</view>
		</UiWhiteBox>
		<UiWhiteBox class="box">
			<UiCell title="物流公司" ></UiCell>
			<UiCell title="物流单号" >
				<input class="input" slot="value" />
			</UiCell>
			<UiCell title="退款金额" :rightIcon="false">
				<text class="price" slot="value">￥36.3</text>
			</UiCell>
			<view class="cell-title">
				<view>
					<text>问题描述</text>
					<text class="cell-title--min">（选填）</text>
				</view>
				<text class="cell-title--min">10/45</text>
			</view>
			<textarea class="cell-textarea" maxlength="45" placeholder="请输入您申请退款的问题"></textarea>
		</UiWhiteBox>
		<UiWhiteBox class="box">
			<view class="cell-title">
				<text>上传凭证</text>
				<text class="cell-title--min">（0/9）</text>
			</view>
			<u-upload
				multiple
				:maxCount="9"
				:previewFullImage="true"
			></u-upload>
		</UiWhiteBox>

		<UiButton class="submit-btn" size="max" type="gradual">确认提交</UiButton>
	</view>
</template>
<script>
import UiButton from '../../../../../components/UiButton.vue'
import UiCell from '../../../../../components/UiCell.vue'
import UiWhiteBox from '../../../../../components/UiWhiteBox.vue'
export default {
	components: { UiWhiteBox, UiButton, UiCell },
	
}
</script>
<style lang="scss" scoped>
.box{
	padding: 0 30rpx;
}
.title{
	height: 98rpx;
	line-height: 98rpx;
	padding-left: 30rpx;
	border-bottom: 2rpx solid $color-grey2;
	color: $color-yellow3;
}
.content{
	padding: 30rpx 30rpx 0;
	view{
		line-height: 34rpx;
		color: $color-grey4;
		font-size: $font-size-sm;
		margin-bottom: 28rpx;
	}
}
.footer{
	padding: 0 30rpx 30rpx;
	text-align: right;
	.btn{
		margin-left: 20rpx;
	}
}

.cell-title{
	padding : 30rpx 0;
	display: flex;
	justify-content: space-between;
	&--min{
		font-size: $font-size-sm;
		color: $color-grey4;
	}
}
.cell-textarea{
	height: 100rpx;
}
.submit-btn{
	position: fixed;
	bottom: 30rpx;
	left: 30rpx;
	z-index:999
}
</style>