<!-- 填写退货快递 -->
<!--pages/writeReturnLogistics/writeReturnLogistics.wxml-->

<view class="page">
  <view class="box">
    <!-- 快递公司 -->
    <picker class="picker-box" mode="selector" bindchange="chooseLogisticsCompany" value="{{expressId}}" range="{{deliveryList}}" range-key="dvyName">
      <view class="select-show select-box clearfix">
        <text class="select-text">快递公司</text>
        <text class="select-results select-reason">{{deliveryList[expressId].dvyName}}</text>
        <view class="right-arrow"><image src="../../images/icon/more.png"></image></view>
      </view>
    </picker>
    

    <!-- 退货信息 -->
    <view class="write-msg">
      <!-- 单号 -->
      <view class="item-num">
        <label class="item-num-tit">快递单号</label>
        <input class="item-num-num" placeholder="请输入快递单号" value="{{expressNo}}" bindinput="onExpressNoInput"/>
      </view>
      <!-- 说明 -->
      <view class="item-num">
        <label class="item-num-tit">备注说明</label>
        <input class="item-num-num refund-explain" placeholder="选填，最多200字" maxlength="200"  value="{{senderRemarks}}" bindinput="onSenderRemarksInput"/>
      </view>

      <!-- 上传照片 -->
      <view class="item-num">
        <label class="item-num-tit upload-tit">上传凭证</label>
        <view class="upload-img">
          <view class="upload-tips">可上传5张图片</view>
          <!-- 预览缩略图 -->
            <block wx:for="{{imgs}}" wx:key="*this" wx:for-index="idx" wx:for-item="imgItem">
              <view class="q-image-wrap">
                <!-- 图片缩略图  -->
                <image class="q-image" src="{{imgItem.url}}" mode="aspectFill" data-idx="{{idx}}"></image>
                <!-- 移除图片的按钮  -->
                <view class="q-image-remover" data-idx="{{idx}}" data-index="{{index}}" bindtap="removeImage"><image src="../../images/icon/close2.png"></image></view>
              </view>
            </block>
          <!-- 添加图片按钮 -->
          <!-- <view class="upload-btn" wx:if="{{imgs.length < 5}}" data-idx="{{index}}" bindtap="getUploadImg">+</view> -->
          <view class="upload" wx:if="{{imgs.length < 5}}" data-idx="{{index}}" bindtap="getUploadImg">
            <image src="../../images/icon/photo.png" mode="" class="photo"/>
          </view>
        </view>
      </view>
      <!-- 上传照片end -->
    </view>
    <!-- 退货信息end -->
  </view>


  <!-- 提交btn -->
  <view class="submit-btn" bindtap="writeLogisticsMsg">提交</view>


</view>

  