<template>
  <el-card shadow="never">
    <template #header>
      <div class="card-header">
        <span>请上传您的身份证件（人像面、国徽面）</span>
      </div>
    </template>
    <div class="">
      <el-form label-width="145px" label-position="left">
        <el-form-item label="姓名">
          <el-input placeholder="请输入姓名" size="large" style="width: 343px"></el-input>
        </el-form-item>
        <el-form-item label="身份证">
          <el-input placeholder="请输入身份证号" size="large" style="width: 343px"></el-input>
        </el-form-item>

        <el-form-item label="身份证图片">
          <image-upload style="margin-right: 20px" :limit="1">
            <template #uploader-icon>
              <div style="text-align: center">
                <el-icon class="avatar-uploader-icon" size="32px">
                  <CirclePlusFilled/>
                </el-icon>
                <div style="padding: 0 10px;font-size: 12px;line-height: 1.5;color: inherit">
                  仅支JPG，PNG，GIF，大小小于2M，最多1张
                </div>
              </div>
            </template>
            <template #tip>
              <div style="text-align: center;font-size: 14px;color: #626566;">人像面</div>
            </template>
          </image-upload>
          <image-upload :limit="1">
            <template #uploader-icon>
              <div style="text-align: center">
                <el-icon class="avatar-uploader-icon" size="32px">
                  <CirclePlusFilled/>
                </el-icon>
                <div style="padding: 0 10px;font-size: 12px;line-height: 1.5;color: inherit">
                  仅支JPG，PNG，GIF，大小小于2M，最多1张
                </div>
              </div>
            </template>
            <template #tip>
              <div style="text-align: center;font-size: 14px;color: #626566;">国徽面</div>
            </template>
          </image-upload>
        </el-form-item>
      </el-form>
    </div>
  </el-card>
</template>

<script setup>
import ImageUpload from '@/components/ImageUpload/index.vue'
</script>

<style scoped lang="scss">
@import url('./base.scss');
</style>
