<view class="container" wx:if="{{!isShow}}">
  <view  wx:if="{{!isConfirm}}">
  <view class="item">
    <view class="txt">工单号</view>
    <input class="input" bindinput="bindBookNo" value="{{bookNo}}" type="number" disabled="{{bookNo.length>0}}"/>
  </view>

  <view class="item">
    <view class="txt">客户手机</view>
    <input class="input" bindinput="bindMobile" value="{{mobile}}" type="number"  maxlength="11" />
  </view>
</view>


  <view wx:if="{{isConfirm}}" style="border-bottom:1rpx solid #ccc">
  <view class="item">
    <view  class="confirmTxt">技师名称</view>
    <view class="confirmTxt"  >{{userInfo.name}}</view>
  </view>

  <view class="item">
    <view  class="confirmTxt">客户手机</view>
    <view  class="confirmTxt" >{{mobile}}</view>
  </view>
  </view>

<view style="margin-bottom:150rpx">
  <view class="view" wx:for="{{pres}}" wx:key='*this'>
    <view class="title">{{item.categoryId.name}}</view>
    <view class="title" style="font-weight: 300;">
      {{item.deviceId.name}}
      <span wx:if="{{item.positionId.id}}">(</span> 
      <span>{{item.positionId.name}}</span> 
      <span wx:if="{{item.positionId.id}}">)</span> 
      <view  wx:if="{{!isConfirm}}" class="right" data-id="{{item.id}}" bindtap="deletePre">删除设备</view>
    </view>
    <view class="content">
      <view class="span" wx:for="{{item.problem}}"  wx:key='*this' wx:for-item='question'>
        {{question.name}}
      </view> 
    </view>
   <view class="img">
    <image class="weui-uploader__img" wx:for="{{item.files}}"  wx:key='*this' wx:for-item='img'  src="{{img}}" mode="aspectFill" />
   </view> 
   <view class="item"  wx:if="{{!isConfirm}}">
    <button class="btn" style="width:160rpx; height: 76rpx; line-height: 76rpx;" data-id='{{item.id}}' bindtap="modifyPre">编辑</button> 
  </view>
  </view>
</view>


<view wx:if="{{isConfirm}}">  
   <view class="form-item">
      <input class="captcha" type="number" value="{{captcha}}" bindinput="bindcaptchaInput" placeholder="填写验证码" auto-focus /> 
      <button class="form-item-getPhone" bindtap="getCaptcha">获取验证码</button>  
    </view>
   <!-- <view style="margin:20rpx 0">
     <checkbox-group bindchange="bindAgreeChange">
     <checkbox value="{{isAgree}}" bind style="width:30rpx;height:30rpx;border:1rpx solid #ccc"/>
     <text style="margin-left: 20rpx;">服务条款及声明</text>
    </checkbox-group>
   </view>  -->
    <button class="btn" style="width:auto" bindtap="savePre">我已理解上述问题</button>
 </view>

  <view  wx:if="{{!isConfirm}}" class="item-btn">
    <button class="btn" bindtap="addPre">添加服务项</button>
    <button class="btn" bindtap="confirmPre">下一步用户确认</button>
  </view>
</view>


<!-- 预检项目选择  -->
<view class="picker" wx:if="{{isShow}}">
  <view class="category">
    <view class="title">服务项</view>
    <view class="list">
      <view class="label" wx:for="{{base.category}}" wx:key='id' data-id='{{item.id}}'  data-name='{{item.name}}' bindtap="bindCategory">
        <text wx:if="{{categoryId.id==item.id}}" class="action">✔</text>
        {{item.name}}
      </view>
    </view>
  </view>

  <view class="category" wx:if="{{selected.device.length>0}}">
    <view class="title">设备</view>
    <view class="list">
      <view class="label" wx:for="{{selected.device}}" wx:key='id' data-id='{{item.id}}'  data-name='{{item.name}}' bindtap="bindDevice">
        <text wx:if="{{deviceId.id==item.id}}" class="action">✔</text>
        {{item.name}}
      </view>
    </view>
  </view>

  <view class="category" wx:if="{{selected.position.length>0}}">
    <view class="title">位置</view>
    <view class="list">
      <view class="label" wx:for="{{selected.position}}" wx:key='id' data-id='{{item.id}}'  data-name='{{item.name}}' bindtap="bindPosition">
        <text wx:if="{{positionId.id==item.id}}" class="action">✔</text>
        {{item.name}}
      </view>
    </view>
  </view>

  <view class="category" wx:if="{{selected.problem.length>0}}">
    <view class="title">问题</view>
    <view class="list">
      <view class="label" wx:for="{{selected.problem}}" wx:key='id' data-id='{{item.id}}'  data-name='{{item.problem}}' bindtap="bindQuestion">
        <text wx:if="{{item.checked}}" class="action">✔</text>
        {{item.problem}}
      </view>
    </view>
  </view>

  <view class="weui-uploader">
    <view class="weui-uploader__hd">
      <view class="weui-uploader__title">图片上传</view>
      <view class="weui-uploader__info">{{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 style="height:120rpx;border:1rpx solid #ccc;margin-top:20rpx;border-radius:10rpx;padding:10rpx">
    <textarea maxlength="50" bindinput="bindMemo" value="{{memo}}" style="width:100%;height:100%;color:#ccc" placeholder="如有其他问题，请填写"></textarea>
  </view>

  <view class="item" style="margin-bottom:20rpx">
    <button class="btn" bindtap="confirmAdd">确定添加</button>
    <button class="btn" bindtap="cancelAdd">取消</button>
  </view>

</view>


<canvas canvas-id='photo_canvas' style='position:fixed;left: 9999px;width:1200px;height:{{ canvasHeight }}px' class='myCanvas'></canvas>
