cnhis-design-vue 2.1.58 → 2.1.59

package/packages/big-table/src/utils/batchEditing.js

@@ -1,610 +1,610 @@
-// import { mapMutations, mapActions } from "vuex";
-import utils from '@/utils/utils-map';
-export default {
-  props: {
-    // 曾经的getters
-    isBatchEditing: Boolean,
-    isEditAllRow: Boolean,
-    isBatchSave: Boolean,
-    isBatchCancel: Boolean,
-    batchDynamicPropsCache: { type: Object, default: () => ({}) },
-    batchEditDoneNumber: { type: Object, default: () => ({}) },
-    batchError: Boolean,
-    batchFormData: { type: Object, default: () => ({}) },
-
-    // 曾经的mapActions
-    resetInlineBatchEdit: Function,
-    resetBatchEditRowStatus: Function
-  },
-  data() {
-    return {
-      cacheUniqueKey: {},
-      theUniqueKeyListObj: {},
-      batchFieldList: [],
-      editColumnMap: {},
-      fieldLength: 0,
-      originFormatList: [],
-      isSaveForm: false,
-      isLoadData: false,
-      isLoadColumn: false,
-      addInlineEditPrimaryKey: ''
-    };
-  },
-  computed: {
-    configuration() {
-      return {
-        userInfo: this.userInfo || {},
-        sysImageSize: this.sysImageSize || {},
-        switchConfig: this.switchConfig || {},
-        hospitalConfigData: this.iconObj || {}
-      };
-    },
-    tableLoad() {
-      return {
-        isLoadData: this.isLoadData,
-        isLoadColumn: this.isLoadColumn
-      };
-    },
-    isTableEdit() {
-      return this.isInlineOperating || this.isInlineAdding;
-    }
-  },
-  watch: {
-    tableLoad(obj) {
-      if (!obj) return;
-      let { isLoadData, isLoadColumn } = obj;
-      if (!(isLoadData && isLoadColumn)) return;
-      if (this.isBatchEditing) return;
-      this.$emit('tableLoad', true);
-    },
-    /**
-     * 编辑
-     */
-    async isBatchEditing(val) {
-      if (!val || this.isNestTable) return false;
-      if (this.isTree != 0 || !this.isMatchComponent) return false;
-      if (!this.checkOperateCurrentTable()) {
-        this.resetBatchOperationRowStatus();
-        return false;
-      }
-      // 非行内按钮触发
-      if (!this.isRowEditing) {
-        await this.toggleColumn();
-      }
-      this.hideSelectCloumns();
-      this.handleClickBatchEditBtnByInline();
-    },
-    /**
-     * 保存
-     */
-    isBatchSave(val) {
-      if (!val || this.isNestTable) return false;
-      if (this.isTree != 0 || !this.isMatchComponent) return false;
-      if (!this.checkOperateCurrentTable()) return false;
-      this.handleClickBatchSaveBtnByInline();
-    },
-    /**
-     * 取消
-     */
-    async isBatchCancel(val) {
-      if (!val || this.isNestTable) return false;
-      if (this.isTree != 0 || !this.isMatchComponent) return false;
-      if (!this.checkOperateCurrentTable()) return false;
-      await this.toggleColumn('showColumn');
-      this.handleClickBatchCancelBtnByInline();
-    },
-    /**
-     * 校验提交
-     */
-    batchEditDoneNumber(obj) {
-      if (!obj || !Object.keys(obj).length || this.isNestTable) return;
-      if (this.isTree != 0 || !this.isMatchComponent) return false;
-      if (!this.checkOperateCurrentTable()) return false;
-      this.submitBatchInlineForm(obj);
-    },
-    async isInlineAdding(val) {
-      if (!val || this.isNestTable) return false;
-      if (this.isTree != 0 || !this.isMatchComponent) return false;
-      if (!this.checkOperateCurrentTable()) {
-        this.resetBatchOperationRowStatus();
-        return false;
-      }
-      await this.toggleColumn();
-      this.hideSelectCloumns();
-      this.handleClickAddRow();
-    }
-  },
-  methods: {
-    toggleColumn(key) {
-      let method = key || 'hideColumn';
-      const xGrid = this.$refs.xGrid;
-      if (!xGrid) return Promise.resolve();
-      let operate = xGrid.getColumnByField('operatorColumn');
-      if (method === 'showColumn' && operate.visible) {
-        return Promise.resolve();
-      }
-      return xGrid[method](operate);
-    },
-    /**
-     * 获取配置的 api 方法
-     * @param {*} params  调用参数
-     * @param {String} key 方法名
-     * @param {Object} config 其他配置
-     */
-    async handleGetConfigApi(params, key, config = {}) {
-      try {
-        // TODO: 判断 fn 是异步函数还是同步
-        const editFormApiConfig = this?.editFormApiConfig || {};
-        const fn = editFormApiConfig[key] || null;
-        if (typeof fn === 'function') {
-          let res = await fn(params, config);
-          return Promise.resolve(res);
-        } else {
-          return Promise.reject(new Error(`${key} Is not a function`));
-        }
-      } catch (error) {
-        return Promise.reject(error);
-      }
-    },
-    /**
-     * 设置row 为编辑样式
-     */
-    getBatchOpreateRows(arr) {
-      let vxeTable = this.$refs.xGrid;
-      let { tableData } = vxeTable.getTableData();
-      if (!arr.length) return;
-      // 重置状态时使用
-
-      arr.forEach((item, i) => {
-        let rowIndex = i;
-        if (!this.isEditAllRow) {
-          let matchIndex = tableData.findIndex(v => v[this.primaryKey] == item[this.primaryKey]);
-          if (matchIndex > -1) {
-            rowIndex = matchIndex;
-          }
-        }
-        this.setRowStatus(vxeTable.$el, rowIndex, 66);
-        this.$set(item, '__isInlineEditing', true);
-      });
-    },
-    /**
-     * 重置样式
-     * @param {*} isCancel 保存之后
-     * @returns
-     */
-    resetBatchOperationRowStatus(isResetColumn) {
-      if (this.isTree != 0) return false;
-
-      const vxeTable = this.$refs.xGrid;
-      let { tableData } = vxeTable.getTableData();
-      vxeTable.clearActived();
-      vxeTable.resetColumn();
-      tableData.forEach((row, index) => {
-        this.setRowStatus(vxeTable.$el, index, null);
-        this.$set(row, '__isInlineEditing', false);
-        this.$set(row, '__isDisableInlineEdit', false);
-      });
-      this.checkedRows = [];
-    },
-    async handleClickAddRow() {
-      if (!this.checkListFormUnionSettingParamsList()) {
-        this.handleClickCancelBtnByInline();
-        return false;
-      }
-      this.addInlineEditPrimaryKey = Date.now();
-      let formData = {
-        [this.handleRowId]: this.addInlineEditPrimaryKey,
-        __isInsertRow: true
-      };
-      let vxeTable = this.$refs.xGrid;
-      await vxeTable.insert(formData);
-      await vxeTable.loadData([formData]);
-      await this.resetInlineBatchEdit();
-
-      this.setAllRowInlineStatus(true);
-      this.setRowStatus(vxeTable.$el, 0, 66);
-    },
-    /**
-     * 批量编辑
-     */
-    async handleClickBatchEditBtnByInline() {
-      if (!this.checkListFormUnionSettingParamsList()) {
-        this.handleClickCancelBtnByInline();
-        return false;
-      }
-      let vxeTable = this.$refs.xGrid;
-      let arr = this.checkedRows;
-      let { tableData } = vxeTable.getTableData();
-      // 全部行编辑
-      if (this.isEditAllRow) {
-        arr = tableData;
-      }
-      await vxeTable.loadData(arr);
-      await this.resetInlineBatchEdit();
-
-      this.setAllRowInlineStatus(true);
-      this.getBatchOpreateRows(arr);
-    },
-    /**
-     * 批量保存
-     */
-    handleClickBatchSaveBtnByInline() {
-      if (this.spinning) return false;
-      this.$emit('resetBatchEditDoneStatus');
-
-      let formDom = document.querySelectorAll('.js-inlineEditForm');
-      let filterFormDom = [];
-      [...formDom].map(item => {
-        let pNode = item.parentNode?.parentNode;
-        if (pNode) {
-          if (pNode.classList.contains('vxe-body--column') && !pNode.classList.contains('fixed--hidden')) {
-            filterFormDom.push(item);
-          }
-        }
-      });
-      if (!filterFormDom.length) return false;
-      // // HACK: vxeTable行内编辑时复制的DOM节点，无需触发提交
-      filterFormDom.forEach(item => {
-        item.__vue__.handleSubmitForm();
-      });
-    },
-    /**
-     * 处理需要submit的form个数
-     */
-    handleEditFormLength() {
-      let fieldLength = this.batchFieldList.length;
-      if (!fieldLength) return;
-      // 新增
-      if (this.isInlineAdding) {
-        return fieldLength;
-      }
-      let vxeTable = this.$refs.xGrid;
-      let rowLen = this.allSelectedLength;
-      let { tableData } = vxeTable.getTableData();
-      // 全部行
-      if (this.isEditAllRow) {
-        rowLen = tableData.length;
-      }
-      if (!rowLen) return;
-      return fieldLength * rowLen;
-    },
-    async handleClickBatchCancelBtnByInline() {
-      let vxeTable = this.$refs.xGrid;
-      this.isSaveForm = false;
-      this.$emit('resetInlineEditAll', false);
-      await vxeTable.reloadData(this.originFormatList);
-      this.resetBatchOperationRowStatus(true);
-    },
-    /**
-     * 避免每次点击都查询
-     * 初始化查一次 行编辑 表单search用
-     */
-    // 避免每次点击都查询
-    async handleFormTheUniqueKey() {
-      let hasEditRow = this.btnList?.find(item => {
-        let trigger_type = item.settingObj && item.settingObj[0]?.trigger_type;
-        if (item.isShow == 1 && trigger_type == 'EDIT_ROW') return true;
-        return false;
-      });
-      if (!hasEditRow) return;
-      await this.handleFieldTheUniqueKey();
-    },
-    /**
-     * 获取编辑的field
-     */
-    handleFieldTheUniqueKey() {
-      return new Promise((resolve, reject) => {
-        let { paramsList = [] } = this.listFormUnionSetting || {};
-        let { fieldList = [] } = this.inlineEditFormConfig || {};
-        fieldList = JSON.parse(JSON.stringify(fieldList));
-        this.batchFieldList = [];
-        let batchFieldList = [];
-        batchFieldList = fieldList
-          .map(item => {
-            let matchItem = paramsList.find(v => item.val_key === v.tableField);
-            if (matchItem) {
-              let NOWORDBOOK = item.wordbook && (item?.wordbook?.type || '') != 'WORDBOOK';
-              let id = item.wordbook?.id;
-              if (NOWORDBOOK && id && !this.theUniqueKeyListObj[id]) {
-                this.theUniqueKeyListObj[id] = id;
-              }
-              return item;
-            }
-            return null;
-          })
-          .filter(Boolean);
-        if (!batchFieldList || !batchFieldList.length) return resolve();
-        // 缓存行编辑需要的column配置
-        this.editColumnMap = this.handleColumnMap(batchFieldList, paramsList);
-        this.batchFieldList = batchFieldList;
-        this.fieldLength = this.handleFieldLength();
-        let keyList = Object.keys(this.theUniqueKeyListObj || {});
-        if (!keyList.length) return resolve();
-        keyList.forEach(async item => {
-          await this.handleRequestedUniqueKey(item);
-        });
-        resolve();
-      });
-    },
-    handleColumnMap(batchFieldList, paramsList) {
-      let { fieldList = [] } = this.columnConfig;
-      let editColumnMap = {};
-      fieldList.forEach(item => {
-        if (item.isShow != 1 || item.isEdit != 1) return;
-        let matchItem = paramsList.find(v => v.tableField === item.columnName);
-        if (!matchItem) return;
-        let fieldItem = batchFieldList?.find(field => {
-          return field.val_key === matchItem.tableField;
-        });
-        if (!fieldItem) return;
-        fieldItem = this.formatFieldItem(fieldItem);
-        let obj = {
-          columnName: item.columnName,
-          matchItem,
-          fieldItem
-        };
-        editColumnMap[item.columnName] = obj;
-      });
-      return editColumnMap;
-    },
-    async handleRequestedUniqueKey(id) {
-      let handleEditFormRequestedUniqueKey = this.editFormApiConfig?.handleEditFormRequestedUniqueKey;
-      if (!handleEditFormRequestedUniqueKey || typeof handleEditFormRequestedUniqueKey !== 'function') {
-        handleEditFormRequestedUniqueKey = this.getPrimaryKeyRequest;
-      }
-      return handleEditFormRequestedUniqueKey({ tableId: id }).then(val => {
-        val && (this.cacheUniqueKey[id] = { value: val, status: true });
-      });
-    },
-    getPrimaryKeyRequest(params) {
-      return new Promise((resolve, reject) => {
-        this.axios
-          .get('tableList/getPrimaryKey', { params })
-          .then(({ data }) => {
-            let result;
-            if (data.result == 'SUCCESS') {
-              const { map = {} } = data;
-              result = map.primaryKey || undefined;
-            } else {
-              result = undefined;
-            }
-            resolve(result);
-          })
-          .catch(err => {
-            reject(err);
-          });
-      });
-    },
-    /**
-     * 判断是否渲染EditForm
-     * @param {*} row
-     * @param {*} column
-     * @returns
-     */
-    showEditForm(row, column, $rowIndex) {
-      if (!this.isMatchComponent || this.isNestTable || this.isScanMultiTable) return false;
-      if (this.isBatchEditing || this.isInlineAdding) {
-        let matchObj = this.editColumnMap[column.property];
-        if (!matchObj || !matchObj.matchItem || !matchObj.fieldItem) return false;
-        // 批量编辑 未选择全部行编辑
-        if (this.isBatchEditing && !this.isEditAllRow) {
-          let matchIndex = this.checkedRows.findIndex(v => v[this.primaryKey] == row[this.primaryKey]);
-          if (matchIndex < 0) return false;
-        }
-        // 新增
-        if (this.isInlineAdding) {
-          if ($rowIndex !== 0) return false;
-        }
-        return matchObj.matchItem;
-      }
-      return false;
-    },
-    /**
-     * 初始化props
-     * @param {*} unionItem
-     * @param {*} row
-     * @param {*} column
-     * @param {*} $rowIndex
-     * @returns
-     */
-    initBatchDynamicProps(unionItem, row, column, $rowIndex) {
-      let id = row[this.primaryKey];
-      let dynamicPropsCache = this.batchDynamicPropsCache[id];
-      if (dynamicPropsCache && dynamicPropsCache[unionItem.tableField]) {
-        return dynamicPropsCache[unionItem.tableField];
-      }
-      let matchObj = this.editColumnMap[column.property];
-      let { fieldItem = {} } = matchObj || {};
-      let defaultCombinationForm = {};
-      if (!this.isInlineAdding) {
-        let originalRow = this.pageIndexOldtableData.find(item => {
-          let oldItemVal = utils.handleCurValue(item[this.primaryKey]);
-          let rowVal = utils.handleCurValue(row[this.primaryKey]);
-          return oldItemVal == rowVal;
-        });
-        defaultCombinationForm = this.setDefaultFormData(column.property, fieldItem, originalRow);
-      }
-      let tempFieldItem = JSON.parse(JSON.stringify(fieldItem));
-      let defaultForm = {
-        fieldList: [tempFieldItem],
-        defaultCombinationForm
-      };
-      let dynamicProps = {
-        props: {
-          formPrimaryKey: id,
-          defaultForm,
-          banRequest: true,
-          propsFormBtn: true,
-          propsDelSetting: true,
-          parentConfig: {
-            is_edit: '1'
-          },
-          configuration: this.configuration,
-          isPure: true,
-          isOpenShortcut: false,
-          cacheUniqueKey: this.cacheUniqueKey,
-          styleSetting: {},
-          editFormApiConfig: this.editFormApiConfig,
-          btnList: this.btnList
-        },
-        on: {
-          handleSubmit: this.handleSubmitEditForm,
-          banSubmit: this.banSubmit
-        }
-      };
-      this.$emit('setBatchDynamicPropsCache', {
-        primaryKey: row[this.primaryKey],
-        tableField: unionItem.tableField,
-        dynamicProps
-      });
-      return dynamicProps;
-    },
-    /**
-     * 单个form提交成功数据
-     * @param {*} obj formData
-     */
-    handleSubmitEditForm(obj = {}) {
-      this.$emit('submitEditFormSuccessBatch', obj);
-    },
-    /**
-     * 单个form提交失败
-     * @param {*} obj
-     */
-    banSubmit(obj) {
-      this.$emit('submitEditFormErrorBatch', obj);
-    },
-    formatFieldItem(fieldItem) {
-      return Object.assign({}, fieldItem, {
-        elem_width: '12',
-        is_show: '1'
-      });
-    },
-    formatField(value) {
-      if (value && typeof value == 'string' && value.startsWith('###')) {
-        value = value.slice(3);
-        value = JSON.parse(value);
-        value = value.tooltip || value.value;
-      }
-      return value;
-    },
-    setDefaultFormData(property, fieldItem, originalRow = {}) {
-      let defaultValue = originalRow[property];
-
-      return {
-        [fieldItem.name]: this.formatField(defaultValue)
-      };
-    },
-    /**
-     * 批量提交form
-     * @param {*} obj
-     * @returns
-     */
-    submitBatchInlineForm(obj) {
-      if (this.batchError) {
-        this.resetBatchEditRowStatus();
-        this.$emit('triggerSpinning', false);
-        return;
-      }
-      let isBatchDoneAll = this.handleIsBatchDoneAll(obj);
-      if (!isBatchDoneAll) {
-        this.resetBatchEditRowStatus();
-        this.$emit('triggerSpinning', false);
-        return;
-      }
-      let { listFormUnionSetting } = this;
-      let { formId } = listFormUnionSetting;
-      let params = this.handleSubmitParams(this.batchFormData);
-      if (!formId || !params) {
-        this.resetBatchEditRowStatus();
-        this.$emit('triggerSpinning', false);
-        return;
-      }
-      if (this.isSaveForm) return false;
-      this.isSaveForm = true;
-      this.savaForm(formId, params)
-        .then(async ({ data }) => {
-          this.$emit('triggerSpinning', false);
-          if (data.result !== 'SUCCESS') {
-            this.isSaveForm = false;
-            this.$message.error(data.resultMsg || '保存失败');
-            this.resetBatchEditRowStatus();
-            return false;
-          }
-
-          await this.resetInlineBatchEdit();
-          this.handleClickBatchCancelBtnByInline();
-          this.$emit('pubTableReload');
-        })
-        .finally(() => {
-          this.isSaveForm = false;
-          this.$emit('triggerSpinning', false);
-          this.resetBatchEditRowStatus();
-        });
-    },
-    /**
-     * 处理form
-     * @param {*} batchFormData
-     * @returns
-     */
-    handleSubmitParams(batchFormData) {
-      let arr = [];
-      for (let key in batchFormData) {
-        // v[this.primaryKey] 可能为数字
-        // key 为字符串 用全等匹配不到 改为 ==
-        let matchItem = this.oldtableData.find(v => v[this.primaryKey] == key);
-        let obj = batchFormData[key];
-        if (matchItem) {
-          obj = Object.assign({}, obj, {
-            [this.primaryKey]: matchItem[this.primaryKey]
-          });
-        }
-        arr.push(obj);
-      }
-      return arr;
-    },
-    savaForm(formId, params) {
-      let handleEditFormSavaForm = this.editFormApiConfig?.handleEditFormSavaForm;
-      if (!handleEditFormSavaForm || typeof handleEditFormSavaForm !== 'function') {
-        handleEditFormSavaForm = this.savaFormRequest;
-      }
-      return handleEditFormSavaForm(params, { formId });
-    },
-    savaFormRequest(params, config) {
-      let url = `/form/editRows/update/${config.formId}`;
-      return this.axios({
-        method: 'post',
-        url,
-        headers: { 'Content-Type': 'application/json; charset=utf-8' },
-        data: params
-      });
-    },
-    handleFieldLength() {
-      let { fieldList = [] } = this.columnConfig;
-      let fieldLength = 0;
-      fieldList.forEach(item => {
-        // table中有column隐藏
-        if (item.isShow == 1 && item.isEdit == 1) {
-          let matchItem = this.batchFieldList.find(v => v.val_key === item.columnName);
-          if (matchItem) {
-            fieldLength++;
-          }
-        }
-      });
-      return fieldLength;
-    },
-    /**
-     * 判断每个表单是否校验过
-     * @param {*} obj
-     * @returns
-     */
-    handleIsBatchDoneAll(obj) {
-      // let fieldLength = this.batchFieldList?.length;
-      let fieldLength = this.fieldLength;
-      if (!fieldLength) return false;
-      for (let key in obj) {
-        if (obj[key] < fieldLength) return false;
-      }
-      return true;
-    }
-  }
-};
+// import { mapMutations, mapActions } from "vuex";
+import utils from '@/utils/utils-map';
+export default {
+  props: {
+    // 曾经的getters
+    isBatchEditing: Boolean,
+    isEditAllRow: Boolean,
+    isBatchSave: Boolean,
+    isBatchCancel: Boolean,
+    batchDynamicPropsCache: { type: Object, default: () => ({}) },
+    batchEditDoneNumber: { type: Object, default: () => ({}) },
+    batchError: Boolean,
+    batchFormData: { type: Object, default: () => ({}) },
+
+    // 曾经的mapActions
+    resetInlineBatchEdit: Function,
+    resetBatchEditRowStatus: Function
+  },
+  data() {
+    return {
+      cacheUniqueKey: {},
+      theUniqueKeyListObj: {},
+      batchFieldList: [],
+      editColumnMap: {},
+      fieldLength: 0,
+      originFormatList: [],
+      isSaveForm: false,
+      isLoadData: false,
+      isLoadColumn: false,
+      addInlineEditPrimaryKey: ''
+    };
+  },
+  computed: {
+    configuration() {
+      return {
+        userInfo: this.userInfo || {},
+        sysImageSize: this.sysImageSize || {},
+        switchConfig: this.switchConfig || {},
+        hospitalConfigData: this.iconObj || {}
+      };
+    },
+    tableLoad() {
+      return {
+        isLoadData: this.isLoadData,
+        isLoadColumn: this.isLoadColumn
+      };
+    },
+    isTableEdit() {
+      return this.isInlineOperating || this.isInlineAdding;
+    }
+  },
+  watch: {
+    tableLoad(obj) {
+      if (!obj) return;
+      let { isLoadData, isLoadColumn } = obj;
+      if (!(isLoadData && isLoadColumn)) return;
+      if (this.isBatchEditing) return;
+      this.$emit('tableLoad', true);
+    },
+    /**
+     * 编辑
+     */
+    async isBatchEditing(val) {
+      if (!val || this.isNestTable) return false;
+      if (this.isTree != 0 || !this.isMatchComponent) return false;
+      if (!this.checkOperateCurrentTable()) {
+        this.resetBatchOperationRowStatus();
+        return false;
+      }
+      // 非行内按钮触发
+      if (!this.isRowEditing) {
+        await this.toggleColumn();
+      }
+      this.hideSelectCloumns();
+      this.handleClickBatchEditBtnByInline();
+    },
+    /**
+     * 保存
+     */
+    isBatchSave(val) {
+      if (!val || this.isNestTable) return false;
+      if (this.isTree != 0 || !this.isMatchComponent) return false;
+      if (!this.checkOperateCurrentTable()) return false;
+      this.handleClickBatchSaveBtnByInline();
+    },
+    /**
+     * 取消
+     */
+    async isBatchCancel(val) {
+      if (!val || this.isNestTable) return false;
+      if (this.isTree != 0 || !this.isMatchComponent) return false;
+      if (!this.checkOperateCurrentTable()) return false;
+      await this.toggleColumn('showColumn');
+      this.handleClickBatchCancelBtnByInline();
+    },
+    /**
+     * 校验提交
+     */
+    batchEditDoneNumber(obj) {
+      if (!obj || !Object.keys(obj).length || this.isNestTable) return;
+      if (this.isTree != 0 || !this.isMatchComponent) return false;
+      if (!this.checkOperateCurrentTable()) return false;
+      this.submitBatchInlineForm(obj);
+    },
+    async isInlineAdding(val) {
+      if (!val || this.isNestTable) return false;
+      if (this.isTree != 0 || !this.isMatchComponent) return false;
+      if (!this.checkOperateCurrentTable()) {
+        this.resetBatchOperationRowStatus();
+        return false;
+      }
+      await this.toggleColumn();
+      this.hideSelectCloumns();
+      this.handleClickAddRow();
+    }
+  },
+  methods: {
+    toggleColumn(key) {
+      let method = key || 'hideColumn';
+      const xGrid = this.$refs.xGrid;
+      if (!xGrid) return Promise.resolve();
+      let operate = xGrid.getColumnByField('operatorColumn');
+      if (method === 'showColumn' && operate.visible) {
+        return Promise.resolve();
+      }
+      return xGrid[method](operate);
+    },
+    /**
+     * 获取配置的 api 方法
+     * @param {*} params  调用参数
+     * @param {String} key 方法名
+     * @param {Object} config 其他配置
+     */
+    async handleGetConfigApi(params, key, config = {}) {
+      try {
+        // TODO: 判断 fn 是异步函数还是同步
+        const editFormApiConfig = this?.editFormApiConfig || {};
+        const fn = editFormApiConfig[key] || null;
+        if (typeof fn === 'function') {
+          let res = await fn(params, config);
+          return Promise.resolve(res);
+        } else {
+          return Promise.reject(new Error(`${key} Is not a function`));
+        }
+      } catch (error) {
+        return Promise.reject(error);
+      }
+    },
+    /**
+     * 设置row 为编辑样式
+     */
+    getBatchOpreateRows(arr) {
+      let vxeTable = this.$refs.xGrid;
+      let { tableData } = vxeTable.getTableData();
+      if (!arr.length) return;
+      // 重置状态时使用
+
+      arr.forEach((item, i) => {
+        let rowIndex = i;
+        if (!this.isEditAllRow) {
+          let matchIndex = tableData.findIndex(v => v[this.primaryKey] == item[this.primaryKey]);
+          if (matchIndex > -1) {
+            rowIndex = matchIndex;
+          }
+        }
+        this.setRowStatus(vxeTable.$el, rowIndex, 66);
+        this.$set(item, '__isInlineEditing', true);
+      });
+    },
+    /**
+     * 重置样式
+     * @param {*} isCancel 保存之后
+     * @returns
+     */
+    resetBatchOperationRowStatus(isResetColumn) {
+      if (this.isTree != 0) return false;
+
+      const vxeTable = this.$refs.xGrid;
+      let { tableData } = vxeTable.getTableData();
+      vxeTable.clearActived();
+      vxeTable.resetColumn();
+      tableData.forEach((row, index) => {
+        this.setRowStatus(vxeTable.$el, index, null);
+        this.$set(row, '__isInlineEditing', false);
+        this.$set(row, '__isDisableInlineEdit', false);
+      });
+      this.checkedRows = [];
+    },
+    async handleClickAddRow() {
+      if (!this.checkListFormUnionSettingParamsList()) {
+        this.handleClickCancelBtnByInline();
+        return false;
+      }
+      this.addInlineEditPrimaryKey = Date.now();
+      let formData = {
+        [this.handleRowId]: this.addInlineEditPrimaryKey,
+        __isInsertRow: true
+      };
+      let vxeTable = this.$refs.xGrid;
+      await vxeTable.insert(formData);
+      await vxeTable.loadData([formData]);
+      await this.resetInlineBatchEdit();
+
+      this.setAllRowInlineStatus(true);
+      this.setRowStatus(vxeTable.$el, 0, 66);
+    },
+    /**
+     * 批量编辑
+     */
+    async handleClickBatchEditBtnByInline() {
+      if (!this.checkListFormUnionSettingParamsList()) {
+        this.handleClickCancelBtnByInline();
+        return false;
+      }
+      let vxeTable = this.$refs.xGrid;
+      let arr = this.checkedRows;
+      let { tableData } = vxeTable.getTableData();
+      // 全部行编辑
+      if (this.isEditAllRow) {
+        arr = tableData;
+      }
+      await vxeTable.loadData(arr);
+      await this.resetInlineBatchEdit();
+
+      this.setAllRowInlineStatus(true);
+      this.getBatchOpreateRows(arr);
+    },
+    /**
+     * 批量保存
+     */
+    handleClickBatchSaveBtnByInline() {
+      if (this.spinning) return false;
+      this.$emit('resetBatchEditDoneStatus');
+
+      let formDom = document.querySelectorAll('.js-inlineEditForm');
+      let filterFormDom = [];
+      [...formDom].map(item => {
+        let pNode = item.parentNode?.parentNode;
+        if (pNode) {
+          if (pNode.classList.contains('vxe-body--column') && !pNode.classList.contains('fixed--hidden')) {
+            filterFormDom.push(item);
+          }
+        }
+      });
+      if (!filterFormDom.length) return false;
+      // // HACK: vxeTable行内编辑时复制的DOM节点，无需触发提交
+      filterFormDom.forEach(item => {
+        item.__vue__.handleSubmitForm();
+      });
+    },
+    /**
+     * 处理需要submit的form个数
+     */
+    handleEditFormLength() {
+      let fieldLength = this.batchFieldList.length;
+      if (!fieldLength) return;
+      // 新增
+      if (this.isInlineAdding) {
+        return fieldLength;
+      }
+      let vxeTable = this.$refs.xGrid;
+      let rowLen = this.allSelectedLength;
+      let { tableData } = vxeTable.getTableData();
+      // 全部行
+      if (this.isEditAllRow) {
+        rowLen = tableData.length;
+      }
+      if (!rowLen) return;
+      return fieldLength * rowLen;
+    },
+    async handleClickBatchCancelBtnByInline() {
+      let vxeTable = this.$refs.xGrid;
+      this.isSaveForm = false;
+      this.$emit('resetInlineEditAll', false);
+      await vxeTable.reloadData(this.originFormatList);
+      this.resetBatchOperationRowStatus(true);
+    },
+    /**
+     * 避免每次点击都查询
+     * 初始化查一次 行编辑 表单search用
+     */
+    // 避免每次点击都查询
+    async handleFormTheUniqueKey() {
+      let hasEditRow = this.btnList?.find(item => {
+        let trigger_type = item.settingObj && item.settingObj[0]?.trigger_type;
+        if (item.isShow == 1 && trigger_type == 'EDIT_ROW') return true;
+        return false;
+      });
+      if (!hasEditRow) return;
+      await this.handleFieldTheUniqueKey();
+    },
+    /**
+     * 获取编辑的field
+     */
+    handleFieldTheUniqueKey() {
+      return new Promise((resolve, reject) => {
+        let { paramsList = [] } = this.listFormUnionSetting || {};
+        let { fieldList = [] } = this.inlineEditFormConfig || {};
+        fieldList = JSON.parse(JSON.stringify(fieldList));
+        this.batchFieldList = [];
+        let batchFieldList = [];
+        batchFieldList = fieldList
+          .map(item => {
+            let matchItem = paramsList.find(v => item.val_key === v.tableField);
+            if (matchItem) {
+              let NOWORDBOOK = item.wordbook && (item?.wordbook?.type || '') != 'WORDBOOK';
+              let id = item.wordbook?.id;
+              if (NOWORDBOOK && id && !this.theUniqueKeyListObj[id]) {
+                this.theUniqueKeyListObj[id] = id;
+              }
+              return item;
+            }
+            return null;
+          })
+          .filter(Boolean);
+        if (!batchFieldList || !batchFieldList.length) return resolve();
+        // 缓存行编辑需要的column配置
+        this.editColumnMap = this.handleColumnMap(batchFieldList, paramsList);
+        this.batchFieldList = batchFieldList;
+        this.fieldLength = this.handleFieldLength();
+        let keyList = Object.keys(this.theUniqueKeyListObj || {});
+        if (!keyList.length) return resolve();
+        keyList.forEach(async item => {
+          await this.handleRequestedUniqueKey(item);
+        });
+        resolve();
+      });
+    },
+    handleColumnMap(batchFieldList, paramsList) {
+      let { fieldList = [] } = this.columnConfig;
+      let editColumnMap = {};
+      fieldList.forEach(item => {
+        if (item.isShow != 1 || item.isEdit != 1) return;
+        let matchItem = paramsList.find(v => v.tableField === item.columnName);
+        if (!matchItem) return;
+        let fieldItem = batchFieldList?.find(field => {
+          return field.val_key === matchItem.tableField;
+        });
+        if (!fieldItem) return;
+        fieldItem = this.formatFieldItem(fieldItem);
+        let obj = {
+          columnName: item.columnName,
+          matchItem,
+          fieldItem
+        };
+        editColumnMap[item.columnName] = obj;
+      });
+      return editColumnMap;
+    },
+    async handleRequestedUniqueKey(id) {
+      let handleEditFormRequestedUniqueKey = this.editFormApiConfig?.handleEditFormRequestedUniqueKey;
+      if (!handleEditFormRequestedUniqueKey || typeof handleEditFormRequestedUniqueKey !== 'function') {
+        handleEditFormRequestedUniqueKey = this.getPrimaryKeyRequest;
+      }
+      return handleEditFormRequestedUniqueKey({ tableId: id }).then(val => {
+        val && (this.cacheUniqueKey[id] = { value: val, status: true });
+      });
+    },
+    getPrimaryKeyRequest(params) {
+      return new Promise((resolve, reject) => {
+        this.axios
+          .get('tableList/getPrimaryKey', { params })
+          .then(({ data }) => {
+            let result;
+            if (data.result == 'SUCCESS') {
+              const { map = {} } = data;
+              result = map.primaryKey || undefined;
+            } else {
+              result = undefined;
+            }
+            resolve(result);
+          })
+          .catch(err => {
+            reject(err);
+          });
+      });
+    },
+    /**
+     * 判断是否渲染EditForm
+     * @param {*} row
+     * @param {*} column
+     * @returns
+     */
+    showEditForm(row, column, $rowIndex) {
+      if (!this.isMatchComponent || this.isNestTable || this.isScanMultiTable) return false;
+      if (this.isBatchEditing || this.isInlineAdding) {
+        let matchObj = this.editColumnMap[column.property];
+        if (!matchObj || !matchObj.matchItem || !matchObj.fieldItem) return false;
+        // 批量编辑 未选择全部行编辑
+        if (this.isBatchEditing && !this.isEditAllRow) {
+          let matchIndex = this.checkedRows.findIndex(v => v[this.primaryKey] == row[this.primaryKey]);
+          if (matchIndex < 0) return false;
+        }
+        // 新增
+        if (this.isInlineAdding) {
+          if ($rowIndex !== 0) return false;
+        }
+        return matchObj.matchItem;
+      }
+      return false;
+    },
+    /**
+     * 初始化props
+     * @param {*} unionItem
+     * @param {*} row
+     * @param {*} column
+     * @param {*} $rowIndex
+     * @returns
+     */
+    initBatchDynamicProps(unionItem, row, column, $rowIndex) {
+      let id = row[this.primaryKey];
+      let dynamicPropsCache = this.batchDynamicPropsCache[id];
+      if (dynamicPropsCache && dynamicPropsCache[unionItem.tableField]) {
+        return dynamicPropsCache[unionItem.tableField];
+      }
+      let matchObj = this.editColumnMap[column.property];
+      let { fieldItem = {} } = matchObj || {};
+      let defaultCombinationForm = {};
+      if (!this.isInlineAdding) {
+        let originalRow = this.pageIndexOldtableData.find(item => {
+          let oldItemVal = utils.handleCurValue(item[this.primaryKey]);
+          let rowVal = utils.handleCurValue(row[this.primaryKey]);
+          return oldItemVal == rowVal;
+        });
+        defaultCombinationForm = this.setDefaultFormData(column.property, fieldItem, originalRow);
+      }
+      let tempFieldItem = JSON.parse(JSON.stringify(fieldItem));
+      let defaultForm = {
+        fieldList: [tempFieldItem],
+        defaultCombinationForm
+      };
+      let dynamicProps = {
+        props: {
+          formPrimaryKey: id,
+          defaultForm,
+          banRequest: true,
+          propsFormBtn: true,
+          propsDelSetting: true,
+          parentConfig: {
+            is_edit: '1'
+          },
+          configuration: this.configuration,
+          isPure: true,
+          isOpenShortcut: false,
+          cacheUniqueKey: this.cacheUniqueKey,
+          styleSetting: {},
+          editFormApiConfig: this.editFormApiConfig,
+          btnList: this.btnList
+        },
+        on: {
+          handleSubmit: this.handleSubmitEditForm,
+          banSubmit: this.banSubmit
+        }
+      };
+      this.$emit('setBatchDynamicPropsCache', {
+        primaryKey: row[this.primaryKey],
+        tableField: unionItem.tableField,
+        dynamicProps
+      });
+      return dynamicProps;
+    },
+    /**
+     * 单个form提交成功数据
+     * @param {*} obj formData
+     */
+    handleSubmitEditForm(obj = {}) {
+      this.$emit('submitEditFormSuccessBatch', obj);
+    },
+    /**
+     * 单个form提交失败
+     * @param {*} obj
+     */
+    banSubmit(obj) {
+      this.$emit('submitEditFormErrorBatch', obj);
+    },
+    formatFieldItem(fieldItem) {
+      return Object.assign({}, fieldItem, {
+        elem_width: '12',
+        is_show: '1'
+      });
+    },
+    formatField(value) {
+      if (value && typeof value == 'string' && value.startsWith('###')) {
+        value = value.slice(3);
+        value = JSON.parse(value);
+        value = value.tooltip || value.value;
+      }
+      return value;
+    },
+    setDefaultFormData(property, fieldItem, originalRow = {}) {
+      let defaultValue = originalRow[property];
+
+      return {
+        [fieldItem.name]: this.formatField(defaultValue)
+      };
+    },
+    /**
+     * 批量提交form
+     * @param {*} obj
+     * @returns
+     */
+    submitBatchInlineForm(obj) {
+      if (this.batchError) {
+        this.resetBatchEditRowStatus();
+        this.$emit('triggerSpinning', false);
+        return;
+      }
+      let isBatchDoneAll = this.handleIsBatchDoneAll(obj);
+      if (!isBatchDoneAll) {
+        this.resetBatchEditRowStatus();
+        this.$emit('triggerSpinning', false);
+        return;
+      }
+      let { listFormUnionSetting } = this;
+      let { formId } = listFormUnionSetting;
+      let params = this.handleSubmitParams(this.batchFormData);
+      if (!formId || !params) {
+        this.resetBatchEditRowStatus();
+        this.$emit('triggerSpinning', false);
+        return;
+      }
+      if (this.isSaveForm) return false;
+      this.isSaveForm = true;
+      this.savaForm(formId, params)
+        .then(async ({ data }) => {
+          this.$emit('triggerSpinning', false);
+          if (data.result !== 'SUCCESS') {
+            this.isSaveForm = false;
+            this.$message.error(data.resultMsg || '保存失败');
+            this.resetBatchEditRowStatus();
+            return false;
+          }
+
+          await this.resetInlineBatchEdit();
+          this.handleClickBatchCancelBtnByInline();
+          this.$emit('pubTableReload');
+        })
+        .finally(() => {
+          this.isSaveForm = false;
+          this.$emit('triggerSpinning', false);
+          this.resetBatchEditRowStatus();
+        });
+    },
+    /**
+     * 处理form
+     * @param {*} batchFormData
+     * @returns
+     */
+    handleSubmitParams(batchFormData) {
+      let arr = [];
+      for (let key in batchFormData) {
+        // v[this.primaryKey] 可能为数字
+        // key 为字符串 用全等匹配不到 改为 ==
+        let matchItem = this.oldtableData.find(v => v[this.primaryKey] == key);
+        let obj = batchFormData[key];
+        if (matchItem) {
+          obj = Object.assign({}, obj, {
+            [this.primaryKey]: matchItem[this.primaryKey]
+          });
+        }
+        arr.push(obj);
+      }
+      return arr;
+    },
+    savaForm(formId, params) {
+      let handleEditFormSavaForm = this.editFormApiConfig?.handleEditFormSavaForm;
+      if (!handleEditFormSavaForm || typeof handleEditFormSavaForm !== 'function') {
+        handleEditFormSavaForm = this.savaFormRequest;
+      }
+      return handleEditFormSavaForm(params, { formId });
+    },
+    savaFormRequest(params, config) {
+      let url = `/form/editRows/update/${config.formId}`;
+      return this.axios({
+        method: 'post',
+        url,
+        headers: { 'Content-Type': 'application/json; charset=utf-8' },
+        data: params
+      });
+    },
+    handleFieldLength() {
+      let { fieldList = [] } = this.columnConfig;
+      let fieldLength = 0;
+      fieldList.forEach(item => {
+        // table中有column隐藏
+        if (item.isShow == 1 && item.isEdit == 1) {
+          let matchItem = this.batchFieldList.find(v => v.val_key === item.columnName);
+          if (matchItem) {
+            fieldLength++;
+          }
+        }
+      });
+      return fieldLength;
+    },
+    /**
+     * 判断每个表单是否校验过
+     * @param {*} obj
+     * @returns
+     */
+    handleIsBatchDoneAll(obj) {
+      // let fieldLength = this.batchFieldList?.length;
+      let fieldLength = this.fieldLength;
+      if (!fieldLength) return false;
+      for (let key in obj) {
+        if (obj[key] < fieldLength) return false;
+      }
+      return true;
+    }
+  }
+};