<!-- 填写退货物流 -->
<!--pages/writeReturnLogistics/writeReturnLogistics.wxml-->

<view class="page">
  <!-- 物流公司 -->
  <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" wx:if="{{expressNo}}">物流单号</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>
    </view>
    <!-- 上传照片end -->
  </view>
  <!-- 退货信息end -->


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


</view>

  