fix(repair): enforce mandatory frontend form validations with proper prop bindings
This commit is contained in:
@ -228,7 +228,7 @@
|
||||
import { ref, reactive, onMounted, computed } from 'vue'
|
||||
import dayjs from 'dayjs'
|
||||
import { Plus, Search, Refresh, Printer, Camera, Edit } from '@element-plus/icons-vue'
|
||||
import { ElMessage, ElMessageBox, ElFormRules } from 'element-plus'
|
||||
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||
import { useUserStore } from '@/stores/user'
|
||||
import { getRepairList, createRepair, updateRepair, updateRepairStatus, deleteRepair } from '@/api/inbound/repair'
|
||||
import { getLabelPreview, executePrint } from '@/api/common/print'
|
||||
@ -275,11 +275,11 @@ const form = reactive({
|
||||
})
|
||||
|
||||
// 表单校验规则
|
||||
const formRules: ElFormRules = [
|
||||
{ required: true, message: '请输入物料名称', trigger: 'blur', field: 'material_name' },
|
||||
{ required: true, message: '请输入序列号', trigger: 'blur', field: 'serial_number' },
|
||||
{ required: true, message: '请输入客户名称', trigger: 'blur', field: 'customer_name' }
|
||||
]
|
||||
const formRules = reactive({
|
||||
material_name: [{ required: true, message: '请输入物料名称', trigger: 'blur' }],
|
||||
serial_number: [{ required: true, message: '请输入序列号', trigger: 'blur' }],
|
||||
customer_name: [{ required: true, message: '请输入客户名称', trigger: 'blur' }]
|
||||
})
|
||||
|
||||
// 状态更新弹窗
|
||||
const statusDialogVisible = ref(false)
|
||||
@ -405,7 +405,11 @@ const handleEdit = (row: any) => {
|
||||
// 提交新增/编辑
|
||||
const handleSubmit = async () => {
|
||||
if (!formRef.value) return
|
||||
try {
|
||||
await formRef.value.validate()
|
||||
} catch (error) {
|
||||
return // 校验不通过,直接阻断提交
|
||||
}
|
||||
|
||||
submitLoading.value = true
|
||||
try {
|
||||
|
||||
Reference in New Issue
Block a user