dlt-for-react 1.0.24 → 1.1.0

package/lib/components/NHDynamicFormShow/customModule/hljwgy/qjgl/EditForm.js

@@ -0,0 +1,777 @@
+'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 _inputItem = require('antd-mobile/lib/input-item');
+
+var _inputItem2 = _interopRequireDefault(_inputItem);
+
+var _datePicker = require('antd-mobile/lib/date-picker');
+
+var _datePicker2 = _interopRequireDefault(_datePicker);
+
+var _switch = require('antd-mobile/lib/switch');
+
+var _switch2 = _interopRequireDefault(_switch);
+
+var _picker = require('antd-mobile/lib/picker');
+
+var _picker2 = _interopRequireDefault(_picker);
+
+var _list = require('antd-mobile/lib/list');
+
+var _list2 = _interopRequireDefault(_list);
+
+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/input-item/style/css');
+
+require('antd-mobile/lib/date-picker/style/css');
+
+require('antd-mobile/lib/switch/style/css');
+
+require('antd-mobile/lib/picker/style/css');
+
+require('antd-mobile/lib/list/style/css');
+
+require('antd-mobile/lib/toast/style/css');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _rcForm = require('rc-form');
+
+var _moment = require('moment');
+
+var _moment2 = _interopRequireDefault(_moment);
+
+var _NHFetch = require('../../../../../utils/NHFetch');
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _index = require('../../../../NHImagePicker/index');
+
+var _index2 = _interopRequireDefault(_index);
+
+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; }
+
+var EditInitForm = function (_React$Component) {
+    _inherits(EditInitForm, _React$Component);
+
+    function EditInitForm(props) {
+        _classCallCheck(this, EditInitForm);
+
+        var _this = _possibleConstructorReturn(this, (EditInitForm.__proto__ || Object.getPrototypeOf(EditInitForm)).call(this, props));
+
+        _this.componentDidMount = function () {
+            _this.initData();
+        };
+
+        _this.initData = function () {
+            var pkid = _this.props.pkid;
+
+            _this.getQjlxDataSource();
+            _this.getData(pkid);
+        };
+
+        _this.getData = function (pkid) {
+            //通过PKID去查询是否有申请数据，有说明是审核
+            var t = new Date().getTime();
+            (0, _NHFetch2.default)('api/sm-holiday/openapi/getXsqjsqByPkid/' + pkid, 'GET', t).then(function (res) {
+                if (res && res.code === 200) {
+                    var qjsqxx = res.data;
+                    if (qjsqxx != null) {
+                        _this.setState({
+                            qjlxm: qjsqxx.QJLXM,
+                            qjlxmc: qjsqxx.QJLXMC,
+                            qjkssj: qjsqxx.QJKSSJ,
+                            qjjssj: qjsqxx.QJJSSJ,
+                            qjsqsj: qjsqxx.QJSQSJ,
+                            qjsct: qjsqxx.QJSCT,
+                            qjscxs: qjsqxx.QJSCXS,
+                            sjhm: qjsqxx.SJHM,
+                            sfxylx: qjsqxx.SFXYLX,
+                            jjlxr: qjsqxx.JJLXR,
+                            jjlxrdh: qjsqxx.JJLXRDH,
+                            qjly: qjsqxx.QJLY,
+                            fjid: qjsqxx.FJID
+                        });
+                    }
+                } else {
+                    _toast2.default.fail("调用接口失败");
+                }
+            });
+        };
+
+        _this.getQjlxDataSource = function () {
+            var t = new Date().getTime();
+            (0, _NHFetch2.default)('api/sm-holiday/openapi/getQjlxDataSource', 'GET', t).then(function (res) {
+                if (res && res.code === 200) {
+                    var qjlxDataSource = res.data;
+                    if (qjlxDataSource != null) {
+                        var qjlxSelect = [];
+                        qjlxDataSource.map(function (v, i) {
+                            qjlxSelect.push({ label: v.MC, value: v.DM });
+                        });
+                        _this.setState({
+                            qjlxSelect: qjlxSelect
+                        });
+                    }
+                } else {
+                    _toast2.default.fail("调用接口失败");
+                }
+            });
+        };
+
+        _this.onStartTimeOk = function (value) {
+            var qjjssj = _this.state.qjjssj;
+            var setFieldsValue = _this.props.form.setFieldsValue;
+
+            var endDate = '';
+            if (typeof qjjssj == 'string') {
+                endDate = qjjssj ? qjjssj : "";
+            } else {
+                endDate = qjjssj ? qjjssj.getTime() : "";
+            }
+            var startDate = value ? value.getTime() : "";
+            var newState = {};
+            if (qjjssj && value) {
+                if (startDate > endDate) {
+                    newState.qjjssj = null;
+                    newState.qjsct = 0;
+                    newState.qjscxs = 0;
+                    setFieldsValue({ qjjssj: null });
+                    _toast2.default.fail("开始时间不能大于结束时间");
+                } else {
+                    _this.countTime(startDate, endDate);
+                }
+            }
+            newState.qjkssj = value;
+            _this.setState(newState);
+        };
+
+        _this.onEndTimeOk = function (value) {
+            var qjkssj = _this.state.qjkssj;
+            var setFieldsValue = _this.props.form.setFieldsValue;
+
+            var startDate = '';
+            if (typeof qjkssj == 'string') {
+                startDate = qjkssj ? qjkssj : "";
+            } else {
+                startDate = qjkssj ? qjkssj.getTime() : "";
+            }
+            var endDate = value ? value.getTime() : "";
+            var newState = {};
+            if (qjkssj && value) {
+                if (startDate > endDate) {
+                    newState.qjjssj = null;
+                    newState.qjsct = 0;
+                    newState.qjscxs = 0;
+                    setFieldsValue({ qjjssj: null });
+                    _toast2.default.fail("开始时间不能大于结束时间！");
+                } else {
+                    _this.countTime(startDate, endDate);
+                }
+            }
+            newState.qjjssj = value;
+            _this.setState(newState);
+        };
+
+        _this.countTime = function (startDate, endDate) {
+            var stamp = new Date(endDate).getTime() - new Date(startDate).getTime();
+            var time = stamp / 1000;
+            if (null != time && "" != time) {
+                var qjsct = parseInt(time / 3600.0 / 24);
+                var qjscxs = parseInt((parseFloat(time / 3600.0 / 24) - parseInt(time / 3600.0 / 24)) * 24);
+                _this.setState({ qjsct: qjsct, qjscxs: qjscxs });
+
+                var setFieldsValue = _this.props.form.setFieldsValue;
+
+                setFieldsValue({ qjsc: qjsct + ',' + qjscxs, qjsct: qjsct, qjscxs: qjscxs });
+            }
+        };
+
+        _this.requiredParams = function (required, id) {
+            var getFieldError = _this.props.form.getFieldError;
+
+            return {
+                error: getFieldError(id) !== undefined
+            };
+        };
+
+        _this.getDataList = function (fieldMap) {
+            var getFieldProps = _this.props.form.getFieldProps;
+            // 注意区分 const 和 let 的区别
+
+            var _this$state = _this.state,
+                qjlxSelect = _this$state.qjlxSelect,
+                qjlxmc = _this$state.qjlxmc,
+                qjlxm = _this$state.qjlxm,
+                qjsct = _this$state.qjsct,
+                qjscxs = _this$state.qjscxs,
+                sfxylx = _this$state.sfxylx,
+                jjlxr = _this$state.jjlxr,
+                jjlxrdh = _this$state.jjlxrdh,
+                qjly = _this$state.qjly,
+                fjid = _this$state.fjid;
+            var _this$state2 = _this.state,
+                qjkssj = _this$state2.qjkssj,
+                qjjssj = _this$state2.qjjssj;
+
+            qjkssj = qjkssj ? new Date((0, _moment2.default)(qjkssj, "YYYY-MM-DD HH:mm")) : null;
+            qjjssj = qjjssj ? new Date((0, _moment2.default)(qjjssj, "YYYY-MM-DD HH:mm")) : null;
+            var dataList = [];
+
+            //请假类型
+            if (fieldMap.QJLXM && fieldMap.QJLXM.sfxs === '1') {
+
+                var required = fieldMap.QJLXM.sfbt === "1";
+                var editable = fieldMap.QJLXM.sfbj === "1";
+                var initQjlxm = qjlxm ? [qjlxm] : '';
+
+                dataList.push({
+                    title: fieldMap.QJLXM.title,
+                    text: qjlxmc,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            'div',
+                            { className: !editable ? 'nh-inputrender-disabled' : 'nh-inputrender' },
+                            _react2.default.createElement(
+                                _picker2.default,
+                                _extends({
+                                    data: qjlxSelect,
+                                    cols: 1,
+                                    className: 'forss',
+                                    disabled: !editable
+                                }, getFieldProps('qjlxm', {
+                                    initialValue: initQjlxm,
+                                    rules: [{ required: required, message: '\u8BF7\u9009\u62E9' }]
+                                })),
+                                _react2.default.createElement(
+                                    _list2.default.Item,
+                                    { arrow: 'horizontal' },
+                                    required ? _react2.default.createElement(
+                                        'span',
+                                        { style: { color: 'red' } },
+                                        '*'
+                                    ) : null,
+                                    fieldMap.QJLXM.title
+                                )
+                            )
+                        );
+                    }
+                });
+            }
+
+            //是否需要离校(开关的形式)
+            if (fieldMap.SFXYLX && fieldMap.SFXYLX.sfxs === '1') {
+
+                var _required = fieldMap.SFXYLX.sfbt === "1";
+                var _editable = fieldMap.SFXYLX.sfbj === "1";
+
+                dataList.push({
+                    title: fieldMap.SFXYLX.title,
+                    text: sfxylx === '1' ? "是" : "否",
+                    render: function render() {
+                        return _react2.default.createElement(
+                            'div',
+                            { className: !_editable ? 'nh-inputrender-disabled' : 'nh-inputrender' },
+                            _react2.default.createElement(
+                                _list2.default.Item,
+                                {
+                                    extra: _react2.default.createElement(_switch2.default, _extends({
+                                        disabled: !_editable
+                                    }, getFieldProps('sfxylx', {
+                                        valuePropName: 'checked',
+                                        initialValue: sfxylx === '1',
+                                        rules: [{ required: _required, message: '请选择' }]
+                                    })))
+                                },
+                                _required ? _react2.default.createElement(
+                                    'span',
+                                    { style: { color: 'red' } },
+                                    '*'
+                                ) : null,
+                                fieldMap.SFXYLX.title
+                            )
+                        );
+                    }
+                });
+            }
+
+            //请假开始时间
+            if (fieldMap.QJKSSJSTR && fieldMap.QJKSSJSTR.sfxs === '1') {
+
+                var _required2 = fieldMap.QJKSSJSTR.sfbt === "1";
+                var _editable2 = fieldMap.QJKSSJSTR.sfbj === "1";
+
+                dataList.push({
+                    title: fieldMap.QJKSSJSTR.title,
+                    text: (0, _moment2.default)(qjkssj).format("YYYY-MM-DD HH:mm"),
+                    render: function render() {
+                        return _react2.default.createElement(
+                            'div',
+                            { className: !_editable2 ? 'nh-inputrender-disabled' : 'nh-inputrender' },
+                            _react2.default.createElement(
+                                _datePicker2.default,
+                                _extends({
+                                    disabled: !_editable2,
+                                    title: '\u8BF7\u9009\u62E9',
+                                    mode: 'datetime',
+                                    format: 'YYYY-MM-DD HH:mm',
+                                    onOk: _this.onStartTimeOk
+                                }, getFieldProps('qjkssj', {
+                                    initialValue: qjkssj,
+                                    rules: [{ required: _required2, message: '\u8BF7\u9009\u62E9' + fieldMap.QJKSSJSTR.title }]
+                                })),
+                                _react2.default.createElement(
+                                    _list2.default.Item,
+                                    { arrow: 'horizontal' },
+                                    _required2 ? _react2.default.createElement(
+                                        'span',
+                                        { style: { color: 'red' } },
+                                        '*'
+                                    ) : null,
+                                    fieldMap.QJKSSJSTR.title
+                                )
+                            )
+                        );
+                    }
+                });
+            }
+
+            //请假结束时间
+            if (fieldMap.QJJSSJSTR && fieldMap.QJJSSJSTR.sfxs === '1') {
+
+                var _required3 = fieldMap.QJJSSJSTR.sfbt === "1";
+                var _editable3 = fieldMap.QJJSSJSTR.sfbj === "1";
+
+                dataList.push({
+                    title: fieldMap.QJJSSJSTR.title,
+                    text: (0, _moment2.default)(qjjssj).format("YYYY-MM-DD HH:mm"),
+                    render: function render() {
+                        return _react2.default.createElement(
+                            'div',
+                            { className: !_editable3 ? 'nh-inputrender-disabled' : 'nh-inputrender' },
+                            _react2.default.createElement(
+                                _datePicker2.default,
+                                _extends({
+                                    disabled: !_editable3,
+                                    title: '\u8BF7\u9009\u62E9',
+                                    mode: 'datetime',
+                                    format: 'YYYY-MM-DD HH:mm',
+                                    onOk: _this.onEndTimeOk
+                                }, getFieldProps('qjjssj', {
+                                    initialValue: qjjssj,
+                                    rules: [{ required: _required3, message: '\u8BF7\u9009\u62E9' + fieldMap.QJJSSJSTR.title }]
+                                })),
+                                _react2.default.createElement(
+                                    _list2.default.Item,
+                                    { arrow: 'horizontal' },
+                                    _required3 ? _react2.default.createElement(
+                                        'span',
+                                        { style: { color: 'red' } },
+                                        '*'
+                                    ) : null,
+                                    fieldMap.QJJSSJSTR.title
+                                )
+                            )
+                        );
+                    }
+                });
+            }
+
+            //请假时长
+            if (fieldMap.QJSCT && fieldMap.QJSCT.sfxs === '1') {
+
+                var _required4 = fieldMap.QJSCT.sfbt === "1";
+                var _editable4 = fieldMap.QJSCT.sfbj === "1";
+
+                var qjsc = "";
+                if (qjsct == 0 && qjscxs == 0) {
+                    qjsc = "0小时";
+                } else if (qjsct == 0 && qjscxs != 0) {
+                    qjsc = qjscxs + "小时";
+                } else if (qjsct != 0 && qjscxs == 0) {
+                    qjsc = qjsct + "天";
+                } else {
+                    qjsc = qjsct + "天" + qjscxs + "小时";
+                }
+
+                dataList.push({
+                    title: fieldMap.QJSCT.title,
+                    text: qjsc,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            'div',
+                            null,
+                            _react2.default.createElement(
+                                'div',
+                                { style: { display: 'none' } },
+                                _react2.default.createElement(_inputItem2.default, _extends({}, getFieldProps('qjsc'), getFieldProps('qjsct', { initialValue: qjsct }), getFieldProps('qjscxs', { initialValue: qjscxs })))
+                            ),
+                            _react2.default.createElement(
+                                _inputItem2.default,
+                                {
+                                    className: 'nh-input-item',
+                                    value: qjsc,
+                                    editable: false
+                                },
+                                fieldMap.QJSCT.title
+                            )
+                        );
+                    }
+                });
+            }
+
+            //紧急联系人
+            if (fieldMap.JJLXR && fieldMap.JJLXR.sfxs === '1') {
+
+                var _required5 = fieldMap.JJLXR.sfbt === "1";
+                var _editable5 = fieldMap.JJLXR.sfbj === "1";
+
+                dataList.push({
+                    title: fieldMap.JJLXR.title,
+                    text: jjlxr,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _inputItem2.default,
+                            _extends({
+                                className: 'nh-input-item',
+                                placeholder: '\u8BF7\u8F93\u5165',
+                                editable: _editable5
+                            }, getFieldProps('jjlxr', {
+                                initialValue: jjlxr,
+                                rules: [{ required: _required5, message: '\u8BF7\u8F93\u5165' + fieldMap.JJLXR.title }]
+                            })),
+                            _required5 ? _react2.default.createElement(
+                                'span',
+                                { style: { color: 'red' } },
+                                '*'
+                            ) : null,
+                            fieldMap.JJLXR.title
+                        );
+                    }
+                });
+            }
+
+            //紧急联系人电话
+            if (fieldMap.JJLXRDH && fieldMap.JJLXRDH.sfxs === '1') {
+
+                var _required6 = fieldMap.JJLXRDH.sfbt === "1";
+                var _editable6 = fieldMap.JJLXRDH.sfbj === "1";
+
+                dataList.push({
+                    title: fieldMap.JJLXRDH.title,
+                    text: jjlxrdh,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _inputItem2.default,
+                            _extends({
+                                className: 'nh-input-item',
+                                type: 'phone',
+                                placeholder: '\u8BF7\u8F93\u5165',
+                                editable: _editable6
+                            }, getFieldProps('jjlxrdh', {
+                                initialValue: jjlxrdh,
+                                rules: [{ required: _required6, message: '\u8BF7\u8F93\u5165' + fieldMap.JJLXRDH.title }]
+                            })),
+                            _required6 ? _react2.default.createElement(
+                                'span',
+                                { style: { color: 'red' } },
+                                '*'
+                            ) : null,
+                            fieldMap.JJLXRDH.title
+                        );
+                    }
+                });
+            }
+
+            //请假理由
+            if (fieldMap.QJLY && fieldMap.QJLY.sfxs === '1') {
+
+                var _required7 = fieldMap.QJLY.sfbt === "1";
+                var _editable7 = fieldMap.QJLY.sfbj === "1";
+
+                dataList.push({
+                    title: fieldMap.QJLY.title,
+                    text: qjly,
+                    render: function render() {
+                        return _react2.default.createElement(_textareaItem2.default, _extends({
+                            className: 'nh-textarea-item',
+                            title: _required7 ? _react2.default.createElement(
+                                'div',
+                                null,
+                                _react2.default.createElement(
+                                    'span',
+                                    { style: { color: 'red' } },
+                                    '*'
+                                ),
+                                fieldMap.QJLY.title
+                            ) : _react2.default.createElement(
+                                'span',
+                                null,
+                                fieldMap.QJLY.title
+                            ),
+                            placeholder: '\u8BF7\u8F93\u5165',
+                            'data-seed': 'logId',
+                            rows: 3,
+                            count: 300,
+                            editable: _editable7
+                        }, getFieldProps('qjly', {
+                            initialValue: qjly,
+                            rules: [{ required: _required7, message: '\u8BF7\u8F93\u5165' + fieldMap.QJLY.title }]
+                        })));
+                    }
+                });
+            }
+
+            //上传附件ID
+            if (fieldMap.FJID && fieldMap.FJID.sfxs === '1') {
+                var _required8 = fieldMap.FJID.sfbt === "1";
+                var _editable8 = fieldMap.FJID.sfbj === "1";
+                dataList.push({
+                    id: 'fjid',
+                    title: fieldMap.FJID.title,
+                    text: fjid,
+                    required: _required8,
+                    isUpload: true,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _list2.default.Item,
+                            _this.requiredParams(_required8, 'fjid'),
+                            _react2.default.createElement(
+                                'div',
+                                null,
+                                _react2.default.createElement(
+                                    'label',
+                                    { className: (0, _classnames2.default)({ 'nh-dynamic-form-disabled': !_editable8 }) },
+                                    fieldMap.FJID.title
+                                ),
+                                _react2.default.createElement(_index2.default, _extends({
+                                    serviceMark: 'sm-holiday',
+                                    moduleName: '请假申请',
+                                    isEdit: _this.props.isEdit && _editable8,
+                                    numberOfLimit: 10,
+                                    numberOfSize: 5
+                                }, getFieldProps('fjid', {
+                                    initialValue: fjid,
+                                    rules: [{ required: _required8, message: '\u8BF7\u4E0A\u4F20' + fieldMap.FJID.title }]
+                                })))
+                            )
+                        );
+                    },
+                    renderView: function renderView() {
+                        return _react2.default.createElement(_index2.default, {
+                            serviceMark: 'sm-holiday',
+                            moduleName: '请假申请',
+                            isEdit: false,
+                            value: fjid
+                        });
+                    }
+                });
+            }
+
+            return dataList;
+        };
+
+        _this.state = {
+            qjlxm: '', //请假类型码
+            qjlxmc: '', //请假类型名称
+            qjlx: '', //请假类型
+            qjkssj: '', //请假开始时间
+            qjjssj: '', //请假结束时间
+            qjsqsj: '', //请假申请时间
+            qjsct: 0, //请假时长天
+            qjscxs: 0, //请假时长小时
+            sjhm: '', //手机号码
+            sfxylx: '', //是否需要离校
+            jjlxr: '', //紧急联系人
+            jjlxrdh: '', //紧急联系人电话
+            qjly: '', //请假理由
+            fjid: '', //附件ID
+
+            qjlxSelect: [] //请假类型数据源
+        };
+        return _this;
+    }
+
+    //获取请假类型数据源
+
+
+    /**
+     * * 请假开始时间选择回调
+     *
+     * @memberof EditInitForm
+     */
+
+
+    /**
+     * * 请假结束时间选择回调
+     *
+     * @memberof EditInitForm
+     */
+
+
+    /**
+     * * 计算请假时长
+     *
+     * @memberof EditInitForm
+     */
+
+
+    _createClass(EditInitForm, [{
+        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);
+            return isEdit ? _react2.default.createElement(
+                'form',
+                null,
+                _react2.default.createElement(
+                    'style',
+                    null,
+                    '\n                            .am-list-extra{\n                                -webkit-flex-basis: 50% !important;\n                                -ms-flex-preferred-size: 50% !important;\n                                flex-basis: 50% !important;\n                                white-space: normal !important;\n                            }\n                        '
+                ),
+                _react2.default.createElement(
+                    _list2.default,
+                    { renderHeader: function renderHeader() {
+                            return title;
+                        } },
+                    dataList.filter(function (item, index) {
+                        return index < 2;
+                    }).map(function (item) {
+                        return item.render !== undefined ? item.render() : null;
+                    })
+                ),
+                dataList && dataList.length >= 2 ? _react2.default.createElement(
+                    _list2.default,
+                    { renderHeader: function renderHeader() {
+                            return "";
+                        } },
+                    dataList.filter(function (item, index) {
+                        return index >= 2 && index < 5;
+                    }).map(function (item) {
+                        return item.render !== undefined ? item.render() : null;
+                    })
+                ) : null,
+                dataList && dataList.length >= 5 ? _react2.default.createElement(
+                    _list2.default,
+                    { renderHeader: function renderHeader() {
+                            return "";
+                        } },
+                    dataList.filter(function (item, index) {
+                        return index >= 5 && index < 7;
+                    }).map(function (item) {
+                        return item.render !== undefined ? item.render() : null;
+                    })
+                ) : null,
+                dataList && dataList.length >= 7 ? _react2.default.createElement(
+                    _list2.default,
+                    { renderHeader: function renderHeader() {
+                            return "";
+                        } },
+                    dataList.filter(function (item, index) {
+                        return index >= 7;
+                    }).map(function (item) {
+                        return item.render !== undefined ? item.render() : null;
+                    })
+                ) : null,
+                _react2.default.createElement(_whiteSpace2.default, { size: 'lg' })
+            ) : _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',
+                                { key: index },
+                                _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;