easy3wui 1.5.77 → 1.5.78

package/lib/Easy3wFormPage/indexPC.js

@@ -0,0 +1,4006 @@
+'use strict';
+
+exports.__esModule = true;
+exports.Easy3wFormPageTightPC = exports.Easy3wFormPagePC = undefined;
+
+var _message2 = require('antd/lib/message');
+
+var _message3 = _interopRequireDefault(_message2);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _notification2 = require('antd/lib/notification');
+
+var _notification3 = _interopRequireDefault(_notification2);
+
+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/message/style');
+
+require('antd/lib/notification/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _form = require('antd/lib/form');
+
+var _form2 = _interopRequireDefault(_form);
+
+require('antd/lib/form/style');
+
+var _popconfirm = require('antd/lib/popconfirm');
+
+var _popconfirm2 = _interopRequireDefault(_popconfirm);
+
+require('antd/lib/popconfirm/style');
+
+var _input = require('antd/lib/input');
+
+var _input2 = _interopRequireDefault(_input);
+
+require('antd/lib/input/style');
+
+var _datePicker = require('antd/lib/date-picker');
+
+var _datePicker2 = _interopRequireDefault(_datePicker);
+
+require('antd/lib/date-picker/style');
+
+var _col = require('antd/lib/col');
+
+var _col2 = _interopRequireDefault(_col);
+
+require('antd/lib/col/style');
+
+var _row = require('antd/lib/row');
+
+var _row2 = _interopRequireDefault(_row);
+
+require('antd/lib/row/style');
+
+var _select = require('antd/lib/select');
+
+var _select2 = _interopRequireDefault(_select);
+
+require('antd/lib/select/style');
+
+var _treeSelect = require('antd/lib/tree-select');
+
+var _treeSelect2 = _interopRequireDefault(_treeSelect);
+
+require('antd/lib/tree-select/style');
+
+var _radio = require('antd/lib/radio');
+
+var _radio2 = _interopRequireDefault(_radio);
+
+require('antd/lib/radio/style');
+
+var _checkbox = require('antd/lib/checkbox');
+
+var _checkbox2 = _interopRequireDefault(_checkbox);
+
+require('antd/lib/checkbox/style');
+
+var _popover = require('antd/lib/popover');
+
+var _popover2 = _interopRequireDefault(_popover);
+
+require('antd/lib/popover/style');
+
+var _autoComplete = require('antd/lib/auto-complete');
+
+var _autoComplete2 = _interopRequireDefault(_autoComplete);
+
+require('antd/lib/auto-complete/style');
+
+var _cascader = require('antd/lib/cascader');
+
+var _cascader2 = _interopRequireDefault(_cascader);
+
+require('antd/lib/cascader/style');
+
+var _inputNumber = require('antd/lib/input-number');
+
+var _inputNumber2 = _interopRequireDefault(_inputNumber);
+
+require('antd/lib/input-number/style');
+
+var _mention = require('antd/lib/mention');
+
+var _mention2 = _interopRequireDefault(_mention);
+
+require('antd/lib/mention/style');
+
+var _rate = require('antd/lib/rate');
+
+var _rate2 = _interopRequireDefault(_rate);
+
+require('antd/lib/rate/style');
+
+var _slider = require('antd/lib/slider');
+
+var _slider2 = _interopRequireDefault(_slider);
+
+require('antd/lib/slider/style');
+
+var _switch = require('antd/lib/switch');
+
+var _switch2 = _interopRequireDefault(_switch);
+
+require('antd/lib/switch/style');
+
+var _timePicker = require('antd/lib/time-picker');
+
+var _timePicker2 = _interopRequireDefault(_timePicker);
+
+require('antd/lib/time-picker/style');
+
+var _transfer = require('antd/lib/transfer');
+
+var _transfer2 = _interopRequireDefault(_transfer);
+
+require('antd/lib/transfer/style');
+
+var _icon = require('antd/lib/icon');
+
+var _icon2 = _interopRequireDefault(_icon);
+
+require('antd/lib/icon/style');
+
+var _button = require('antd/lib/button');
+
+var _button2 = _interopRequireDefault(_button);
+
+require('antd/lib/button/style');
+
+var _antd = require('antd');
+
+var _numeral = require('numeral');
+
+var _numeral2 = _interopRequireDefault(_numeral);
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _moment = require('moment');
+
+var _moment2 = _interopRequireDefault(_moment);
+
+var _zh_CN = require('antd/lib/date-picker/locale/zh_CN');
+
+var _zh_CN2 = _interopRequireDefault(_zh_CN);
+
+require('moment/locale/zh-cn');
+
+var _braftEditor = require('braft-editor');
+
+var _braftEditor2 = _interopRequireDefault(_braftEditor);
+
+require('braft-editor/dist/index.css');
+
+var _table = require('braft-extensions/dist/table');
+
+var _table2 = _interopRequireDefault(_table);
+
+require('braft-extensions/dist/table.css');
+
+require('braft-editor/dist/output.css');
+
+var _easy3wui = require('easy3wui');
+
+var _comonConfig = require('comonConfigPath/comonConfig');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+// 引入富文本表格功能
+var objOptions = {
+  defaultRows: 3, // 默认行数
+  defaultColumns: 3, // 默认列数
+  withDropdown: false, // 插入表格前是否弹出下拉菜单
+  columnResizable: false, // 是否允许拖动调整列宽， 默认false
+  exportAttrString: 'style="border: 1"' // 指定输出HTML时附加到table标签上的属性字符串
+};
+// import TagSelect from '../Easy3wTagSelect/index.js';
+// import Easy3wUpload from '../../Easy3wUpload';
+// import Easy3wUploadB from '../../Easy3wUploadB';
+// import Easy3wUploadM from '../../Easy3wUploadM';
+
+_braftEditor2['default'].use((0, _table2['default'])(objOptions)); // 表格
+
+_moment2['default'].locale('zh-cn');
+
+var Option = _select2['default'].Option;
+var MonthPicker = _datePicker2['default'].MonthPicker,
+    RangePicker = _datePicker2['default'].RangePicker;
+
+var FormItem = _form2['default'].Item;
+var RadioGroup = _radio2['default'].Group;
+var CheckboxGroup = _checkbox2['default'].Group;
+var TextArea = _input2['default'].TextArea;
+
+var singleItem = {
+  labelCol: { span: 8 },
+  wrapperCol: { span: 16 }
+};
+var mixSingle = {
+  labelCol: { span: 4 },
+  wrapperCol: { span: 18 }
+};
+var mixSingleTight = {
+  labelCol: { span: 4 },
+  wrapperCol: { span: 20 }
+};
+var mixSingleWithBtn = {
+  labelCol: { span: 4 },
+  wrapperCol: { span: 6 }
+};
+var doubleItemLeft = {
+  labelCol: { span: 8 },
+  wrapperCol: { span: 12 }
+};
+var doubleItemLeftTight = {
+  labelCol: { span: 8 },
+  wrapperCol: { span: 16 }
+};
+var doubleItemLeftWithBtn = {
+  labelCol: { span: 8 },
+  wrapperCol: { span: 12 }
+};
+var formItemRight = {
+  labelCol: { span: 8 },
+  wrapperCol: { span: 12 }
+};
+var formItemRightTight = {
+  labelCol: { span: 8 },
+  wrapperCol: { span: 16 }
+};
+var threeItem = {
+  labelCol: { span: 9 },
+  wrapperCol: { span: 15 }
+};
+var threeCol1Item = {
+  labelCol: { span: 3 },
+  wrapperCol: { span: 21 }
+};
+var threeCol2Item = {
+  labelCol: { span: 4 },
+  wrapperCol: { span: 20 }
+};
+var formItemRightWithBtn = {
+  labelCol: { span: 8 },
+  wrapperCol: { span: 12 }
+};
+var formItemStyle = {
+  marginBottom: 6
+};
+var formItemStyleTight = {
+  margin: '0px'
+};
+// 手机号区号及正则表  当有国家区号相同时后加区号在原本的区号基础上加 '+序号'
+var arrMobileAssociationDefault = [{ label: '中国', value: '+86', pattern: /^1[34578]\d{9}$/ }, { label: '香港', value: '+852', pattern: /^\d+$/ }, { label: '台湾', value: '+886', pattern: /^\d+$/ }, { label: '澳门', value: '+853', pattern: /^\d+$/ },
+// { label: '香港', value: '+852', pattern: /^([5|6|9])\d{7}$/ },
+// { label: '台湾', value: '+886', pattern: /^[0][9]\d{8}$/ },
+// { label: '澳门', value: '+853', pattern: /^6\d{7}$/ },
+{ label: '美国', value: '+1', pattern: /^\d+$/ }, { label: '德国', value: '+49', pattern: /^\d+$/ }, { label: '法国', value: '+33', pattern: /^\d+$/ }, { label: '英国', value: '+34', pattern: /^\d+$/ }, { label: '日本', value: '+81', pattern: /^\d+$/ }, { label: '韩国', value: '+82', pattern: /^\d+$/ }, { label: '澳大利亚', value: '+61', pattern: /^\d+$/ }, { label: '加拿大', value: '+1+0', pattern: /^\d+$/ }, { label: '印度', value: '+91', pattern: /^\d+$/ }, { label: '俄罗斯', value: '+7', pattern: /^\d+$/ }];
+// 号码正则
+var objMobileRegularDefault = {
+  '+86': /^1[34578]\d{9}$/,
+  '+852': /^\d+$/,
+  '+886': /^\d+$/,
+  '+853': /^\d+$/,
+  // '+852': /^([5|6|9])\d{7}$/,
+  // '+886': /^[0][9]\d{8}$/,
+  // '+853': /^6\d{7}$/,
+  '+1': /^\d+$/,
+  '+49': /^\d+$/,
+  '+33': /^\d+$/,
+  '+34': /^\d+$/,
+  '+81': /^\d+$/,
+  '+82': /^\d+$/,
+  '+61': /^\d+$/,
+  '+1+0': /^\d+$/,
+  '+91': /^\d+$/,
+  '+7': /^\d+$/
+};
+
+var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
+  (0, _inherits3['default'])(Easy3wFormPagePC, _Component);
+
+  function Easy3wFormPagePC() {
+    var _temp, _this, _ret;
+
+    (0, _classCallCheck3['default'])(this, Easy3wFormPagePC);
+
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.onClickFunc = function (e, func) {
+      var globalLoading = _this.props.loadingFlag.global;
+      if (globalLoading) {
+        _notification3['default'].warning({
+          message: '温馨提示',
+          description: '正在后台处理，请稍后！',
+          duration: 3
+        });
+      } else {
+        func(e);
+      }
+    }, _this.getItemArea = function (item) {
+      var allReadFlag = _this.props.allReadFlag;
+      var fieldType = item.fieldType,
+          cmptPros = item.cmptPros,
+          disableFlag = item.disableFlag,
+          readFlag = item.readFlag;
+
+      var itemNew = item;
+      var newCmptPros = {};
+      if (disableFlag) {
+        if (cmptPros) {
+          newCmptPros = (0, _extends3['default'])({}, cmptPros, { disabled: true });
+        } else {
+          newCmptPros = { disabled: true };
+        }
+        itemNew = (0, _extends3['default'])({}, item, { cmptPros: newCmptPros });
+      }
+      if ((readFlag || allReadFlag) && (fieldType === 'checkBox' || fieldType === 'radio' || fieldType === 'textarea' || fieldType === 'braftEditor')) {
+        if (cmptPros) {
+          newCmptPros = (0, _extends3['default'])({}, cmptPros, { disabled: true });
+        } else {
+          newCmptPros = { disabled: true };
+        }
+        itemNew = (0, _extends3['default'])({}, item, { cmptPros: newCmptPros });
+      }
+      switch (fieldType) {
+        case 'autoComplete':
+          return _this.autoCompleteHandler(itemNew);
+        case 'braftEditor':
+          return _this.braftEditorHandler(itemNew);
+        case 'cascader':
+          return _this.cascaderHandler(itemNew);
+        case 'checkBox':
+          return _this.checkBoxHandler(itemNew);
+        case 'monthPicker':
+          return _this.monthPickerHandler(itemNew);
+        case 'rangePicker':
+          return _this.rangePickerHandler(itemNew);
+        case 'datePicker':
+          return _this.datePickerHandler(itemNew);
+        case 'dateTimePicker':
+          return _this.dateTimePickerHandler(itemNew);
+        case 'timePicker':
+          return _this.timePickerHandler(itemNew);
+        case 'input':
+          return _this.inputHandler(itemNew);
+        case 'mobile':
+          return _this.mobileHandler(itemNew);
+        case 'textarea':
+          return _this.textareaHandler(itemNew);
+        // case 'inputNumber':
+        //   return this.inputNumberHandler(itemNew);
+        // case 'inputNumberFormat':
+        //   return this.inputNumberFormatHandler(itemNew);
+        case 'numberInput':
+          return _this.numberInputHandler(itemNew);
+        case 'email':
+          return _this.inputEmailHandler(itemNew);
+        case 'mention':
+          return _this.mentionHandler(itemNew);
+        case 'rate':
+          return _this.rateHandler(itemNew);
+        case 'radio':
+          return _this.radioHandler(itemNew);
+        case 'select':
+          return _this.selectHandler(itemNew);
+        case 'tagSelect':
+          return _this.tagSelectHandler(itemNew);
+        case 'slider':
+          return _this.sliderHandler(itemNew);
+        case 'switch':
+          return _this.switchHandler(itemNew);
+        case 'treeSelect':
+          return _this.treeSelectHandler(itemNew);
+        case 'transfer':
+          return _this.transferHandler(itemNew);
+        case 'icon':
+          return _this.iconHandler(itemNew);
+        case 'strTemplate':
+          return _this.strTemplateHandler(itemNew);
+        case 'desc':
+          return _this.descHandler(itemNew);
+        case 'btn':
+          return _this.btnHandler(itemNew);
+        case 'a':
+          return _this.aHandler(itemNew);
+        case 'string':
+          return _this.strHandler(itemNew);
+        default:
+          break;
+      }
+    }, _this.getItemValue = function (item) {
+      var _this$props = _this.props,
+          allReadFlag = _this$props.allReadFlag,
+          globalData = _this$props.globalData;
+      var fieldType = item.fieldType,
+          readFlag = item.readFlag,
+          cmptPros = item.cmptPros,
+          disableFlag = item.disableFlag,
+          numberFormat = item.numberFormat;
+
+      var _ref = globalData || {},
+          dataDesensitizationEyeFlag = _ref.dataDesensitizationEyeFlag;
+
+      var value = item.value;
+
+      var _ref2 = cmptPros || {},
+          addonAfter = _ref2.addonAfter,
+          numeralFormat = _ref2.numeralFormat;
+      // numeralFormat 新组件(金额、数字)的格式化参数
+
+
+      if (numberFormat) {
+        return (0, _numeral2['default'])(value).format('0,0.00');
+      }
+      if (fieldType === 'numberInput' && value) {
+        return (0, _numeral2['default'])(value).format('0,0.00');
+      }
+      // if (fieldType === 'inputAmount' && value) { // 金额
+      //   let strValue = numeral(value).format(numeralFormat || '0,0.00');
+      //   if (allReadFlag || readFlag) {
+      //     // strValue = `${strValue}${addonAfter}`;
+      //     strValue = <span>{strValue}{addonAfter || ''}</span>;
+      //   }
+      //   return strValue;
+      // }
+      // if (fieldType === 'inputDigit' && value) { // 数字
+      //   const { precision = 2 } = cmptPros || {};
+      //   let strValue = numeral(value).format(numeralFormat || `0.${'0'.repeat(precision)}`);
+      //   // let strValue = numeral(value).format('0.00');
+      //   if (allReadFlag || readFlag) {
+      //     strValue = <span>{strValue}{addonAfter || ''}</span>;
+      //   }
+      //   return strValue;
+      // }
+      if (fieldType === 'braftEditor') {
+        return _braftEditor2['default'].createEditorState(value);
+      }
+      if (allReadFlag || readFlag) {
+        if (fieldType === 'rangePicker' && value instanceof Array) {
+          value = value.length ? value.join(' 至 ') : '';
+        } else if (fieldType === 'input' || fieldType === 'mobile') {
+          value = _comonConfig.dataDesensitizationFlag ? dataDesensitizationEyeFlag ? value : (0, _easy3wui.Easy3wGetDesensitization)(value) : value;
+        }
+        return value;
+      }
+      if (fieldType === 'datePicker') {
+        /** 格式化日期型数据 */
+        value = value ? (0, _moment2['default'])(value, 'YYYY-MM-DD') : undefined;
+      }
+      if (fieldType === 'dateTimePicker') {
+        /** 格式化日期时间型数据 */
+        value = value ? (0, _moment2['default'])(value, 'YYYY-MM-DD HH:mm:ss') : undefined;
+      }
+      if (fieldType === 'monthPicker') {
+        /** 格式化年月型数据 */
+        value = value ? (0, _moment2['default'])(value, 'YYYY-MM') : undefined;
+      }
+      if (fieldType === 'rangePicker') {
+        /** 格式化年月型数据 */
+        value = value[1] ? [(0, _moment2['default'])(value[0], 'YYYY-MM-DD'), (0, _moment2['default'])(value[1], 'YYYY-MM-DD')] : undefined;
+      }
+      if (fieldType === 'timePicker') {
+        /** 格式化时间型数据 */
+        value = value ? (0, _moment2['default'])(value, 'HH:mm:ss') : undefined;
+      }
+      if (fieldType === 'select') {
+        /** select */
+        if (!disableFlag) {
+          var labelInValue = cmptPros.labelInValue,
+              mode = cmptPros.mode;
+
+          if (labelInValue && labelInValue === true && mode !== 'multiple') {
+            if (value === undefined || value === '') {
+              value = undefined;
+            } else if (!value.key && !value.value) {
+              value = undefined;
+            }
+          }
+        }
+      }
+      return value;
+    }, _this.getAfterBtn = function (item) {
+      var afterBtn = item.afterBtn;
+
+      if (afterBtn) {
+        var allBtn = afterBtn.map(function (btn) {
+          if (btn.objType === 'btn') {
+            return _this.btnHandler(btn);
+          }
+          if (btn.objType === 'a') {
+            return _this.aHandler(btn);
+          }
+          if (btn.objType === 'string') {
+            return _this.strHandler(btn);
+          }
+          return {};
+        });
+        return allBtn;
+      } else {
+        var noneBtn = [];
+        return noneBtn;
+      }
+    }, _this.getAnalysisType = function (item) {
+      var fieldType = item.fieldType;
+
+      var strRMsg = '填写'; // 必填提示文字
+      switch (fieldType) {
+        case 'autoComplete':
+          strRMsg = '填写或选择';
+          break;
+        case 'braftEditor':
+          strRMsg = '填写';
+          break;
+        case 'cascader':
+          strRMsg = '选择';
+          break;
+        case 'checkBox':
+          strRMsg = '选择';
+          break;
+        case 'monthPicker':
+          strRMsg = '选择';
+          break;
+        case 'rangePicker':
+          strRMsg = '选择';
+          break;
+        case 'datePicker':
+          strRMsg = '选择';
+          break;
+        case 'dateTimePicker':
+          strRMsg = '选择';
+          break;
+        case 'timePicker':
+          strRMsg = '选择';
+          break;
+        case 'input':
+          strRMsg = '填写';
+          break;
+        case 'mobile':
+          strRMsg = '填写';
+          break;
+        case 'textarea':
+          strRMsg = '填写';
+          break;
+        // case 'inputAmount': // 金额
+        //   strRMsg = '填写';
+        //   break;
+        // case 'inputDigit': // 数字
+        //   strRMsg = '填写';
+        //   break;
+        case 'numberInput':
+          strRMsg = '填写';
+          break;
+        case 'mention':
+          strRMsg = '填写或选择';
+          break;
+        case 'rate':
+          strRMsg = '选择';
+          break;
+        case 'radio':
+          strRMsg = '选择';
+          break;
+        case 'select':
+          strRMsg = '选择';
+          break;
+        case 'tagSelect':
+          strRMsg = '选择';
+          break;
+        case 'slider':
+          strRMsg = '录入';
+          break;
+        case 'switch':
+          strRMsg = '选择';
+          break;
+        case 'treeSelect':
+          strRMsg = '选择';
+          break;
+        case 'transfer':
+          strRMsg = '选择';
+          break;
+        case 'icon':
+          break;
+        case 'strTemplate':
+          strRMsg = '填写';
+          break;
+        case 'desc':
+          break;
+        case 'btn':
+          break;
+        case 'a':
+          break;
+        case 'string':
+          break;
+        default:
+          break;
+      }
+      return strRMsg;
+    }, _this.getFormItem = function (item, itemValue, afterBtns, itemArea, formItemLayout, disableCheckFlag) {
+      var _this$props2 = _this.props,
+          form = _this$props2.form,
+          allReadFlag = _this$props2.allReadFlag,
+          loadFinishFlag = _this$props2.loadFinishFlag,
+          bigFormFlag = _this$props2.bigFormFlag;
+      var getFieldDecorator = form.getFieldDecorator;
+      var formItemChild = item.formItemChild,
+          popoverFlag = item.popoverFlag,
+          readFlag = item.readFlag,
+          popProps = item.popProps,
+          fieldType = item.fieldType,
+          disableFlag = item.disableFlag,
+          titleType = item.titleType,
+          formItemProps = item.formItemProps,
+          novalueFlag = item.novalueFlag,
+          label = item.label,
+          required = item.required,
+          requiredMessage = item.requiredMessage,
+          cmptPros = item.cmptPros;
+
+      var isApproval = document.body.innerHTML.includes('class="approval_flag_only"');
+      var isDisableRuleFlag = required;
+      if (readFlag === undefined) {
+        if (disableFlag && isApproval && disableCheckFlag) {
+          isDisableRuleFlag = required;
+        } else if (disableFlag && isApproval) {
+          isDisableRuleFlag = false;
+        }
+      }
+      var fieldId = item.fieldId;
+
+      var strRMsg = _this.getAnalysisType(item);
+      var addRules = [];
+      var hadOnBlurFlag = false;
+      var notProxyOnblurFlag = false;
+      var disableFlagReal = disableFlag;
+      if (cmptPros) {
+        if (cmptPros.rules) {
+          var rules = cmptPros.rules;
+
+          addRules = rules;
+        }
+      }
+      if (fieldType === 'input' || fieldType === 'textarea') {
+        var maxLength = fieldType === 'textarea' ? 2000 : titleType ? 400 : 100;
+        if (cmptPros) {
+          if (cmptPros.maxLength) {
+            maxLength = cmptPros.maxLength;
+          }
+        }
+        if (disableFlag) {
+          //
+        } else {
+          addRules = [{ max: maxLength, message: '\u5F55\u5165\u6587\u5B57\u957F\u5EA6\u4E0D\u80FD\u8D85\u8FC7' + maxLength, transform: _this.touchTransform }].concat(addRules);
+        }
+      } else if (fieldType === 'mobile') {
+        var e3wMobileNation = form.getFieldValue(fieldId + 'AddonBefore');
+        addRules = [{ pattern: _comonConfig.objMobileRegular ? _comonConfig.objMobileRegular[e3wMobileNation] : objMobileRegularDefault[e3wMobileNation], message: '手机格式错误！' }].concat(addRules);
+      } else if (fieldType === 'email') {
+        addRules = [{ type: 'email', message: '邮箱地址格式错误！' }].concat(addRules);
+      }
+      var decoratorObj = {
+        rules: [{ required: isDisableRuleFlag, message: requiredMessage || '\u8BF7' + strRMsg + label }].concat(addRules)
+      };
+      if (fieldType === 'braftEditor') {
+        var objValidator = {};
+        if (required) {
+          objValidator = {
+            validator: _this.validateContent
+          };
+        }
+        decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
+          trigger: 'onBlur',
+          validateTrigger: 'onBlur',
+          rules: [(0, _extends3['default'])({ required: isDisableRuleFlag, message: requiredMessage || '\u8BF7' + strRMsg + label }, objValidator)].concat(addRules)
+        });
+      }
+      if (itemValue || itemValue === 0) {
+        decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
+          initialValue: itemValue
+        });
+      }
+      if (readFlag || allReadFlag) {
+        fieldId = fieldId + 'Easy3wView';
+        if (fieldType === 'braftEditor' && itemValue.isEmpty()) {
+          // 只读时，符合必填校验
+          decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
+            initialValue: _braftEditor2['default'].createEditorState('<p> </p>')
+          });
+        } else if (fieldType === 'textarea' && !(itemValue || itemValue === 0)) {
+          decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
+            initialValue: ' '
+          });
+        }
+      }
+
+      if (cmptPros) {
+        if (cmptPros.getValueFromEvent) {
+          var getValueFromEvent = cmptPros.getValueFromEvent;
+
+          decoratorObj = (0, _extends3['default'])({}, decoratorObj, { getValueFromEvent: getValueFromEvent });
+        }
+        if (cmptPros.onBlur) {
+          hadOnBlurFlag = true;
+        }
+        if (cmptPros.notProxyOnblurFlag) {
+          notProxyOnblurFlag = true;
+        }
+        if (cmptPros.disabled) {
+          disableFlagReal = true;
+        }
+      }
+      if (loadFinishFlag === true && bigFormFlag === true) {
+        if ((fieldType === 'input' || fieldType === 'textarea') && !hadOnBlurFlag && !disableFlagReal && !notProxyOnblurFlag) {
+          decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
+            trigger: 'onBlur',
+            valuePropName: 'defaultValue'
+          });
+        }
+      }
+      if ((readFlag || allReadFlag) && fieldType !== 'braftEditor') {
+        if ((fieldType === 'checkBox' || fieldType === 'radio') && label) {
+          var boolCrRequired = readFlag ? false : isDisableRuleFlag;
+          return _react2['default'].createElement(
+            FormItem,
+            (0, _extends3['default'])({
+              label: label,
+              required: required
+            }, formItemLayout, formItemProps, {
+              style: formItemStyle
+            }),
+            itemValue && itemValue.$$typeof ? _react2['default'].createElement(
+              'div',
+              null,
+              getFieldDecorator(fieldId, {
+                initialValue: 'easy3wView',
+                rules: [{ required: boolCrRequired, message: requiredMessage || '\u8BF7' + strRMsg + label }]
+              })(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
+              itemValue
+            ) : getFieldDecorator(fieldId, {
+              initialValue: itemValue,
+              rules: [{ required: boolCrRequired, message: requiredMessage || '\u8BF7' + strRMsg + label }]
+            })(itemArea)
+          );
+        } else if (fieldType === 'textarea' && typeof str === 'string') {
+          return _react2['default'].createElement(
+            FormItem,
+            (0, _extends3['default'])({
+              label: label,
+              required: required
+            }, formItemLayout, formItemProps, {
+              style: formItemStyle
+            }),
+            _react2['default'].createElement(
+              'div',
+              { style: { position: 'relative' } },
+              formItemChild,
+              getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj))(itemArea),
+              _react2['default'].createElement(
+                'div',
+                { style: { position: 'absolute', left: '100%', top: '0px', zIndex: 2 } },
+                afterBtns
+              )
+            )
+          );
+        } else {
+          return _react2['default'].createElement(
+            FormItem,
+            (0, _extends3['default'])({
+              label: label,
+              required: required
+            }, formItemLayout, formItemProps, {
+              style: formItemStyle
+            }),
+            getFieldDecorator(fieldId, {
+              initialValue: 'easy3wView',
+              rules: [{ required: isDisableRuleFlag, message: requiredMessage || '\u8BF7' + strRMsg + label }]
+            })(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
+            itemValue,
+            ' ',
+            afterBtns
+          );
+        }
+      }
+      if (popoverFlag) {
+        var title = popProps.title,
+            content = popProps.content,
+            placement = popProps.placement;
+
+        return _react2['default'].createElement(
+          'div',
+          { style: { position: 'relative' } },
+          _react2['default'].createElement(
+            FormItem,
+            (0, _extends3['default'])({
+              label: label,
+              required: required
+            }, formItemLayout, formItemProps, {
+              style: formItemStyle
+            }),
+            formItemChild,
+            _react2['default'].createElement(
+              _popover2['default'],
+              {
+                title: title,
+                content: _react2['default'].createElement(
+                  'div',
+                  { style: { padding: '4px 0' } },
+                  _react2['default'].createElement(
+                    'span',
+                    { style: { color: '#5468b2', width: 200, height: 300 } },
+                    content
+                  )
+                ),
+                placement: placement
+              },
+              getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj))(itemArea)
+            ),
+            _react2['default'].createElement(
+              'div',
+              { style: { position: 'absolute', left: '100%', top: '0px', zIndex: 2 } },
+              afterBtns
+            )
+          )
+        );
+      } else if (novalueFlag) {
+        return _react2['default'].createElement(
+          FormItem,
+          (0, _extends3['default'])({
+            label: label,
+            required: required
+          }, formItemLayout, formItemProps, {
+            style: formItemStyle
+          }),
+          itemArea
+        );
+      } else {
+        return _react2['default'].createElement(
+          FormItem,
+          (0, _extends3['default'])({
+            label: label,
+            required: required
+          }, formItemLayout, formItemProps, {
+            style: formItemStyle
+          }),
+          _react2['default'].createElement(
+            'div',
+            { style: { position: 'relative' } },
+            formItemChild,
+            getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj))(itemArea),
+            _react2['default'].createElement(
+              'div',
+              { style: { position: 'absolute', left: '100%', top: '0px', zIndex: 2 } },
+              afterBtns
+            )
+          )
+        );
+      }
+    }, _this.touchTransform = function (value) {
+      var strValue = value;
+      if (typeof value === 'number') {
+        strValue = String(value);
+      }
+      return strValue;
+    }, _this.getStrTemplateItem = function (item, itemArea) {
+      var _this$props3 = _this.props,
+          form = _this$props3.form,
+          allReadFlag = _this$props3.allReadFlag;
+      var getFieldDecorator = form.getFieldDecorator;
+      var popoverFlag = item.popoverFlag,
+          readFlag = item.readFlag,
+          popProps = item.popProps,
+          novalueFlag = item.novalueFlag,
+          label = item.label,
+          fieldId = item.fieldId,
+          required = item.required,
+          requiredMessage = item.requiredMessage,
+          cmptPros = item.cmptPros,
+          fieldType = item.fieldType;
+
+      var itemValue = _this.getItemValue(item);
+      var colSpan = cmptPros.colSpan;
+
+      var addRules = [];
+      if (cmptPros && cmptPros.rules) {
+        var rules = cmptPros.rules;
+
+        addRules = rules;
+      }
+      var decoratorObj = {
+        initialValue: itemValue,
+        rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }].concat(addRules)
+      };
+      if (cmptPros && cmptPros.getValueFromEvent) {
+        var getValueFromEvent = cmptPros.getValueFromEvent;
+
+        decoratorObj = (0, _extends3['default'])({}, decoratorObj, { getValueFromEvent: getValueFromEvent });
+      }
+      if (readFlag || allReadFlag) {
+        return _react2['default'].createElement(
+          _col2['default'],
+          { span: colSpan },
+          _react2['default'].createElement(
+            FormItem,
+            {
+              labelCol: { span: 48 },
+              wrapperCol: { span: 48 },
+              style: formItemStyle
+            },
+            getFieldDecorator(fieldId + 'Easy3wView', {
+              initialValue: 'easy3wView',
+              rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
+            })(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
+            itemValue
+          )
+        );
+      }
+      if (popoverFlag) {
+        var title = popProps.title,
+            content = popProps.content,
+            placement = popProps.placement;
+
+        return _react2['default'].createElement(
+          _col2['default'],
+          { span: colSpan },
+          _react2['default'].createElement(
+            'span',
+            { style: { position: 'relative' } },
+            _react2['default'].createElement(
+              FormItem,
+              {
+                labelCol: { span: 48 },
+                wrapperCol: { span: 48 },
+                style: formItemStyle
+              },
+              _react2['default'].createElement(
+                _popover2['default'],
+                {
+                  title: title,
+                  content: _react2['default'].createElement(
+                    'div',
+                    { style: { padding: '4px 0' } },
+                    _react2['default'].createElement(
+                      'span',
+                      { style: { color: '#5468b2', width: 200, height: 300 } },
+                      content
+                    )
+                  ),
+                  placement: placement
+                },
+                getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj))(itemArea)
+              )
+            )
+          )
+        );
+      } else if (novalueFlag || fieldType === 'desc') {
+        return _react2['default'].createElement(
+          _col2['default'],
+          { span: colSpan },
+          _react2['default'].createElement(
+            'span',
+            null,
+            itemArea
+          )
+        );
+      } else {
+        return _react2['default'].createElement(
+          _col2['default'],
+          { span: colSpan },
+          _react2['default'].createElement(
+            'span',
+            { style: { position: 'relative' } },
+            _react2['default'].createElement(
+              FormItem,
+              {
+                labelCol: { span: 48 },
+                wrapperCol: { span: 48 },
+                style: formItemStyle
+              },
+              getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj))(itemArea)
+            )
+          )
+        );
+      }
+    }, _this.getSingleRow = function (rowItem, disableCheckFlag) {
+      var cols = rowItem.cols,
+          rowReadFlag = rowItem.rowReadFlag,
+          rowAftBtnFlag = rowItem.rowAftBtnFlag;
+      var _this$props4 = _this.props,
+          rowItems = _this$props4.rowItems,
+          singleColFlag = _this$props4.singleColFlag,
+          doubleColFlag = _this$props4.doubleColFlag,
+          mixColFlag = _this$props4.mixColFlag,
+          allReadFlag = _this$props4.allReadFlag;
+
+      var threeRowItemFlag = false;
+      for (var _iterator = rowItems, _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
+        var _ref3;
+
+        if (_isArray) {
+          if (_i >= _iterator.length) break;
+          _ref3 = _iterator[_i++];
+        } else {
+          _i = _iterator.next();
+          if (_i.done) break;
+          _ref3 = _i.value;
+        }
+
+        var rItem = _ref3;
+
+        if (rItem.cols.length === 3) {
+          threeRowItemFlag = true;
+          break;
+        }
+      }
+      var colsLength = cols.length;
+      var col1Layout = '';
+      var col2Layout = '';
+      var col3Layout = '';
+      if (singleColFlag) {
+        col1Layout = singleItem;
+      }
+      if (doubleColFlag) {
+        col1Layout = doubleItemLeft;
+        col2Layout = formItemRight;
+        if (rowAftBtnFlag) {
+          col2Layout = formItemRightWithBtn;
+        }
+      }
+      if (mixColFlag) {
+        if (colsLength === 1) {
+          col1Layout = mixSingle;
+          if (rowAftBtnFlag) {
+            col1Layout = mixSingleWithBtn;
+          }
+        }
+        if (colsLength === 2) {
+          col1Layout = doubleItemLeft;
+          col2Layout = formItemRight;
+          if (rowAftBtnFlag) {
+            col1Layout = doubleItemLeftWithBtn;
+            col2Layout = formItemRightWithBtn;
+          }
+        }
+      }
+      // 包含3列的行 重置布局
+      if (threeRowItemFlag === true) {
+        if (colsLength === 1) {
+          col1Layout = threeCol1Item;
+        }
+        if (colsLength === 2) {
+          col1Layout = threeItem;
+          col2Layout = threeCol2Item;
+        }
+        if (colsLength === 3) {
+          col1Layout = threeItem;
+          col2Layout = threeItem;
+          col3Layout = threeItem;
+        }
+      }
+      var leftItem = _this.getColItem(cols[0], col1Layout, disableCheckFlag);
+      /** 获取所有列 */
+      var allCols = '';
+      if (colsLength === 1) {
+        allCols = _this.getOneColObj(leftItem, mixColFlag, allReadFlag, rowReadFlag);
+      }
+      if (colsLength === 2) {
+        var rightItem = _this.getColItem(cols[1], col2Layout, disableCheckFlag);
+        allCols = _this.getTwoColObj(leftItem, rightItem, allReadFlag, rowReadFlag);
+      }
+      if (colsLength === 3) {
+        var right2Item = _this.getColItem(cols[1], col2Layout, disableCheckFlag);
+        var right3Item = _this.getColItem(cols[2], col3Layout, disableCheckFlag);
+        allCols = _this.getThreeColObj(leftItem, right2Item, right3Item, allReadFlag, rowReadFlag);
+      }
+      return allCols;
+    }, _this.getOneColObj = function (colObj, mixColFlag, allReadFlag, rowReadFlag) {
+      var colSpan = 24;
+      var children1 = colObj.props.children || '';
+      var props1 = children1 ? children1.props : '';
+      var gutter1 = props1 ? props1.gutter : '';
+      colSpan = mixColFlag ? 24 : colSpan;
+      return _react2['default'].createElement(
+        _row2['default'],
+        { className: allReadFlag || rowReadFlag ? (0, _classnames2['default'])(['e3wFormItem']) : '' },
+        _react2['default'].createElement(
+          _col2['default'],
+          { style: { marginBottom: gutter1 === 0 ? -24 : 0 }, span: colSpan },
+          colObj
+        )
+      );
+    }, _this.getTwoColObj = function (colObj, rightColObj, allReadFlag, rowReadFlag) {
+      var children1 = colObj.props.children || '';
+      var children2 = rightColObj.props.children || '';
+      var props1 = children1 ? children1.props : '';
+      var props2 = children2 ? children2.props : '';
+      var gutter1 = props1 ? props1.gutter : '';
+      var gutter2 = props2 ? props2.gutter : '';
+      return _react2['default'].createElement(
+        _row2['default'],
+        { className: allReadFlag || rowReadFlag ? (0, _classnames2['default'])(['e3wFormItem']) : '' },
+        _react2['default'].createElement(
+          _col2['default'],
+          { style: { marginBottom: gutter1 === 0 ? -24 : 0 }, span: 12 },
+          colObj
+        ),
+        _react2['default'].createElement(
+          _col2['default'],
+          { style: { marginBottom: gutter2 === 0 ? -24 : 0 }, span: 12 },
+          rightColObj
+        )
+      );
+    }, _this.getThreeColObj = function (colObj, col2Obj, col3Obj, allReadFlag, rowReadFlag) {
+      var children1 = colObj.props.children || '';
+      var children2 = col2Obj.props.children || '';
+      var children3 = col3Obj.props.children || '';
+      var props1 = children1 ? children1.props : '';
+      var props2 = children2 ? children2.props : '';
+      var props3 = children3 ? children3.props : '';
+      var gutter1 = props1 ? props1.gutter : '';
+      var gutter2 = props2 ? props2.gutter : '';
+      var gutter3 = props3 ? props3.gutter : '';
+      return _react2['default'].createElement(
+        _row2['default'],
+        { className: allReadFlag || rowReadFlag ? (0, _classnames2['default'])(['e3wFormItem']) : '' },
+        _react2['default'].createElement(
+          _col2['default'],
+          { style: { marginBottom: gutter1 === 0 ? -24 : 0 }, span: 8 },
+          colObj
+        ),
+        _react2['default'].createElement(
+          _col2['default'],
+          { style: { marginBottom: gutter2 === 0 ? -24 : 0 }, span: 8 },
+          col2Obj
+        ),
+        _react2['default'].createElement(
+          _col2['default'],
+          { style: { marginBottom: gutter3 === 0 ? -24 : 0 }, span: 8 },
+          col3Obj
+        )
+      );
+    }, _this.getColItem = function (colObj, formItemLayout, disableCheckFlag) {
+      var fieldType = colObj.fieldType;
+
+      var itemArea = _this.getItemArea(colObj);
+      var itemValue = _this.getItemValue(colObj);
+      var afterBtns = _this.getAfterBtn(colObj);
+      if (fieldType === 'upload') {
+        var up = _this.getUploadColItem(colObj, formItemLayout);
+        return up;
+      }
+      if (fieldType === 'uploadB') {
+        var _up = _this.getUploadBColItem(colObj, formItemLayout);
+        return _up;
+      }
+      if (fieldType === 'uploadM') {
+        var _up2 = _this.getUploadMColItem(colObj, formItemLayout);
+        return _up2;
+      }
+      if (fieldType === 'inputNumberFormat') {
+        var _up3 = _this.inputNumberFormatHandler(colObj, formItemLayout, disableCheckFlag);
+        return _up3;
+      }
+      if (fieldType === 'inputNumber') {
+        var _up4 = _this.inputNumberHandler(colObj, formItemLayout, disableCheckFlag);
+        return _up4;
+      }
+      if (fieldType === 'inputAmount') {
+        var _up5 = _this.inputAmountHandler(colObj, formItemLayout, disableCheckFlag);
+        return _up5;
+      }
+      if (fieldType === 'inputDigit') {
+        var _up6 = _this.inputDigitHandler(colObj, formItemLayout, disableCheckFlag);
+        return _up6;
+      }
+      var formItem = _this.getFormItem(colObj, itemValue, afterBtns, itemArea, formItemLayout, disableCheckFlag);
+      return formItem;
+    }, _this.getAllForms = function () {
+      var _this$props5 = _this.props,
+          rowItems = _this$props5.rowItems,
+          hiddenItems = _this$props5.hiddenItems,
+          loadFinishFlag = _this$props5.loadFinishFlag,
+          bigFormFlag = _this$props5.bigFormFlag,
+          disableCheckFlag = _this$props5.disableCheckFlag;
+
+      if (bigFormFlag === true) {
+        if (loadFinishFlag === false) {
+          return '';
+        }
+      }
+      // const hadLoadIngProps = Object.prototype.hasOwnProperty.call(this.props, 'loading');
+      // if (!hadLoadIngProps || loading === true) {
+      //   return '';
+      // }
+      var uiForms = [];
+      var hiddenForms = [];
+      if (rowItems) {
+        uiForms = rowItems.map(function (rowItem) {
+          var singleRow = _this.getSingleRow(rowItem, disableCheckFlag);
+          return singleRow;
+        });
+      }
+      if (hiddenItems) {
+        hiddenForms = hiddenItems.map(function (hiddenItem) {
+          var obj = _this.getHiddenItem(hiddenItem);
+          return obj;
+        });
+      }
+      var allForms = [];
+      allForms.push.apply(allForms, uiForms);
+      allForms.push.apply(allForms, hiddenForms);
+      return allForms;
+    }, _this.getHiddenItem = function (hiddenItem) {
+      var form = _this.props.form;
+      var getFieldDecorator = form.getFieldDecorator;
+      var fieldId = hiddenItem.fieldId,
+          value = hiddenItem.value;
+
+      return _react2['default'].createElement(
+        'span',
+        null,
+        getFieldDecorator(fieldId, { initialValue: value })(_react2['default'].createElement(_input2['default'], { type: 'hidden' }))
+      );
+    }, _this.getUploadColItem = function (colObj, formItemLayout) {
+      var label = colObj.label,
+          fieldId = colObj.fieldId,
+          required = colObj.required,
+          cmptPros = colObj.cmptPros,
+          help = colObj.help;
+      var allReadFlag = _this.props.allReadFlag;
+      var form = cmptPros.form;
+
+      var isReadVal = false;
+      if (cmptPros.isRead) {
+        isReadVal = cmptPros.isRead;
+      }
+      if (allReadFlag) {
+        isReadVal = true;
+      }
+      var cmptProsNew = (0, _extends3['default'])({}, cmptPros, { isRead: isReadVal });
+      return _react2['default'].createElement(_easy3wui.Easy3wUpload, (0, _extends3['default'])({
+        uploadName: fieldId,
+        help: help || '请上传附件',
+        sendData: {},
+        form: form,
+        required: required,
+        label: label
+      }, formItemLayout, cmptProsNew));
+    }, _this.getUploadBColItem = function (colObj, formItemLayout) {
+      var label = colObj.label,
+          fieldId = colObj.fieldId,
+          required = colObj.required,
+          cmptPros = colObj.cmptPros;
+      var form = cmptPros.form;
+      var allReadFlag = _this.props.allReadFlag;
+
+      var isReadVal = false;
+      if (cmptPros.isRead) {
+        isReadVal = cmptPros.isRead;
+      }
+      if (allReadFlag) {
+        isReadVal = true;
+      }
+      var cmptProsNew = (0, _extends3['default'])({}, cmptPros, { isRead: isReadVal });
+      return _react2['default'].createElement(_easy3wui.Easy3wUploadB, (0, _extends3['default'])({
+        uploadName: fieldId,
+        name: fieldId,
+        sendData: {},
+        form: form,
+        required: required,
+        label: label
+      }, formItemLayout, cmptProsNew));
+    }, _this.getUploadMColItem = function (colObj, formItemLayout) {
+      var label = colObj.label,
+          fieldId = colObj.fieldId,
+          required = colObj.required,
+          cmptPros = colObj.cmptPros;
+      var form = cmptPros.form;
+      var allReadFlag = _this.props.allReadFlag;
+
+      var isReadVal = false;
+      if (cmptPros.isRead) {
+        isReadVal = cmptPros.isRead;
+      }
+      if (allReadFlag) {
+        isReadVal = true;
+      }
+      var cmptProsNew = (0, _extends3['default'])({}, cmptPros, { isRead: isReadVal });
+      return _react2['default'].createElement(_easy3wui.Easy3wUploadM, (0, _extends3['default'])({
+        uploadName: fieldId,
+        sendData: {},
+        form: form,
+        required: required,
+        label: label
+      }, formItemLayout, cmptProsNew));
+    }, _this.inputHandler = function (item) {
+      var _item$cmptPros = item.cmptPros,
+          cmptPros = _item$cmptPros === undefined ? {} : _item$cmptPros;
+
+      return _react2['default'].createElement(_input2['default'], cmptPros);
+    }, _this.inputEmailHandler = function (item) {
+      var _item$cmptPros2 = item.cmptPros,
+          cmptPros = _item$cmptPros2 === undefined ? {} : _item$cmptPros2;
+
+      return _react2['default'].createElement(_input2['default'], cmptPros);
+    }, _this.mobileHandler = function (item) {
+      var fieldId = item.fieldId,
+          required = item.required,
+          _item$cmptPros3 = item.cmptPros,
+          cmptPros = _item$cmptPros3 === undefined ? {} : _item$cmptPros3;
+
+      var addonBeforeCmptPros = item.addonBeforeCmptPros || {};
+      addonBeforeCmptPros = (0, _extends3['default'])({ allowClear: false, style: { minWidth: '90px' } }, addonBeforeCmptPros);
+      var itemArea = _this.selectHandler({
+        cmptPros: (0, _extends3['default'])({
+          onChange: function onChange(value) {
+            return _this.onBlurMobileNation(value, fieldId);
+          },
+          optionLst: _comonConfig.arrMobileAssociation || arrMobileAssociationDefault
+        }, addonBeforeCmptPros)
+      });
+
+      var decoratorObj = {
+        rules: [{ required: required, message: '请选择区号' }],
+        initialValue: '+86'
+      };
+      return _react2['default'].createElement(_input2['default'], (0, _extends3['default'])({
+        addonBefore: _this.props.form.getFieldDecorator(fieldId + 'AddonBefore', (0, _extends3['default'])({}, decoratorObj))(itemArea),
+        onBlur: function onBlur(e) {
+          return _this.onBlurMobile(e, fieldId);
+        }
+      }, cmptPros));
+    }, _this.onBlurMobile = function (e, fieldId) {
+      var e3wMobileNation = _this.props.form.getFieldValue(fieldId + 'AddonBefore');
+      var pattern = _comonConfig.objMobileRegular ? _comonConfig.objMobileRegular[e3wMobileNation] : objMobileRegularDefault[e3wMobileNation];
+      if (e && e.target && e.target.value && e3wMobileNation && pattern.test(e.target.value)) {
+        _this.updateMobileInfo(e.target.value, e3wMobileNation);
+      }
+    }, _this.onBlurMobileNation = function (value, fieldId) {
+      var e3wMobile = _this.props.form.getFieldValue(fieldId);
+      var pattern = _comonConfig.objMobileRegular ? _comonConfig.objMobileRegular[value] : objMobileRegularDefault[value];
+      if (e3wMobile && value && pattern.test(e3wMobile)) {
+        _this.updateMobileInfo(e3wMobile, value);
+      }
+    }, _this.updateMobileInfo = function (e3wMobile, e3wMobileNation) {
+      var xhr = new XMLHttpRequest();
+      xhr.onreadystatechange = function () {
+        if (xhr.readyState === 4 && xhr.status === 200) {
+          // 请求成功，处理响应数据
+        }
+      };
+      var data = JSON.stringify({ e3wMobile: e3wMobile, e3wMobileNation: e3wMobileNation });
+      xhr.open('POST', _comonConfig.easy3w4fMobileLibUpdateUrl, true); // 异步请求
+      xhr.setRequestHeader('Content-Type', 'application/json'); // 设置请求头
+      xhr.send(data); // 发送请求
+    }, _this.selectHandler = function (item) {
+      var cmptPros = item.cmptPros;
+      var optionLst = cmptPros.optionLst;
+
+      var selectOpts = optionLst.map(function (opt) {
+        return opt.key || opt.value ? _react2['default'].createElement(
+          Option,
+          { key: opt.key || opt.value, disabled: opt.disabled },
+          opt.label
+        ) : '';
+      });
+      return _react2['default'].createElement(
+        _select2['default'],
+        (0, _extends3['default'])({
+          style: { width: '100%' },
+          allowClear: true,
+          showSearch: true // 是否开启搜索
+          , optionFilterProp: 'children' // 搜索时过滤对应的 option 属性，如设置为 children 表示对内嵌内容进行搜索
+        }, cmptPros),
+        selectOpts
+      );
+    }, _this.tagSelectHandler = function (item) {
+      var cmptPros = item.cmptPros;
+      var optionLst = cmptPros.optionLst;
+
+      return _react2['default'].createElement(
+        _easy3wui.Easy3wTagSelect,
+        (0, _extends3['default'])({ last: true, lessNum: 2 }, cmptPros),
+        optionLst.map(function (option) {
+          return _react2['default'].createElement(
+            _easy3wui.Easy3wTagSelect.Option,
+            { value: option.value },
+            option.label
+          );
+        })
+      );
+    }, _this.sliderHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(_slider2['default'], cmptPros);
+    }, _this.switchHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(_switch2['default'], cmptPros);
+    }, _this.datePickerHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(_datePicker2['default'], (0, _extends3['default'])({
+        locale: _zh_CN2['default'],
+        style: { width: '100%', marginRight: 0 },
+        format: 'YYYY-MM-DD'
+      }, cmptPros));
+    }, _this.rangeMinutes = function (start, mid, end) {
+      var result = [];
+      for (var i = start; i < mid; i += 1) {
+        result.push(i);
+      }
+      for (var _i2 = mid + 1; _i2 < end; _i2 += 1) {
+        result.push(_i2);
+      }
+      return result;
+    }, _this.rangeSeconds = function (start, end) {
+      var result = [];
+      for (var i = start; i < end; i += 1) {
+        result.push(i);
+      }
+      return result;
+    }, _this.disabledDateTime = function () {
+      return {
+        disabledMinutes: function disabledMinutes() {
+          return _this.rangeMinutes(1, 30, 60);
+        },
+        disabledSeconds: function disabledSeconds() {
+          return _this.rangeSeconds(1, 60);
+        }
+      };
+    }, _this.dateTimePickerHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      if (cmptPros && cmptPros.setWholeTime) {
+        return _react2['default'].createElement(_datePicker2['default'], (0, _extends3['default'])({
+          style: { width: '100%', marginRight: 0 },
+          format: 'YYYY-MM-DD HH:mm:ss',
+          showTime: true,
+          locale: _zh_CN2['default']
+        }, cmptPros));
+      } else {
+        return _react2['default'].createElement(_datePicker2['default'], (0, _extends3['default'])({
+          style: { width: '100%', marginRight: 0 },
+          disabledTime: _this.disabledDateTime,
+          showTime: { hideDisabledOptions: true, defaultValue: (0, _moment2['default'])('09:00:00', 'HH:mm:ss') },
+          format: 'YYYY-MM-DD HH:mm',
+          locale: _zh_CN2['default']
+        }, cmptPros));
+      }
+    }, _this.timePickerHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(_timePicker2['default'], (0, _extends3['default'])({
+        format: 'HH:mm:ss'
+      }, cmptPros));
+    }, _this.monthPickerHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(MonthPicker, (0, _extends3['default'])({
+        format: 'YYYY-MM'
+      }, cmptPros));
+    }, _this.rangePickerHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(RangePicker, (0, _extends3['default'])({
+        locale: _zh_CN2['default'],
+        style: { width: '100%' },
+        format: 'YYYY-MM-DD'
+      }, cmptPros));
+    }, _this.transferHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(_transfer2['default'], cmptPros);
+    }, _this.treeSelectHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      var treeSelectProps = {
+        allowClear: true,
+        showLine: true,
+        showSearch: true,
+        dropdownStyle: { maxHeight: 300, overflow: 'auto' },
+        treeDefaultExpandAll: false,
+        showCheckedStrategy: _treeSelect2['default'].SHOW_CHILD,
+        searchPlaceholder: '请输入关键字或点击三角箭头展开后选择',
+        treeNodeFilterProp: 'title',
+        style: {
+          width: '100%'
+        }
+      };
+      return _react2['default'].createElement(_treeSelect2['default'], (0, _extends3['default'])({}, treeSelectProps, cmptPros));
+    }, _this.radioHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(RadioGroup, cmptPros);
+    }, _this.checkBoxHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(CheckboxGroup, cmptPros);
+    }, _this.textAreaOnchange = function (e, maxLength) {
+      if (e && e.target.value.length > maxLength) {
+        _message3['default'].info('\u8F93\u5165\u5B57\u6570\u4E0D\u80FD\u8D85\u8FC7' + maxLength);
+      }
+    }, _this.textareaHandler = function (item) {
+      var _item$cmptPros4 = item.cmptPros,
+          cmptPros = _item$cmptPros4 === undefined ? {} : _item$cmptPros4;
+
+      var maxlength = void 0;
+      if (cmptPros.maxLength || cmptPros.maxlength) {
+        maxlength = cmptPros.maxLength || cmptPros.maxlength;
+      }
+      if (!cmptPros.rows) {
+        cmptPros = (0, _extends3['default'])({ autosize: { minRows: 2, maxRows: 9999 } }, cmptPros);
+      }
+      return _react2['default'].createElement(TextArea, (0, _extends3['default'])({ onChange: function onChange(e) {
+          return _this.textAreaOnchange(e, maxlength);
+        } }, cmptPros));
+    }, _this.inputNumberHandler = function (item, formItemLayout, disableCheckFlag) {
+      var allReadFlag = _this.props.allReadFlag;
+      var getFieldDecorator = _this.props.form.getFieldDecorator;
+      var cmptPros = item.cmptPros,
+          label = item.label,
+          fieldId = item.fieldId,
+          requiredMessage = item.requiredMessage,
+          required = item.required,
+          value = item.value,
+          disableFlag = item.disableFlag,
+          formItemProps = item.formItemProps,
+          readFlag = item.readFlag,
+          hideLabel = item.hideLabel;
+
+      var isApproval = document.body.innerHTML.includes('class="approval_flag_only"');
+      var isDisableRuleFlag = required;
+      if (readFlag === undefined) {
+        if (disableFlag && isApproval && disableCheckFlag) {
+          isDisableRuleFlag = required;
+        } else if (disableFlag && isApproval) {
+          isDisableRuleFlag = false;
+        }
+      }
+      var addrules = [{ required: isDisableRuleFlag, message: requiredMessage || '\u8BF7\u586B\u5199' + label }];
+      if (cmptPros && cmptPros.rules) {
+        var rules = cmptPros.rules;
+
+        addrules.push.apply(addrules, rules);
+      }
+      var afterBtns = _this.getAfterBtn(item);
+      if (readFlag || allReadFlag) {
+        return _react2['default'].createElement(
+          FormItem,
+          (0, _extends3['default'])({
+            label: hideLabel ? null : label,
+            required: required
+          }, formItemLayout, formItemProps, {
+            style: formItemStyle
+          }),
+          getFieldDecorator(fieldId + 'Easy3wView', {
+            initialValue: 'easy3wView',
+            rules: [{ required: isDisableRuleFlag, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
+          })(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
+          value,
+          ' ',
+          afterBtns
+        );
+      }
+      return _react2['default'].createElement(
+        FormItem,
+        (0, _extends3['default'])({
+          label: hideLabel ? null : label
+        }, formItemLayout, formItemProps, {
+          style: formItemStyle
+        }),
+        _react2['default'].createElement(
+          'div',
+          { className: (0, _classnames2['default'])(['inputNumberFormat']) },
+          getFieldDecorator(fieldId, { rules: addrules, initialValue: value })(_react2['default'].createElement(_inputNumber2['default'], (0, _extends3['default'])({
+            precision: 2 // 数值精度 2 保留两位小数  0 整数  可以通过cmptPros修改
+            , style: { flex: 1 },
+            disabled: disableFlag
+          }, cmptPros))),
+          cmptPros ? cmptPros.addonAfter ? _react2['default'].createElement(
+            'div',
+            { className: (0, _classnames2['default'])(['ant-input-group-addon', 'addonBtns']), style: { borderRadius: '0px 4px 4px 0px' } },
+            cmptPros.addonAfter
+          ) : null : null,
+          _react2['default'].createElement(
+            'div',
+            { className: (0, _classnames2['default'])(['inputNumberBtns']) },
+            afterBtns
+          )
+        )
+      );
+    }, _this.inputNumberFormatHandler = function (item, formItemLayout, disableCheckFlag) {
+      var allReadFlag = _this.props.allReadFlag;
+      var getFieldDecorator = _this.props.form.getFieldDecorator;
+      var cmptPros = item.cmptPros,
+          label = item.label,
+          fieldId = item.fieldId,
+          requiredMessage = item.requiredMessage,
+          required = item.required,
+          value = item.value,
+          disableFlag = item.disableFlag,
+          formItemProps = item.formItemProps,
+          readFlag = item.readFlag,
+          hideLabel = item.hideLabel;
+
+      var isApproval = document.body.innerHTML.includes('class="approval_flag_only"');
+      var isDisableRuleFlag = required;
+      if (readFlag === undefined) {
+        if (disableFlag && isApproval && disableCheckFlag) {
+          isDisableRuleFlag = required;
+        } else if (disableFlag && isApproval) {
+          isDisableRuleFlag = false;
+        }
+      }
+      var addrules = [{ required: isDisableRuleFlag, message: requiredMessage || '\u8BF7\u586B\u5199' + label }];
+      if (cmptPros && cmptPros.rules) {
+        var rules = cmptPros.rules;
+
+        addrules.push.apply(addrules, rules);
+      }
+      var afterBtns = _this.getAfterBtn(item);
+      if (readFlag || allReadFlag) {
+        return _react2['default'].createElement(
+          FormItem,
+          (0, _extends3['default'])({
+            label: hideLabel ? null : label,
+            required: required
+          }, formItemLayout, formItemProps, {
+            style: formItemStyle
+          }),
+          getFieldDecorator(fieldId + 'Easy3wView', {
+            initialValue: 'easy3wView',
+            rules: [{ required: isDisableRuleFlag, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
+          })(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
+          value,
+          ' ',
+          afterBtns
+        );
+      }
+      return _react2['default'].createElement(
+        FormItem,
+        (0, _extends3['default'])({
+          label: hideLabel ? null : label
+        }, formItemLayout, formItemProps, {
+          style: formItemStyle
+        }),
+        _react2['default'].createElement(
+          'div',
+          { className: (0, _classnames2['default'])(['inputNumberFormat']) },
+          getFieldDecorator(fieldId, { rules: addrules, initialValue: value })(_react2['default'].createElement(_inputNumber2['default'], (0, _extends3['default'])({
+            formatter: function formatter(val) {
+              return ('' + val).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+            },
+            parser: function parser(val) {
+              return val.replace(/\$\s?|(,*)/g, '');
+            },
+            precision: 2,
+            disabled: disableFlag,
+            onChange: function onChange(onChangeValue) {
+              var _this$props$form$setF;
+
+              return _this.props.form.setFieldsValue((_this$props$form$setF = {}, _this$props$form$setF[item.fieldId] = onChangeValue, _this$props$form$setF));
+            }
+          }, cmptPros, {
+            style: { flex: 1 }
+          }))),
+          cmptPros ? cmptPros.addonAfter ? _react2['default'].createElement(
+            'div',
+            { className: (0, _classnames2['default'])(['ant-input-group-addon', 'addonBtns']), style: { borderRadius: '0px 4px 4px 0px' } },
+            cmptPros.addonAfter
+          ) : null : null,
+          _react2['default'].createElement(
+            'div',
+            { className: (0, _classnames2['default'])(['inputNumberBtns']) },
+            afterBtns
+          )
+        )
+      );
+    }, _this.inputAmountHandler = function (item, formItemLayout, disableCheckFlag) {
+      var allReadFlag = _this.props.allReadFlag;
+      var getFieldDecorator = _this.props.form.getFieldDecorator;
+      var cmptPros = item.cmptPros,
+          label = item.label,
+          fieldId = item.fieldId,
+          requiredMessage = item.requiredMessage,
+          required = item.required,
+          value = item.value,
+          disableFlag = item.disableFlag,
+          formItemProps = item.formItemProps,
+          readFlag = item.readFlag,
+          hideLabel = item.hideLabel;
+
+      var isApproval = document.body.innerHTML.includes('class="approval_flag_only"');
+      var isDisableRuleFlag = required;
+      if (readFlag === undefined) {
+        if (disableFlag && isApproval && disableCheckFlag) {
+          isDisableRuleFlag = required;
+        } else if (disableFlag && isApproval) {
+          isDisableRuleFlag = false;
+        }
+      }
+      var addrules = [{ required: isDisableRuleFlag, message: requiredMessage || '\u8BF7\u586B\u5199' + label }];
+      var addonAfter = cmptPros.addonAfter,
+          rules = cmptPros.rules;
+
+      if (rules) {
+        // const { rules } = cmptPros;
+        addrules.push.apply(addrules, rules);
+      }
+      var afterBtns = _this.getAfterBtn(item);
+      if (readFlag || allReadFlag) {
+        return _react2['default'].createElement(
+          FormItem,
+          (0, _extends3['default'])({
+            label: hideLabel ? null : label,
+            required: required
+          }, formItemLayout, formItemProps, {
+            style: formItemStyle
+          }),
+          getFieldDecorator(fieldId + 'Easy3wView', {
+            initialValue: 'easy3wView',
+            rules: [{ required: isDisableRuleFlag, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
+          })(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
+          ('' + value).replace(/\B(?=(\d{3})+(?!\d))/g, ','),
+          addonAfter,
+          ' ',
+          afterBtns
+        );
+      }
+      return _react2['default'].createElement(
+        FormItem,
+        (0, _extends3['default'])({
+          label: hideLabel ? null : label
+        }, formItemLayout, formItemProps, {
+          style: formItemStyle
+        }),
+        _react2['default'].createElement(
+          'div',
+          { className: (0, _classnames2['default'])(['inputAmount']) },
+          getFieldDecorator(fieldId, { rules: addrules, initialValue: value })(_react2['default'].createElement(_inputNumber2['default'], (0, _extends3['default'])({
+            formatter: function formatter(val) {
+              return ('' + val).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+            },
+            parser: function parser(val) {
+              return val.replace(/\$\s?|(,*)/g, '');
+            },
+            precision: 2,
+            disabled: disableFlag
+            // onChange={onChangeValue => this.props.form.setFieldsValue({ [item.fieldId]: onChangeValue })}
+          }, cmptPros, {
+            style: { flex: 1 }
+          }))),
+          addonAfter ? _react2['default'].createElement(
+            'div',
+            { className: (0, _classnames2['default'])(['ant-input-group-addon', 'addonBtns']), style: { borderRadius: '0px 4px 4px 0px' } },
+            addonAfter
+          ) : null,
+          _react2['default'].createElement(
+            'div',
+            { className: (0, _classnames2['default'])(['inputNumberBtns']) },
+            afterBtns
+          )
+        )
+      );
+    }, _this.inputDigitHandler = function (item, formItemLayout, disableCheckFlag) {
+      var allReadFlag = _this.props.allReadFlag;
+      var getFieldDecorator = _this.props.form.getFieldDecorator;
+      var cmptPros = item.cmptPros,
+          label = item.label,
+          fieldId = item.fieldId,
+          requiredMessage = item.requiredMessage,
+          required = item.required,
+          value = item.value,
+          disableFlag = item.disableFlag,
+          formItemProps = item.formItemProps,
+          readFlag = item.readFlag,
+          hideLabel = item.hideLabel;
+
+      var isApproval = document.body.innerHTML.includes('class="approval_flag_only"');
+      var isDisableRuleFlag = required;
+      if (readFlag === undefined) {
+        if (disableFlag && isApproval && disableCheckFlag) {
+          isDisableRuleFlag = required;
+        } else if (disableFlag && isApproval) {
+          isDisableRuleFlag = false;
+        }
+      }
+      var addrules = [{ required: isDisableRuleFlag, message: requiredMessage || '\u8BF7\u586B\u5199' + label }];
+      var addonAfter = cmptPros.addonAfter,
+          rules = cmptPros.rules;
+
+      if (rules) {
+        // const { rules } = cmptPros;
+        addrules.push.apply(addrules, rules);
+      }
+      var afterBtns = _this.getAfterBtn(item);
+      if (readFlag || allReadFlag) {
+        return _react2['default'].createElement(
+          FormItem,
+          (0, _extends3['default'])({
+            label: hideLabel ? null : label,
+            required: required
+          }, formItemLayout, formItemProps, {
+            style: formItemStyle
+          }),
+          getFieldDecorator(fieldId + 'Easy3wView', {
+            initialValue: 'easy3wView',
+            rules: [{ required: isDisableRuleFlag, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
+          })(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
+          value,
+          addonAfter,
+          ' ',
+          afterBtns
+        );
+      }
+      return _react2['default'].createElement(
+        FormItem,
+        (0, _extends3['default'])({
+          label: hideLabel ? null : label
+        }, formItemLayout, formItemProps, {
+          style: formItemStyle
+        }),
+        _react2['default'].createElement(
+          'div',
+          { className: (0, _classnames2['default'])(['inputDigit']) },
+          getFieldDecorator(fieldId, { rules: addrules, initialValue: value })(_react2['default'].createElement(_inputNumber2['default'], (0, _extends3['default'])({
+            precision: 2 // 数值精度 2 保留两位小数  0 整数  可以通过cmptPros修改
+            , style: { flex: 1 },
+            disabled: disableFlag
+          }, cmptPros))),
+          addonAfter ? _react2['default'].createElement(
+            'div',
+            { className: (0, _classnames2['default'])(['ant-input-group-addon', 'addonBtns']), style: { borderRadius: '0px 4px 4px 0px' } },
+            addonAfter
+          ) : null,
+          _react2['default'].createElement(
+            'div',
+            { className: (0, _classnames2['default'])(['inputNumberBtns']) },
+            afterBtns
+          )
+        )
+      );
+    }, _this.numberInputHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(_input2['default'], (0, _extends3['default'])({
+        onBlur: function onBlur(e) {
+          return _this.numberInputonBlur(e, item);
+        },
+        onChange: _this.numberInputonChange,
+        onPressEnter: function onPressEnter(e) {
+          return _this.numberInputonBlur(e, item);
+        },
+        rules: [{ pattern: /^\d+(\.\d+)?$/, message: '数字' }],
+        className: (0, _classnames2['default'])(['rightText'])
+      }, cmptPros));
+    }, _this.numberInputonChange = function (e) {
+      var value = e.target.value;
+
+      var val = _this.replaceAllNumberInput(value);
+      var reg = /^-?(0|[1-9][0-9]*)(\.[0-9]*)?$/;
+      if (!isNaN(val) && reg.test(val) || val === '' || val === '-') {
+        // this.props.onChange(value);
+      }
+    }, _this.numberInputonBlur = function (e, item) {
+      var _this$props$form$setF2;
+
+      var value = e.target.value;
+
+      if (value === '' || value === null || value === undefined) {
+        return null;
+      }
+      _this.props.form.setFieldsValue((_this$props$form$setF2 = {}, _this$props$form$setF2[item.fieldId] = (0, _numeral2['default'])(e.target.value).format('0,0.00'), _this$props$form$setF2));
+    }, _this.replaceAllNumberInput = function (value) {
+      if (typeof value !== 'string') {
+        return value;
+      } else {
+        return Number(value.replace(/,/g, ''));
+      }
+    }, _this.mentionHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(_mention2['default'], cmptPros);
+    }, _this.rateHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(_rate2['default'], cmptPros);
+    }, _this.autoCompleteHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(_autoComplete2['default'], cmptPros);
+    }, _this.braftEditorHandler = function (item) {
+      var allReadFlag = _this.props.allReadFlag;
+      var readFlag = item.readFlag,
+          fieldId = item.fieldId;
+      var cmptPros = item.cmptPros;
+
+      cmptPros = (0, _extends3['default'])({}, cmptPros);
+      // const { cmptPros } = item;
+      // controls={[]}
+      if (readFlag || allReadFlag || cmptPros && cmptPros.readOnly) {
+        cmptPros.controls = [];
+      }
+      return _react2['default'].createElement(_braftEditor2['default'], (0, _extends3['default'])({ readOnly: readFlag || allReadFlag, onChange: readFlag || allReadFlag ? function () {} : function (value) {
+          return _this.onChangeBraftEditor(fieldId, value);
+        } }, cmptPros, { style: { border: '1px solid #eee' } }));
+    }, _this.onChangeBraftEditor = function (fieldId, value) {
+      if (value && value.toHTML() !== '<p></p>') {
+        var _this$props$form$setF3;
+
+        _this.props.form.setFieldsValue((_this$props$form$setF3 = {}, _this$props$form$setF3[fieldId] = value, _this$props$form$setF3));
+      }
+    }, _this.validateContent = function (rule, value, callback) {
+      if (value.isEmpty()) {
+        callback(rule.message);
+      } else {
+        callback();
+      }
+    }, _this.cascaderHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(_cascader2['default'], cmptPros);
+    }, _this.iconHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(_icon2['default'], cmptPros);
+    }, _this.strTemplateHandler = function (item) {
+      var cmptPros = item.cmptPros;
+      var templateArray = cmptPros.templateArray;
+
+      var templateArr = templateArray.map(function (obj) {
+        var objArea = _this.getItemArea(obj);
+        var fieldType = obj.fieldType;
+
+        if (fieldType === 'inputNumber') {
+          objArea = _this.inputNumberHandler((0, _extends3['default'])({ hideLabel: true }, obj));
+          // return up;
+        }
+        if (fieldType === 'inputNumberFormat') {
+          objArea = _this.inputNumberFormatHandler((0, _extends3['default'])({ hideLabel: true }, obj));
+          // return up;
+        }
+        if (fieldType === 'inputAmount') {
+          var up = _this.inputAmountHandler((0, _extends3['default'])({ hideLabel: true }, obj));
+          return up;
+        }
+        if (fieldType === 'inputDigit') {
+          var _up7 = _this.inputDigitHandler((0, _extends3['default'])({ hideLabel: true }, obj));
+          return _up7;
+        }
+        var itemArea = _this.getStrTemplateItem(obj, objArea);
+        return itemArea;
+      });
+      var retObj = _react2['default'].createElement(
+        _row2['default'],
+        null,
+        templateArr
+      );
+      return retObj;
+    }, _this.descHandler = function (item) {
+      var value = item.value;
+
+      return value;
+    }, _this.btnHandler = function (obj) {
+      var func = obj.func,
+          cName = obj.cName,
+          confirmContent = obj.confirmContent;
+
+      if (confirmContent) {
+        return _react2['default'].createElement(
+          _popconfirm2['default'],
+          { title: confirmContent, onConfirm: function onConfirm(e) {
+              return _this.onClickFunc(e, func);
+            } },
+          _react2['default'].createElement(
+            _button2['default'],
+            { className: (0, _classnames2['default'])(['e3wFootBtn']) },
+            cName
+          )
+        );
+      }
+      return _react2['default'].createElement(
+        _button2['default'],
+        {
+          onClick: function onClick(e) {
+            return _this.onClickFunc(e, func);
+          },
+          className: (0, _classnames2['default'])(['e3wFootBtn'])
+        },
+        cName
+      );
+    }, _this.aHandler = function (obj) {
+      var func = obj.func,
+          cName = obj.cName;
+
+      return _react2['default'].createElement(
+        'a',
+        {
+          onClick: function onClick(e) {
+            return _this.onClickFunc(e, func);
+          },
+          className: (0, _classnames2['default'])(['e3wFootBtn'])
+        },
+        cName
+      );
+    }, _this.strHandler = function (obj) {
+      var cName = obj.cName,
+          color = obj.color;
+
+      return _react2['default'].createElement(
+        'span',
+        {
+          className: (0, _classnames2['default'])(['e3wFootBtn']),
+          style: { color: color || '' }
+        },
+        cName
+      );
+    }, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret);
+  }
+  /** 使用何种表单域 */
+
+  /** 获取value */
+
+  // 判断fieldType -- 解析字段类型
+
+  /** 获取FormItem */
+
+  // 检验长度前转换字段值为字符串
+
+  /** 获取单行 */
+
+  /** 单列 */
+
+  /** 双列 */
+
+  /** 三列 */
+
+  /** upload start */
+
+  /** upload end */
+  /** upload start */
+
+  /** upload end */
+  /** upload start */
+
+  /** upload end */
+  /** input start */
+
+  /** input end */
+  // #region inputEmail
+
+  /** input end */
+  /** mobile start */
+
+  // 手机号录入框失去焦点
+
+  // 手机归属值变更
+
+  // 更新手机信息
+
+  /** mobile end */
+
+  /** select start */
+
+  /** select end */
+
+  /** tagSelectHandler start */
+
+  /** tagSelectHandler end */
+
+  /** slider start */
+
+  /** slider end */
+  /** switch start */
+
+  /** switch end */
+  /** datePicker start */
+
+  /** datePicker end */
+  /** dateTimePicker start */
+
+  /** dateTimePicker end */
+
+  /** timePickerHandler start */
+
+  /** timePickerHandler end */
+
+  /** monthPickerHandler start */
+
+  /** monthPickerHandler end */
+
+  /** rangePickerHandler start */
+
+  /** rangePickerHandler end */
+
+  /** transferHandler start */
+
+  /** transferHandler end */
+  /** treeSelect start */
+
+  /** treeSelect end */
+
+  /** radio start */
+
+  /** radio end */
+
+  /** checkBox start */
+
+  /** checkBox end */
+
+  /** textarea start */
+
+  /** textarea end */
+
+  /** inputNumber start */
+
+  /** inputNumber end */
+
+  /** inputNumber start */
+
+  /** inputNumber end */
+  // #region 金额
+
+  // #endregion
+  // #region 数字
+
+  // #endregion
+  /** numberInput start */
+  // numberInputHandler = (item) => {
+  //   return (
+  //     <NumberFormat
+  //       thousandSeparator
+  //       allowNegative={false}
+  //       decimalScale={2}
+  //       customInput={Input}
+  //       style={{ textAlign: 'right' }}
+  //       {...item}
+  //       {...item.cmptPros}
+  //     />
+  //   );
+  // }
+
+  /** numberInput end */
+
+  /** mention start */
+
+  /** mention end */
+
+  /** rate start */
+
+  /** rate end */
+
+  /** autoComplete start */
+
+  /** autoComplete end */
+
+  /** braftEditor start */
+
+  // BraftEditor数据变更
+
+  // 文章内容校验
+
+  /** braftEditor end */
+
+  /** cascader start */
+
+  /** cascader end */
+  /** iconHandler start */
+
+  /** iconHandler end */
+  /** strTemplate start */
+
+  /** strTemplate end */
+  /** descHandler start */
+
+  /** descHandler end */
+
+  /** btnHandler start */
+
+  /** btnHandler end */
+
+  /** aHandler start */
+
+  /** aHandler end */
+
+  /** strHandler start */
+
+
+  /** strHandler end */
+
+  Easy3wFormPagePC.prototype.render = function render() {
+    return _react2['default'].createElement(
+      'div',
+      { className: (0, _classnames2['default'])(['e3wFormPageWrap']) },
+      this.getAllForms()
+    );
+  };
+
+  return Easy3wFormPagePC;
+}(_react.Component);
+
+var Easy3wFormPageTightPC = exports.Easy3wFormPageTightPC = function (_Component2) {
+  (0, _inherits3['default'])(Easy3wFormPageTightPC, _Component2);
+
+  function Easy3wFormPageTightPC() {
+    var _temp2, _this2, _ret2;
+
+    (0, _classCallCheck3['default'])(this, Easy3wFormPageTightPC);
+
+    for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+
+    return _ret2 = (_temp2 = (_this2 = (0, _possibleConstructorReturn3['default'])(this, _Component2.call.apply(_Component2, [this].concat(args))), _this2), _this2.state = {
+      leftCount: 0 // 字数输入个数
+    }, _this2.onClickFunc = function (e, func) {
+      var globalLoading = _this2.props.loadingFlag.global;
+      if (globalLoading) {
+        _notification3['default'].warning({
+          message: '温馨提示',
+          description: '正在后台处理，请稍后！',
+          duration: 3
+        });
+      } else {
+        func(e);
+      }
+    }, _this2.getItemArea = function (item) {
+      var fieldType = item.fieldType,
+          cmptPros = item.cmptPros,
+          disableFlag = item.disableFlag;
+
+      var itemNew = item;
+      var newCmptPros = {};
+      if (disableFlag) {
+        if (cmptPros) {
+          newCmptPros = (0, _extends3['default'])({}, cmptPros, { disabled: true });
+        } else {
+          newCmptPros = { disabled: true };
+        }
+        itemNew = (0, _extends3['default'])({}, item, { cmptPros: newCmptPros });
+      }
+      switch (fieldType) {
+        case 'autoComplete':
+          return _this2.autoCompleteHandler(itemNew);
+        case 'braftEditor':
+          return _this2.braftEditorHandler(itemNew);
+        case 'cascader':
+          return _this2.cascaderHandler(itemNew);
+        case 'checkBox':
+          return _this2.checkBoxHandler(itemNew);
+        case 'monthPicker':
+          return _this2.monthPickerHandler(itemNew);
+        case 'rangePicker':
+          return _this2.rangePickerHandler(itemNew);
+        case 'datePicker':
+          return _this2.datePickerHandler(itemNew);
+        case 'dateTimePicker':
+          return _this2.dateTimePickerHandler(itemNew);
+        case 'timePicker':
+          return _this2.timePickerHandler(itemNew);
+        case 'input':
+          return _this2.inputHandler(itemNew);
+        case 'textarea':
+          return _this2.textareaHandler(itemNew);
+        case 'inputNumber':
+          return _this2.inputNumberHandler(itemNew);
+        // case 'inputNumberFormat':
+        //   return this.inputNumberFormatHandler(itemNew);
+        case 'numberInput':
+          return _this2.numberInputHandler(itemNew);
+        case 'mention':
+          return _this2.mentionHandler(itemNew);
+        case 'rate':
+          return _this2.rateHandler(itemNew);
+        case 'radio':
+          return _this2.radioHandler(itemNew);
+        case 'select':
+          return _this2.selectHandler(itemNew);
+        case 'tagSelect':
+          return _this2.tagSelectHandler(itemNew);
+        case 'slider':
+          return _this2.sliderHandler(itemNew);
+        case 'switch':
+          return _this2.switchHandler(itemNew);
+        case 'treeSelect':
+          return _this2.treeSelectHandler(itemNew);
+        case 'transfer':
+          return _this2.transferHandler(itemNew);
+        case 'icon':
+          return _this2.iconHandler(itemNew);
+        case 'strTemplate':
+          return _this2.strTemplateHandler(itemNew);
+        case 'desc':
+          return _this2.descHandler(itemNew);
+        case 'btn':
+          return _this2.btnHandler(itemNew);
+        case 'a':
+          return _this2.aHandler(itemNew);
+        case 'string':
+          return _this2.strHandler(itemNew);
+        default:
+          break;
+      }
+    }, _this2.getItemValue = function (item) {
+      var allReadFlag = _this2.props.allReadFlag;
+      var fieldType = item.fieldType,
+          readFlag = item.readFlag,
+          cmptPros = item.cmptPros,
+          disableFlag = item.disableFlag,
+          numberFormat = item.numberFormat;
+      var value = item.value;
+
+      if (numberFormat) {
+        return (0, _numeral2['default'])(value).format('0,0.00');
+      }
+      if (fieldType === 'numberInput' && value) {
+        return (0, _numeral2['default'])(value).format('0,0.00');
+      }
+      if (fieldType === 'braftEditor') {
+        return _braftEditor2['default'].createEditorState(value);
+      }
+      if (allReadFlag || readFlag) {
+        if (fieldType === 'treeSelect') {
+          /** select */
+          if (!value) {
+            value = undefined;
+          } else if (typeof value === 'object') {
+            if (!value && !value.key && !value.value) {
+              value = undefined;
+            } else if (value instanceof Array && value.length > 0) {
+              // 数组
+              var arrVal = value.map(function (itemVal) {
+                return itemVal.label;
+              });
+              value = arrVal.join();
+            } else {
+              // 对象
+              value = value.label;
+            }
+          }
+        }
+      } else {
+        if (fieldType === 'datePicker') {
+          /** 格式化日期型数据 */
+          value = value ? (0, _moment2['default'])(value, 'YYYY-MM-DD') : undefined;
+        }
+        if (fieldType === 'dateTimePicker') {
+          /** 格式化日期时间型数据 */
+          value = value ? (0, _moment2['default'])(value, 'YYYY-MM-DD HH:mm:ss') : undefined;
+        }
+        if (fieldType === 'monthPicker') {
+          /** 格式化年月型数据 */
+          value = value ? (0, _moment2['default'])(value, 'YYYY-MM') : undefined;
+        }
+        if (fieldType === 'rangePicker') {
+          /** 格式化年月型数据 */
+          value = value[1] ? [(0, _moment2['default'])(value[0], 'YYYY-MM-DD'), (0, _moment2['default'])(value[1], 'YYYY-MM-DD')] : undefined;
+        }
+        if (fieldType === 'timePicker') {
+          /** 格式化时间型数据 */
+          value = value ? (0, _moment2['default'])(value, 'HH:mm:ss') : undefined;
+        }
+      }
+      if (fieldType === 'select') {
+        /** select */
+        if (!disableFlag) {
+          var labelInValue = cmptPros.labelInValue,
+              mode = cmptPros.mode;
+
+          if (labelInValue && labelInValue === true && mode !== 'multiple') {
+            if (value === undefined || value === '') {
+              value = undefined;
+            } else if (!value.key && !value.value) {
+              value = undefined;
+            }
+          }
+        }
+      }
+      return value;
+    }, _this2.getAfterBtn = function (item) {
+      var afterBtn = item.afterBtn;
+
+      if (afterBtn) {
+        var allBtn = afterBtn.map(function (btn) {
+          if (btn.objType === 'btn') {
+            return _this2.btnHandler(btn, 'afterBtn');
+          }
+          if (btn.objType === 'a') {
+            return _this2.aHandler(btn, 'afterBtn');
+          }
+          if (btn.objType === 'string') {
+            return _this2.strHandler(btn, 'afterBtn');
+          }
+          return {};
+        });
+        return allBtn;
+      } else {
+        var noneBtn = [];
+        return noneBtn;
+      }
+    }, _this2.getFormItem = function (item, itemValue, afterBtns, itemArea, formItemLayout) {
+      var _this2$props = _this2.props,
+          form = _this2$props.form,
+          allReadFlag = _this2$props.allReadFlag,
+          loadFinishFlag = _this2$props.loadFinishFlag,
+          bigFormFlag = _this2$props.bigFormFlag;
+      var getFieldDecorator = form.getFieldDecorator;
+      var formItemChild = item.formItemChild,
+          popoverFlag = item.popoverFlag,
+          readFlag = item.readFlag,
+          popProps = item.popProps,
+          fieldType = item.fieldType,
+          disableFlag = item.disableFlag,
+          value = item.value,
+          formItemProps = item.formItemProps,
+          novalueFlag = item.novalueFlag,
+          label = item.label,
+          fieldId = item.fieldId,
+          required = item.required,
+          requiredMessage = item.requiredMessage,
+          cmptPros = item.cmptPros;
+
+      var addRules = [];
+      var hadOnBlurFlag = false;
+      var notProxyOnblurFlag = false;
+      var disableFlagReal = disableFlag;
+      if (cmptPros) {
+        if (cmptPros.rules) {
+          var rules = cmptPros.rules;
+
+          addRules = rules;
+        }
+      }
+      var decoratorObj = {
+        rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }].concat(addRules)
+      };
+      if (itemValue || itemValue === 0) {
+        decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
+          initialValue: itemValue
+        });
+      }
+      if (cmptPros) {
+        if (cmptPros.getValueFromEvent) {
+          var getValueFromEvent = cmptPros.getValueFromEvent;
+
+          decoratorObj = (0, _extends3['default'])({}, decoratorObj, { getValueFromEvent: getValueFromEvent });
+        }
+        if (cmptPros.onBlur) {
+          hadOnBlurFlag = true;
+        }
+        if (cmptPros.notProxyOnblurFlag) {
+          notProxyOnblurFlag = true;
+        }
+        if (cmptPros.disabled) {
+          disableFlagReal = true;
+        }
+      }
+      if (loadFinishFlag === true && bigFormFlag === true) {
+        if ((fieldType === 'input' || fieldType === 'textarea') && !hadOnBlurFlag && !disableFlagReal && !notProxyOnblurFlag) {
+          decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
+            trigger: 'onBlur',
+            valuePropName: 'defaultValue'
+          });
+        }
+      }
+      if (readFlag || allReadFlag) {
+        if (fieldType === 'braftEditor') {
+          return _react2['default'].createElement(
+            FormItem,
+            (0, _extends3['default'])({
+              label: label
+            }, formItemLayout, formItemProps, {
+              style: formItemStyleTight,
+              className: (0, _classnames2['default'])(['formContent'])
+            }),
+            getFieldDecorator(fieldId + 'Easy3wView', {
+              initialValue: 'easy3wView',
+              rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
+            })(_react2['default'].createElement(_input2['default'], { type: 'hidden', size: 'small' })),
+            _react2['default'].createElement('div', { dangerouslySetInnerHTML: { __html: itemValue.toHTML() } }),
+            afterBtns
+          );
+        }
+        if (fieldType === 'textarea') {
+          return _react2['default'].createElement(
+            FormItem,
+            (0, _extends3['default'])({
+              label: label
+            }, formItemLayout, formItemProps, {
+              style: formItemStyleTight,
+              className: (0, _classnames2['default'])(['formContent'])
+            }),
+            getFieldDecorator(fieldId + 'Easy3wView', {
+              initialValue: 'easy3wView',
+              rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
+            })(_react2['default'].createElement(_input2['default'], { type: 'hidden', size: 'small' })),
+            _react2['default'].createElement(
+              'pre',
+              { style: { marginBottom: '0px', 'white-space': 'break-spaces', 'font-size': 'inherit', 'font-family': 'inherit' } },
+              itemValue
+            ),
+            afterBtns
+          );
+        }
+        return _react2['default'].createElement(
+          FormItem,
+          (0, _extends3['default'])({
+            label: label
+          }, formItemLayout, formItemProps, {
+            style: formItemStyleTight,
+            className: (0, _classnames2['default'])(['formContent'])
+          }),
+          getFieldDecorator(fieldId + 'Easy3wView', {
+            initialValue: 'easy3wView',
+            rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
+          })(_react2['default'].createElement(_input2['default'], { type: 'hidden', size: 'small' })),
+          itemValue,
+          ' ',
+          afterBtns
+        );
+      }
+      if (popoverFlag) {
+        var title = popProps.title,
+            content = popProps.content,
+            placement = popProps.placement;
+
+        return _react2['default'].createElement(
+          'div',
+          null,
+          _react2['default'].createElement(
+            FormItem,
+            (0, _extends3['default'])({
+              label: label
+            }, formItemLayout, formItemProps, {
+              style: formItemStyleTight,
+              className: (0, _classnames2['default'])(['formContent'])
+            }),
+            _react2['default'].createElement(
+              'div',
+              { className: (0, _classnames2['default'])(['hasAfterBtns']), style: { display: 'flex', flexDirection: 'row', flexWrap: 'wrap' } },
+              _react2['default'].createElement(
+                'span',
+                { style: { wordBreak: 'break-all' } },
+                formItemChild
+              ),
+              _react2['default'].createElement(
+                'span',
+                { style: { flexGrow: 1 } },
+                _react2['default'].createElement(
+                  _popover2['default'],
+                  {
+                    title: title,
+                    content: _react2['default'].createElement(
+                      'div',
+                      { style: { padding: '4px 0' } },
+                      _react2['default'].createElement(
+                        'span',
+                        { style: { color: '#5468b2', width: 200, height: 300 } },
+                        content
+                      )
+                    ),
+                    placement: placement
+                  },
+                  getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj))(itemArea)
+                )
+              ),
+              _react2['default'].createElement(
+                'div',
+                null,
+                afterBtns
+              )
+            )
+          )
+        );
+      } else if (novalueFlag) {
+        return _react2['default'].createElement(
+          FormItem,
+          (0, _extends3['default'])({
+            label: label
+          }, formItemLayout, formItemProps, {
+            style: formItemStyleTight,
+            className: (0, _classnames2['default'])(['formContent'])
+          }),
+          itemArea
+        );
+      } else {
+        return _react2['default'].createElement(
+          FormItem,
+          (0, _extends3['default'])({
+            label: label
+          }, formItemLayout, formItemProps, {
+            style: formItemStyleTight,
+            className: (0, _classnames2['default'])(['formContent'])
+          }),
+          _react2['default'].createElement(
+            'div',
+            { className: (0, _classnames2['default'])(['hasAfterBtns']), style: { display: 'flex', flexDirection: 'row', flexWrap: 'wrap' } },
+            _react2['default'].createElement(
+              'span',
+              { style: { wordBreak: 'break-all' } },
+              formItemChild
+            ),
+            _react2['default'].createElement(
+              'span',
+              { style: { flexGrow: 1 } },
+              getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj))(itemArea)
+            ),
+            _react2['default'].createElement(
+              'div',
+              null,
+              afterBtns
+            )
+          )
+        );
+      }
+    }, _this2.getStrTemplateItem = function (item, itemArea) {
+      var _this2$props2 = _this2.props,
+          form = _this2$props2.form,
+          allReadFlag = _this2$props2.allReadFlag;
+      var getFieldDecorator = form.getFieldDecorator;
+      var popoverFlag = item.popoverFlag,
+          readFlag = item.readFlag,
+          popProps = item.popProps,
+          novalueFlag = item.novalueFlag,
+          label = item.label,
+          fieldId = item.fieldId,
+          required = item.required,
+          requiredMessage = item.requiredMessage,
+          cmptPros = item.cmptPros,
+          fieldType = item.fieldType;
+
+      var itemValue = _this2.getItemValue(item);
+      var colSpan = cmptPros.colSpan;
+
+      var addRules = [];
+      if (cmptPros && cmptPros.rules) {
+        var rules = cmptPros.rules;
+
+        addRules = rules;
+      }
+      var decoratorObj = {
+        initialValue: itemValue,
+        rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }].concat(addRules)
+      };
+      if (cmptPros && cmptPros.getValueFromEvent) {
+        var getValueFromEvent = cmptPros.getValueFromEvent;
+
+        decoratorObj = (0, _extends3['default'])({}, decoratorObj, { getValueFromEvent: getValueFromEvent });
+      }
+      if (readFlag || allReadFlag) {
+        return _react2['default'].createElement(
+          _col2['default'],
+          { span: colSpan },
+          _react2['default'].createElement(
+            FormItem,
+            {
+              labelCol: { span: 48 },
+              wrapperCol: { span: 48 },
+              style: formItemStyleTight,
+              className: (0, _classnames2['default'])(['formContent'])
+            },
+            getFieldDecorator(fieldId + 'Easy3wView', {
+              initialValue: 'easy3wView',
+              rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
+            })(_react2['default'].createElement(_input2['default'], { type: 'hidden', size: 'small' })),
+            itemValue
+          )
+        );
+      }
+      if (popoverFlag) {
+        var title = popProps.title,
+            content = popProps.content,
+            placement = popProps.placement;
+
+        return _react2['default'].createElement(
+          _col2['default'],
+          { span: colSpan },
+          _react2['default'].createElement(
+            'span',
+            { style: { position: 'relative' } },
+            _react2['default'].createElement(
+              FormItem,
+              {
+                labelCol: { span: 48 },
+                wrapperCol: { span: 48 },
+                style: formItemStyleTight,
+                className: (0, _classnames2['default'])(['formContent'])
+              },
+              _react2['default'].createElement(
+                _popover2['default'],
+                {
+                  title: title,
+                  content: _react2['default'].createElement(
+                    'div',
+                    { style: { padding: '4px 0' } },
+                    _react2['default'].createElement(
+                      'span',
+                      { style: { color: '#5468b2', width: 200, height: 300 } },
+                      content
+                    )
+                  ),
+                  placement: placement
+                },
+                getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj))(itemArea)
+              )
+            )
+          )
+        );
+      } else if (novalueFlag || fieldType === 'desc') {
+        return _react2['default'].createElement(
+          _col2['default'],
+          { span: colSpan },
+          _react2['default'].createElement(
+            'span',
+            null,
+            itemArea
+          )
+        );
+      } else {
+        return _react2['default'].createElement(
+          _col2['default'],
+          { span: colSpan },
+          _react2['default'].createElement(
+            'span',
+            { style: { position: 'relative' } },
+            _react2['default'].createElement(
+              FormItem,
+              {
+                labelCol: { span: 48 },
+                wrapperCol: { span: 48 },
+                style: formItemStyleTight,
+                className: (0, _classnames2['default'])(['formContent'])
+              },
+              getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj))(itemArea)
+            )
+          )
+        );
+      }
+    }, _this2.getSingleRow = function (rowItem) {
+      var cols = rowItem.cols,
+          rowReadFlag = rowItem.rowReadFlag,
+          rowAftBtnFlag = rowItem.rowAftBtnFlag;
+      var _this2$props3 = _this2.props,
+          rowItems = _this2$props3.rowItems,
+          singleColFlag = _this2$props3.singleColFlag,
+          doubleColFlag = _this2$props3.doubleColFlag,
+          mixColFlag = _this2$props3.mixColFlag,
+          allReadFlag = _this2$props3.allReadFlag;
+
+      var threeRowItemFlag = false;
+      for (var _iterator2 = rowItems, _isArray2 = Array.isArray(_iterator2), _i3 = 0, _iterator2 = _isArray2 ? _iterator2 : _iterator2[Symbol.iterator]();;) {
+        var _ref4;
+
+        if (_isArray2) {
+          if (_i3 >= _iterator2.length) break;
+          _ref4 = _iterator2[_i3++];
+        } else {
+          _i3 = _iterator2.next();
+          if (_i3.done) break;
+          _ref4 = _i3.value;
+        }
+
+        var rItem = _ref4;
+
+        if (rItem.cols.length === 3) {
+          threeRowItemFlag = true;
+          break;
+        }
+      }
+      var colsLength = cols.length;
+      var col1Layout = '';
+      var col2Layout = '';
+      var col3Layout = '';
+      if (singleColFlag) {
+        col1Layout = singleItem;
+      }
+      if (doubleColFlag) {
+        col1Layout = doubleItemLeftTight;
+        col2Layout = formItemRightTight;
+        if (rowAftBtnFlag) {
+          col2Layout = formItemRightWithBtn;
+        }
+      }
+      if (mixColFlag) {
+        if (colsLength === 1) {
+          col1Layout = mixSingleTight;
+          if (rowAftBtnFlag) {
+            col1Layout = mixSingleWithBtn;
+          }
+        }
+        if (colsLength === 2) {
+          col1Layout = doubleItemLeftTight;
+          col2Layout = formItemRightTight;
+          if (rowAftBtnFlag) {
+            col1Layout = doubleItemLeftWithBtn;
+            col2Layout = formItemRightWithBtn;
+          }
+        }
+      }
+      // 包含3列的行 重置布局
+      if (threeRowItemFlag === true) {
+        if (colsLength === 1) {
+          col1Layout = threeCol1Item;
+        }
+        if (colsLength === 2) {
+          col1Layout = threeItem;
+          col2Layout = threeCol2Item;
+        }
+        if (colsLength === 3) {
+          col1Layout = threeItem;
+          col2Layout = threeItem;
+          col3Layout = threeItem;
+        }
+      }
+      var leftItem = _this2.getColItem(cols[0], col1Layout);
+      /** 获取所有列 */
+      var allCols = '';
+      if (colsLength === 1) {
+        allCols = _this2.getOneColObj(leftItem, mixColFlag, allReadFlag, rowReadFlag);
+      }
+      if (colsLength === 2) {
+        var rightItem = _this2.getColItem(cols[1], col2Layout);
+        allCols = _this2.getTwoColObj(leftItem, rightItem, allReadFlag, rowReadFlag);
+      }
+      if (colsLength === 3) {
+        var right2Item = _this2.getColItem(cols[1], col2Layout);
+        var right3Item = _this2.getColItem(cols[2], col3Layout);
+        allCols = _this2.getThreeColObj(leftItem, right2Item, right3Item, allReadFlag, rowReadFlag);
+      }
+      return allCols;
+    }, _this2.getOneColObj = function (colObj, mixColFlag, allReadFlag, rowReadFlag) {
+      var colSpan = 24;
+      var children1 = colObj.props.children || '';
+      var props1 = children1 ? children1.props : '';
+      var gutter1 = props1 ? props1.gutter : '';
+      colSpan = mixColFlag ? 24 : colSpan;
+      return _react2['default'].createElement(
+        _row2['default'],
+        { className: allReadFlag || rowReadFlag ? (0, _classnames2['default'])(['e3wFormItem']) : '' },
+        _react2['default'].createElement(
+          _col2['default'],
+          { style: { marginBottom: gutter1 === 0 ? -24 : 0 }, span: colSpan },
+          colObj
+        )
+      );
+    }, _this2.getTwoColObj = function (colObj, rightColObj, allReadFlag, rowReadFlag) {
+      var children1 = colObj.props.children || '';
+      var children2 = rightColObj.props.children || '';
+      var props1 = children1 ? children1.props : '';
+      var props2 = children2 ? children2.props : '';
+      var gutter1 = props1 ? props1.gutter : '';
+      var gutter2 = props2 ? props2.gutter : '';
+      return _react2['default'].createElement(
+        _row2['default'],
+        { className: allReadFlag || rowReadFlag ? (0, _classnames2['default'])(['e3wFormItem']) : '' },
+        _react2['default'].createElement(
+          _col2['default'],
+          { style: { marginBottom: gutter1 === 0 ? -24 : 0 }, span: 12 },
+          colObj
+        ),
+        _react2['default'].createElement(
+          _col2['default'],
+          { style: { marginBottom: gutter2 === 0 ? -24 : 0 }, span: 12 },
+          rightColObj
+        )
+      );
+    }, _this2.getThreeColObj = function (colObj, col2Obj, col3Obj, allReadFlag, rowReadFlag) {
+      var children1 = colObj.props.children || '';
+      var children2 = col2Obj.props.children || '';
+      var children3 = col3Obj.props.children || '';
+      var props1 = children1 ? children1.props : '';
+      var props2 = children2 ? children2.props : '';
+      var props3 = children3 ? children3.props : '';
+      var gutter1 = props1 ? props1.gutter : '';
+      var gutter2 = props2 ? props2.gutter : '';
+      var gutter3 = props3 ? props3.gutter : '';
+      return _react2['default'].createElement(
+        _row2['default'],
+        { className: allReadFlag || rowReadFlag ? (0, _classnames2['default'])(['e3wFormItem']) : '' },
+        _react2['default'].createElement(
+          _col2['default'],
+          { style: { marginBottom: gutter1 === 0 ? -24 : 0 }, span: 8 },
+          colObj
+        ),
+        _react2['default'].createElement(
+          _col2['default'],
+          { style: { marginBottom: gutter2 === 0 ? -24 : 0 }, span: 8 },
+          col2Obj
+        ),
+        _react2['default'].createElement(
+          _col2['default'],
+          { style: { marginBottom: gutter3 === 0 ? -24 : 0 }, span: 8 },
+          col3Obj
+        )
+      );
+    }, _this2.getColItem = function (colObj, formItemLayout) {
+      var fieldType = colObj.fieldType;
+
+      var itemArea = _this2.getItemArea(colObj);
+      var itemValue = _this2.getItemValue(colObj);
+      var afterBtns = _this2.getAfterBtn(colObj);
+      if (fieldType === 'upload') {
+        var up = _this2.getUploadColItem(colObj, formItemLayout);
+        return up;
+      }
+      if (fieldType === 'uploadB') {
+        var _up8 = _this2.getUploadBColItem(colObj, formItemLayout);
+        return _up8;
+      }
+      if (fieldType === 'uploadM') {
+        var _up9 = _this2.getUploadMColItem(colObj, formItemLayout);
+        return _up9;
+      }
+      if (fieldType === 'select') {
+        var _up10 = _this2.getSelectColItem(colObj, formItemLayout);
+        return _up10;
+      }
+      if (fieldType === 'radio') {
+        var _up11 = _this2.getRadioColItem(colObj, formItemLayout);
+        return _up11;
+      }
+      if (fieldType === 'checkBox') {
+        var _up12 = _this2.getCheckBoxColItem(colObj, formItemLayout);
+        return _up12;
+      }
+      if (fieldType === 'inputNumberFormat') {
+        var _up13 = _this2.inputNumberFormatHandler(colObj, formItemLayout);
+        return _up13;
+      }
+      var formItem = _this2.getFormItem(colObj, itemValue, afterBtns, itemArea, formItemLayout);
+      return formItem;
+    }, _this2.getAllForms = function () {
+      var _this2$props4 = _this2.props,
+          rowItems = _this2$props4.rowItems,
+          hiddenItems = _this2$props4.hiddenItems,
+          loadFinishFlag = _this2$props4.loadFinishFlag,
+          bigFormFlag = _this2$props4.bigFormFlag;
+
+      if (bigFormFlag === true) {
+        if (loadFinishFlag === false) {
+          return '';
+        }
+      }
+      // const hadLoadIngProps = Object.prototype.hasOwnProperty.call(this.props, 'loading');
+      // if (!hadLoadIngProps || loading === true) {
+      //   return '';
+      // }
+      var uiForms = [];
+      var hiddenForms = [];
+      if (rowItems) {
+        uiForms = rowItems.map(function (rowItem) {
+          var singleRow = _react2['default'].createElement(
+            'div',
+            null,
+            _this2.getSingleRow(rowItem)
+          );
+          return singleRow;
+        });
+      }
+      if (hiddenItems) {
+        hiddenForms = hiddenItems.map(function (hiddenItem) {
+          var obj = _this2.getHiddenItem(hiddenItem);
+          return obj;
+        });
+      }
+      var allForms = [];
+      allForms.push.apply(allForms, uiForms);
+      allForms.push.apply(allForms, hiddenForms);
+      return allForms;
+    }, _this2.getHiddenItem = function (hiddenItem) {
+      var form = _this2.props.form;
+      var getFieldDecorator = form.getFieldDecorator;
+      var fieldId = hiddenItem.fieldId,
+          value = hiddenItem.value;
+
+      return _react2['default'].createElement(
+        'span',
+        null,
+        getFieldDecorator(fieldId, { initialValue: value })(_react2['default'].createElement(_input2['default'], { type: 'hidden', size: 'small' }))
+      );
+    }, _this2.getUploadColItem = function (colObj, formItemLayout) {
+      var label = colObj.label,
+          fieldId = colObj.fieldId,
+          required = colObj.required,
+          cmptPros = colObj.cmptPros,
+          help = colObj.help;
+      var allReadFlag = _this2.props.allReadFlag;
+      var form = cmptPros.form;
+
+      var isReadVal = false;
+      if (cmptPros.isRead) {
+        isReadVal = cmptPros.isRead;
+      }
+      if (allReadFlag) {
+        isReadVal = true;
+      }
+      var cmptProsNew = (0, _extends3['default'])({}, cmptPros, { isRead: isReadVal });
+      return _react2['default'].createElement(_easy3wui.Easy3wUpload, (0, _extends3['default'])({
+        uploadName: fieldId,
+        help: help || '请上传附件',
+        sendData: '',
+        form: form,
+        required: required,
+        label: label,
+        style: formItemStyleTight,
+        className: (0, _classnames2['default'])(['formContent'])
+      }, formItemLayout, cmptProsNew));
+    }, _this2.getUploadBColItem = function (colObj, formItemLayout) {
+      var label = colObj.label,
+          fieldId = colObj.fieldId,
+          required = colObj.required,
+          cmptPros = colObj.cmptPros;
+      var form = cmptPros.form;
+      var allReadFlag = _this2.props.allReadFlag;
+
+      var isReadVal = false;
+      if (cmptPros.isRead) {
+        isReadVal = cmptPros.isRead;
+      }
+      if (allReadFlag) {
+        isReadVal = true;
+      }
+      var cmptProsNew = (0, _extends3['default'])({}, cmptPros, { isRead: isReadVal });
+      return _react2['default'].createElement(_easy3wui.Easy3wUploadB, (0, _extends3['default'])({
+        uploadName: fieldId,
+        name: fieldId,
+        sendData: '',
+        form: form,
+        required: required,
+        label: label,
+        style: formItemStyleTight,
+        className: (0, _classnames2['default'])(['formContent'])
+      }, formItemLayout, cmptProsNew));
+    }, _this2.getUploadMColItem = function (colObj, formItemLayout) {
+      var label = colObj.label,
+          fieldId = colObj.fieldId,
+          required = colObj.required,
+          cmptPros = colObj.cmptPros;
+      var form = cmptPros.form;
+      var allReadFlag = _this2.props.allReadFlag;
+
+      var isReadVal = false;
+      if (cmptPros.isRead) {
+        isReadVal = cmptPros.isRead;
+      }
+      if (allReadFlag) {
+        isReadVal = true;
+      }
+      var cmptProsNew = (0, _extends3['default'])({}, cmptPros, { isRead: isReadVal });
+      return _react2['default'].createElement(_easy3wui.Easy3wUploadM, (0, _extends3['default'])({
+        uploadName: fieldId,
+        sendData: '',
+        form: form,
+        required: required,
+        label: label,
+        style: formItemStyleTight,
+        className: (0, _classnames2['default'])(['formContent'])
+      }, formItemLayout, cmptProsNew));
+    }, _this2.inputHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(_input2['default'], (0, _extends3['default'])({}, cmptPros, { size: 'small' }));
+    }, _this2.selectHandler = function (item) {
+      var cmptPros = item.cmptPros;
+      var optionLst = cmptPros.optionLst;
+
+      var selectOpts = optionLst.map(function (opt) {
+        return opt.key || opt.value ? _react2['default'].createElement(
+          Option,
+          { key: opt.key || opt.value, disabled: opt.disabled },
+          opt.label
+        ) : '';
+      });
+      return _react2['default'].createElement(
+        _select2['default'],
+        (0, _extends3['default'])({
+          style: { width: '100%' }
+        }, cmptPros, {
+          allowClear: true,
+          size: 'small'
+        }),
+        selectOpts
+      );
+    }, _this2.tagSelectHandler = function (item) {
+      var cmptPros = item.cmptPros;
+      var optionLst = cmptPros.optionLst;
+
+      return _react2['default'].createElement(
+        _easy3wui.Easy3wTagSelect,
+        (0, _extends3['default'])({ last: true, lessNum: 2 }, cmptPros),
+        optionLst.map(function (option) {
+          return _react2['default'].createElement(
+            _easy3wui.Easy3wTagSelect.Option,
+            { value: option.value },
+            option.label
+          );
+        })
+      );
+    }, _this2.sliderHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(_slider2['default'], (0, _extends3['default'])({}, cmptPros, { size: 'small' }));
+    }, _this2.switchHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(_switch2['default'], (0, _extends3['default'])({}, cmptPros, { size: 'small' }));
+    }, _this2.datePickerHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(_datePicker2['default'], (0, _extends3['default'])({
+        locale: _zh_CN2['default'],
+        style: { width: '100%', marginRight: 0 },
+        format: 'YYYY-MM-DD'
+      }, cmptPros, {
+        size: 'small'
+      }));
+    }, _this2.rangeMinutes = function (start, mid, end) {
+      var result = [];
+      for (var i = start; i < mid; i += 1) {
+        result.push(i);
+      }
+      for (var _i4 = mid + 1; _i4 < end; _i4 += 1) {
+        result.push(_i4);
+      }
+      return result;
+    }, _this2.rangeSeconds = function (start, end) {
+      var result = [];
+      for (var i = start; i < end; i += 1) {
+        result.push(i);
+      }
+      return result;
+    }, _this2.disabledDateTime = function () {
+      return {
+        disabledMinutes: function disabledMinutes() {
+          return _this2.rangeMinutes(1, 30, 60);
+        },
+        disabledSeconds: function disabledSeconds() {
+          return _this2.rangeSeconds(1, 60);
+        }
+      };
+    }, _this2.dateTimePickerHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      if (cmptPros && cmptPros.setWholeTime) {
+        return _react2['default'].createElement(_datePicker2['default'], (0, _extends3['default'])({
+          style: { width: '100%', marginRight: 0 },
+          format: 'YYYY-MM-DD HH:mm:ss',
+          showTime: true,
+          locale: _zh_CN2['default']
+        }, cmptPros, {
+          size: 'small'
+        }));
+      } else {
+        return _react2['default'].createElement(_datePicker2['default'], (0, _extends3['default'])({
+          style: { width: '100%', marginRight: 0 },
+          disabledTime: _this2.disabledDateTime,
+          showTime: { hideDisabledOptions: true, defaultValue: (0, _moment2['default'])('09:00:00', 'HH:mm:ss') },
+          format: 'YYYY-MM-DD HH:mm',
+          locale: _zh_CN2['default']
+        }, cmptPros, {
+          size: 'small'
+        }));
+      }
+    }, _this2.timePickerHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(_timePicker2['default'], (0, _extends3['default'])({
+        format: 'HH:mm:ss'
+      }, cmptPros, {
+        size: 'small'
+      }));
+    }, _this2.monthPickerHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(MonthPicker, (0, _extends3['default'])({
+        format: 'YYYY-MM'
+      }, cmptPros, {
+        size: 'small'
+      }));
+    }, _this2.rangePickerHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(RangePicker, (0, _extends3['default'])({
+        locale: _zh_CN2['default'],
+        style: { width: '100%' },
+        format: 'YYYY-MM-DD'
+      }, cmptPros, {
+        size: 'small'
+      }));
+    }, _this2.transferHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(_transfer2['default'], (0, _extends3['default'])({}, cmptPros, {
+        size: 'small'
+      }));
+    }, _this2.treeSelectHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      var treeSelectProps = {
+        allowClear: true,
+        showLine: true,
+        showSearch: true,
+        dropdownStyle: { maxHeight: 300, overflow: 'auto' },
+        treeDefaultExpandAll: false,
+        showCheckedStrategy: _treeSelect2['default'].SHOW_CHILD,
+        searchPlaceholder: '请输入关键字或点击三角箭头展开后选择',
+        treeNodeFilterProp: 'title',
+        style: {
+          width: '100%'
+        }
+      };
+      return _react2['default'].createElement(_treeSelect2['default'], (0, _extends3['default'])({}, treeSelectProps, cmptPros, {
+        size: 'small'
+      }));
+    }, _this2.radioHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(RadioGroup, cmptPros);
+    }, _this2.checkBoxHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(CheckboxGroup, cmptPros);
+    }, _this2.textAreaOnchange = function (e, maxLength) {
+      if (e && e.target.value.length) {
+        _this2.setState({ leftCount: e.target.value.length });
+      }
+      if (e && e.target.value.length > maxLength) {
+        _message3['default'].info('\u8F93\u5165\u5B57\u6570\u4E0D\u80FD\u8D85\u8FC7' + maxLength);
+      }
+    }, _this2.textareaHandler = function (item) {
+      var readFlag = item.readFlag,
+          value = item.value;
+      var cmptPros = item.cmptPros;
+
+      var cmptProsNew = cmptPros || {};
+      cmptPros = (0, _extends3['default'])({}, cmptPros, {
+        rows: cmptProsNew.rows || 2
+      });
+      var maxlength = void 0;
+      if (!cmptPros || cmptPros && !cmptPros.rows) {
+        cmptPros = (0, _extends3['default'])({}, cmptPros, { autosize: true });
+      }
+      if (cmptPros && (cmptPros.maxLength || cmptPros.maxlength)) {
+        maxlength = cmptPros.maxLength || cmptPros.maxlength;
+      }
+      if (cmptPros && cmptPros.showCountFlag) {
+        var maxCount = Number(cmptPros.maxLength || cmptPros.maxlength) || 200;
+        return _react2['default'].createElement(
+          'div',
+          { className: (0, _classnames2['default'])(['countContent']), 'data-count': _this2.state.leftCount + '/' + maxCount },
+          _react2['default'].createElement(TextArea, (0, _extends3['default'])({ style: { padding: '0 11px', lineHeight: '24px' }, onChange: function onChange(e) {
+              return _this2.textAreaOnchange(e, maxlength);
+            } }, cmptPros))
+        );
+      } else {
+        return _react2['default'].createElement(TextArea, (0, _extends3['default'])({ style: { padding: '0 11px', lineHeight: '24px' }, onChange: function onChange(e) {
+            return _this2.textAreaOnchange(e, maxlength);
+          } }, cmptPros));
+      }
+    }, _this2.inputNumberHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(_inputNumber2['default'], (0, _extends3['default'])({}, cmptPros, { size: 'small' }));
+    }, _this2.inputNumberFormatHandler = function (item, formItemLayout) {
+      var allReadFlag = _this2.props.allReadFlag;
+      var getFieldDecorator = _this2.props.form.getFieldDecorator;
+      var cmptPros = item.cmptPros,
+          label = item.label,
+          fieldId = item.fieldId,
+          requiredMessage = item.requiredMessage,
+          required = item.required,
+          value = item.value,
+          disableFlag = item.disableFlag,
+          readFlag = item.readFlag,
+          formItemProps = item.formItemProps;
+
+      var addrules = [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }];
+      if (cmptPros && cmptPros.rules) {
+        var rules = cmptPros.rules;
+
+        addrules.push.apply(addrules, rules);
+      }
+      var afterBtns = _this2.getAfterBtn(item);
+      // 只读场景格式化数字金额
+      var valueFormat = '';
+      if (Number(value)) {
+        var numValue = Number(value).toFixed(2);
+        valueFormat = numValue.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+      }
+      if (readFlag || allReadFlag) {
+        return _react2['default'].createElement(
+          FormItem,
+          (0, _extends3['default'])({
+            label: label
+          }, formItemLayout, formItemProps, {
+            style: formItemStyleTight,
+            className: (0, _classnames2['default'])(['formContent'])
+          }),
+          valueFormat + ' ' + (cmptPros && cmptPros.addonAfter ? cmptPros.addonAfter : '')
+        );
+      }
+      return _react2['default'].createElement(
+        FormItem,
+        (0, _extends3['default'])({
+          label: label
+        }, formItemLayout, formItemProps, {
+          style: formItemStyleTight,
+          className: cmptPros && cmptPros.addonAfter ? (0, _classnames2['default'])(['formContentAlone']) : (0, _classnames2['default'])(['formContent'])
+        }),
+        _react2['default'].createElement(
+          'div',
+          { className: (0, _classnames2['default'])(['hasAfterBtns']), style: { display: 'flex', flexDirection: 'row', flexWrap: 'wrap' } },
+          _react2['default'].createElement(
+            _row2['default'],
+            { style: { flexGrow: 1 } },
+            _react2['default'].createElement(
+              _col2['default'],
+              { span: cmptPros && cmptPros.addonAfter ? 21 : 24 },
+              getFieldDecorator(fieldId, { rules: addrules, initialValue: value })(_react2['default'].createElement(_inputNumber2['default'], (0, _extends3['default'])({
+                formatter: function formatter(val) {
+                  return ('' + val).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+                },
+                parser: function parser(val) {
+                  return val.replace(/\$\s?|(,*)/g, '');
+                },
+                precision: 2,
+                disabled: disableFlag,
+                onChange: function onChange(onChangeValue) {
+                  var _this2$props$form$set;
+
+                  return _this2.props.form.setFieldsValue((_this2$props$form$set = {}, _this2$props$form$set[item.fieldId] = onChangeValue, _this2$props$form$set));
+                }
+                // style={{ width: '100%', bottom: '4px' }}
+                , style: { width: '100%' }
+              }, cmptPros, {
+                size: 'small'
+              })))
+            ),
+            _react2['default'].createElement(
+              _col2['default'],
+              { span: cmptPros && cmptPros.addonAfter ? 3 : 0 },
+              cmptPros ? cmptPros.addonAfter ? _react2['default'].createElement(
+                'span',
+                { className: 'ant-input-group-addon', style: { lineHeight: '23px', borderRight: '1px solid #e8e8e8', borderRadius: '0px 5px 5px 0px', width: 'inherit' } },
+                cmptPros.addonAfter
+              ) : null : null
+            )
+          ),
+          _react2['default'].createElement(
+            'div',
+            null,
+            afterBtns
+          )
+        )
+      );
+    }, _this2.getSelectColItem = function (item, formItemLayout) {
+      var _this2$props5 = _this2.props,
+          form = _this2$props5.form,
+          allReadFlag = _this2$props5.allReadFlag;
+      var getFieldDecorator = form.getFieldDecorator;
+      var cmptPros = item.cmptPros,
+          label = item.label,
+          fieldId = item.fieldId,
+          required = item.required,
+          value = item.value,
+          formItemProps = item.formItemProps,
+          disableFlag = item.disableFlag,
+          readFlag = item.readFlag;
+      var optionLst = cmptPros.optionLst,
+          mode = cmptPros.mode,
+          labelInValue = cmptPros.labelInValue;
+
+      var selectOpts = '';
+      var disabled = false;
+      var strValue = []; // 只读多选字符串
+      var findObj = ''; // 只读单选字符串
+      var afterBtns = _this2.getAfterBtn(item);
+      selectOpts = optionLst && optionLst.map(function (opt) {
+        return opt.key || opt.value ? _react2['default'].createElement(
+          Option,
+          { key: opt.value || opt.key, disabled: opt.disabled },
+          opt.label
+        ) : '';
+      });
+      var allContents = optionLst && optionLst.map(function (opt) {
+        if (value && value instanceof Array && value.length > 0) {
+          var valueContents = value && value.length > 0 && value.map(function (val) {
+            if ((opt.value === val || opt.value === val.value) && opt.label !== '请选择') {
+              strValue.push(opt.label);
+            }
+            return valueContents;
+          });
+        } else if (opt.label !== '请选择' && opt.value === value) {
+          findObj = opt.label;
+        } else if (labelInValue && typeof value === 'object') {
+          findObj = value.label;
+        }
+        return allContents;
+      });
+      if (disableFlag || cmptPros.disableFlag) {
+        disabled = true;
+      }
+      if (allReadFlag) {
+        disabled = true;
+      }
+      var cmptProsNew = (0, _extends3['default'])({}, cmptPros, { disabled: disabled });
+      if (allReadFlag || readFlag) {
+        return _react2['default'].createElement(
+          FormItem,
+          (0, _extends3['default'])({
+            label: label
+          }, formItemLayout, formItemProps, {
+            style: formItemStyleTight,
+            className: (0, _classnames2['default'])(['formContent'])
+          }),
+          getFieldDecorator(fieldId + 'Easy3wView', {
+            initialValue: 'easy3wView',
+            rules: [{ required: required, message: '\u8BF7\u586B\u5199' + label }]
+          })(_react2['default'].createElement(_input2['default'], { type: 'hidden', size: 'small' })),
+          mode === 'multiple' ? strValue.join() : findObj
+        );
+      } else {
+        return _react2['default'].createElement(
+          FormItem,
+          (0, _extends3['default'])({
+            label: label
+          }, formItemLayout, formItemProps, {
+            style: formItemStyleTight,
+            className: (0, _classnames2['default'])(['formContent'])
+          }),
+          _react2['default'].createElement(
+            'div',
+            { className: (0, _classnames2['default'])(['hasAfterBtns']), style: { display: 'flex', flexDirection: 'row', flexWrap: 'wrap' } },
+            _react2['default'].createElement(
+              'span',
+              { style: { flexGrow: 1 } },
+              getFieldDecorator(fieldId, {
+                initialValue: value,
+                rules: [{ required: required, message: '\u8BF7\u9009\u62E9' + label }]
+              })(_react2['default'].createElement(
+                _select2['default'],
+                (0, _extends3['default'])({
+                  style: { width: '100%' }
+                }, cmptProsNew, {
+                  size: 'small'
+                }),
+                selectOpts
+              ))
+            ),
+            _react2['default'].createElement(
+              'div',
+              null,
+              afterBtns
+            )
+          )
+        );
+      }
+    }, _this2.getRadioColItem = function (item, formItemLayout) {
+      var _this2$props6 = _this2.props,
+          form = _this2$props6.form,
+          allReadFlag = _this2$props6.allReadFlag;
+      var cmptPros = item.cmptPros,
+          label = item.label,
+          fieldId = item.fieldId,
+          required = item.required,
+          requiredMessage = item.requiredMessage,
+          formItemProps = item.formItemProps,
+          disableFlag = item.disableFlag,
+          readFlag = item.readFlag;
+      var value = item.value;
+      var _cmptPros$options = cmptPros.options,
+          options = _cmptPros$options === undefined ? [] : _cmptPros$options;
+      var getFieldDecorator = form.getFieldDecorator;
+
+      var disabled = false;
+      var addRules = [];
+      // 添加rule,getValueFromEvent属性
+      var decoratorObj = {
+        rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
+      };
+      if (cmptPros) {
+        if (cmptPros.rules) {
+          var rules = cmptPros.rules;
+
+          addRules = rules;
+          decoratorObj.rules.push(addRules);
+        }
+        if (cmptPros.getValueFromEvent) {
+          var getValueFromEvent = cmptPros.getValueFromEvent;
+
+          decoratorObj = (0, _extends3['default'])({}, decoratorObj, { getValueFromEvent: getValueFromEvent });
+        }
+      }
+      if (disableFlag || cmptPros.disableFlag) {
+        disabled = true;
+      }
+      if (allReadFlag) {
+        disabled = true;
+      }
+
+      var cmptProsNew = (0, _extends3['default'])({}, cmptPros, { disabled: disabled });
+      if (allReadFlag || readFlag) {
+        options.map(function (opt) {
+          if (value === opt.value) {
+            value = opt.label;
+          }
+          return '';
+        });
+        return _react2['default'].createElement(
+          FormItem,
+          (0, _extends3['default'])({
+            label: label
+          }, formItemLayout, formItemProps, {
+            style: formItemStyleTight,
+            className: (0, _classnames2['default'])(['formContent'])
+          }),
+          getFieldDecorator(fieldId + 'Easy3wView', {
+            initialValue: 'easy3wView',
+            rules: [{ required: required, message: '\u8BF7\u586B\u5199' + label }]
+          })(_react2['default'].createElement(_input2['default'], { type: 'hidden', size: 'small' })),
+          value
+        );
+      } else {
+        return _react2['default'].createElement(
+          FormItem,
+          (0, _extends3['default'])({
+            label: label
+          }, formItemLayout, formItemProps, {
+            style: formItemStyleTight,
+            className: (0, _classnames2['default'])(['formContent'])
+          }),
+          getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj, {
+            initialValue: value
+          }))(_react2['default'].createElement(RadioGroup, cmptProsNew))
+        );
+      }
+    }, _this2.getCheckBoxColItem = function (item, formItemLayout) {
+      var _this2$props7 = _this2.props,
+          form = _this2$props7.form,
+          allReadFlag = _this2$props7.allReadFlag;
+      var getFieldDecorator = form.getFieldDecorator;
+      var _item$cmptPros5 = item.cmptPros,
+          cmptPros = _item$cmptPros5 === undefined ? {} : _item$cmptPros5,
+          label = item.label,
+          fieldId = item.fieldId,
+          required = item.required,
+          formItemProps = item.formItemProps,
+          disableFlag = item.disableFlag,
+          requiredMessage = item.requiredMessage,
+          readFlag = item.readFlag;
+      var value = item.value;
+      var _cmptPros$options2 = cmptPros.options,
+          options = _cmptPros$options2 === undefined ? [] : _cmptPros$options2;
+
+      var disabled = false;
+      var addRules = [];
+      // 添加rule,getValueFromEvent属性
+      var decoratorObj = {
+        rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
+      };
+      if (cmptPros) {
+        if (cmptPros.rules) {
+          var rules = cmptPros.rules;
+
+          addRules = rules;
+          decoratorObj.rules.push(addRules);
+        }
+        if (cmptPros.getValueFromEvent) {
+          var getValueFromEvent = cmptPros.getValueFromEvent;
+
+          decoratorObj = (0, _extends3['default'])({}, decoratorObj, { getValueFromEvent: getValueFromEvent });
+        }
+      }
+      if (disableFlag || cmptPros.disableFlag) {
+        disabled = true;
+      }
+      if (allReadFlag) {
+        disabled = true;
+      }
+      var cmptProsNew = (0, _extends3['default'])({}, cmptPros, { disabled: disabled });
+      if (allReadFlag || readFlag) {
+        var arrValue = [];
+        options.map(function (opt) {
+          value.map(function (val) {
+            if (val === opt.value) {
+              arrValue.push(opt.label);
+            }
+            return '';
+          });
+          return '';
+        });
+        value = arrValue.join(',');
+        return _react2['default'].createElement(
+          FormItem,
+          (0, _extends3['default'])({
+            label: label
+          }, formItemLayout, formItemProps, {
+            style: formItemStyleTight,
+            className: (0, _classnames2['default'])(['formContent'])
+          }),
+          getFieldDecorator(fieldId + 'Easy3wView', {
+            initialValue: 'easy3wView',
+            rules: [{ required: required, message: '\u8BF7\u586B\u5199' + label }]
+          })(_react2['default'].createElement(_input2['default'], { type: 'hidden', size: 'small' })),
+          value
+        );
+      } else {
+        return _react2['default'].createElement(
+          FormItem,
+          (0, _extends3['default'])({
+            label: label
+          }, formItemLayout, formItemProps, {
+            style: formItemStyleTight,
+            className: (0, _classnames2['default'])(['formContent'])
+          }),
+          getFieldDecorator(fieldId, (0, _extends3['default'])({}, decoratorObj, {
+            initialValue: value
+          }))(_react2['default'].createElement(CheckboxGroup, cmptProsNew))
+        );
+      }
+    }, _this2.numberInputHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(_input2['default'], (0, _extends3['default'])({
+        onBlur: function onBlur(e) {
+          return _this2.numberInputonBlur(e, item);
+        },
+        onChange: _this2.numberInputonChange,
+        onPressEnter: function onPressEnter(e) {
+          return _this2.numberInputonBlur(e, item);
+        },
+        rules: [{ pattern: /^\d+(\.\d+)?$/, message: '数字' }],
+        className: (0, _classnames2['default'])(['rightText'])
+      }, cmptPros, {
+        size: 'small'
+      }));
+    }, _this2.numberInputonChange = function (e) {
+      var value = e.target.value;
+
+      var val = _this2.replaceAllNumberInput(value);
+      var reg = /^-?(0|[1-9][0-9]*)(\.[0-9]*)?$/;
+      if (!isNaN(val) && reg.test(val) || val === '' || val === '-') {
+        // this.props.onChange(value);
+      }
+    }, _this2.numberInputonBlur = function (e, item) {
+      var _this2$props$form$set2;
+
+      var value = e.target.value;
+
+      if (value === '' || value === null || value === undefined) {
+        return null;
+      }
+      _this2.props.form.setFieldsValue((_this2$props$form$set2 = {}, _this2$props$form$set2[item.fieldId] = (0, _numeral2['default'])(e.target.value).format('0,0.00'), _this2$props$form$set2));
+    }, _this2.replaceAllNumberInput = function (value) {
+      if (typeof value !== 'string') {
+        return value;
+      } else {
+        return Number(value.replace(/,/g, ''));
+      }
+    }, _this2.mentionHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(_mention2['default'], (0, _extends3['default'])({}, cmptPros, { size: 'small' }));
+    }, _this2.rateHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(_rate2['default'], (0, _extends3['default'])({}, cmptPros, { size: 'small' }));
+    }, _this2.autoCompleteHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(_autoComplete2['default'], (0, _extends3['default'])({}, cmptPros, { size: 'small' }));
+    }, _this2.braftEditorHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(_braftEditor2['default'], cmptPros);
+    }, _this2.cascaderHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(_cascader2['default'], (0, _extends3['default'])({}, cmptPros, { size: 'small' }));
+    }, _this2.iconHandler = function (item) {
+      var cmptPros = item.cmptPros;
+
+      return _react2['default'].createElement(_icon2['default'], (0, _extends3['default'])({}, cmptPros, { size: 'small' }));
+    }, _this2.strTemplateHandler = function (item) {
+      var cmptPros = item.cmptPros;
+      var templateArray = cmptPros.templateArray;
+
+      var templateArr = templateArray.map(function (obj) {
+        if (obj.fieldType === 'inputNumberFormat') {
+          var up = _this2.inputNumberFormatHandler(obj);
+          return up;
+        }
+        var objArea = _this2.getItemArea(obj);
+        var itemArea = _this2.getStrTemplateItem(obj, objArea);
+        return itemArea;
+      });
+      var retObj = _react2['default'].createElement(
+        _row2['default'],
+        null,
+        templateArr
+      );
+      return retObj;
+    }, _this2.descHandler = function (item) {
+      var value = item.value;
+
+      return value;
+    }, _this2.btnHandler = function (obj, btnType) {
+      var func = obj.func,
+          cName = obj.cName,
+          confirmContent = obj.confirmContent;
+
+      if (confirmContent) {
+        return _react2['default'].createElement(
+          _popconfirm2['default'],
+          { title: confirmContent, onConfirm: function onConfirm(e) {
+              return _this2.onClickFunc(e, func);
+            } },
+          _react2['default'].createElement(
+            _button2['default'],
+            { className: (0, _classnames2['default'])([btnType === 'afterBtn' ? '' : 'e3wFootBtn']), size: 'small' },
+            _react2['default'].createElement(
+              'a',
+              null,
+              cName
+            )
+          )
+        );
+      }
+      return _react2['default'].createElement(
+        _button2['default'],
+        {
+          onClick: function onClick(e) {
+            return _this2.onClickFunc(e, func);
+          },
+          className: (0, _classnames2['default'])([btnType === 'afterBtn' ? '' : 'e3wFootBtn']),
+          size: 'small'
+        },
+        _react2['default'].createElement(
+          'a',
+          null,
+          cName
+        )
+      );
+    }, _this2.aHandler = function (obj, btnType) {
+      var func = obj.func,
+          cName = obj.cName;
+
+      return _react2['default'].createElement(
+        'a',
+        {
+          onClick: function onClick(e) {
+            return _this2.onClickFunc(e, func);
+          },
+          className: (0, _classnames2['default'])([btnType === 'afterBtn' ? '' : 'e3wFootBtn'])
+        },
+        cName
+      );
+    }, _this2.strHandler = function (obj, btnType) {
+      var cName = obj.cName,
+          color = obj.color;
+
+      return _react2['default'].createElement(
+        'span',
+        {
+          className: (0, _classnames2['default'])([btnType === 'afterBtn' ? '' : 'e3wFootBtn']),
+          style: { color: color || '' }
+        },
+        cName
+      );
+    }, _temp2), (0, _possibleConstructorReturn3['default'])(_this2, _ret2);
+  }
+  /** 使用何种表单域 */
+
+  /** 获取value */
+
+  /** 获取FormItem */
+
+  /** 获取单行 */
+
+  /** 单列 */
+
+  /** 双列 */
+
+  /** 三列 */
+
+  /** upload start */
+
+  /** upload end */
+  /** upload start */
+
+  /** upload end */
+  /** upload start */
+
+  /** upload end */
+  /** input start */
+
+  /** input end */
+
+  /** select start */
+
+  /** select end */
+
+  /** tagSelectHandler start */
+
+  /** tagSelectHandler end */
+
+  /** slider start */
+
+  /** slider end */
+  /** switch start */
+
+  /** switch end */
+  /** datePicker start */
+
+  /** datePicker end */
+  /** dateTimePicker start */
+
+  /** dateTimePicker end */
+
+  /** timePickerHandler start */
+
+  /** timePickerHandler end */
+
+  /** monthPickerHandler start */
+
+  /** monthPickerHandler end */
+
+  /** rangePickerHandler start */
+
+  /** rangePickerHandler end */
+
+  /** transferHandler start */
+
+  /** transferHandler end */
+  /** treeSelect start */
+
+  /** treeSelect end */
+
+  /** radio start */
+
+  /** radio end */
+
+  /** checkBox start */
+
+  /** checkBox end */
+
+  /** textarea start */
+
+  /** textarea end */
+
+  /** inputNumber start */
+
+  /** inputNumber end */
+
+  /** inputNumber start inherit不兼容ie8以下 */
+
+  /** inputNumber end */
+
+  // #region Select
+
+  // #endregion
+  // #region Radio
+
+  // #endregion
+
+  // #region
+
+
+  /** numberInput start */
+  // numberInputHandler = (item) => {
+  //   return (
+  //     <NumberFormat
+  //       thousandSeparator
+  //       allowNegative={false}
+  //       decimalScale={2}
+  //       customInput={Input}
+  //       style={{ textAlign: 'right' }}
+  //       {...item}
+  //       {...item.cmptPros}
+  //     />
+  //   );
+  // }
+
+  /** numberInput end */
+
+  /** mention start */
+
+  /** mention end */
+
+  /** rate start */
+
+  /** rate end */
+
+  /** autoComplete start */
+
+  /** autoComplete end */
+
+  /** braftEditor start */
+
+  /** braftEditor end */
+
+  /** cascader start */
+
+  /** cascader end */
+  /** iconHandler start */
+
+  /** iconHandler end */
+  /** strTemplate start */
+
+  /** strTemplate end */
+  /** descHandler start */
+
+  /** descHandler end */
+
+  /** btnHandler start */
+
+  /** btnHandler end */
+
+  /** aHandler start */
+
+  /** aHandler end */
+
+  /** strHandler start */
+
+
+  /** strHandler end */
+
+  Easy3wFormPageTightPC.prototype.render = function render() {
+    var getAllForms = this.getAllForms();
+    var borderFlag = this.props.borderFlag;
+    // noLabelFlag 布尔值
+
+    var noBorderFlag = false;
+    if (typeof this.props.noBorderFlag === 'boolean') {
+      noBorderFlag = this.props.noBorderFlag;
+    } else if (typeof _comonConfig.noBorderFlag === 'boolean') {
+      noBorderFlag = _comonConfig.noBorderFlag;
+    }
+    return _react2['default'].createElement(
+      'div',
+      { className: (0, _classnames2['default'])(['e3wFormPageWrapTight']) },
+      _react2['default'].createElement(
+        'div',
+        { className: (0, _classnames2['default'])(noBorderFlag ? ['e3wFormPageNoBorder'] : ['e3wFormPage']) },
+        getAllForms
+      )
+    );
+    // if (noBorderFlag) {
+    //   return (
+    //     <div className={classnames(['e3wFormPageNoBorder'])}>
+    //       {getAllForms}
+    //     </div>
+    //   );
+    // } else {
+    //   return (
+    //     <div className={classnames(['e3wFormPage'])}>
+    //       {getAllForms}
+    //     </div>
+    //   );
+    // }
+  };
+
+  return Easy3wFormPageTightPC;
+}(_react.Component);