<view>
  <image class="top-img" src="/static/images/bk.png" mode="widthFix"></image>
  <view class="title">{{name}}问题报备</view>
  <view class="form-wrapper">
    <view class="form-item">
      <view class="item-left">客户姓名</view>
      <view class="item-right">
        <input class="weui-input name-input" maxlength="10" placeholder="请输入姓名" value="{{problem.name}}"
          bindinput="bindName" />
      </view>
    </view>
    <view class="form-item">
      <view class="item-left">手 机</view>
      <view class="item-right">
        <input class="weui-input name-input" maxlength="11" type="number" placeholder="请输入客户手机"
          value="{{problem.tempMobile}}" bindinput="bindMobile" />
      </view>
    </view>

    <view class="form-item">
      <view class="item-left">服务时段</view>
      <picker mode="multiSelector" style="flex:1" bindchange="bindMultiPickerChange"
        bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex}}" range="{{date}}">
        <view class="item-right">
          <text class="weui-input name-input"
            style="color:{{colorService}};font-weight: 600;">{{problem.bookTime}}</text>
          <view class="arrow-down"></view>
        </view>
      </picker>
    </view>

    <view class="form-item" wx:if="{{problemInfo.isChangeTime}}">
      <view class="item-left">期望时段</view>
      <picker mode="multiSelector" style="flex:1" bindchange="bindChangePickerChange"
        bindcolumnchange="bindMultiPickerColumnChange" value="{{multiChangeIndex}}" range="{{date}}">
        <view class="item-right">
          <text class="weui-input name-input" style="color:{{colorChange}}">{{problem.changeTime}}</text>
          <view class="arrow-down"></view>
        </view>
      </picker>
    </view> 
    
    <view class="form-item"  wx:if="{{problemInfo.complainId}}">
      <view class="item-left">客服介入</view>
      <view class="item-right" style="border: unset;">
       不需要 <switch class="weui-input name-input" type="switch" checked="{{problem.isNeedFollowed}}" bindchange="bindNeedFollowed" /><text style="color:red">需要</text>
      </view>
    </view>

    <view class="form-item" style="height: unset;">
      <view class="item-left">
        <view style="width:130rpx;color:#333">备注内容</view>
      </view>
      <view class="item-right" style="height: unset;">
        <textarea class="weui-input name-input" maxlength="100" style="height: 150rpx;width: auto;" 
          placeholder="请输入其他备注" value="{{problem.remark}}" bindinput="bindRemark" />
        <view style="color: #b2b2b2; text-align: right;">{{problem.remark.length}}/100</view>
      </view>
    </view>

    <view class="weui-uploader">
      <view class="weui-uploader__hd">
        <view class="weui-uploader__title">图片上传</view>
        <view class="weui-uploader__info">{{problem.picUrls.length}}/{{files.length}}</view>
      </view>
      <view class="weui-uploader__bd">
        <view class="weui-uploader__files" id="uploaderFiles">
          <block wx:for="{{files}}" wx:key="*this">
            <view class="weui-uploader__file" bindtap="previewImage" id="{{item}}">
              <image class="weui-uploader__img" src="{{item}}" mode="aspectFill" />
            </view>
          </block>
          <view class="weui-uploader__input-box">
            <view class="weui-uploader__input" bindtap="chooseImage"></view>
          </view>
        </view>
      </view>
    </view>

  </view>

  <view class="register-btn" bindtap="saveProblem">
    确认报备
  </view>

</view>