const FormTypes = { normal: 'normal', input: 'input', inputNumber: 'inputNumber', checkbox: 'checkbox', select: 'select', date: 'date', datetime: 'datetime', upload: 'upload', slot: 'slot', hidden: 'hidden' } 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} * @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) }) })() }) }