dlt-for-react 1.0.23 → 1.1.0

package/lib/components/NHDynamicFormShow/customModule/zxj/EditForm.js

@@ -0,0 +1,764 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _card = require("antd-mobile/lib/card");
+
+var _card2 = _interopRequireDefault(_card);
+
+var _whiteSpace = require("antd-mobile/lib/white-space");
+
+var _whiteSpace2 = _interopRequireDefault(_whiteSpace);
+
+var _textareaItem = require("antd-mobile/lib/textarea-item");
+
+var _textareaItem2 = _interopRequireDefault(_textareaItem);
+
+var _stepper = require("antd-mobile/lib/stepper");
+
+var _stepper2 = _interopRequireDefault(_stepper);
+
+var _picker = require("antd-mobile/lib/picker");
+
+var _picker2 = _interopRequireDefault(_picker);
+
+var _list = require("antd-mobile/lib/list");
+
+var _list2 = _interopRequireDefault(_list);
+
+var _inputItem = require("antd-mobile/lib/input-item");
+
+var _inputItem2 = _interopRequireDefault(_inputItem);
+
+var _modal = require("antd-mobile/lib/modal");
+
+var _modal2 = _interopRequireDefault(_modal);
+
+var _toast = require("antd-mobile/lib/toast");
+
+var _toast2 = _interopRequireDefault(_toast);
+
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+require("antd-mobile/lib/card/style/css");
+
+require("antd-mobile/lib/white-space/style/css");
+
+require("antd-mobile/lib/textarea-item/style/css");
+
+require("antd-mobile/lib/stepper/style/css");
+
+require("antd-mobile/lib/picker/style/css");
+
+require("antd-mobile/lib/list/style/css");
+
+require("antd-mobile/lib/input-item/style/css");
+
+require("antd-mobile/lib/modal/style/css");
+
+require("antd-mobile/lib/toast/style/css");
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _moment = require("moment");
+
+var _moment2 = _interopRequireDefault(_moment);
+
+var _NHFetch = require("../../../../utils/NHFetch");
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+var _index = require("../../../NHImagePicker/index");
+
+var _index2 = _interopRequireDefault(_index);
+
+var _rcForm = require("rc-form");
+
+var _classnames = require("classnames");
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // import { Form, Input, InputNumber, Select, Switch  } from 'antd';
+
+
+var EditInitForm = function (_React$Component) {
+    _inherits(EditInitForm, _React$Component);
+
+    function EditInitForm(props) {
+        _classCallCheck(this, EditInitForm);
+
+        // this.getFieldProps = this.props.form.getFieldProps;
+        var _this = _possibleConstructorReturn(this, (EditInitForm.__proto__ || Object.getPrototypeOf(EditInitForm)).call(this, props));
+
+        _this.componentDidMount = function () {
+            _this.initZxjForm();
+            _this.getSqyySource();
+        };
+
+        _this.getSqyySource = function () {
+            (0, _NHFetch2.default)("api/sm-student-grant/proData/selectDataList?sign=zxj_sqyy_select", "GET").then(function (res) {
+                if (res && res.data) {
+                    _this.setState({ sqyyDataSource: _this.changeJsonArry(res.data) });
+                }
+            });
+        };
+
+        _this.changeJsonArry = function (jsonArray) {
+            var newJsonArray = [];
+            jsonArray.map(function (item) {
+                var newJson = {};
+                newJson.value = item.VALUE || item.value;
+                newJson.label = item.LABEL || item.label;
+                newJsonArray.push(newJson);
+            });
+            return newJsonArray;
+        };
+
+        _this.initZxjForm = function () {
+            var _this$props = _this.props,
+                objId = _this$props.objId,
+                pkid = _this$props.pkid,
+                params = _this$props.params;
+
+            var pcid = params.pcid; //批次ID,也就是任务ID
+            var t = new Date().getTime();
+            (0, _NHFetch2.default)('api/sm-student-grant/openapi/getDymxByGzfbid/' + pcid, 'GET', t).then(function (res) {
+                if (res) {
+                    var mxsm = res.data.length;
+                    if (mxsm === 1) {
+                        //对应的奖项定义是不分等级的
+                        _this.setState({
+                            mxsm: 1,
+                            mxid: res.data[0].MXID,
+                            djmc: res.data[0].DJMC,
+                            sfgdje: res.data[0].SFGDJE,
+                            gdjj: res.data[0].GDJJ,
+                            zdjj: res.data[0].ZDJJ,
+                            zxjj: res.data[0].ZXJJ,
+                            pjzqdm: res.data[0].SJDM,
+                            pjzq: res.data[0].SJMC,
+                            //当奖项定义不是固定金额的时候，申请时je会被作为奖金的初始化值，这个初始化值取奖项定义的最小奖金
+                            je: res.data[0].SFGDJE === '1' ? 0 : res.data[0].ZXJJ
+
+                        }, function () {
+
+                            //判断是否有资格申请该奖项
+                            var param = {
+                                xsid: objId,
+                                gzfbid: pcid,
+                                mxid: res.data[0].MXID
+                            };
+                            _this.hasQualification(param);
+                        });
+                    } else {
+                        //对应的奖项是分了多个等级的
+
+                        var djxx = [];
+                        res.data.map(function (v, i) {
+                            djxx.push({ label: v.DJMC, value: v.MXID });
+                            // return <Option value={v.MXID} key={i}>{v.DJMC}</Option>;
+                        });
+                        var mxidxx = res.data.map(function (v, i) {
+                            return v.MXID;
+                        });
+                        var gdjjxx = res.data.map(function (v, i) {
+                            return v.GDJJ;
+                        });
+                        _this.setState({
+                            mxsm: mxsm,
+                            djxx: djxx,
+                            pjzqdm: res.data[0].SJDM,
+                            pjzq: res.data[0].SJMC,
+                            mxidxx: mxidxx,
+                            gdjjxx: gdjjxx
+                        });
+                    }
+
+                    //通过主键ID获取获奖名单表对应的数据
+                    _this.getData(pkid);
+                }
+            });
+        };
+
+        _this.getData = function (pkid) {
+            var getHjmdData = _this.props.getHjmdData;
+            //通过PKID去查询是否有申请数据，有说明是审核
+
+            (0, _NHFetch2.default)('api/sm-student-grant/openapi/getXshjmdByPkid/' + pkid, 'GET').then(function (res) {
+                if (res && res.code === 200) {
+                    if (res.data != null) {
+                        _this.setState({
+
+                            mxid: res.data.MXID,
+                            pjzq: res.data.SJMC,
+                            pjzqdm: res.data.SJDM,
+                            //对于不固定金额的情况，审核时页面的金额应该是从申请数据里拿了，所以je的值要重新覆盖下
+                            je: res.data.JE,
+                            sqly: res.data.SQLY,
+                            sqyy: res.data.SQYY,
+                            sqyymc: res.data.SQYYMC,
+                            fjid: res.data.FJID,
+                            djmc: res.data.DJMC,
+                            sfgdje: res.data.SFGDJE,
+                            gdjj: res.data.GDJJ,
+                            zdjj: res.data.ZDJJ,
+                            zxjj: res.data.ZXJJ,
+                            //只有当奖项是分等级的时候，gdjjBydj这个值才会用到。所以直接给它赋值res.data.JE
+                            gdjjBydj: res.data.JE
+                        });
+                    }
+                } else {
+                    _toast2.default.fail("调用接口失败");
+                }
+            });
+        };
+
+        _this.hasQualification = function (param) {
+
+            _this.props.setSubmitBtnDisabled && _this.props.setSubmitBtnDisabled(true); //默认办理按钮不可用
+            (0, _NHFetch2.default)('api/sm-student-grant/openapi/hasQualification', 'POST', param).then(function (res) {
+                if (res && res.code === 200) {
+                    // const key = `open${Date.now()}`;
+                    // const btn = (<Button type="primary" size="small" onClick={() => notification.close(key)}>确定</Button>)
+
+                    if (!res.data.ZGMDID) {
+                        //资格名单表查不到记录，调用资格鉴定接口
+                        var zgid = res.data.ZGID2 ? res.data.ZGID2 : res.data.ZGID1;
+                        (0, _NHFetch2.default)("api/sm-qualification/openapi/qualifications/checkOne?zgid=" + zgid + "&id=" + param.xsid + "&t=" + new Date().getTime(), "GET").then(function (res) {
+                            if (res && res.code === 200) {
+
+                                if (res.data.zt === '0' || res.data.zt === 0) {
+                                    var bfhtjs = res.data.bfhtj.split(";");
+                                    /* let bfhtj = bfhtjs.map((item, index) => {
+                                         return <span key={index + 1}>{index + 1}、{item}<br /></span>
+                                     });*/
+                                    var msgTip = '';
+                                    if (bfhtjs && bfhtjs.length > 0) {
+                                        for (var i = 0; i < bfhtjs.length; i++) {
+                                            var currentTip = i + 1 + " " + bfhtjs[i] + " ";
+                                            msgTip += currentTip;
+                                        }
+                                    }
+
+                                    var modelMessage = "您由于不满足以下条件，所以不能执行申请操作：" + msgTip;
+                                    _modal2.default.alert('提示', modelMessage);
+                                } else {
+                                    _this.props.setSubmitBtnDisabled && _this.props.setSubmitBtnDisabled(false); //CheackOne通过后开启办理按钮
+                                }
+                            } else {
+                                _toast2.default.fail("调用接口失败");
+                            }
+                        });
+                    } else {
+                        //表里有数据，看sfyx字段的状态
+
+                        if (res.data.SFYX === "0" || res.data.SFYX === 0) {
+                            var modelMessage = "您由于不满足以下条件，所以不能执行申请操作：" + res.data.SFYXLY;
+                            _modal2.default.alert('提示', modelMessage);
+                        } else {
+                            _this.props.setSubmitBtnDisabled && _this.props.setSubmitBtnDisabled(false); //能办理的话开启办理按钮
+                        }
+                    }
+                } else {
+                    _toast2.default.fail("调用接口失败");
+                }
+            });
+        };
+
+        _this.changeDj = function (v) {
+            var _this$props2 = _this.props,
+                objId = _this$props2.objId,
+                params = _this$props2.params;
+            var _this$state = _this.state,
+                mxidxx = _this$state.mxidxx,
+                gdjjxx = _this$state.gdjjxx;
+
+            if (!v && v.length < 1) return;
+            var index = mxidxx.findIndex(function (item) {
+                return item === v[0];
+            });
+            _this.setState({
+                gdjjBydj: gdjjxx[index]
+            }, function () {
+                //验证是否有资格申请
+                var param = {
+                    xsid: objId,
+                    gzfbid: params.pcid,
+                    mxid: v[0]
+                };
+                _this.props.form.setFieldsValue({ je: gdjjxx[index] });
+                _this.hasQualification(param);
+            });
+        };
+
+        _this.onChangeStepper = function (val) {
+            _this.setState({ je: val });
+        };
+
+        _this.requiredParams = function (required, id) {
+            var getFieldError = _this.props.form.getFieldError;
+
+            return {
+                error: getFieldError(id) !== undefined
+            };
+        };
+
+        _this.getDataList = function (fieldMap) {
+            // const { getFieldDecorator } = this.props.form;
+            var _this$props$form = _this.props.form,
+                getFieldProps = _this$props$form.getFieldProps,
+                getFieldError = _this$props$form.getFieldError;
+            var _this$state2 = _this.state,
+                mxsm = _this$state2.mxsm,
+                mxid = _this$state2.mxid,
+                djmc = _this$state2.djmc,
+                djxx = _this$state2.djxx,
+                sfgdje = _this$state2.sfgdje,
+                gdjj = _this$state2.gdjj,
+                zdjj = _this$state2.zdjj,
+                zxjj = _this$state2.zxjj,
+                gdjjBydj = _this$state2.gdjjBydj,
+                pjzq = _this$state2.pjzq,
+                pjzqdm = _this$state2.pjzqdm,
+                je = _this$state2.je,
+                sqly = _this$state2.sqly,
+                sqyy = _this$state2.sqyy,
+                sqyymc = _this$state2.sqyymc,
+                sqyyDataSource = _this$state2.sqyyDataSource,
+                fjid = _this$state2.fjid;
+
+            var dataList = [];
+
+            if (fieldMap.DJMC && fieldMap.DJMC.sfxs === '1') {
+                var required = fieldMap.DJMC.sfbt === "1" ? true : false;
+                var editable = fieldMap.DJMC.sfbj === "1" ? true : false;
+                if (mxsm === 1) {
+                    //没有分等级的，奖项名称始终显示
+                    dataList.push({
+                        title: fieldMap.DJMC.title,
+                        text: djmc,
+                        required: required,
+                        render: function render() {
+                            getFieldProps('mxid', {
+                                initialValue: mxid
+                            });
+                            return _react2.default.createElement(
+                                _inputItem2.default,
+                                {
+                                    className: "nh-input-item",
+                                    placeholder: "\u8BF7\u8F93\u5165",
+                                    value: djmc,
+                                    editable: false,
+                                    disabled: !editable
+                                },
+                                fieldMap.DJMC.title
+                            );
+                        }
+                    });
+                } else {
+                    //分等级，申请的时候奖项名称始终是一个下拉框
+                    dataList.push({
+                        // id: 'dymx',
+                        title: fieldMap.DJMC.title,
+                        required: required,
+                        text: djmc,
+                        render: function render() {
+                            return _react2.default.createElement(
+                                "div",
+                                {
+                                    className: (0, _classnames2.default)({ 'nh-inputrender': editable, 'nh-inputrender-disabled': !editable })
+                                },
+                                _react2.default.createElement(
+                                    _picker2.default,
+                                    _extends({
+                                        data: djxx,
+                                        cols: 1,
+                                        className: "forss",
+                                        disabled: !editable
+                                    }, getFieldProps('mxid', {
+                                        initialValue: typeof mxid === 'string' ? [mxid] : mxid,
+                                        rules: [{ required: required, message: "\u8BF7\u9009\u62E9" + fieldMap.DJMC.title }],
+                                        onChange: _this.changeDj
+                                    })),
+                                    _react2.default.createElement(
+                                        _list2.default.Item,
+                                        _extends({ arrow: "horizontal" }, _this.requiredParams(required, 'mxid')),
+                                        fieldMap.DJMC.title
+                                    )
+                                )
+                            );
+                        }
+                    });
+                }
+            }
+
+            if (fieldMap.JE && fieldMap.JE.sfxs === '1') {
+                var _required = fieldMap.JE.sfbt === "1" ? true : false;
+                var _editable = fieldMap.JE.sfbj === "1" ? true : false;
+                if (mxsm === 1) {
+                    //没有分等级的
+                    if (sfgdje === '1') {
+                        //固定奖金
+                        dataList.push({
+                            title: '金额',
+                            text: gdjj,
+                            required: _required,
+                            render: function render() {
+                                return _react2.default.createElement(
+                                    _inputItem2.default,
+                                    _extends({
+                                        className: "nh-input-item",
+                                        placeholder: "\u8BF7\u8F93\u5165",
+                                        editable: false,
+                                        disabled: !_editable
+                                    }, _this.requiredParams(_required, 'je'), getFieldProps('je', {
+                                        initialValue: gdjj,
+                                        rules: [{ required: _required, message: '请输入金额！' }]
+                                    })),
+                                    "\u91D1\u989D"
+                                );
+                            }
+                        });
+                    } else {
+                        //没有固定金额
+                        dataList.push({
+                            title: '金额',
+                            required: _required,
+                            text: je,
+                            render: function render() {
+                                return _react2.default.createElement(
+                                    _list2.default.Item,
+                                    { extra: _react2.default.createElement(_stepper2.default, _extends({
+                                            style: { width: '100%', minWidth: '100px' },
+                                            showNumber: true,
+                                            max: zdjj,
+                                            min: zxjj,
+                                            disabled: !_editable
+                                        }, getFieldProps('je', {
+                                            initialValue: je,
+                                            rules: [{ required: _required, message: '请输入金额！' }],
+                                            onChange: _this.onChangeStepper
+                                        })))
+                                    },
+                                    "\u91D1\u989D"
+                                );
+                            }
+                        });
+                    }
+                } else {
+                    //分等级的，每个等级都是固定金额，但金额要跟着等级变化
+                    dataList.push({
+                        title: '金额',
+                        text: gdjjBydj,
+                        required: _required,
+                        render: function render() {
+                            return _react2.default.createElement(
+                                _inputItem2.default,
+                                _extends({
+                                    className: "nh-input-item",
+                                    placeholder: "\u8BF7\u8F93\u5165",
+                                    editable: false,
+                                    disabled: !_editable
+                                }, _this.requiredParams(_required, 'je'), getFieldProps('je', {
+                                    initialValue: gdjjBydj,
+                                    rules: [{ required: _required, message: '请输入金额！' }]
+                                })),
+                                "\u91D1\u989D"
+                            );
+                        }
+                    });
+                }
+            }
+
+            if (fieldMap.PJZQ && fieldMap.PJZQ.sfxs === '1') {
+                var _required2 = fieldMap.PJZQ.sfbt === "1" ? true : false;
+                var _editable2 = fieldMap.PJZQ.sfbj === "1" ? true : false;
+                dataList.push({
+                    id: 'pjzq',
+                    title: '评奖周期',
+                    text: pjzq,
+                    required: _required2,
+                    render: function render() {
+                        getFieldProps('pjzq', {
+                            initialValue: pjzqdm
+                        });
+                        return _react2.default.createElement(
+                            _inputItem2.default,
+                            {
+                                className: "nh-input-item",
+                                placeholder: "\u8BF7\u8F93\u5165",
+                                editable: false,
+                                disabled: !_editable2,
+                                value: pjzq
+                            },
+                            "\u8BC4\u5956\u5468\u671F"
+                        );
+                    }
+
+                });
+            }
+            if (fieldMap.SQLY && fieldMap.SQLY.sfxs === '1') {
+                var _required3 = fieldMap.SQLY.sfbt === "1" ? true : false;
+                var _editable3 = fieldMap.SQLY.sfbj === "1" ? true : false;
+                dataList.push({
+                    id: 'sqly',
+                    title: '申请理由',
+                    text: sqly,
+                    required: _required3,
+                    isUpload: false,
+                    render: function render() {
+                        return _react2.default.createElement(_textareaItem2.default, _extends({
+                            title: "\u7533\u8BF7\u7406\u7531",
+                            placeholder: "\u8BF7\u8F93\u5165",
+                            "data-seed": "logId",
+                            rows: 3,
+                            count: 500,
+                            editable: _editable3,
+                            disabled: !_editable3
+                        }, _this.requiredParams(_required3, 'sqly'), getFieldProps('sqly', {
+                            initialValue: sqly,
+                            rules: [{ required: _required3, message: '请输入申请理由！' }],
+                            onChange: function onChange(v) {
+                                return _this.setState({ sqly: v });
+                            }
+                        })));
+                    }
+                });
+            }
+
+            if (fieldMap.SQYY && fieldMap.SQYY.sfxs === '1') {
+                var _required4 = fieldMap.SQYY.sfbt === "1" ? true : false;
+                var _editable4 = fieldMap.SQYY.sfbj === "1" ? true : false;
+
+                dataList.push({
+                    id: 'sqyy',
+                    title: '申请原因',
+                    required: _required4,
+                    text: sqyymc,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            "div",
+                            {
+                                className: (0, _classnames2.default)({ 'nh-inputrender': _editable4, 'nh-inputrender-disabled': !_editable4 })
+                            },
+                            _react2.default.createElement(
+                                _picker2.default,
+                                _extends({
+                                    data: sqyyDataSource,
+                                    cols: 1,
+                                    className: "forss",
+                                    disabled: !_editable4
+                                }, getFieldProps('sqyy', {
+                                    initialValue: typeof sqyy === 'string' ? [sqyy] : sqyy,
+                                    rules: [{ required: _required4, message: '请选择申请原因！' }]
+                                })),
+                                _react2.default.createElement(
+                                    _list2.default.Item,
+                                    _extends({ arrow: "horizontal" }, _this.requiredParams(_required4, 'sqyy')),
+                                    "\u7533\u8BF7\u539F\u56E0"
+                                )
+                            )
+                        );
+                    },
+                    span: 1
+                });
+            }
+
+            if (fieldMap.FJID && fieldMap.FJID.sfxs === '1') {
+                var _required5 = fieldMap.FJID.sfbt === "1" ? true : false;
+                var _editable5 = fieldMap.FJID.sfbj === "1" ? true : false;
+                dataList.push({
+                    id: 'fjid',
+                    title: '附件上传',
+                    text: fjid,
+                    required: _required5,
+                    isUpload: true,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _list2.default.Item,
+                            _this.requiredParams(_required5, 'fjid'),
+                            _react2.default.createElement(
+                                "label",
+                                { className: (0, _classnames2.default)({ 'nh-dynamic-form-disabled': !_editable5 }) },
+                                "\u9644\u4EF6\u4E0A\u4F20"
+                            ),
+                            _react2.default.createElement(_index2.default, _extends({
+                                serviceMark: 'sm-student-grant',
+                                moduleName: '助学金',
+                                isEdit: _this.props.isEdit && _editable5,
+                                numberOfLimit: 10,
+                                numberOfSize: 5
+                            }, getFieldProps('fjid', {
+                                initialValue: fjid,
+                                rules: [{ required: _required5, message: '请上传附件' }]
+                            })))
+                        );
+                    },
+                    renderView: function renderView() {
+                        return _react2.default.createElement(_index2.default, {
+                            serviceMark: 'sm-student-grant',
+                            moduleName: '助学金',
+                            isEdit: false,
+                            value: fjid
+                        });
+                    }
+                });
+            }
+            return dataList;
+        };
+
+        _this.state = {
+            mxsm: 1, //明细数目
+            mxid: undefined, //明细id
+            djmc: undefined, //等级名称
+            sfgdje: undefined, //是否固定金额
+            gdjj: undefined, //固定奖金
+            zdjj: 0, //最大奖金
+            zxjj: 0, //最小奖金
+            pjzqdm: undefined, //评奖周期代码
+            pjzq: undefined, //评奖周期
+            sffdj: undefined, //是否分等级
+
+            fjid: undefined,
+            sqly: undefined,
+            sqyy: undefined,
+            sqyymc: undefined, //申请原因名称
+            je: undefined,
+            djxx: [], //等级信息，用于存有多个等级的情况
+            mxidxx: [], //分等级情况下，记录下所有的mxid
+            gdjjxx: [], //分等级情况下，记录下所有的固定金额，跟mxidxx对应
+            gdjjBydj: undefined, //用于分等级情况下，根据不同等级显示不同金额
+            sqyyDataSource: []
+        };
+
+        return _this;
+    }
+
+    // 获取申请原因数据源
+
+
+    _createClass(EditInitForm, [{
+        key: "calcSapan",
+
+
+        //计算span跨度
+        value: function calcSapan(fieldMapList) {
+
+            var totalSpan = 0; // 到目前为止的所有列数
+            var hasUseSpan = void 0; // 当前行已使用的列数
+            fieldMapList.map(function (item, index) {
+
+                var span = item.span;
+                hasUseSpan = totalSpan % 3;
+                if (3 - hasUseSpan < span) {
+                    fieldMapList[index - 1].span += 3 - hasUseSpan;
+                    totalSpan += 3 - hasUseSpan;
+                }
+
+                totalSpan += span;
+            });
+            return fieldMapList;
+        }
+
+        //改变等级
+
+
+        //步进器改变
+
+    }, {
+        key: "render",
+        value: function render() {
+            var _props = this.props,
+                form = _props.form,
+                isEdit = _props.isEdit,
+                fieldMap = _props.fieldMap,
+                title = _props.title;
+
+            var dataList = this.getDataList(fieldMap);
+            if (isEdit) {
+                return _react2.default.createElement(
+                    "form",
+                    null,
+                    _react2.default.createElement(
+                        _list2.default,
+                        { renderHeader: function renderHeader() {
+                                return title;
+                            } },
+                        dataList.map(function (item, index) {
+                            return _react2.default.createElement(
+                                "div",
+                                { key: index, className: (0, _classnames2.default)('nh-dynamic-list-item', { 'nh-dynamic-required': item.required }) },
+                                item.render !== undefined ? item.render() : null
+                            );
+                        })
+                    ),
+                    _react2.default.createElement(_whiteSpace2.default, { size: "lg" })
+                );
+            }
+            return _react2.default.createElement(
+                "div",
+                null,
+                _react2.default.createElement(
+                    _card2.default,
+                    { full: true },
+                    _react2.default.createElement(_card2.default.Header, {
+                        title: _react2.default.createElement(
+                            "div",
+                            { style: { borderLeft: '3px solid #1890ff', paddingLeft: '10px' } },
+                            title
+                        )
+                    }),
+                    _react2.default.createElement(
+                        _card2.default.Body,
+                        null,
+                        dataList.map(function (item, index) {
+                            if (item.isUpload) {
+                                return _react2.default.createElement(
+                                    "div",
+                                    { key: index },
+                                    _react2.default.createElement(
+                                        "font",
+                                        { color: "grey" },
+                                        item.title,
+                                        "\uFF1A "
+                                    ),
+                                    item.renderView()
+                                );
+                            }
+                            return _react2.default.createElement(
+                                "div",
+                                null,
+                                _react2.default.createElement(
+                                    "font",
+                                    { color: "grey" },
+                                    item.title,
+                                    "\uFF1A "
+                                ),
+                                item.text,
+                                _react2.default.createElement("br", null)
+                            );
+                        })
+                    )
+                ),
+                _react2.default.createElement(_whiteSpace2.default, { size: "lg" })
+            );
+        }
+    }]);
+
+    return EditInitForm;
+}(_react2.default.Component);
+
+var EditForm = (0, _rcForm.createForm)()(EditInitForm);
+exports.default = EditForm;