<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-button link type="primary">下载模板</el-button>
        </el-form-item>

        <el-form-item label="承诺书上传">
          <image-upload :limit="1" :is-show-tip="false">
            <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>
          </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>
