<view class="flex-col page">
  <!-- 身份证输入框 -->
  <view class="flex-row items-center section">
    <image class="image" src="./images/find.png" />
    <input class="font text ml-5" maxlength="18" placeholder="请输入身份证查询凭证" bindinput="onInput" bindconfirm="onSearch" />
  </view>

  <!-- 显示查询结果 -->
  <view class="flex-col mt-18">
    <!-- 审核失败 -->
    <view wx:if="{{status === '已拒绝'}}" class="flex-col section_2">
      <view class="flex-row justify-center self-start section_3">
        <image class="image_2" src="./images/flase.png" />
        <text class="font text_2 ml-8">审核失败</text>
      </view>
      <text class="self-start font_2 text_3">姓名</text>
      <text class="self-start font_3 text_4">{{result.name}}</text>
      <text class="self-start font_2 text_5">手机号</text>
      <text class="self-start font_4 text_6">{{result.phone}}</text>
      <view class="flex-col self-stretch relative group">
        <view class="self-start section_4"></view>
        <view class="flex-col justify-start items-center self-stretch text-wrapper" bind:tap="reapply">
          <text class="font text_9">重新申请</text>
        </view>
        <view class="flex-col items-start section_5 pos">
          <text class="font_5 text_7">原因：</text>
          <text class="font_5 text_8 mt-11">{{result.failureReason}}</text>
        </view>
      </view>
    </view>

    <!-- 审核通过 -->
    <view wx:if="{{status === '已通过'}}" class="flex-col section_6 mt-18">
      <view class="flex-col group_2">
        <view class="flex-row justify-between group_3">
          <view class="flex-row items-center section_7">
            <image class="shrink-0 image_3" src="./images/current.png" />
            <text class="font text_11 ml-6">审核通过</text>
          </view>
          <view class="flex-col justify-start items-center self-start text-wrapper_2">
            <text class="text_10">员工</text>
          </view>
        </view>
        <view class="flex-col relative mt-21">
          <view class="flex-row self-stretch section_8">
            <text class="font_2 text_12">姓名</text>
            <text class="font_3 ml-39">{{result.name}}</text>
          </view>
          <view class="flex-row self-stretch section_9">
            <text class="font_2">手机号</text>
            <text class="font_4 text_13 ml-23">{{result.phone}}</text>
          </view>
          <view class="self-start section_10"></view>
          <view class="flex-row justify-between items-center section_11 pos_2">
            <view class="flex-row items-center">
              <text class="font_2 text_14">密码</text>
              <text class="font_3 text_15 ml-37">{{result.password}}</text>
            </view>
            <text class="font_2 text_16" bind:tap="copyPassword">复制</text>
          </view>
        </view>
        <view class="group_4 mt-21">
          <text class="font_6 text_17">温馨提示：</text>
          <text class="font_6">恭喜成为本公司的推广员工，请保存以上账号密码，用于登录员工端小程序。</text>
        </view>
      </view>
      <view class="flex-col justify-start items-center text-wrapper_3" bind:tap="gotoLogin"><text class="font text_18">去登录</text></view>
    </view>

    <!-- 审核中 -->
    <view wx:if="{{status === '待审核'}}" class="flex-col section_12 mt-18">
      <view class="flex-row justify-center items-center self-start section_13">
        <image class="image" src="./images/wait.png" />
        <text class="font text_19 ml-6">审核中</text>
      </view>
      <text class="self-start font_2 text_20">姓名</text>
      <text class="self-start font_3 text_21">{{result.name}}</text>
      <text class="self-start font_2 text_22">手机号</text>
      <text class="self-start font_4 text_23">{{result.phone}}</text>
      <!-- <text class="self-start font_2 text_24">身份证号</text>
      <view class="flex-row self-stretch group_5">
        <view class="shrink-0 section_14"></view>
        <view class="flex-col justify-start items-start flex-1 text-wrapper_4">
          <text class="text_25">{{result.idCard}}</text>
        </view>
      </view> -->
      <view class="flex-col self-stretch group_6">
        <view class="group_7">
          <text class="font_6 text_26">注：</text>
          <text class="font_6">每次必须通过身份证来查看申请状态。</text>
        </view>
        <view class="flex-col justify-start items-center text-wrapper_5 mt-14" bind:tap="revokeApplication">
          <text class="font text_27">撤销申请</text>
        </view>
      </view>
    </view>
  </view>
</view>
