<!--case/pages/bankCard/bankCard.wxml-->
<navBar navName="绑定银行卡"></navBar>
<view class="page">
    <view class="content">
        <view class="tip">请确定开户人姓名与真实姓名一致</view>
    <view >
        <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="{{ idCardNo }}" label="身份证号" placeholder="请输入您的身份证号"  input-align="right" placeholder-style="color:#999;font-size:15px" bind:change="onChange" data-id="idCardNo"  extra-event-params/>
       
        
      
      
    </van-cell-group>
    <view style="margin-top: 40rpx;">
        <van-cell-group class="group" >
            <van-field value="{{cityName}}"   label="所在城市" placeholder="请选择开户行所在城市" right-icon="arrow" placeholder-style="color:#999;font-size:15px"
        input-align="right" bind:tap="opeArea" readonly/>
        <van-field value="{{ bankName }}"  
        placeholder-style="color:#999;font-size:15px" bind:change="onChange" data-id="bankName"  extra-event-params  label="开户行" placeholder="请输入开户行"  input-align="right"   />
        <van-field value="{{ bankCardNo }}"  
        placeholder-style="color:#999;font-size:15px" bind:change="onChange" data-id="bankCardNo"  extra-event-params label="银行卡号" placeholder="请输入银行卡号"  input-align="right"   />
      
    </van-cell-group>
    </view>
    <view style="margin-top: 40rpx;">
       <view class="signbox">
          <view class="signname"><text class="name">签名</text></view>
          <view class="uploadbox" bind:tap="goSign" wx:if="{{!signImg}}">
            <van-icon name="plus" size="40px" color="#999"/>
            <view class="name">添加签名</view>
          </view>
          <image  class="uploadbox" src="{{signImg}}" mode="widthFix" wx:else />
       </view>

    </view>
   
     </view>
    </view>
     <view class="next">
            <van-button type="primary" block bind:tap="handleAddBank">提交</van-button>
        </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>