educoder/app/views/account/authentication.html.erb

<div class="panel-user-right-con clearfix">
  <% if !@user.authentication && @apply_user_auth.nil? %>
      <div class="panel-not-certification" id="no_certification_box">
        <p class="font-18 border-bold-left-orange shiming-title">实名认证</p>
        <div style="height: 140px"></div>
        <div class="shiming-into">
          <!--<p><img src="/images/account/shiming150.png" width="150" height="80"/></p>-->
          <p class="font-bd mb10 font-16">当前账号尚未实名认证</p>
          <p class="mb10">请完成实名认证以更好地享受智能教学服务</p>
          <p><a class="shiming-to color_white font-16" onclick="real_certification()" href="javascript:void(0)">立即认证</a></p>
        </div>
      </div>
  <% elsif !@user.authentication && @apply_user_auth && @apply_user_auth.status == 0 %>
      <!--实名认证-认证中--->
      <div class="panel-certification pr" style="height:100%; ">
        <div class="panel-cer-title clearfix">
          <p class="font-18 shiming-title fl mt5">实名认证</p>
          <p class="fr color-grey">
            <span class="sm-stage-number">1</span><span class="sm-stage-item color-grey mr10 stage-font-active">填写认证信息&nbsp;&nbsp;></span>
            <span class="sm-stage-number stage-back-active">2</span><span class="sm-stage-item color-grey mr10 stage-font-active">人工审核&nbsp;&nbsp;></span>
            <span class="sm-stage-number">3</span><span class="sm-stage-item color-grey mr10 stage-font-active">认证结果</span>
          </p>
        </div>
        <div class="panel-cer-content">
          <p class="border-dash-orange pt5 pb5 mb20"><i class="fa fa-exclamation-circle u-color-light-red ml10 mr5 font-16"></i><span class="u-color-light-red mr15">认证中</span>我们将在1个工作日内完成审核，通过审核后页面会显示“已认证”</p>
          <table class="edu-table" cellspacing="0" cellpadding="0">
            <thead>
            <tr>
              <th colspan="2" style="text-align: left" class="pl15">认证信息</th>
            </tr>
            </thead>
            <tbody>
            <tr>
              <td>真实姓名：</td>
              <td><%= @user.show_real_name %></td>
            </tr>
            <tr>
              <td>性别：</td>
              <td><%= @user.user_extensions && @user.user_extensions.gender && @user.user_extensions.gender == 1 ? '女' : '男' %></td>
            </tr>
            <tr>
              <td>身份证号码：</td>
              <td><%= @user.try(:ID_number) %></td>
            </tr>
            <tr>
              <td>手持身份证正面头部照：</td>
              <td>已上传<a href="javascript:void(0);" class="ml15 color-blue">查看</a><%= image_tag(url_to_auth_img(@user.id, 'ID'), :width => 200, :height => 150, :id => "upload_id_image", :class => "none") %></td>
            </tr>
            </tbody>
          </table>
          <p class="mt10 color-dark-grey">若您想重新认证，请先<a href="javascript:void(0);" class="color-blue" onclick="s_op_confirm_box('<%= cancel_pro_apply_account_path(:auth_type => 1) %>', '是否确定撤销提交的实名认证申请')">撤销本次认证申请</a></p>
        </div>
      </div>
  <% elsif !@user.authentication && @apply_user_auth && @apply_user_auth.status == 2 %>
      <div class="panel-certification pr" style="height:100%; " id="no_certification_box">
        <div class="panel-cer-title clearfix">
          <p class="font-18 shiming-title fl mt5">实名认证</p>
          <p class="fr color-grey">
            <span class="sm-stage-number">1</span><span class="sm-stage-item color-grey mr10 stage-font-active">填写认证信息&nbsp;&nbsp;></span>
            <span class="sm-stage-number">2</span><span class="sm-stage-item color-grey mr10 stage-font-active">人工审核&nbsp;&nbsp;></span>
            <span class="sm-stage-number stage-back-active">3</span><span class="sm-stage-item color-grey mr10 stage-font-active">认证结果</span>
          </p>
        </div>
        <div class="panel-cer-content">
          <p class="border-error-result pt5 pb5 mb20"><i class="fa fa-times-circle color-red ml10 mr5 font-16"></i><span class="color-red mr15">未通过</span>原因：<span class="color-red"><%= @apply_user_auth.remarks %></span></p>

          <table class="edu-table" cellspacing="0" cellpadding="0">
            <thead>
            <tr>
              <th colspan="2" style="text-align: left" class="pl15">认证信息</th>
            </tr>
            </thead>
            <tbody>
            <tr>
              <td>真实姓名：</td>
              <td><%= @user.show_real_name %></td>
            </tr>
            <tr>
              <td>性别：</td>
              <td><%= @user.user_extensions && @user.user_extensions.gender && @user.user_extensions.gender == 1 ? '女' : '男' %></td>
            </tr>
            <tr>
              <td>身份证号码：</td>
              <td><%= @user.try(:ID_number) %></td>
            </tr>
            <tr>
              <td>手持身份证正面头部照：</td>
              <td>已上传<a href="javascript:void(0);" class="ml15 color-blue">查看</a><%= image_tag(url_to_auth_img(@user.id, 'ID'), :width => 200, :height => 150, :id => "upload_id_image", :class => "none") %></td>
            </tr>
            </tbody>
          </table>
          <p class="mt10 color-dark-grey">若您想重新认证，请<a href="javascript:void(0);" class="color-blue" onclick="real_certification();">点击这里</a></p>
        </div>
      </div>
  <% elsif @user.authentication %>
      <div class="panel-certification pr" style="height:100%; " id="no_certification_box">
        <div class="panel-cer-title clearfix">
          <p class="font-18 shiming-title fl mt5">实名认证</p>
          <p class="fr color-grey">
            <span class="sm-stage-number">1</span><span class="sm-stage-item color-grey mr10 stage-font-active">填写认证信息&nbsp;&nbsp;></span>
            <span class="sm-stage-number">2</span><span class="sm-stage-item color-grey mr10 stage-font-active">人工审核&nbsp;&nbsp;></span>
            <span class="sm-stage-number stage-back-active">3</span><span class="sm-stage-item color-grey mr10 stage-font-active">认证结果</span>
          </p>
        </div>
        <div class="panel-cer-content">
          <p class="pt5 pb5 mb20"><i class="fa fa-check-circle color-light-green ml10 mr5 font-16"></i><span class="color-light-green mr15">已认证</span></p>

          <table class="edu-table" cellspacing="0" cellpadding="0">
            <thead>
            <tr>
              <th colspan="2" style="text-align: left" class="pl15">认证信息</th>
            </tr>
            </thead>
            <tbody>
            <tr>
              <td>真实姓名：</td>
              <td><%= @user.show_real_name %></td>
            </tr>
            <tr>
              <td>性别：</td>
              <td><%= @user.user_extensions && @user.user_extensions.gender && @user.user_extensions.gender == 1 ? '女' : '男' %></td>
            </tr>
            <tr>
              <td>身份证号码：</td>
              <td><%= @user.try(:ID_number) %></td>
            </tr>
            <tr>
              <td>手持身份证正面头部照：</td>
              <td>已上传<a href="javascript:void(0);" class="ml15 color-blue">查看</a><%= image_tag(url_to_auth_img(@user.id, 'ID'), :width => 200, :height => 150, :id => "upload_id_image", :class => "none") %></td>
            </tr>
            </tbody>
          </table>
        </div>
      </div>
  <% end %>

  <div class="panel-certification pr none" id="auth_certification_box" style="height:100%; ">
    <%= render :partial => "account/user_auth_form" %>
  </div>
</div>

<script>
    $(function(){
        var image = $("#upload_id_image");
        $("#upload_id_image").prev().attr("href", image.attr('src')+".png");
        $("#upload_id_image").prev().colorbox({rel: 'nofollow', close: "关闭", returnFocus: false});
    });
</script>