<template>
  <el-dialog
    v-model="show" title="结算审核" close-on-click-modal destroy-on-close draggable
    width="600"
  >
    <el-form ref="approvalRef" :model="form" label-width="100" label-suffix="：">
      <el-form-item label="审批结果" prop="type">
        <el-radio-group v-model="form.type">
          <el-radio label="1">审批通过</el-radio>
          <el-radio label="2">审批拒绝</el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item
        label="备注" prop="reason" :required="form.type=='2'"
        :rules="{ message: '请输入拒绝理由', trigger: 'blur'}"
      >
        <el-input v-model="form.reason" type="textarea" rows="5" />
      </el-form-item>
    </el-form>
    
    <template #footer>
      <div class="dialog-footer text-center">
        <el-button type="primary" @click="doApproval">确 定</el-button>
        <el-button @click="show=false">取 消</el-button>
      </div>
    </template>
  
  </el-dialog>
</template>

<script setup>
import { toRefs, getCurrentInstance, reactive } from 'vue'
import { settlementAudit } from '/@/api/exam/payment'

const { proxy } = getCurrentInstance()
const emit = defineEmits(['approval'])

const data = reactive({
  show: false,
  form: {
    type: '1',
    reason: null
  }
})
const { show, form } = toRefs(data)

// const ids = ref()

function open(arr) {
  show.value = true
  // ids.value = arr
  form.value = {
    type: '1',
    reason: null,
    ids: arr
  }
}


async function doApproval() {
  if (form.value.type === '2' && !form.value.reason) {
    proxy.$modal.msgError('请输入拒绝理由')
    return
  }
  await settlementAudit(form.value)
  proxy.$modal.msgSuccess('操作成功')
  // }
  show.value = false
  emit('approval', form.value.type)
}

defineExpose({
  open
})

</script>

<style scoped>

</style>