submitAudit.vue 2.58 KB
<template>
  <el-dialog v-model="show" title="人工审核" :close-on-click-modal="true" width="600" style="border-radius: 20px">
    <el-form ref="formRef" label-width="80" :model="form" :rules="rules" style="padding-right: 50px">
      <!--      <el-form-item label="姓名" prop="name">-->
      <!--        <el-input v-model.trim="form.name" placeholder="" style="width: 100%;" />-->
      <!--      </el-form-item>-->
      <!--      <el-form-item label="证件类型" prop="idcType">-->
      <!--        <el-input v-model.trim="form.idcType" placeholder="" style="width: 100%;" />-->
      <!--      </el-form-item>-->
      <!--      <el-form-item label="证件号" prop="idcCode">-->
      <!--        <el-input v-model.trim="form.idcCode" placeholder="" style="width: 100%;" />-->
      <!--      </el-form-item>-->
      <el-form-item label="身份证或户口本页" prop="fileUrl" label-width="180">
        <ImageUpload2
          v-model.trim="form.fileUrl" class="fileUrl" :crop-width="440" :crop-height="260"
          :limit="1"
        />
      </el-form-item>
      <!--      <el-form-item label="头像" prop="photo" class="photo">-->
      <!--        <image-upload-avatar v-model="form.photo" v-model:round="form.photo2" />-->
      <!--      </el-form-item>-->
    </el-form>
    <br>
    <br>
    <br>
    <div style="text-align: center">
      <el-button type="" @click="show=false">取消</el-button>
      <el-button type="primary" @click="submit">提交</el-button>
    </div>
  </el-dialog>
</template>

<script setup>
import { ref, getCurrentInstance } from 'vue'
import ImageUploadAvatar from '/src/components/ImageUpload/avatar.vue'
import { commit } from '@/api/member/addMember'

const emit = defineEmits(['success'])

const { proxy } = getCurrentInstance()
const show = ref(false)
const form = ref({})
const rules = ref({
  name: { required: true, message: '请输入', trigger: 'blur' },
  idcType: { required: true, message: '请选择', trigger: 'blur' },
  idcCode: { required: true, message: '请输入', trigger: 'blur' },
  photo: { required: true, message: '请上传', trigger: 'blur' },
  fileUrl: { required: true, message: '请上传证件照片', trigger: 'blur' }
})


function open(row) {
  proxy.resetForm('formRef')
  form.value = row
  show.value = true
}

async function submit() {
  await proxy.$refs['formRef'].validate()
  await commit(form.value)
  console.log(form.value)
  await proxy.$modal.confirm('操作成功,等待审核中!')
  show.value = false
  emit('success')
}

// 抛出open
defineExpose({
  open
})

</script>

<style lang="scss" scoped>

.fileUrl{

}
</style>