easy3wui 1.5.54 → 1.5.55-beta2

package/lib/Easy3wEditBigTable/index.js

@@ -0,0 +1,766 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _modal = require('antd/lib/modal');
+
+var _modal2 = _interopRequireDefault(_modal);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+require('antd/lib/modal/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _antd = require('antd');
+
+var _reactDataGrid = require('react-data-grid');
+
+var _reactDataGrid2 = _interopRequireDefault(_reactDataGrid);
+
+var _reactDataGridAddons = require('react-data-grid-addons');
+
+var _xlsx = require('xlsx');
+
+var _xlsx2 = _interopRequireDefault(_xlsx);
+
+var _numeral = require('numeral');
+
+var _numeral2 = _interopRequireDefault(_numeral);
+
+var _Easy3wEditBigTableForm = require('./Easy3wEditBigTableForm');
+
+var _Easy3wEditBigTableForm2 = _interopRequireDefault(_Easy3wEditBigTableForm);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var Selectors = _reactDataGridAddons.Data.Selectors; /* eslint-disable no-alert */
+
+var Easy3wEditBigTable = function (_Component) {
+  (0, _inherits3['default'])(Easy3wEditBigTable, _Component);
+
+  function Easy3wEditBigTable(props) {
+    (0, _classCallCheck3['default'])(this, Easy3wEditBigTable);
+
+    var _this = (0, _possibleConstructorReturn3['default'])(this, _Component.call(this, props));
+
+    _this.bidPureComponent = function (pureComponentName, that) {
+      _this[pureComponentName] = that;
+    };
+
+    _this.ReactDataGridRef = function (ref) {
+      if (ref) {
+        _this.ReactDataGridRef = ref;
+      }
+    };
+
+    _this.onGridRowsUpdated = function (objUpdated) {
+      var fromRow = objUpdated.fromRow,
+          fromRowData = objUpdated.fromRowData;
+      var updated = objUpdated.updated;
+      var _this$props = _this.props,
+          touchAutoCompute = _this$props.touchAutoCompute,
+          onGridRowsUpdated = _this$props.onGridRowsUpdated,
+          dataList = _this$props.dataList;
+
+      if (touchAutoCompute && typeof touchAutoCompute === 'function') {
+        // 数据变更-自动计算行数据
+        updated = touchAutoCompute(objUpdated);
+      }
+      console.log('onGridRowsUpdated', objUpdated, updated);
+      var autoAddNumberIdxEdit = fromRowData.autoAddNumber_idx_edit;
+
+      dataList[autoAddNumberIdxEdit] = (0, _extends3['default'])({}, fromRowData, updated);
+      if (onGridRowsUpdated && typeof onGridRowsUpdated === 'function') {
+        // 数据变更-回调函数
+        onGridRowsUpdated('onGridRowsUpdated', dataList);
+      }
+    };
+
+    _this.onGridSort = function (sortColumn, sortDirection) {
+      _this.setState({ sortColumn: sortColumn, sortDirection: sortDirection });
+    };
+
+    _this.onRowsSelected = function (rows) {
+      _this.setState({
+        arrSelectedIndexes: _this.state.arrSelectedIndexes.concat(rows.map(function (r) {
+          return r.rowIdx;
+        })) // 表格选择行索引
+      });
+    };
+
+    _this.onRowsDeselected = function (rows) {
+      var rowIndexes = rows.map(function (r) {
+        return r.rowIdx;
+      });
+      _this.setState({
+        arrSelectedIndexes: _this.state.arrSelectedIndexes.filter(function (i) {
+          return rowIndexes.indexOf(i) === -1;
+        }) // 表格选择行索引
+      });
+    };
+
+    _this.touchAddRow = function () {
+      var _this$props2 = _this.props,
+          onGridRowsUpdated = _this$props2.onGridRowsUpdated,
+          dataList = _this$props2.dataList;
+
+      var dataListNew = [].concat(dataList, [{}]);
+      if (onGridRowsUpdated && typeof onGridRowsUpdated === 'function') {
+        // 数据变更-回调函数
+        onGridRowsUpdated('touchAddRow', dataListNew);
+      }
+    };
+
+    _this.touchCopyRow = function () {
+      var _this$props3 = _this.props,
+          onGridRowsUpdated = _this$props3.onGridRowsUpdated,
+          dataList = _this$props3.dataList;
+      var arrSelectedIndexes = _this.state.arrSelectedIndexes;
+
+      if (arrSelectedIndexes.length) {
+        var newArr = []; // 复制的新数组
+        arrSelectedIndexes.forEach(function (rowIdx) {
+          var newRow = (0, _extends3['default'])({}, dataList[rowIdx]);
+          newArr.push(newRow);
+          return rowIdx;
+        });
+        var dataListNew = [].concat(dataList, newArr);
+        if (onGridRowsUpdated && typeof onGridRowsUpdated === 'function') {
+          // 数据变更-回调函数
+          onGridRowsUpdated('touchCopyRow', dataListNew);
+        }
+      } else {
+        _modal2['default'].error({
+          title: '错误',
+          content: '请选择要复制的行'
+        });
+      }
+    };
+
+    _this.deleteRow = function () {
+      var _this$props4 = _this.props,
+          dataList = _this$props4.dataList,
+          onGridRowsUpdated = _this$props4.onGridRowsUpdated;
+      var arrSelectedIndexes = _this.state.arrSelectedIndexes;
+
+      if (arrSelectedIndexes.length) {
+        var dataListNew = []; // 复制的新数组
+        dataList.forEach(function (row, index) {
+          if (arrSelectedIndexes.indexOf(index) === -1) {
+            dataListNew.push(row);
+          }
+          return index;
+        });
+        if (onGridRowsUpdated && typeof onGridRowsUpdated === 'function') {
+          // 数据变更-回调函数
+          onGridRowsUpdated('deleteRow', dataListNew);
+        }
+      } else {
+        _modal2['default'].error({
+          title: '错误',
+          content: '请选择要删除的行'
+        });
+      }
+    };
+
+    _this.touchImport = function () {
+      var input = document.getElementById('touchImportExcel');
+      // input.type = 'file';
+      input.onchange = function (e) {
+        var file = e.target.files[0];
+        var reader = new FileReader();
+        reader.onload = function (event) {
+          var onGridRowsUpdated = _this.props.onGridRowsUpdated;
+
+          var _this$getHearder = _this.getHearder(),
+              arrColumnsKey = _this$getHearder.arrColumnsKey;
+
+          var data = event.target.result;
+          var workbook = _xlsx2['default'].read(data, { type: 'binary' });
+          var firstSheetName = workbook.SheetNames[0];
+          var worksheet = workbook.Sheets[firstSheetName];
+          var rows = _xlsx2['default'].utils.sheet_to_json(worksheet, { header: arrColumnsKey });
+          rows.shift();
+          if (onGridRowsUpdated && typeof onGridRowsUpdated === 'function') {
+            // 数据变更-回调函数
+            onGridRowsUpdated('touchImport', rows);
+          }
+        };
+        reader.readAsBinaryString(file);
+      };
+      input.click();
+    };
+
+    _this.touchExport = function () {
+      var _this$getHearder2 = _this.getHearder(),
+          objSheet = _this$getHearder2.objSheet,
+          arrColInfo = _this$getHearder2.arrColInfo;
+
+      var filterDataList = _this.getRows();
+      // 计算 filterDataList 中所有对象字段最多的长度
+      var maxFieldsLength = 0;
+      filterDataList.forEach(function (item) {
+        var fieldsLength = Object.keys(item).length;
+        if (fieldsLength > maxFieldsLength) {
+          maxFieldsLength = fieldsLength;
+        }
+        return item;
+      });
+      if (maxFieldsLength > arrColInfo.length) {
+        for (var i = arrColInfo.length; i < maxFieldsLength;) {
+          arrColInfo.push({ hidden: true });
+          i += 1;
+        }
+      }
+      // 创建工作簿和工作表
+      var worksheet = _xlsx2['default'].utils.json_to_sheet([objSheet].concat(filterDataList), { skipHeader: true });
+      worksheet['!cols'] = arrColInfo;
+      var workbook = _xlsx2['default'].utils.book_new();
+      _xlsx2['default'].utils.book_append_sheet(workbook, worksheet, 'Sheet1');
+
+      // 生成Excel文件并触发下载
+      _xlsx2['default'].writeFile(workbook, 'exported_data.xlsx');
+    };
+
+    _this.showModalBatchEditBigTable = function () {
+      _this.setState({
+        visible: true // 显示批量录入Modal
+      });
+    };
+
+    _this.hideModalBatchEditBigTable = function () {
+      _this.setState({
+        visible: false // 隐藏批量录入Modal
+      });
+    };
+
+    _this.confirmCallbackBatchEditBigTable = function (objFormData, objColumn) {
+      var _this$props5 = _this.props,
+          touchAutoCompute = _this$props5.touchAutoCompute,
+          onGridRowsUpdated = _this$props5.onGridRowsUpdated,
+          dataList = _this$props5.dataList;
+      // if (touchAutoCompute && typeof touchAutoCompute === 'function') { // 数据变更-自动计算行数据
+      //   updated = touchAutoCompute(objUpdated);
+      // }
+
+      var rows = _this.getRows();
+      rows.map(function (row) {
+        var autoAddNumberIdxEdit = row.autoAddNumber_idx_edit,
+            autoAddNumberIdxView = row.autoAddNumber_idx_view;
+
+        var updated = (0, _extends3['default'])({}, objFormData);
+        if (touchAutoCompute && typeof touchAutoCompute === 'function') {
+          // 数据变更-自动计算行数据
+          // action 改变的动作类型，'CELL_UPDATE' 单元格更新，'CELL_BATCH_CHANGE' 单元格批量更新
+          // cellKey 改变的单元格的key
+          // fromRow 改变的单元格的原来行序号
+          // fromRowData 改变的单元格的原来行数据
+          // fromRowId 改变的单元格的原来行id(行唯一标识)
+          // rowIds 所有被选中的行id
+          // toRow 改变的单元格的新行序号
+          // toRowId 改变的单元格的新行id
+          // updated 改变的单元格的新值
+          var rowKey = _this.ReactDataGridRef.props.rowKey;
+
+          updated = touchAutoCompute({ cellKey: objColumn.key, fromRow: autoAddNumberIdxView, toRow: autoAddNumberIdxView, fromRowId: row[rowKey], toRowId: row[rowKey], rowIds: [row[rowKey]], updated: updated, action: 'CELL_BATCH_CHANGE', fromRowData: row });
+        }
+        dataList[autoAddNumberIdxEdit] = (0, _extends3['default'])({}, row, updated);
+        return row;
+      });
+      if (onGridRowsUpdated && typeof onGridRowsUpdated === 'function') {
+        // 数据变更-回调函数
+        onGridRowsUpdated('confirmCallbackBatchEditBigTable', dataList);
+      }
+    };
+
+    _this.getRows = function () {
+      var _this$state = _this.state,
+          filters = _this$state.filters,
+          sortColumn = _this$state.sortColumn,
+          sortDirection = _this$state.sortDirection;
+      var _this$props6 = _this.props,
+          dataList = _this$props6.dataList,
+          enableCellSelect = _this$props6.enableCellSelect;
+
+      var rows = dataList;
+      if (enableCellSelect) {
+        rows = _this.touchLoopDataBefore();
+      }
+      return Selectors.getRows({ rows: rows, filters: filters, sortColumn: sortColumn, sortDirection: sortDirection });
+    };
+
+    _this.getSize = function () {
+      return _this.getRows().length;
+    };
+
+    _this.rowGetter = function (rowIdx) {
+      var rows = _this.getRows();
+      // autoAddNumber_idx_view 自动添加序号 序号列使用
+      return (0, _extends3['default'])({}, rows[rowIdx], { autoAddNumber_idx_view: rowIdx + 1 });
+    };
+
+    _this.touchLoopDataBefore = function () {
+      var dataList = _this.props.dataList;
+
+      var rows = dataList.map(function (row, index) {
+        // autoAddNumber_idx_edit 自动添加序号 数据更新时使用确定当前更新的行
+        return (0, _extends3['default'])({}, row, { autoAddNumber_idx_edit: index });
+      });
+      return rows;
+    };
+
+    _this.touchLoopData = function () {
+      var rows = _this.getRows();
+      var objTotal = {}; // 总计对象
+      rows.map(function (row, index) {
+        _this.columns.map(function (item, idx) {
+          var name = item.name,
+              key = item.key,
+              totalFlag = item.totalFlag,
+              numberFormat = item.numberFormat;
+
+          if (totalFlag && typeof totalFlag === 'boolean') {
+            if (index === 0) {
+              objTotal[key] = {}; // 初始值
+              objTotal[key].name = name; // 初始值
+              objTotal[key].value = 0; // 初始值
+              objTotal[key].numberFormat = numberFormat; // 格式化
+            }
+            var intData = Number(row[key]) || 0;
+            objTotal[key].value = (objTotal[key].value || 0) + intData;
+          }
+          return idx;
+        });
+        return index;
+      });
+      return objTotal;
+    };
+
+    _this.getHearder = function () {
+      var columns = _this.props.columns;
+      var _this$props7 = _this.props,
+          arrColumnsKey = _this$props7.arrColumnsKey,
+          objSheet = _this$props7.objSheet,
+          arrColInfo = _this$props7.arrColInfo;
+
+
+      var arrColumnsKeyNew = ['id'];
+      var objSheetNew = { id: 'id' };
+      // 定义列信息，隐藏第一列（A列）
+      var arrColInfoNew = [{ hidden: true }];
+      columns.forEach(function (column) {
+        var key = column.key,
+            name = column.name,
+            hiddeKeys = column.hiddeKeys;
+
+        objSheetNew[key] = name;
+        arrColumnsKeyNew.push(key);
+        arrColInfoNew.push({});
+        if (hiddeKeys) {
+          var arrHiddenKeys = hiddeKeys.split(',');
+          arrHiddenKeys.map(function (item) {
+            if (item === key) {
+              // 隐藏列与显示列相同，则不添加入表头
+            } else {
+              objSheetNew[item] = item;
+              arrColumnsKeyNew.push(item);
+              arrColInfoNew.push({
+                hidden: true
+              });
+            }
+            return item;
+          });
+        }
+      });
+
+      return { arrColumnsKey: arrColumnsKey || arrColumnsKeyNew, objSheet: objSheet || objSheetNew, arrColInfo: arrColInfo || arrColInfoNew };
+    };
+
+    _this.handleFilterChange = function (filter) {
+      var newFilters = (0, _extends3['default'])({}, _this.state.filters);
+      if (filter.filterTerm) {
+        newFilters[filter.column.key] = filter;
+      } else {
+        delete newFilters[filter.column.key];
+      }
+      _this.setState({ filters: newFilters });
+    };
+
+    _this.onClearFilters = function () {
+      // all filters removed
+      _this.setState({ filters: {} });
+    };
+
+    _this.getToolbar = function () {
+      var objToolbarProps = _this.props.objToolbarProps;
+      var addRowFlag = objToolbarProps.addRowFlag,
+          addRowButtonText = objToolbarProps.addRowButtonText,
+          touchAddRow = objToolbarProps.touchAddRow,
+          enableFilter = objToolbarProps.enableFilter,
+          filterRowsButtonText = objToolbarProps.filterRowsButtonText,
+          arrBtn = objToolbarProps.arrBtn,
+          batchFlag = objToolbarProps.batchFlag,
+          batchButtonText = objToolbarProps.batchButtonText,
+          showModalBatchEditBigTable = objToolbarProps.showModalBatchEditBigTable,
+          saveFlag = objToolbarProps.saveFlag,
+          saveButtonText = objToolbarProps.saveButtonText,
+          saveEditBigTable = objToolbarProps.saveEditBigTable,
+          deleteFlag = objToolbarProps.deleteFlag,
+          deleteButtonText = objToolbarProps.deleteButtonText,
+          deleteRow = objToolbarProps.deleteRow,
+          importFlag = objToolbarProps.importFlag,
+          importButtonText = objToolbarProps.importButtonText,
+          touchImport = objToolbarProps.touchImport,
+          exportFlag = objToolbarProps.exportFlag,
+          exportButtonText = objToolbarProps.exportButtonText,
+          touchExport = objToolbarProps.touchExport;
+
+      var toolbarProps = {};
+      if (addRowFlag) {
+        // 新增按钮
+        toolbarProps.onAddRow = touchAddRow || _this.touchAddRow;
+        toolbarProps.addRowButtonText = addRowButtonText || '新增';
+      } else if (enableFilter) {
+        // 筛选按钮
+        toolbarProps.enableFilter = enableFilter;
+        toolbarProps.filterRowsButtonText = filterRowsButtonText || '筛选';
+      }
+      var toolbar = _react2['default'].createElement(
+        _reactDataGridAddons.Toolbar,
+        (0, _extends3['default'])({}, toolbarProps, {
+          // 行数
+          numberOfRows: _this.getSize()
+        }),
+        arrBtn && arrBtn.map(function (btn) {
+          return _react2['default'].createElement(
+            'button',
+            { type: 'button', className: 'btn', onClick: btn.onClick },
+            btn.text
+          );
+        }),
+        batchFlag ? _react2['default'].createElement(
+          'button',
+          { type: 'button', className: 'btn', onClick: showModalBatchEditBigTable || _this.showModalBatchEditBigTable },
+          batchButtonText || '批量录入'
+        ) : '',
+        saveFlag ? _react2['default'].createElement(
+          'button',
+          { type: 'button', className: 'btn', onClick: saveEditBigTable },
+          saveButtonText || '保存'
+        ) : '',
+        deleteFlag ? _react2['default'].createElement(
+          'button',
+          { type: 'button', className: 'btn', onClick: deleteRow || _this.deleteRow },
+          deleteButtonText || '删除'
+        ) : '',
+        importFlag ? _react2['default'].createElement(
+          'button',
+          { type: 'button', className: 'btn', onClick: touchImport || _this.touchImport },
+          _react2['default'].createElement('input', { type: 'file', id: 'touchImportExcel', accept: '.xlsx, .xls', style: { display: 'none' } }),
+          importButtonText || '导入'
+        ) : '',
+        exportFlag ? _react2['default'].createElement(
+          'button',
+          { type: 'button', className: 'btn', onClick: touchExport || _this.touchExport },
+          exportButtonText || '导出'
+        ) : ''
+      );
+      return toolbar;
+    };
+
+    _this.getReactDataGridProps = function () {
+      var _this$props8 = _this.props,
+          enableCellSelect = _this$props8.enableCellSelect,
+          objToolbarProps = _this$props8.objToolbarProps,
+          rowSelection = _this$props8.rowSelection;
+
+      var objReactDataGridProps = {}; // ReactDataGrid属性对象
+      // toolbar属性
+      if (objToolbarProps) {
+        var enableFilter = objToolbarProps.enableFilter;
+
+        objReactDataGridProps.toolbar = _this.getToolbar();
+        if (enableFilter) {
+          objReactDataGridProps.onAddFilter = _this.handleFilterChange;
+          objReactDataGridProps.onClearFilters = _this.onClearFilters;
+        }
+      }
+      // 单元格选择
+      if (enableCellSelect && typeof enableCellSelect === 'boolean') {
+        objReactDataGridProps.enableCellSelect = enableCellSelect;
+        objReactDataGridProps.onGridRowsUpdated = _this.onGridRowsUpdated; // 表格编辑
+      }
+      // 表格行选择
+      if (rowSelection && typeof rowSelection === 'boolean') {
+        objReactDataGridProps.rowSelection = { // 表格选择
+          showCheckbox: true,
+          enableShiftSelect: true,
+          onRowsSelected: _this.onRowsSelected,
+          onRowsDeselected: _this.onRowsDeselected,
+          selectBy: {
+            rowKey: 'id',
+            indexes: _this.state.arrSelectedIndexes
+          }
+        };
+      } else if (rowSelection) {
+        objReactDataGridProps.rowSelection = rowSelection;
+      }
+
+      return objReactDataGridProps;
+    };
+
+    _this.createColumns = function () {
+      var _this$props9 = _this.props,
+          autoAddNumber = _this$props9.autoAddNumber,
+          columns = _this$props9.columns;
+      // 自动添加序号
+
+      var columnsNew = [].concat(columns);
+      if (autoAddNumber && typeof autoAddNumber === 'boolean') {
+        columnsNew = [{ name: '序号', key: 'autoAddNumber_idx_view', resizable: true, width: 50 }].concat(columnsNew);
+      }
+      _this.columns = columnsNew;
+      return columnsNew;
+    };
+
+    _this.checkReactDataGridData = function () {
+      var clearFiltersFlag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+
+      if (clearFiltersFlag) {
+        _this.onClearFilters(); // 清空筛选条件
+      }
+      _this.checkData(); // 校验数据
+    };
+
+    _this.checkData = function () {
+      var _this$props10 = _this.props,
+          columns = _this$props10.columns,
+          dataList = _this$props10.dataList;
+
+      var strCheckFailRows = ''; // 校验失败的行号
+      var arrRequiredMessage = []; // 必填提示信息
+      dataList.forEach(function (row, index) {
+        var boolcheckFailFlag = false; // 校验失败标识
+        columns.forEach(function (item) {
+          var key = item.key,
+              required = item.required,
+              strName = item.strName,
+              name = item.name;
+          // key 字段
+          // required 必填
+          // strName 字串名称
+          // name 字段名称
+
+          if (required && !row[key]) {
+            boolcheckFailFlag = true;
+            var strRequiredMessage = '\u8BF7\u5F55\u5165\u7B2C' + (index + 1) + '\u884C\u7684' + (strName || name) + ';';
+            arrRequiredMessage.push(strRequiredMessage);
+          }
+        });
+        if (boolcheckFailFlag) {
+          if (strCheckFailRows) {
+            strCheckFailRows += ',' + (index + 1);
+          } else {
+            strCheckFailRows = '' + (index + 1);
+          }
+        }
+      });
+      _modal2['default'].error({
+        title: '校验失败',
+        content: _react2['default'].createElement(
+          'div',
+          null,
+          arrRequiredMessage.map(function (item, index) {
+            return index === 0 ? _react2['default'].createElement(
+              'span',
+              null,
+              item
+            ) : _react2['default'].createElement(
+              'span',
+              null,
+              _react2['default'].createElement('br', null),
+              item
+            );
+          })
+        )
+      });
+      console.error(arrRequiredMessage, strCheckFailRows);
+      return { arrRequiredMessage: arrRequiredMessage, strCheckFailRows: strCheckFailRows };
+    };
+
+    _this.touchFormatNum = function (num) {
+      return !isNaN(num) && isFinite(num) ? (0, _numeral2['default'])(num).format('0,0.00') : num || '';
+    };
+
+    var bidPureComponent = _this.props.bidPureComponent;
+
+    if (bidPureComponent && typeof bidPureComponent === 'function') {
+      bidPureComponent(_this);
+    }
+    _this.state = {
+      // 表格选择
+      arrSelectedIndexes: [], // 表格选择行索引
+      // 查询条件
+      filters: {},
+      // 排序--sort
+      sortColumn: null, // 排序列
+      sortDirection: null, // 排序方向
+      // 批量录入
+      visible: false // 隐藏批量录入Modal
+    };
+    return _this;
+  }
+
+  Easy3wEditBigTable.prototype.componentDidMount = function componentDidMount() {};
+
+  Easy3wEditBigTable.prototype.componentWillUnmount = function componentWillUnmount() {};
+  // 绑定组件
+
+  // 获取列表
+
+  // 表格编辑
+
+  // 表头排序
+
+  // #region 表格选择
+  // 表格选择---选择
+
+  // 表格选择---取消选择
+
+  // #endregion 表格选择
+  // #region 右上角按钮处理--toolbar
+  // 新增
+
+  // 复制
+
+  // 删除
+
+  // 导入
+
+  // 导出--数据
+
+  // 批量录入--显示批量录入Modal
+
+  // 批量录入--隐藏批量录入Modal
+
+  // 批量录入--确认回调
+
+  // #endregion 右上角按钮处理--toolbar
+  // #region 数据处理
+
+  // 数据长度
+
+  // 表格数据函数
+
+  // 数据循环--处理前的数据
+
+  // 数据循环--处理后的数据
+
+  // 导入导出表头
+
+  // #endregion 数据处理
+  // #region 查询条件
+  // 筛选条件变更
+
+  // 清空筛选条件
+
+  // #endregion 查询条件
+
+  // #region toolbar处理
+
+  // #endregion toolbar处理
+  // #region 设置ReactDataGrid属性
+
+  // 创建columns
+
+  // #endregion 设置ReactDataGrid属性
+  // #region 校验数据
+  // 校验处理
+
+  // 校验数据
+
+  // #endregion 校验数据
+  // 转换数字
+
+
+  Easy3wEditBigTable.prototype.render = function render() {
+    var _this2 = this;
+
+    var visible = this.state.visible;
+    var _props = this.props,
+        totalFlag = _props.totalFlag,
+        objOtherProps = _props.objOtherProps,
+        objToolbarProps = _props.objToolbarProps;
+
+    var objReactDataGridProps = this.getReactDataGridProps();
+    var columns = this.createColumns(); // 表头
+    var objTotal = totalFlag ? this.touchLoopData() : {}; // 循环数据获取
+    return _react2['default'].createElement(
+      'div',
+      { style: { backgroundColor: '#fff' } },
+      _react2['default'].createElement(_reactDataGrid2['default'], (0, _extends3['default'])({
+        ref: this.ReactDataGridRef,
+        columns: columns // 表头
+        // rows={rows}
+        , rowGetter: this.rowGetter // 获取行数据
+        , rowsCount: this.getSize() // 行数
+        , onGridSort: this.onGridSort
+      }, objReactDataGridProps, objOtherProps)),
+      totalFlag ? _react2['default'].createElement(
+        'div',
+        null,
+        objTotal && Object.keys(objTotal).map(function (key, index) {
+          return _react2['default'].createElement(
+            'span',
+            { key: key },
+            index === 0 ? '' : '；',
+            _react2['default'].createElement(
+              'span',
+              null,
+              objTotal[key].name,
+              '\uFF1A'
+            ),
+            _react2['default'].createElement(
+              'span',
+              null,
+              objTotal[key].numberFormat ? _this2.touchFormatNum(objTotal[key].value) : objTotal[key].value
+            )
+          );
+        })
+      ) : '',
+      visible ? _react2['default'].createElement(_Easy3wEditBigTableForm2['default'] // 批量录入Modal
+      , { visible: visible // 是否显示
+        , objOtherParameters: (0, _extends3['default'])({}, objToolbarProps, { // 工具栏属性
+          columns: columns // 表头
+        }) // 其他参数
+        , bidPureComponent: function bidPureComponent(that) {
+          return _this2.bidPureComponent('Easy3wEditBigTableForm', that);
+        } // 绑定组件
+        , confirmCallback: this.confirmCallbackBatchEditBigTable,
+        hideModal: this.hideModalBatchEditBigTable
+      }) : ''
+    );
+  };
+
+  return Easy3wEditBigTable;
+}(_react.Component);
+
+exports['default'] = Easy3wEditBigTable;
+module.exports = exports['default'];