<template>
  <el-dialog
    v-model="show" :title="isBack?'级位考试撤回':'级位考试审核'" :close-on-click-modal="true" draggable
    width="600"
  >
    <el-form ref="approvalRef" :model="form" label-width="100" label-suffix="：">
      <el-form-item v-if="!isBack" label="审批结果" prop="flag">
        <el-radio-group v-model="form.flag">
          <el-radio v-if="!isRefuse" label="1">审批通过</el-radio>
          <el-radio label="2">审批拒绝</el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item :label="isBack?'撤回理由':'备注'" prop="reason" :required="form.flag=='2'" :show-message="false">
        <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">{{ isBack?'撤 回':'提 交' }}</el-button>
        <el-button @click="show=false">取 消</el-button>
      </div>
    </template>

  </el-dialog>
</template>

<script setup>
import { getCurrentInstance, reactive } from '@vue/runtime-core'
import { ref, toRefs, watch, computed } from 'vue'
import { doMergeFlows, doVerity, doVerityBack } from '@/api/exam/info'
import useUserStore from '@/store/modules/user'
const deptType = computed(() => useUserStore().deptType)

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

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

const isBack = ref(false)
const isRefuse = ref(false)
let isZtx = false
function open(row, params) {
  isBack.value = params?.isBack || false
  isRefuse.value = params?.isRefuse || false
  isZtx = params?.isZtx || false

  if (isBack.value) {
    form.value = {
      flag: '2',
      reason: null,
      recordId: JSON.parse(row).recordId
    }
  } else {
    form.value = {
      flag: isRefuse.value ? '2' : '1',
      reason: null,
      body: row
    }
    if (isZtx) {
      form.value.id = row
    } else {
      form.value.body = row
    }
  }

  show.value = true
}

watch(show, (val) => {
  if (!val) {
    proxy.$refs['approvalRef'].resetFields()
  }
})


function doApproval() {
  if (form.value.flag === '2' && !form.value.reason) {
    proxy.$modal.msgError(isBack.value ? '请输入撤回理由' : '请输入拒绝理由')
    return
  }

  if (isBack.value) {
    doVerityBack(form.value)
      .then(() => {
        proxy.$modal.msgSuccess('操作成功')
        show.value = false
        emit('approval')
      })
  } else {
    if (isZtx) {
      doMergeFlows(form.value)
        .then(() => {
          proxy.$modal.msgSuccess('操作成功')
          show.value = false
          emit('approval')
        })
    } else {
      doVerity(form.value)
        .then(() => {
          // if (deptType.value == 2 || deptType.value == 3) {
          //   proxy.$alert(
          //     "<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" +
          //       '如需提交下一步审核，请将当前页面审核通过的流程合并后提交！' +
          //       '</div>',
          //     '提示',
          //     { dangerouslyUseHTMLString: true }
          //   )
          // } else {
          proxy.$modal.msgSuccess('操作成功')
          // }
          show.value = false
          emit('approval', form.value.flag)
        })
    }
  }
}

defineExpose({
  open
})

</script>

<style scoped>

</style>