97 lines
2.7 KiB
Java
97 lines
2.7 KiB
Java
|
const FormTypes = {
|
|||
|
|
normal: 'normal',
|
|||
|
|
input: 'input',
|
|||
|
|
inputNumber: 'inputNumber',
|
|||
|
|
checkbox: 'checkbox',
|
|||
|
|
select: 'select',
|
|||
|
|
date: 'date',
|
|||
|
|
datetime: 'datetime'
|
|||
|
|
}
|
|||
|
|
const VALIDATE_NO_PASSED = Symbol()
|
|||
|
|
export { FormTypes, VALIDATE_NO_PASSED }
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 获取指定的 $refs 对象
|
|||
|
|
* 有时候可能会遇到组件未挂载到页面中的情况，导致无法获取 $refs 中的某个对象
|
|||
|
|
* 这个方法可以等待挂载完成之后再返回 $refs 的对象，避免报错
|
|||
|
|
* @author sunjianlei
|
|||
|
|
**/
|
|||
|
|
export function getRefPromise(vm, name) {
|
|||
|
|
return new Promise((resolve) => {
|
|||
|
|
(function next() {
|
|||
|
|
let ref = vm.$refs[name]
|
|||
|
|
if (ref) {
|
|||
|
|
resolve(ref)
|
|||
|
|
} else {
|
|||
|
|
setTimeout(() => {
|
|||
|
|
next()
|
|||
|
|
}, 10)
|
|||
|
|
}
|
|||
|
|
})()
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 一次性验证主表单和所有的次表单
|
|||
|
|
* @param form 主表单 form 对象
|
|||
|
|
* @param cases 接收一个数组，每项都是一个JEditableTable实例
|
|||
|
|
* @returns {Promise<any>}
|
|||
|
|
* @author sunjianlei
|
|||
|
|
*/
|
|||
|
|
export function validateFormAndTables(form, cases) {
|
|||
|
|
|
|||
|
|
if (!(form && typeof form.validateFields === 'function')) {
|
|||
|
|
throw `form 参数需要的是一个form对象，而传入的却是${typeof form}`
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
let options = {}
|
|||
|
|
return new Promise((resolve, reject) => {
|
|||
|
|
// 验证主表表单
|
|||
|
|
form.validateFields((err, values) => {
|
|||
|
|
err ? reject({ error: VALIDATE_NO_PASSED }) : resolve(values)
|
|||
|
|
})
|
|||
|
|
}).then(values => {
|
|||
|
|
Object.assign(options, { formValue: values })
|
|||
|
|
// 验证所有子表的表单
|
|||
|
|
return validateTables(cases)
|
|||
|
|
}).then(all => {
|
|||
|
|
Object.assign(options, { tablesValue: all })
|
|||
|
|
return Promise.resolve(options)
|
|||
|
|
}).catch(error => {
|
|||
|
|
return Promise.reject(error)
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 验证并获取一个或多个表格的所有值
|
|||
|
|
* @param cases 接收一个数组，每项都是一个JEditableTable实例
|
|||
|
|
* @author sunjianlei
|
|||
|
|
*/
|
|||
|
|
export function validateTables(cases) {
|
|||
|
|
if (!(cases instanceof Array)) {
|
|||
|
|
throw `'validateTables'函数的'cases'参数需要的是一个数组，而传入的却是${typeof cases}`
|
|||
|
|
}
|
|||
|
|
return new Promise((resolve, reject) => {
|
|||
|
|
let tables = []
|
|||
|
|
let index = 0;
|
|||
|
|
(function next() {
|
|||
|
|
let vm = cases[index]
|
|||
|
|
vm.getAll(true).then(all => {
|
|||
|
|
tables[index] = all
|
|||
|
|
// 判断校验是否全部完成，完成返回成功，否则继续进行下一步校验
|
|||
|
|
if (++index === cases.length) {
|
|||
|
|
resolve(tables)
|
|||
|
|
} else (
|
|||
|
|
next()
|
|||
|
|
)
|
|||
|
|
}, error => {
|
|||
|
|
// 出现未验证通过的表单，不再进行下一步校验，直接返回失败并跳转到该表格
|
|||
|
|
if (error === VALIDATE_NO_PASSED) {
|
|||
|
|
reject({ error: VALIDATE_NO_PASSED, index })
|
|||
|
|
}
|
|||
|
|
reject(error)
|
|||
|
|
})
|
|||
|
|
})()
|
|||
|
|
})
|
|||
|
|
}
|