imatrix-ui 0.0.1-dsn

package/packages/super-grid/src/apis.js

@@ -0,0 +1,1189 @@
+import { $on, $off, $once, $emit } from '../../utils/gogocodeTransfer'
+import store from './store'
+import {
+  setCurrentRow,
+  isEditOptionFunction,
+  isLastEditRowSave,
+  isHasEditOption,
+  scrollYToBottom,
+  getAdditionalParamMap,
+  isDynamicDataSourceSource
+} from './utils'
+import formValidatorService from './formValidatorUtil'
+import * as Vue from 'vue'
+import {
+  getEntityFieldValue,
+  getI18n,
+  setEntityFieldValue,
+  getPropValue,
+} from '../../../src/utils/util'
+import eventBus from './eventBus'
+import { isPromise } from '../../../src/utils/common-util'
+import { updateWithPageValue } from '../../../src/utils/jump-page-utils'
+const apis = {
+  // 列表工具栏控件刷新列表数据。添加该方法解决工具栏值清空后，列表内容没有还原问题
+  toolbarRefresh(parentRowIds, isLineEdit, toolbarFieldParam, isDeleteSubTableData) {
+    this.toolbarFieldParam = toolbarFieldParam
+    return this.refresh(parentRowIds, isLineEdit, toolbarFieldParam, isDeleteSubTableData)
+  },
+  // 刷新列表数据
+  refresh(parentRowIds, isLineEdit, toolbarFieldParam, isDeleteSubTableData) {
+    return new Promise((resolve, reject) => {
+      if (isDeleteSubTableData) {
+        // 清空options.subTableData
+        const gridParams = store.get(this.code)
+        gridParams.options['subTableData'] = null
+      }
+      if (!toolbarFieldParam && this.toolbarFieldParam) {
+        toolbarFieldParam = this.toolbarFieldParam
+      }
+      if (this.$refs) {
+        if (
+          typeof parentRowIds !== 'undefined' &&
+          parentRowIds !== null &&
+          parentRowIds instanceof Array &&
+          parentRowIds.length > 0
+        ) {
+          // 树形数据时，刷新父记录对应的子记录集合时
+          if (this.$refs.sf) {
+            let param = this.$refs.sf.packageSearchParam()
+            if (param && param.length > 0) {
+              if (toolbarFieldParam && toolbarFieldParam.length > 0) {
+                if (param.length === 1) {
+                  param[0].leftBracket = '('
+                  param[0].rightBracket = ')'
+                }
+                if (param[param.length - 1].joinSign === 'or') {
+                  param[param.length - 1].joinSign = 'and'
+                }
+                // 拼接
+                Array.prototype.push.apply(param, toolbarFieldParam)
+              }
+            } else {
+              if (toolbarFieldParam) {
+                param = []
+                param = toolbarFieldParam
+              }
+            }
+            this.search(param, false, parentRowIds)
+              .then(() => resolve())
+              .catch((error) => reject(error))
+          } else {
+            this.search(toolbarFieldParam, false, parentRowIds)
+              .then(() => resolve())
+              .catch((error) => reject(error))
+          }
+        } else {
+          // 刷新列表数据
+          if (this.$refs.sf) {
+            let param = this.$refs.sf.packageSearchParam()
+            if (param && param.length > 0) {
+              if (toolbarFieldParam && toolbarFieldParam.length > 0) {
+                if (param.length === 1) {
+                  param[0].leftBracket = '('
+                  param[0].rightBracket = ')'
+                }
+                if (param[param.length - 1].joinSign === 'or') {
+                  param[param.length - 1].joinSign = 'and'
+                }
+                // 拼接
+                // param.concat(toolbarFieldParam)
+                Array.prototype.push.apply(param, toolbarFieldParam)
+              }
+            } else {
+              if (toolbarFieldParam) {
+                param = []
+                param = toolbarFieldParam
+              }
+            }
+            this.search(param, false)
+              .then(() => resolve())
+              .catch((error) => reject(error))
+          } else {
+            this.search(toolbarFieldParam, false)
+              .then(() => resolve())
+              .catch((error) => reject(error))
+          }
+        }
+      } else {
+        resolve()
+      }
+    })
+  },
+  // 显示查询
+  showSearchForm() {
+    this.showSearch = true
+    $emit(this, 'showSearch')
+  },
+  // 取消查询
+  cancelSearch() {
+    this.showSearch = false
+    $emit(this, 'cancelSearch')
+  },
+  // 获得查询条件
+  getSearchForm() {
+    const gridParams = store.get(this.code)
+    if (gridParams.searchForm) {
+      return gridParams.searchForm
+    } else {
+      return []
+    }
+  },
+  // 新建行
+  createRow(listCode, row) {
+    return new Promise((resolve, reject) => {
+      if (!listCode) {
+        listCode = store.get('_list_code')
+      }
+      const gridParams = store.get(listCode)
+      const gridData = gridParams.gridData
+      gridParams.superGrid.clearSort()
+      // console.log('创建行记录的条件1', gridParams.lineEdit)
+      // console.log('创建行记录的条件2', gridParams.lineEdit.editable)
+      // console.log('创建行记录的条件3', gridParams.loaded)
+      if (
+        gridParams.lineEdit &&
+        gridParams.lineEdit.editable &&
+        typeof gridParams.loaded !== 'undefined' &&
+        gridParams.loaded === true
+      ) {
+        // gridParams.loaded表示列表数据是否已加载成功，加载成功才允许新建记录
+        // 插入行前的回调
+        let canCreate = true
+        if (isEditOptionFunction('beforeInsertRow', listCode)) {
+          const isSubTableShowPage = gridParams.isSubTableShowPage
+          // 每页显示多少条
+          const pageSize =
+            gridParams.pagination && gridParams.pagination.pageSize
+          const isMobile = false
+          canCreate = gridParams.options.lineEditOptions.beforeInsertRow.call(
+            this,
+            isSubTableShowPage ? gridParams.subTableData : gridParams.gridData,
+            gridParams.$rowIndex,
+            isMobile,
+            this.baseURL,
+            isSubTableShowPage ? gridParams.gridData : null,
+            pageSize,
+            gridParams.additionalParamMap
+          )
+        }
+        // console.log('创建行记录执行前判断', canCreate)
+        // console.log('创建行记录gridParams.options.isFormSubTable=', gridParams.options.isFormSubTable)
+        if (canCreate === undefined || canCreate === true) {
+          if (gridParams.options && gridParams.options.isFormSubTable) {
+            // 如果是表单子表模式，则不需要判断上一行是否是编辑状态
+            // 取消上一行的编辑状态
+            let myGridData = gridParams.gridData
+            if (
+              gridParams.isSubTableShowPage !== undefined &&
+              gridParams.isSubTableShowPage === true
+            ) {
+              // 子表集合
+              myGridData = gridParams.subTableData
+            }
+            const editRows = myGridData.filter(
+              (row) => row.$editing !== undefined && row.$editing === true
+            )
+            if (editRows && editRows.length > 0) {
+              editRows.forEach((editRow) => {
+                setEntityFieldValue(editRow, '$editing', false)
+                // 取消上一行选中状态时，触发un-edit事件，处理下拉多选选项组问题
+                $emit(eventBus, 'un-edit', { row: editRow })
+                // Vue.set(editRow, '$editing', false)
+              })
+            }
+            gridParams.isEditRow = false
+          } else {
+            if (
+              !isLastEditRowSave(listCode) ||
+              (typeof gridParams.isCreateRow !== 'undefined' &&
+                gridParams.isCreateRow === true)
+            ) {
+              // 最后编辑的一行没有保存 或（说明刚刚新建的行还没有保存 或 撤销编辑），则提示
+              window.$vueApp.config.globalProperties.$message({
+                showClose: true,
+                message: getI18n().t('superGrid.pleaseSaveLine', {
+                  row: gridParams.$rowIndex + 1,
+                }),
+                type: 'warning',
+              })
+              reject(new Error('please save line'))
+              return
+            }
+            // 取消上一行的编辑状态
+            if (
+              typeof gridParams.$rowIndex !== 'undefined' &&
+              gridParams.$rowIndex !== null &&
+              gridParams.$rowIndex < gridParams.gridData.length
+            ) {
+              // 表示是有效行
+              const lastEditRow = gridParams.gridData[gridParams.$rowIndex]
+              setEntityFieldValue(lastEditRow, '$editing', false)
+              // Vue.set(lastEditRow, '$editing', false)
+              gridParams.isEditRow = false
+            }
+          }
+          // 新建行
+          row = this.getNewRow(
+            gridParams.defaultValueColumns,
+            gridParams.additionalParamMap,
+            gridParams.contextParameter,
+            row
+          )
+
+          // console.log('创建行记录要添加的新行1', row)
+          setEntityFieldValue(row, '$editing', true)
+          // Vue.set(row, '$editing', true)
+          gridParams.isEditRow = true
+          // console.log('创建行记录要添加的新行2', row)
+          // console.log('创建行所属的list1', gridData)
+          if (gridParams.options && gridParams.options.isFormSubTable) {
+            // 表单的子表行编辑时显示是添加到最后面
+            if (
+              gridParams.isSubTableShowPage !== undefined &&
+              gridParams.isSubTableShowPage === true
+            ) {
+              // 子表集合添加该新建的行。会触发watch subTableData的监控
+              gridParams.isChangePage = true
+              gridParams.subTableData.splice(
+                gridParams.subTableData.length,
+                0,
+                row
+              )
+            } else {
+              // 子表不分页
+              gridData.splice(gridData.length, 0, row)
+              if (gridParams.lineEdit.editingCell) {
+                gridParams.lineEdit.editingCell.row = gridData.length
+              }
+            }
+
+            gridParams.$rowIndex = gridData.length
+            // 滚动条滚到最后
+            this.$nextTick(() => {
+              scrollYToBottom(listCode)
+            })
+          } else {
+            // 表格行编辑新建时是添加到最前面
+            gridData.splice(0, 0, row)
+            if (gridParams.lineEdit.editingCell) {
+              gridParams.lineEdit.editingCell.row = 0
+            }
+
+            gridParams.$rowIndex = 0
+          }
+
+          // console.log('创建行所属的list2', gridData)
+          // console.log('创建行所属的打印gridParams.gridData', gridParams.gridData)
+          const orgRow = Object.assign({}, row)
+          gridParams.orgGridData.splice(0, 0, orgRow)
+          if (!gridParams.lineEdit.editingCell) {
+            gridParams.lineEdit.editingCell = {}
+            gridParams.lineEdit.validateErrorField = ''
+          }
+          // 插入行后的回调
+          if (isEditOptionFunction('afterInsertRow', listCode)) {
+            const isSubTableShowPage = gridParams.isSubTableShowPage
+            // 每页显示多少条
+            const pageSize =
+              gridParams.pagination && gridParams.pagination.pageSize
+            const isMobile = false
+            gridParams.options.lineEditOptions.afterInsertRow.call(
+              this,
+              isSubTableShowPage
+                ? gridParams.subTableData
+                : gridParams.gridData,
+              gridParams.$rowIndex,
+              isMobile,
+              this.baseURL,
+              isSubTableShowPage ? gridParams.gridData : null,
+              pageSize,
+              gridParams.additionalParamMap
+            )
+          }
+
+          gridParams.isCreateRow = true
+          resolve(row)
+        } else {
+          reject(new Error('can not create'))
+        }
+      } else {
+        reject(new Error('list not editable or data not loaded completely'))
+      }
+    })
+  },
+  // 获取一个新的对象，已经解析完默认值
+  getNewRow(
+    defaultValueColumns,
+    additionalParamMap,
+    contextParameter,
+    row,
+    listCode
+  ) {
+    if (!row) {
+      row = {}
+    }
+    if (!listCode) {
+      listCode = store.get('_list_code')
+    }
+    const gridParams = store.get(listCode)
+    if (gridParams && gridParams.allColumns) {
+      this.setColumnsDefaultValue(gridParams.allColumns, row)
+    }
+    if (defaultValueColumns && defaultValueColumns.length > 0) {
+      for (var i = 0; i < defaultValueColumns.length; i++) {
+        const col = defaultValueColumns[i]
+        if (col && col.prop) {
+          const propValue = getEntityFieldValue(row, col.prop)
+          if (col.prop !== '$selection' && col.prop !== '$index') {
+            if (
+              col.defaultValue &&
+              col.defaultValue !== '' &&
+              (propValue === undefined ||
+                propValue === '' ||
+                propValue === null)
+            ) {
+              const value = getPropValue(
+                col.defaultValue,
+                row,
+                additionalParamMap,
+                contextParameter
+              )
+              setEntityFieldValue(row, col.prop, value)
+            }
+          }
+        }
+      }
+    }
+    return row
+  },
+  // 设置默认值null
+  setColumnsDefaultValue(allColumns, row) {
+    for (let i = 0; i < allColumns.length; i++) {
+      const column = allColumns[i]
+      const prop = column.prop
+      if (prop === '$index' || prop === '$selection' || prop === 'operation') {
+        continue
+      }
+      if (column.hasOwnProperty('children')) {
+        // 表示是组合表头，需要判断子表头是否显示
+        this.setChildrenColumnsDefaultValue(column.children, row)
+      } else {
+        if (row[prop] === undefined) {
+          // 不是操作列，才需要设值
+          setEntityFieldValue(row, prop, null)
+        }
+      }
+    }
+    setEntityFieldValue(row, '$editing', false)
+  },
+  setChildrenColumnsDefaultValue(children, row) {
+    for (let i = 0; i < children.length; i++) {
+      const column = children[i]
+      const prop = column.prop
+      if (column.hasOwnProperty('children')) {
+        // 表示是组合表头，需要判断子表头是否显示
+        this.setChildrenColumnsDefaultValue(column.children, row)
+      } else {
+        if (row[prop] === undefined) {
+          if (prop !== 'operation') {
+            // 不是操作列，才需要设值
+            setEntityFieldValue(row, prop, null)
+          }
+        }
+      }
+    }
+  },
+  // 编辑行
+  editRow(rowIndex, listCode, isSaveCallback) {
+    if (!listCode) {
+      listCode = store.get('_list_code')
+    }
+    const gridParams = store.get(listCode)
+    if (gridParams && gridParams.lineEdit && gridParams.lineEdit.editable) {
+      if (
+        typeof gridParams.$rowIndex !== 'undefined' &&
+        gridParams.$rowIndex !== null &&
+        gridParams.$rowIndex !== rowIndex
+      ) {
+        // 不是当前编辑行时
+        if (
+          typeof gridParams.options.lineEditOptions.autoSave === 'undefined' ||
+          (isHasEditOption('autoSave', listCode) &&
+            gridParams.options.lineEditOptions.autoSave === true)
+        ) {
+          // 自动保存行数据
+          if (!isSaveCallback) {
+            // 点击了“编辑”按钮时需要走，不是自动保存行数据后回调方法中调用的editRow时
+            this.saveRow(gridParams.$rowIndex, listCode).then((res) => {
+              this.editRow(rowIndex, listCode, true)
+            })
+            return
+          }
+        } else {
+          // 如果不自动保存，则提示数据没有保存，让用户自己保存
+          if (!isLastEditRowSave(listCode)) {
+            // 最后编辑的一行没有保存，则提示
+            window.$vueApp.config.globalProperties.$message({
+              showClose: true,
+              message: getI18n().t('superGrid.pleaseSaveLine', {
+                row: gridParams.$rowIndex + 1,
+              }),
+              type: 'warning',
+            })
+            return
+          }
+        }
+      }
+
+      let canEdit = true
+      if (isEditOptionFunction('beforeEdit', listCode)) {
+        const isSubTableShowPage = gridParams.isSubTableShowPage
+        // 每页显示多少条
+        const pageSize = gridParams.pagination && gridParams.pagination.pageSize
+        canEdit = gridParams.options.lineEditOptions.beforeEdit.call(this, {
+          gridData: isSubTableShowPage
+            ? gridParams.subTableData
+            : gridParams.gridData,
+          listCode: listCode,
+          entity: gridParams.gridData[rowIndex],
+          rowIndex: rowIndex,
+          columns: gridParams.columns,
+          isMobile: false,
+          pageGridData: isSubTableShowPage ? gridParams.gridData : null,
+          pageSize,
+          additionalParamMap: getAdditionalParamMap(gridParams),
+        })
+      }
+      if (isPromise(canEdit)) {
+        canEdit.then((result) => {
+          if (result === undefined || result === true) {
+            this.doEditRow(gridParams, rowIndex)
+          }
+        })
+      } else {
+        if (canEdit === undefined || canEdit === true) {
+          this.doEditRow(gridParams, rowIndex)
+        }
+      }
+    }
+  },
+  doEditRow(gridParams, rowIndex) {
+    // 取消上一行的编辑状态
+    if (
+      typeof gridParams.$rowIndex !== 'undefined' &&
+      gridParams.$rowIndex !== null &&
+      gridParams.$rowIndex < gridParams.gridData.length
+    ) {
+      const lastEditRow = gridParams.gridData[gridParams.$rowIndex]
+      setEntityFieldValue(lastEditRow, '$editing', false)
+      // Vue.set(lastEditRow, '$editing', false)
+      gridParams.isEditRow = false
+    }
+    // 使指定行变为编辑状态
+    const row = gridParams.gridData[rowIndex]
+    setEntityFieldValue(row, '$editing', true)
+    // Vue.set(row, '$editing', true)
+    gridParams.$lastSaveRowIndex = null
+    gridParams.$rowIndex = rowIndex
+    gridParams.isEditRow = true
+    // 使指定行变为编辑状态，触发获得焦点
+    if (gridParams.lineEdit.editingCell) {
+      gridParams.lineEdit.editingCell.row = rowIndex
+    }
+  },
+  saveRow(rowIndex, listCode) {
+    return new Promise((resolve, reject) => {
+      const vm = this
+      // 添加setTimeout是因为保存时事件和input等组件的@blur冲突，导致保存需要保存两次
+      setTimeout(function () {
+        vm.saveCurrentRow(rowIndex, listCode).then((data) => {
+          resolve(data)
+        })
+      }, 100)
+    })
+  },
+  saveCurrentRow(rowIndex, listCode) {
+    return new Promise((resolve, reject) => {
+      if (!listCode) {
+        listCode = store.get('_list_code')
+      }
+      const gridParams = store.get(listCode)
+      if (gridParams.lineEdit && gridParams.lineEdit.editable) {
+        if (
+          typeof gridParams.gridData[rowIndex].$editing === 'undefined' ||
+          gridParams.gridData[rowIndex].$editing === false
+        ) {
+          window.$vueApp.config.globalProperties.$message({
+            showClose: true,
+            message: getI18n().t('superGrid.noNeedToSaveRow', {
+              row: rowIndex + 1,
+            }),
+            type: 'warning',
+          })
+          return
+        }
+        // console.log('gridParams', gridParams)
+        if (gridParams.$rowIndex !== rowIndex && !isLastEditRowSave(listCode)) {
+          // 最后编辑的一行没有保存，则提示
+          window.$vueApp.config.globalProperties.$message({
+            showClose: true,
+            message: getI18n().t('superGrid.pleaseSaveLine', {
+              row: gridParams.$rowIndex + 1,
+            }),
+            type: 'warning',
+          })
+          return
+        }
+        gridParams.$lastSaveRowIndex = null
+        if (
+          gridParams.isHasDynamic !== undefined &&
+          gridParams.isHasDynamic === false &&
+          !gridParams.lineEdit.urlToSaveRow &&
+          !isHasEditOption('urlToSaveRow', listCode) &&
+          !isEditOptionFunction('saveRow', listCode)
+        ) {
+          window.$vueApp.config.globalProperties.$message({
+            showClose: true,
+            message: getI18n().t('superGrid.pleaseSetURLToSaveRowInformation'),
+            type: 'warning',
+          })
+          return
+        }
+        if (!gridParams.canSaveRow) {
+          // 防止重复保存
+          return
+        }
+        gridParams.canSaveRow = false
+        const row = gridParams.gridData[rowIndex]
+        let needValidate = true
+        if (isHasEditOption('isEnableValidate', listCode)) {
+          // 表示配置了是否启用必填验证
+          needValidate = gridParams.options.lineEditOptions['isEnableValidate']
+        }
+        let validateResult = true
+        if (needValidate === true) {
+          validateResult = formValidatorService.validator(
+            row,
+            listCode,
+            rowIndex
+          )
+        }
+        if (validateResult === true) {
+          let canSave = true
+          if (isEditOptionFunction('beforeSave', listCode)) {
+            canSave = gridParams.options.lineEditOptions['beforeSave'].call(
+              this,
+              row,
+              gridParams.columns,
+              gridParams.additionalParamMap
+            )
+          }
+          if (canSave === undefined || canSave === true) {
+            // 触发点击保存时的事件线，在 normal-column 监听处对字段控件是选项组的字段的值进行处理
+            $emit(eventBus, 'un-edit', { row })
+            const additionalParamMap = getAdditionalParamMap(gridParams)
+            let saveRowRequest
+            if (isEditOptionFunction('saveRow', listCode)) {
+              // 表示保存方法，用户自己重写了
+              saveRowRequest = gridParams.options.lineEditOptions[
+                'saveRow'
+              ].call(
+                this,
+                row,
+                gridParams.columns,
+                gridParams.$dataTypeMap,
+                gridParams.dynamicColumnInfo,
+                additionalParamMap,
+                gridParams.mainDefaultValueColumns
+              )
+            }
+            if (
+              !saveRowRequest &&
+              gridParams.lineEdit &&
+              gridParams.lineEdit.urlToSaveRow
+            ) {
+              // 使用默认的保存实现
+              let urlToSaveRow = gridParams.lineEdit.urlToSaveRow
+              if (isHasEditOption('urlToSaveRow', listCode)) {
+                // 表示手动配置了保存行记录的url
+                urlToSaveRow =
+                  gridParams.options.lineEditOptions['urlToSaveRow']
+              }
+              saveRowRequest =
+                window.$vueApp.config.globalProperties.$http.post(
+                  window.$vueApp.config.globalProperties.baseURL + urlToSaveRow,
+                  row
+                )
+            }
+            if (
+              gridParams.isHasDynamic !== undefined &&
+              gridParams.isHasDynamic === true &&
+              !saveRowRequest
+            ) {
+              // 表示有动态列，保存时使用平台封装好的请求
+              const urlToSaveRow = '/common/dynamic-values'
+              const dynamicValueDTO = {
+                mainTableName:
+                  gridParams.basicInfo && gridParams.basicInfo.tableName
+                    ? gridParams.basicInfo.tableName
+                    : '',
+                row: row,
+                dynamicColumnInfo: gridParams.dynamicColumnInfo,
+                additionalParamMap: additionalParamMap,
+                dataTypeMap: gridParams.$dataTypeMap,
+                dynamicServiceName: gridParams.dynamicServiceName,
+                mainDefaultValueColumns: gridParams.mainDefaultValueColumns,
+              }
+              saveRowRequest =
+                window.$vueApp.config.globalProperties.$http.post(
+                  window.$vueApp.config.globalProperties.baseURL + urlToSaveRow,
+                  dynamicValueDTO
+                )
+            }
+            if (saveRowRequest) {
+              saveRowRequest
+                .then((data) => {
+                  this.afterSave(gridParams, rowIndex, listCode, data, row)
+                    .then((data) => {
+                      resolve(data)
+                    })
+                    .catch((error) => {
+                      reject(error)
+                    })
+                })
+                .catch((error) => {
+                  gridParams.canSaveRow = true
+                  if (isEditOptionFunction('saveError', listCode)) {
+                    gridParams.options.lineEditOptions['saveError'].call(
+                      this,
+                      row,
+                      gridParams.columns,
+                      rowIndex,
+                      error
+                    )
+                  }
+                  reject(error)
+                })
+            } else {
+              gridParams.canSaveRow = true
+              reject(getI18n().t('saveRowRequest is undefined'))
+            }
+          } else {
+            gridParams.canSaveRow = true
+            reject(
+              getI18n().t(
+                'superGrid.theReturnValueOfTheBeforesaveCallbackMethodIsFalse'
+              )
+            )
+          }
+        } else {
+          gridParams.canSaveRow = true
+          reject(getI18n().t('imatrixUIMessage.validationFailed'))
+        }
+      }
+    })
+  },
+  afterSave(gridParams, rowIndex, listCode, data, row) {
+    return new Promise((resolve, reject) => {
+      gridParams.isCreateRow = false
+      gridParams.canSaveRow = true
+      gridParams.$rowIndex = null
+      // 当前是否有正在编辑的行
+      gridParams.isEditRow = false
+      gridParams.$lastSaveRowIndex = rowIndex
+      window.$vueApp.config.globalProperties.$message({
+        showClose: true,
+        message: getI18n().t('superGrid.lineSavedSuccessfully', {
+          row: rowIndex + 1,
+        }),
+        type: 'success',
+      })
+      if (
+        typeof gridParams.options.lineEditOptions.aftersaveIsCancelEditState ===
+          'undefined' ||
+        (isHasEditOption('aftersaveIsCancelEditState', listCode) &&
+          gridParams.options.lineEditOptions.aftersaveIsCancelEditState ===
+            true)
+      ) {
+        // 取消编辑状态
+        setEntityFieldValue(row, '$editing', false)
+        // Vue.set(row, '$editing', false)
+        gridParams.isEditRow = false
+      }
+
+      if (isEditOptionFunction('saveSuccess', listCode)) {
+        gridParams.options.lineEditOptions['saveSuccess'].call(
+          this,
+          data,
+          gridParams.columns,
+          rowIndex,
+          row,
+          gridParams.additionalParamMap
+        )
+      }
+      Object.assign(gridParams.orgGridData[rowIndex], data)
+      // 必须加这句，否则连续保存时报事务异常
+      Object.assign(gridParams.gridData[rowIndex], data)
+      // 必须调用这句话，刷新一下列表，否则当前页总条数和记录总条数都会显示错误
+      this.refresh(false, true)
+        .then(() => {
+          if (
+            typeof gridParams.options.lineEditOptions.aftersaveIsCreateRow ===
+              'undefined' ||
+            gridParams.options.lineEditOptions.aftersaveIsCreateRow
+          ) {
+            this.createRow(listCode)
+          }
+          resolve({
+            rowIndex,
+            listCode,
+          })
+        })
+        .catch((error) => reject(error))
+    })
+  },
+  restoreRow(rowIndex, listCode) {
+    // 撤销当前行的编辑的信息
+    return new Promise((resolve, reject) => {
+      this.restoreCurrentRow(rowIndex, listCode)
+      resolve()
+    })
+  },
+  /**
+   * 撤销当前指定编辑行的信息
+   */
+  restoreCurrentRow(rowIndex, listCode) {
+    if (!listCode) {
+      listCode = store.get('_list_code')
+    }
+    const gridParams = store.get(listCode)
+    // console.log('restoreCurrentRow-gridParams.$rowIndex,rowIndex', gridParams.$rowIndex, rowIndex)
+    if (gridParams.lineEdit && gridParams.lineEdit.editable) {
+      if (
+        gridParams.$rowIndex !== null &&
+        gridParams.$rowIndex !== rowIndex &&
+        !isLastEditRowSave(listCode)
+      ) {
+        // 最后编辑的一行没有保存，则提示
+        window.$vueApp.config.globalProperties.$message({
+          showClose: true,
+          message: getI18n().t('superGrid.pleaseSaveLine', {
+            row: gridParams.$rowIndex + 1,
+          }),
+          type: 'warning',
+        })
+        return
+      }
+      // true表示没有编辑任何字段，false表示当前行有编辑的字段
+      const isUnEditing =
+        gridParams.$lastSaveRowIndex !== null &&
+        gridParams.$lastSaveRowIndex === rowIndex &&
+        typeof gridParams.gridData[rowIndex].id !== 'undefined'
+      let isValidate = true
+      // 撤销编辑前的回调
+      if (isEditOptionFunction('beforeRestoreValidate', listCode)) {
+        const isSubTableShowPage = gridParams.isSubTableShowPage
+        // 每页显示多少条
+        const pageSize = gridParams.pagination && gridParams.pagination.pageSize
+        const isMobile = false
+        isValidate =
+          gridParams.options.lineEditOptions.beforeRestoreValidate.call(this, {
+            rowIndex,
+            gridData: isSubTableShowPage
+              ? gridParams.subTableData
+              : gridParams.gridData,
+            entity: gridParams.gridData[rowIndex],
+            isMobile,
+            baseURL: this.baseURL,
+            isEditing: !isUnEditing,
+            pageGridData: isSubTableShowPage ? gridParams.gridData : null,
+            pageSize,
+            additionalParamMap: gridParams.additionalParamMap,
+          })
+      }
+      if (isValidate === undefined || isValidate === true) {
+        // 例如：自定义验证成功，再继续平台的验证
+        if (isUnEditing === true) {
+          // 当前行已保存，已是最新数据，无需再撤销编辑
+          // console.log('gridParams.gridData[rowIndex].id=', gridParams.gridData[rowIndex].id)
+          window.$vueApp.config.globalProperties.$message({
+            showClose: true,
+            message: getI18n().t('superGrid.lineNoNeedToUndoEdit', {
+              row: rowIndex + 1,
+            }),
+            type: 'warning',
+          })
+          return
+        }
+      } else {
+        return
+      }
+      let canRestore = true
+      // 撤销编辑前的回调
+      if (isEditOptionFunction('beforeRestore', listCode)) {
+        const isSubTableShowPage = gridParams.isSubTableShowPage
+        // 每页显示多少条
+        const pageSize = gridParams.pagination && gridParams.pagination.pageSize
+        const isMobile = false
+        canRestore = gridParams.options.lineEditOptions.beforeRestore.call(
+          this,
+          {
+            rowIndex,
+            gridData: isSubTableShowPage
+              ? gridParams.subTableData
+              : gridParams.gridData,
+            entity: gridParams.gridData[rowIndex],
+            isMobile,
+            baseURL: window.$vueApp.config.globalProperties.baseURL,
+            isEditing: !isUnEditing,
+            pageGridData: isSubTableShowPage ? gridParams.gridData : null,
+            pageSize,
+            additionalParamMap: gridParams.additionalParamMap,
+          }
+        )
+      }
+      if (canRestore === undefined || canRestore === true) {
+        // 如果没有编辑过任何行
+        if (
+          !gridParams.orgGridData[rowIndex].id &&
+          !gridParams.orgGridData[rowIndex].ID
+        ) {
+          // 表示没有保存行数据，需要删除该行记录
+          this.deleteRow(rowIndex, listCode, true)
+        } else {
+          // 这样写会导致“如果字段值原来是空的，输入了内容后，取消编辑没法把输入的值清空”问题
+          // Object.assign(gridParams.gridData[rowIndex], gridParams.orgGridData[rowIndex])
+          // 所以改成如下写法
+          gridParams.gridData[rowIndex] = JSON.parse(
+            JSON.stringify(gridParams.orgGridData[rowIndex])
+          )
+          if (
+            gridParams.isSubTableShowPage !== undefined &&
+            gridParams.isSubTableShowPage === true
+          ) {
+            // 子表集合移除该行。会触发watch subTableData的监控
+            const lastPageRowIndex = (this.currentPage - 1) * this.pageSize
+            const subTableRowIndex = lastPageRowIndex + rowIndex
+            gridParams.subTableData[subTableRowIndex] =
+              gridParams.gridData[rowIndex]
+          }
+          window.$vueApp.config.globalProperties.$message({
+            showClose: true,
+            message: getI18n().t('superGrid.lineCancelledSuccessfully', {
+              row: rowIndex + 1,
+            }),
+            type: 'success',
+          })
+
+          if (
+            typeof gridParams.options.lineEditOptions
+              .afterRestoreIsCancelEditState === 'undefined' ||
+            (isHasEditOption('afterRestoreIsCancelEditState', listCode) &&
+              gridParams.options.lineEditOptions
+                .afterRestoreIsCancelEditState === true)
+          ) {
+            // 取消编辑状态
+            setEntityFieldValue(
+              gridParams.gridData[rowIndex],
+              '$editing',
+              false
+            )
+            // Vue.set(gridParams.gridData[rowIndex], '$editing', false)
+            gridParams.isEditRow = false
+          }
+        }
+        gridParams.$rowIndex = null
+        gridParams.isCreateRow = false
+        // 撤销编辑后回调
+        if (isEditOptionFunction('afterRestore', listCode)) {
+          gridParams.options.lineEditOptions.afterRestore.call(
+            this,
+            rowIndex,
+            gridParams.orgGridData[rowIndex],
+            gridParams.additionalParamMap
+          )
+        }
+      }
+    }
+  },
+  deleteRow(rowIndex, listCode, isRestore) {
+    return new Promise((resolve, reject) => {
+      if (!listCode) {
+        listCode = store.get('_list_code')
+      }
+      const gridParams = store.get(listCode)
+      let canDelete = true
+      // 删除行记录前的回调
+      if (isEditOptionFunction('beforeDelete', listCode)) {
+        const isSubTableShowPage = gridParams.isSubTableShowPage
+        // 每页显示多少条
+        const pageSize = gridParams.pagination && gridParams.pagination.pageSize
+        const gridData = isSubTableShowPage
+          ? gridParams.subTableData
+          : gridParams.gridData
+        const isMobile = false
+        canDelete = gridParams.options.lineEditOptions.beforeDelete.call(
+          this,
+          rowIndex,
+          gridParams.gridData[rowIndex],
+          gridData,
+          isMobile,
+          this.baseURL,
+          isSubTableShowPage ? gridParams.gridData : null,
+          pageSize,
+          gridParams.additionalParamMap
+        )
+      }
+      if (canDelete === undefined || canDelete === true) {
+        if (
+          gridParams.isSubTableShowPage !== undefined &&
+          gridParams.isSubTableShowPage === true
+        ) {
+          // 子表集合添加该新建的行。会触发watch subTableData的监控
+          gridParams.isChangePage = true
+          const lastPageRowIndex = (this.currentPage - 1) * this.pageSize
+          const subTableRowIndex = lastPageRowIndex + rowIndex
+
+          gridParams.subTableData.splice(subTableRowIndex, 1)
+        } else {
+          gridParams.gridData.splice(rowIndex, 1)
+          gridParams.orgGridData.splice(rowIndex, 1)
+        }
+        // TODO 注释下面的代码，是因为表单子表删除记录时会造成未保存新增的记录的字段被清空的问题，不知道当时为什么要加这个代码
+        // Object.assign(gridParams.gridData, gridParams.orgGridData)
+        gridParams.$lastSaveRowIndex = null
+        gridParams.$rowIndex = null
+        gridParams.isEditRow = false
+        window.$vueApp.config.globalProperties.$message({
+          showClose: true,
+          message: getI18n().t('superGrid.deleteSuccessful'),
+          type: 'success',
+        })
+        if (gridParams.gridData.length === 0) {
+          if (
+            gridParams.options &&
+            gridParams.options.isDefaultShowEdit !== null &&
+            gridParams.options.isDefaultShowEdit !== undefined &&
+            gridParams.options.isDefaultShowEdit === true
+          ) {
+            // 表示没有记录时，需要创建新行
+            this.createRow(listCode)
+          }
+        }
+        if (gridParams.isMulitiSelect) {
+          gridParams.superGrid.clearSelection()
+        }
+        gridParams.isCreateRow = false
+        if (isRestore !== undefined && isRestore === true) {
+          // 表示是删除操作，执行删除记录后回调
+          if (isEditOptionFunction('afterDelete', listCode)) {
+            const isSubTableShowPage = gridParams.isSubTableShowPage
+            // 每页显示多少条
+            const pageSize =
+              gridParams.pagination && gridParams.pagination.pageSize
+            const isMobile = false
+            gridParams.options.lineEditOptions.afterDelete.call(
+              this,
+              rowIndex,
+              gridParams.orgGridData[rowIndex],
+              isSubTableShowPage
+                ? gridParams.subTableData
+                : gridParams.gridData,
+              isMobile,
+              this.baseURL,
+              isSubTableShowPage ? gridParams.gridData : null,
+              pageSize,
+              gridParams.additionalParamMap
+            )
+          }
+        }
+      }
+
+      resolve()
+    })
+  },
+  // 行编辑时，点击自定义组件时，使当前行获得焦点
+  focus(rowIndex, listCode) {
+    setCurrentRow(rowIndex, listCode)
+  },
+  // 获得列表所有数据
+  getGridData(listCode) {
+    if (!listCode) {
+      listCode = store.get('_list_code')
+    }
+    const gridParams = store.get(listCode)
+    const isSubTableShowPage = gridParams.isSubTableShowPage
+    if (isSubTableShowPage) {
+      return gridParams.subTableData
+    } else {
+      return gridParams.gridData
+    }
+  },
+  // 获得字段配置
+  getColumns(listCode) {
+    if (!listCode) {
+      listCode = store.get('_list_code')
+    }
+    const gridParams = store.get(listCode)
+    return gridParams.columns
+  },
+  getPagination(listCode) {
+    if (!listCode) {
+      listCode = store.get('_list_code')
+    }
+    const gridParams = store.get(listCode)
+    return gridParams.pagination
+  },
+  // 获得该列表中，下拉选是选项组的字段信息，返回的key是属性名，value是选项集合
+  getOptionsValueSet(listCode) {
+    const result = {}
+    if (!listCode) {
+      listCode = store.get('_list_code')
+    }
+    const gridParams = store.get(listCode)
+    const columns = gridParams.columns
+    columns.forEach(col => {
+      const prop = col.prop
+      const isDynamicDataSource = isDynamicDataSourceSource(col)
+      if (!isDynamicDataSource && col.valueSet && col.valueSet.length > 0) {
+        result[prop] = col.valueSet
+      }
+    })
+    return result
+  },
+  // 取消列表的编辑状态
+  restoreGridEdit(listCode) {
+    if (!listCode) {
+      listCode = store.get('_list_code')
+    }
+    const gridParams = store.get(listCode)
+    if (gridParams.options && gridParams.options.isFormSubTable) {
+      const isSubTableShowPage = gridParams.isSubTableShowPage
+      let gridData = []
+      if (isSubTableShowPage) {
+        gridData = gridParams.subTableData
+      } else {
+        gridData = gridParams.gridData
+      }
+      if (gridData && gridData.length > 0) {
+        for (let i = 0; i < gridData.length; i++) {
+          const row = gridData[i]
+          // 取消最后一个编辑行的状态
+          if (row.$editing !== undefined && row.$editing === true) {
+            setEntityFieldValue(row, '$editing', false)
+            // 取消上一行选中状态时，触发un-edit事件，处理下拉多选选项组问题
+            $emit(eventBus, 'un-edit', { row: row })
+            break
+          }
+        }
+      }
+    }
+  },
+  // api方法，super-pages中有调用该方法
+  closePageDialog(popParams) {
+    // popParams格式为：{ entity, pageCode }
+    console.log(
+      '列表组件--closePageDialog---this.jumpPageSetting=',
+      this.jumpPageSetting
+    )
+    if (this.jumpPageSetting) {
+      // 调用关闭弹框事件
+      const gridParams = store.get(this.code)
+      const closeEventName = this.jumpPageSetting.closeEvent
+      const row = this.jumpPageSetting.row
+      let closeEvent
+      if (
+        gridParams.options.eventCallBack &&
+        closeEventName &&
+        closeEventName !== null &&
+        gridParams.options.eventCallBack[closeEventName]
+      ) {
+        // 表单页面中子表自定义事件集合
+        closeEvent = gridParams.options.eventCallBack[closeEventName]
+      }
+      if (closeEvent) {
+        const params = {
+          params: gridParams.additionalParamMap,
+          additionalParamMap: gridParams.additionalParamMap,
+          entity: row,
+        }
+        if (popParams) {
+          params.eventParams = {
+            popEntity: popParams.entity,
+            popPageCode: popParams.pageCode,
+            pageCode: this.pageCode,
+          }
+        }
+        closeEvent.call(this, params)
+      }
+      const isRefreshWhenClosePopup =
+        this.jumpPageSetting.isRefreshWhenClosePopup
+      if (
+        isRefreshWhenClosePopup !== undefined &&
+        isRefreshWhenClosePopup === true
+      ) {
+        // 关闭弹框时，刷新父页面列表
+        const gridParams = store.get(this.code)
+        this.search(gridParams.searchForm)
+      }
+    }
+    this.isShowPageDialog = false
+    this.jumpPageSetting = null
+  },
+  updateValues(sourceModel, sourceTableName, targetRowIndex) {
+    // TODO 值更新
+    const gridParams = store.get(this.code)
+    const editRowIndex = targetRowIndex
+    if (
+      editRowIndex !== undefined &&
+      editRowIndex !== null &&
+      editRowIndex < this.gridData.length
+    ) {
+      // 返回true表示不需要替换字段，false表示需要替换字段
+      const isNotNeedReplaceFieldName =
+        this.isSql === false ||
+        (gridParams.options &&
+          ((gridParams.options.isAdministerListView !== undefined &&
+            gridParams.options.isAdministerListView === true) ||
+            (gridParams.options.isFormSubTable !== undefined &&
+              gridParams.options.isFormSubTable === true)))
+      const tableName = this.tableName
+      updateWithPageValue(
+        sourceModel,
+        sourceTableName,
+        this.jumpPageSetting,
+        this.gridData[editRowIndex],
+        tableName,
+        !isNotNeedReplaceFieldName
+      )
+      const updateValueEventName =
+        this.jumpPageSetting && this.jumpPageSetting.updateValueEvent
+          ? this.jumpPageSetting.updateValueEvent
+          : null
+      let updateValueEvent
+      if (
+        gridParams.options.eventCallBack &&
+        updateValueEventName &&
+        updateValueEventName !== null &&
+        gridParams.options.eventCallBack[updateValueEventName]
+      ) {
+        // 表单页面中子表自定义事件集合
+        updateValueEvent =
+          gridParams.options.eventCallBack[updateValueEventName]
+      }
+      if (updateValueEvent) {
+        updateValueEvent.call(this, {
+          sourceModel,
+          sourceTableName,
+          jumpPageSetting: this.jumpPageSetting,
+          entity: this.gridData[editRowIndex],
+          targetTableName: tableName,
+          isNeedReplaceFieldName: !isNotNeedReplaceFieldName,
+          additionalParamMap: gridParams.additionalParamMap,
+        })
+      }
+    }
+  },
+}
+export default apis