|
|
import { getVmParentByName } from '@/utils/util'
|
|
|
|
|
|
const FormTypes = {
|
|
|
normal: 'normal',
|
|
|
input: 'input',
|
|
|
inputNumber: 'inputNumber',
|
|
|
checkbox: 'checkbox',
|
|
|
select: 'select',
|
|
|
date: 'date',
|
|
|
datetime: 'datetime',
|
|
|
upload: 'upload',
|
|
|
file: 'file',
|
|
|
image: 'image',
|
|
|
popup:'popup',
|
|
|
list_multi:"list_multi",
|
|
|
sel_search:"sel_search",
|
|
|
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<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实例
|
|
|
* @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)
|
|
|
})
|
|
|
})()
|
|
|
})
|
|
|
} |
