<!--pages/refund/refund.wxml-->
<view class="page-refund">
	<view class="select-pro">选择商品</view>
	<view class="cart-content">
		<view class="cart-item" wx:for="{{cartList}}" wx:key="{{index}}">
			<view class="cart-list" style="{{item.shows}}" data-index="{{index}}">
				<view class="select-radio" catchtap="selectPro" data-index="{{index}}">
					<icon
					 size="16"
					 type="{{item.checked ? 'success' : 'circle'}}"
					 color="{{checkedColor}}"
					 data-index="{{index}}"
					 catchtap="checkPro"
					/>
				</view>
				<view class="pro-info">
					<image class="pro-img" src="{{item.skuImgUrl ? item.skuImgUrl: '/assets/imgs/7_1_0/icon.png'}}" mode="widthFix" />
					<view class="pro-right-info">
						<view class="pro-name">{{item.name}}</view>
						<view class="pro-sku">{{item.sku}}</view>
						<view class="pro-price">
							<view class="price">￥ {{item.price}}</view>
							<view class="pro-num-edit">
								<button class="redus-num" data-index="{{index}}" catchtap="minusNum">-</button>
								<input
								 class="pro-num-edit-input"
								 type="number"
								 data-index="{{index}}"
								 bindblur="blurNum"
								 value="{{item.count}}"
								/>
								<button class="add-num" data-index="{{index}}" catchtap="addNum">+</button>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>

	<view class="refund-info">
		<view class="form">
			<view class="form-label">退款原因</view>
			<view class="form-picker">
				<picker
				 mode="selector"
				 bindchange="selectType"
				 range="{{resonType}}"
				 range-key="name"
				 class="reason-picker"
				>
					{{curType.name}}
				</picker>
			</view>
		</view>
		<view class="form">
			<view class="form-label">退款金额</view>
			<view class="form-picker">
				<text class="refund-price">￥{{returnOrder}}</text>
			</view>
		</view>
		<view class="form">
			<view class="form-label block-label">申请说明</view>
			<view class="form-input">
				<input
				 type="textarea"
				 class="desc"
				 placeholder="请您详细填写退款说明（最多200字）"
				 maxlength="200"
				 bindblur="changeRemark"
				/>
			</view>
		</view>
		<view class="form">
			<view class="form-label">上传凭证
				<text class="img-number">最多5张</text>
			</view>
			<view class="form-input">
				<upload-img bind:_uploadImg="_uploadImg" />
			</view>
		</view>
	</view>
	<view class="submit">
		<button class="btn btn-primary btn-lg" bindtap="submitRefund">提交申请</button>
	</view>
</view>

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

