Mina/pages/identification/index.wxml

<view class="tips">
  为了您的账户及资金安全，请上传本人真实身份证照片！
</view>

<view class='idphoto'>
  <view class='leftid' data-index="{{1}}" bindtap='chooseImage'>
    <view class="id-img">
      <image class="idCard" wx:if="{{idFrontPic}}" src="{{idFrontPic}}" />
      <image class='default-img' wx:else src='../../images/happyjob/id-uploaded-front.png'></image>
      <image class='smallicon' src='../../images/happyjob/id-upload-positive.png'></image>
    </view>
    <view class="zmphoto">
      <text>身份证正面</text>
      <image wx:if="{{frontStatus === true}}" src="../../images/happyjob/status-success.png"></image>
      <image wx:if="{{frontStatus === false}}" src="../../images/happyjob/status-failed.png"></image>
    </view>
  </view>
  <view class='leftid' data-index="{{2}}" bindtap='chooseImage'>
    <view class="id-img">
      <image class="idCard" wx:if="{{idBackPic}}" src="{{idBackPic}}" />
      <image class='default-img' wx:else src='../../images/happyjob/id-uploaded-black.png'></image>
      <image class='smallicon' src='../../images/happyjob/id-upload-positive.png'></image>
    </view>
    <view class="zmphoto">
      <text>身份证背面</text>
      <image wx:if="{{backStatus === true}}" src="../../images/happyjob/status-success.png"></image>
      <image wx:if="{{backStatus === false}}" src="../../images/happyjob/status-failed.png"></image>
    </view>
  </view>
</view>


<view class="input-content" wx:if="{{!showMessage}}" hidden="{{!realName}}">
  <view class="input-lable">姓名：</view>
  <input class="input" value="{{ realName }}" bindblur='changeName' />
</view>
<view class="input-content" wx:if="{{!showMessage}}" hidden="{{!idNum}}">
  <view class="input-lable">身份证：</view>
  <input class="input" value="{{ idNum }}" bindblur="changeId" />
</view>
<!-- <view class='db'>
  <image src='{{imgServerUrl}}/images/happyjob/tishi.png'></image>
  <text class="nickName">身份证件照片</text>
</view> -->
<!-- <view class='db'>
  <image src='{{imgServerUrl}}/images/happyjob/tishi.png'></image>
  <text class="nickName">身份信息</text>
</view>


<view class='input-box'>
  <input class="input" value="{{ realName }}" placeholder="您的名字" bindblur='changeName' maxlength="6" />
</view>

<view class='input-box'>
  <input class="input" value="{{ idNum }}" placeholder="您的身份证号码" bindblur="changeId" maxlength="18" />
</view> -->
<!-- <view class='db'>
  <image src='{{imgServerUrl}}/images/happyjob/tishi.png'></image>
  <text class="nickName">手持身份证照片</text>
</view>

<view class='idphoto'>
  <view class='leftid1'>
    <image class='display' src='{{imgServerUrl}}/images/happyjob/display.png'></image>
  </view>
  <view class='shouchi' data-index="{{3}}" bindtap='chooseImage'>
    <image class="idCard" wx:if="{{idPersonPic}}" src="{{imgServerUrl_new}}{{idPersonPic}}" />
    <block wx:else>
      <image class='othersmallicon' src='{{imgServerUrl}}/images/happyjob/shouchi.png'></image>
      <text class="zmphoto">点击上传手持证件照</text>
    </block>
  </view>
</view> -->
<!-- <view class='bor'>
  <text>1，身份证信息仅供开心工作平台提供诚信保证使用；</text>
  <text>2，开心工作承诺不向其他第三方透露您的个人信息。</text>
</view> -->


<form bindsubmit="submit" report-submit='true' class="btn-group fixed-footer safe_area">
  <button class="distance selfBtn  {{canUpdate?'':'bg'}}" form-type="submit">提交认证</button>
</form>

<view class="message" hidden="{{!showPass}}">

  <view class="pass-content">
    <!-- <image src="{{imgServerUrl}}/images/clock/clock-waring-certified.png"></image> -->
    <view class="pass-tips">{{message}}</view>
    <view class="pass-func">
      <view>如果实名信息有误，</view>
      <view> 请联系开心客服帮您处理！</view>
    </view>
    <view class="pass-number">400-690-0099</view>
    <view class="pass-btn" bindtap="callPhone">
      <image src="{{imgServerUrl}}/images/clock/clock-phone-call.png"></image>
      <text>一键拨号</text>
    </view>
    <image src="../../images/happyjob/identification-close.png" class="identification-close" bindtap="changeShowPass"></image>
  </view>

</view>

<view class="message" hidden="{{!showMessage}}" bindtap="changeShowMessage">

<view class="message-content">
  <image src="{{imgServerUrl}}/images/clock/clock-waring-certified.png"></image>
  <view class="message-tips">{{message}}</view>
  <view class="message-func">
    <view>如果非您本人操作认证，</view>
    <view> 请联系开心客服为您解决问题。</view>
  </view>
  <view class="message-number">400-690-0099</view>
  <view class="message-btn" bindtap="callPhone">
    <image src="{{imgServerUrl}}/images/clock/clock-phone-call.png"></image>
    <text>一键拨号</text>
  </view>
</view>

</view>