78 lines
1.7 KiB
Vue
78 lines
1.7 KiB
Vue
<template>
|
|
<el-dialog class="dialogWerapper" width="30%" v-model="modelValue" :title="title" @close="handleClose">
|
|
<form-message ref="FormRef" :disabled="disabled" v-model="formData" :rules="rules" :formList="formList" />
|
|
|
|
<template #footer>
|
|
<el-button type="primary" v-if="!disabled" :loading="loading" @click="handleSubmit">确定</el-button>
|
|
<el-button @click="handleClose">取消</el-button>
|
|
</template>
|
|
</el-dialog>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { computed, ref, reactive } from 'vue';
|
|
import FormMessage from '@/components/aboutTable/FormMessage.vue'
|
|
|
|
const props = defineProps({
|
|
modelValue: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
})
|
|
|
|
const emits = defineEmits(['update:modelValue'])
|
|
|
|
const visible = computed({
|
|
get() {
|
|
return props.modelValue
|
|
},
|
|
set(val) {
|
|
emits('update:modelValue', val)
|
|
}
|
|
})
|
|
|
|
const title = ref('选择培训公司')
|
|
const loading = ref(false)
|
|
const disabled = ref(false)
|
|
const FormRef = ref(null)
|
|
const formData = ref({})
|
|
|
|
const formList = reactive([
|
|
[
|
|
{ label: "培训公司", prop: "cj", type: "select" },
|
|
],
|
|
])
|
|
|
|
const rules = {
|
|
cj: [{ required: true, message: "请输入考试成绩", trigger: "change" }],
|
|
jm: [{ required: true, message: "请输上传卷面", trigger: "change" }],
|
|
}
|
|
|
|
const open = (row = {}, type = 'updata') => {
|
|
FormRef.value?.reset()
|
|
visible.value = true
|
|
disabled.value = false
|
|
formData.value = { ...row }
|
|
}
|
|
|
|
const handleClose = () => {
|
|
visible.value = false
|
|
}
|
|
|
|
const handleSubmit = () => {
|
|
try {
|
|
loading.value = true
|
|
FormRef.value.submit(res => {
|
|
console.log(res)
|
|
visible.value = false
|
|
})
|
|
} catch (error) {
|
|
console.log(error)
|
|
} finally {
|
|
loading.value = false
|
|
}
|
|
}
|
|
|
|
defineExpose({ open })
|
|
</script>
|