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