Initial commit

src/utils/JEditableTableUtil.js

@@ -0,0 +1,153 @@
+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',
+  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 () {
+      const 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 new Error(`form 参数需要的是一个form对象，而传入的却是${typeof form}`)
+  }
+
+  const 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 values
+ * @param cases 接收一个数组，每项都是一个JEditableTable实例
+ * @returns {Promise<any>}
+ * @author sunjianlei
+ */
+export function validateFormModelAndTables (form, values, cases) {
+  if (!(form && typeof form.validate === 'function')) {
+    throw new Error(`form 参数需要的是一个form对象，而传入的却是${typeof form}`)
+  }
+  const options = {}
+  return new Promise((resolve, reject) => {
+    // 验证主表表单
+    form.validate((valid) => {
+      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 new Error(`'validateTables'函数的'cases'参数需要的是一个数组，而传入的却是${typeof cases}`)
+  }
+  return new Promise((resolve, reject) => {
+    const tables = []
+    let index = 0
+    if (!cases || cases.length === 0) {
+      resolve()
+    }
+    (function next () {
+      const 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
+          const tabPane = getVmParentByName(vm, 'ATabPane')
+          if (tabPane) {
+            paneKey = tabPane.$vnode.key
+          }
+          reject({ error: VALIDATE_NO_PASSED, index, paneKey })
+        }
+        reject(error)
+      })
+    })()
+  })
+}