<template>
  <el-dialog v-model="showDialog" destroy-on-close title="邮寄证书" width="600">
    <el-form ref="formRef" :model="form" :rules="rules" label-width="120">
      <el-form-item label="邮寄方式" prop="postType">
        <el-radio-group v-model="form.postType">
          <el-radio label="0">自动邮寄</el-radio>
          <el-radio label="1">人工邮寄</el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item v-if="form.postType==='1'" label="快递公司" prop="postName">
        <el-input v-model.trim="form.postName" />
      </el-form-item>
      <el-form-item v-if="form.postType==='1'" label="快递号" prop="postCode">
        <el-input v-model.trim="form.postCode" />
      </el-form-item>
      <br>
      <br>
      <el-form-item>
        <el-button @click="showDialog=false">取消</el-button>
        <el-button type="primary" @click="handelAdd">确定</el-button>
      </el-form-item>
    </el-form>
  </el-dialog>
</template>


<script setup>
import { ref, getCurrentInstance } from 'vue'
import { postCert, editPostInfo } from '@/api/exam/payment'

const emit = defineEmits(['handelSuccess'])
const form = ref({
  postType: '1'
})
const rules = ref({
  postType: { required: true, message: '请选择邮寄方式', trigger: 'blur' },
  postName: { required: true, message: '请输入快递公司名称', trigger: 'blur' },
  postCode: { required: true, message: '请输入快递号', trigger: 'blur' }
})
const showDialog = ref(false)
const { proxy } = getCurrentInstance()

function open(id) {
  form.value = {
    postType: '0',
    payId: id
  }
  showDialog.value = true
}

async function handelAdd() {
  let res
  if (form.value.postType === '0') {
    res = await postCert(form.value.payId)
  }
  if (form.value.postType === '1') {
    await proxy.$refs['formRef'].validate()
    res = await editPostInfo(form.value)
  }
  if (res.code === 200) {
    await proxy.$modal.msgSuccess('操作成功')
    emit('handelSuccess')
    showDialog.value = false
  }
}

defineExpose({
  open

})
</script>


<style lang="scss" scoped>

</style>