import { getVmParentByName } from '@/utils/util' const FormTypes = { normal: 'normal', input: 'input', inputNumber: 'inputNumber', checkbox: 'checkbox', select: 'select', date: 'date', datetime: 'datetime', time: 'time', upload: 'upload', file: 'file', image: 'image', popup:'popup', list_multi:"list_multi", sel_search:"sel_search", sel_search_async:"sel_search_async", radio:'radio', checkbox_meta:"checkbox_meta", input_pop:'input_pop', sel_depart: 'sel_depart', sel_user: 'sel_user', 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 form 主表单 form 对象 * @param cases 接收一个数组,每项都是一个JEditableTable实例 * @returns {Promise} * @author sunjianlei */ export function validateFormModelAndTables(form,values, cases) { if (!(form && typeof form.validate === 'function')) { throw `form 参数需要的是一个form对象,而传入的却是${typeof form}` } let options = {} return new Promise((resolve, reject) => { // 验证主表表单 form.validate((valid,obj) => { valid ?resolve(values):reject({ error: VALIDATE_NO_PASSED }) }) }).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实例 * @param deleteTempId 是否删除临时ID,如果设为true,行编辑就不返回新增行的ID,ID需要后台生成 * @author sunjianlei */ export function validateTables(cases, deleteTempId) { if (!(cases instanceof Array)) { throw `'validateTables'函数的'cases'参数需要的是一个数组,而传入的却是${typeof cases}` } return new Promise((resolve, reject) => { let tables = [] let index = 0; if(!cases || cases.length === 0){ resolve() } (function next() { let vm = cases[index] vm.getAll(true, deleteTempId).then(all => { tables[index] = all // 判断校验是否全部完成,完成返回成功,否则继续进行下一步校验 if (++index === cases.length) { resolve(tables) } else ( next() ) }, error => { // 出现未验证通过的表单,不再进行下一步校验,直接返回失败并跳转到该表格 if (error === VALIDATE_NO_PASSED) { // 尝试获取tabKey,如果在ATab组件内即可获取 let paneKey; let tabPane = getVmParentByName(vm, 'ATabPane') if (tabPane) { paneKey = tabPane.$vnode.key } reject({error: VALIDATE_NO_PASSED, index, paneKey}) } reject(error) }) })() }) }