<!--case/pages/register/register.wxml-->
<view class="page">
    <view class="step" hidden="{{showNext}}">
        <van-cell-group >
        <van-field value="{{ mobile }}" label="手机号" placeholder="请输入手机号" bind:change="onChange"  extra-event-params data-id="mobile" placeholder-style="color:#999;font-size:15px" />
        <van-field
        placeholder-style="color:#999;font-size:15px"
    value="{{ captchaCode }}"
    bind:change="onChange"
    data-id="captchaCode"
    label="图形验证码"
    extra-event-params
    placeholder="请输入图形验证码"
    use-button-slot
  >
  <image src="{{imgCode}}" mode="aspectFit" slot="button" class="imgCode" bind:tap="handleGetCaptcha"/>
    <!-- <van-button slot="button" size="small" type="primary">
      发送验证码
    </van-button> -->
  </van-field>
        <van-field value="{{ sms }}" data-id="sms" label="短信验证码" placeholder="请输入短信验证码" use-button-slot  bind:change="onChange" extra-event-params placeholder-style="color:#999;font-size:15px"
   >
            <van-button slot="button" size="small" type="primary" disabled="{{disabled}}" bind:tap="handleThrottle"> {{msg}} </van-button>
        </van-field>
        <van-field value="{{ password }}" type="text" label="密码" placeholder="请输入6~16位字母、数字组合" 
        placeholder-style="color:#999;font-size:15px" data-id="password" bind:change="onChange" extra-event-params />

        <view class="next">
            <van-button type="primary" block bind:tap="goNext">下一步</van-button>
        </view>
     
    </van-cell-group>
    <view class="tip"> 若您有任何疑问或需要我们协助，请与您的小助手联系或直接微信联系<text class="red">igandan1000</text></view>
    </view>
     <view hidden="{{!showNext}}">
        <van-cell-group class="group" >
        <van-field value="{{ name }}" label="姓名" placeholder="请输入您的真实姓名"  input-align="right" placeholder-style="color:#999;font-size:15px" bind:change="onChange" data-id="name"  extra-event-params/>
        <van-field value="{{ hospital_name }}"   label="医院" placeholder="请选择医院" right-icon="arrow" placeholder-style="color:#999;font-size:15px"
        input-align="right" bind:tap="opeArea" readonly/>
        <van-field value="{{ office_name }}"  
        placeholder-style="color:#999;font-size:15px"bind:tap="openOffice"  label="科室" placeholder="请选择科室" right-icon="arrow" input-align="right"  readonly />
        <van-field value="{{ position_name }}"  
        placeholder-style="color:#999;font-size:15px" bind:tap="openPosition" label="职称" placeholder="请选择职称" right-icon="arrow" input-align="right"  readonly />
        <van-field value="{{ certificate }}"   placeholder-style="color:#999;font-size:15px" label="执业证号(选填)" placeholder="请输入执业证号"  class="myclass" input-align="right"  />
        <!-- <van-field value="{{ value }}"   label="执业医师资格证或工作胸牌" placeholder="请输入您的真实姓名" right-icon="arrow" input-align="right" bind:change="onChange" input-align="right" >
            <view class="right" slot="input">
                <van-image width="120rpx" height="80rpx" fit="contain" src="https://dev-wx.igandan.com/public/hcpEducation/images/default.png" />
            </view>
        </van-field> -->
        <van-cell title="执业医师资格证或工作胸牌" is-link class="cert">
            <van-uploader file-list="{{ fileList }}" bind:after-read="afterRead" class="upload"/>
            <van-image width="120rpx" height="80rpx" fit="contain" src="{{certificate_img?certificate_img:img_host+'/default_register.png'}}"  class="cert"/>
        </van-cell>
        <view class="next">
            <van-button type="primary" block bind:tap="handleSmsRegister">提交</van-button>
        </view>
        <view class="prev" >
            <van-button type="primary" block bind:tap="showNext">上一步</van-button>
        </view>
    </van-cell-group>
     </view>
</view>
<van-popup
  show="{{ showArea }}"
  round
  position="bottom"
  custom-style="height: 50%"
>
<van-picker columns="{{ areaColumns }}" value-key="name" bind:change="onChangeArea" title="请选择地区" show-toolbar bind:confirm="confirmArea" bind:cancel="cancelArea"/>
</van-popup>
<van-popup
  show="{{ showHospital }}"
  round
  position="bottom"
  custom-style="height: 50%"
>
<van-picker columns="{{ hospitalColumns }}" value-key="name" title="请选择医院" show-toolbar bind:confirm="confirmHospital" bind:cancel="cancelHospital"/>
</van-popup>
<van-popup
  show="{{ showOffice }}"
  round
  position="bottom"
  custom-style="height: 50%"
>
<van-picker columns="{{ officeColumns }}" value-key="officeName" title="请选择科室" show-toolbar bind:confirm="confirmOffice" bind:cancel="cancelOffice"/>
</van-popup>
<van-popup
  show="{{ showPosition }}"
  round
  position="bottom"
  custom-style="height: 50%"
>
<van-picker columns="{{ positionColumns }}" value-key="name" title="请选择职称" show-toolbar bind:confirm="confirmPosition" bind:cancel="cancelPosition"/>
</van-popup>
<dialog showDialog="{{showSuccess}}" showCancel="{{false}}" bind:confirm="onConfirmSuccess" title="提示" confirmText="确定" message="注册成功，请等待审核"></dialog>
<van-overlay show="{{showCrop}}" >
    <image-cropper id="image-cropper" bindload="cropperload" bindimageload="loadimage" bindtapcut="clickcut" limit_move="{{limit_move}}" disable_rotate="{{disable_rotate}}" width="{{width}}" height="{{height}}" imgSrc="{{src}}" angle="{{angle}}" disable_width="{{disable_width}}" max_width="{{max_width}}" max_height="{{max_height}}" disable_height="{{disable_height}}" disable_ratio="{{disable_ratio}}"></image-cropper>
   <view class="buttonbox">
    <button bindtap='closeCrop' type="default" class="button" size="mini">返回</button>
    <button bindtap='submit' type="primary" class="button" size="mini">确定</button>
   </view>
</van-overlay>