dlt-for-react 1.0.1

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

@@ -0,0 +1,839 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _tooltip = require("antd/lib/tooltip");
+
+var _tooltip2 = _interopRequireDefault(_tooltip);
+
+var _avatar = require("antd/lib/avatar");
+
+var _avatar2 = _interopRequireDefault(_avatar);
+
+var _inputNumber = require("antd/lib/input-number");
+
+var _inputNumber2 = _interopRequireDefault(_inputNumber);
+
+var _switch = require("antd/lib/switch");
+
+var _switch2 = _interopRequireDefault(_switch);
+
+var _alert = require("antd/lib/alert");
+
+var _alert2 = _interopRequireDefault(_alert);
+
+var _button = require("antd/lib/button");
+
+var _button2 = _interopRequireDefault(_button);
+
+var _notification2 = require("antd/lib/notification");
+
+var _notification3 = _interopRequireDefault(_notification2);
+
+var _message2 = require("antd/lib/message");
+
+var _message3 = _interopRequireDefault(_message2);
+
+var _getPrototypeOf = require("babel-runtime/core-js/object/get-prototype-of");
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require("babel-runtime/helpers/classCallCheck");
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require("babel-runtime/helpers/createClass");
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require("babel-runtime/helpers/possibleConstructorReturn");
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require("babel-runtime/helpers/inherits");
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _form = require("antd/lib/form");
+
+var _form2 = _interopRequireDefault(_form);
+
+var _select = require("antd/lib/select");
+
+var _select2 = _interopRequireDefault(_select);
+
+var _datePicker = require("antd/lib/date-picker");
+
+var _datePicker2 = _interopRequireDefault(_datePicker);
+
+var _input = require("antd/lib/input");
+
+var _input2 = _interopRequireDefault(_input);
+
+require("antd/lib/tooltip/style");
+
+require("antd/lib/avatar/style");
+
+require("antd/lib/input-number/style");
+
+require("antd/lib/switch/style");
+
+require("antd/lib/alert/style");
+
+require("antd/lib/button/style");
+
+require("antd/lib/notification/style");
+
+require("antd/lib/message/style");
+
+require("antd/lib/form/style");
+
+require("antd/lib/select/style");
+
+require("antd/lib/date-picker/style");
+
+require("antd/lib/input/style");
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _moment = require("moment");
+
+var _moment2 = _interopRequireDefault(_moment);
+
+var _index = require("../../../../NHSubList/index.js");
+
+var _index2 = _interopRequireDefault(_index);
+
+var _NHFetch = require("../../../../../utils/NHFetch");
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+var _NHUpload = require("../../../../NHUpload");
+
+var _NHUpload2 = _interopRequireDefault(_NHUpload);
+
+var _index3 = require("../../../../NHFormItem/index");
+
+var _index4 = _interopRequireDefault(_index3);
+
+var _index5 = require("./../../../../NHSelector/index");
+
+var _index6 = _interopRequireDefault(_index5);
+
+var _getLoginUser = require("../../../../../utils/getLoginUser");
+
+var _getLoginUser2 = _interopRequireDefault(_getLoginUser);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var TextArea = _input2.default.TextArea;
+var RangePicker = _datePicker2.default.RangePicker;
+
+var Option = _select2.default.Option;
+var InputGroup = _input2.default.Group;
+var FormItem = _form2.default.Item;
+
+var EditInitForm = function (_React$Component) {
+    (0, _inherits3.default)(EditInitForm, _React$Component);
+
+    function EditInitForm(props) {
+        (0, _classCallCheck3.default)(this, EditInitForm);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (EditInitForm.__proto__ || (0, _getPrototypeOf2.default)(EditInitForm)).call(this, props));
+
+        _this.componentDidMount = function () {
+            var pkid = _this.props.pkid;
+
+            _this.getKxjInfoByXsid(pkid, function (data) {
+                if (data) {
+                    _this.setState({
+                        qjjlid: data.QJID,
+                        qjlxm: data.QJLXM,
+                        qjlxmc: data.QJLX,
+                        sfxylx: data.SFXYLX,
+                        qjkssj: data.QJKSSJ,
+                        qjjssj: data.QJJSSJ,
+                        qjsct: data.QJSCT,
+                        qjscxs: data.QJSCXS,
+                        jjlxr: data.JJLXR,
+                        jjlxrdh: data.JJLXRDH,
+                        qjly: data.QJLY,
+                        fjid: data.FJID
+                    }, function () {
+                        _this.onCallback(data.QJID);
+                    });
+                } else {
+                    _this.props.params.setSubmitBtnDisabled && _this.props.params.setSubmitBtnDisabled(true);
+                    _this.nhSelector.show();
+                    _this.getQjlxDataSource();
+                    // message.warn("暂无可销假信息!")
+                }
+            });
+        };
+
+        _this.getKxjInfoByXsid = function (pkid, callback) {
+            (0, _NHFetch2.default)('api/sm-holiday/hljwgy/openapi/getKxjInfoByXsid', 'GET', { pkid: pkid }).then(function (res) {
+                if (res && res.code === 200) {
+                    callback(res.data);
+                } else {
+                    _message3.default.error("调用接口失败");
+                }
+            });
+        };
+
+        _this.SelectorCallbackListener = function (selectRowKeys, selectRows) {
+            if (selectRows && selectRows.length > 0) {
+                _this.setState({
+                    qjlxm: selectRows[0].QJLXM,
+                    qjlxmc: selectRows[0].QJLX,
+                    sfxylx: selectRows[0].SFXYLX,
+                    qjkssj: selectRows[0].QJKSSJ,
+                    qjjssj: selectRows[0].QJJSSJ,
+                    qjsct: selectRows[0].QJSCT,
+                    qjscxs: selectRows[0].QJSCXS,
+                    jjlxr: selectRows[0].JJLXR,
+                    jjlxrdh: selectRows[0].JJLXRDH,
+                    qjly: selectRows[0].QJLY,
+                    fjid: selectRows[0].FJID
+                }, function () {
+                    _this.onCallback(selectRowKeys[0]);
+                    _this.props.params.setSubmitBtnDisabled && _this.props.params.setSubmitBtnDisabled(false);
+                });
+            } else {
+                _message3.default.warning("请选择行为项信息！");
+            }
+        };
+
+        _this.onCallback = function (id) {
+            _this.props.childCallback(id);
+        };
+
+        _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) {
+                            return _react2.default.createElement(
+                                Option,
+                                { value: v.DM, key: i },
+                                v.MC
+                            );
+                        });
+                        _this.setState({
+                            qjlxSelect: qjlxSelect
+                        });
+                    }
+                } else {
+                    _message3.default.error("调用接口失败");
+                }
+            });
+        };
+
+        _this.onOk = function (value) {
+            var qjsct = value[1].diff(value[0], 'days');
+            var qjscxs = value[1].diff(value[0], 'hours') - qjsct * 24;
+            _this.props.form.setFieldsValue({
+                qjsct: qjsct,
+                qjscxs: qjscxs
+
+            }, function () {
+                var qjtype = _this.props.form.getFieldValue('qjlxm');
+                _this.leaveTypeTimelimit(qjtype, qjsct);
+            });
+        };
+
+        _this.leaveTypeTimelimit = function (type, day) {
+            if (type && day) {
+                if (type === '1' && day > 28) {
+                    _this.props.params.setSubmitBtnDisabled && _this.props.params.setSubmitBtnDisabled(true); //默认办理按钮不可用
+                    var key = "open" + Date.now();
+                    var btn = _react2.default.createElement(
+                        _button2.default,
+                        { type: "primary", size: "small", onClick: function onClick() {
+                                return _notification3.default.close(key);
+                            } },
+                        "\u786E\u5B9A"
+                    );
+                    _notification3.default.open({
+                        duration: 10,
+                        message: '提示信息',
+                        description: _react2.default.createElement(
+                            "div",
+                            null,
+                            "\u60A8\u7531\u4E8E\u4E0D\u6EE1\u8DB3\u4EE5\u4E0B\u6761\u4EF6\uFF0C\u6240\u4EE5\u4E0D\u80FD\u6267\u884C\u5BA1\u6838\u901A\u8FC7\u64CD\u4F5C\uFF1A",
+                            _react2.default.createElement("br", null),
+                            _react2.default.createElement(_alert2.default, { message: "病假请假时长最多四周，不能继续审核通过", type: "info" })
+                        ),
+                        key: key,
+                        btn: btn
+                    });
+                } else if (type === '2' && day > 14) {
+                    _this.props.params.setSubmitBtnDisabled && _this.props.params.setSubmitBtnDisabled(true); //默认办理按钮不可用
+                    var _key = "open" + Date.now();
+                    var _btn = _react2.default.createElement(
+                        _button2.default,
+                        { type: "primary", size: "small", onClick: function onClick() {
+                                return _notification3.default.close(_key);
+                            } },
+                        "\u786E\u5B9A"
+                    );
+                    _notification3.default.open({
+                        duration: 10,
+                        message: '提示信息',
+                        description: _react2.default.createElement(
+                            "div",
+                            null,
+                            "\u60A8\u7531\u4E8E\u4E0D\u6EE1\u8DB3\u4EE5\u4E0B\u6761\u4EF6\uFF0C\u6240\u4EE5\u4E0D\u80FD\u6267\u884C\u5BA1\u6838\u901A\u8FC7\u64CD\u4F5C\uFF1A",
+                            _react2.default.createElement("br", null),
+                            _react2.default.createElement(_alert2.default, { message: "事假请假时长最多两周，不能继续审核通过！", type: "info" })
+                        ),
+                        key: _key,
+                        btn: _btn
+                    });
+                } else {
+                    _this.props.params.setSubmitBtnDisabled && _this.props.params.setSubmitBtnDisabled(false);
+                }
+            } else {
+                _this.props.params.setSubmitBtnDisabled && _this.props.params.setSubmitBtnDisabled(false);
+            }
+        };
+
+        _this.leaveTypeChange = function (value) {
+            var qjtime = _this.props.form.getFieldValue('qjsct');
+            if (value && qjtime) {
+                if (value === '1' && qjtime > 28) {
+                    _this.props.params.setSubmitBtnDisabled && _this.props.params.setSubmitBtnDisabled(true); //默认办理按钮不可用
+                    var key = "open" + Date.now();
+                    var btn = _react2.default.createElement(
+                        _button2.default,
+                        { type: "primary", size: "small", onClick: function onClick() {
+                                return _notification3.default.close(key);
+                            } },
+                        "\u786E\u5B9A"
+                    );
+                    _notification3.default.open({
+                        duration: 10,
+                        message: '提示信息',
+                        description: _react2.default.createElement(
+                            "div",
+                            null,
+                            "\u60A8\u7531\u4E8E\u4E0D\u6EE1\u8DB3\u4EE5\u4E0B\u6761\u4EF6\uFF0C\u6240\u4EE5\u4E0D\u80FD\u6267\u884C\u5BA1\u6838\u901A\u8FC7\u64CD\u4F5C\uFF1A",
+                            _react2.default.createElement("br", null),
+                            _react2.default.createElement(_alert2.default, { message: "病假请假时长最多四周，不能继续审核通过", type: "info" })
+                        ),
+                        key: key,
+                        btn: btn
+                    });
+                } else if (value === '2' && qjtime > 14) {
+                    _this.props.params.setSubmitBtnDisabled && _this.props.params.setSubmitBtnDisabled(true); //默认办理按钮不可用
+                    var _key2 = "open" + Date.now();
+                    var _btn2 = _react2.default.createElement(
+                        _button2.default,
+                        { type: "primary", size: "small", onClick: function onClick() {
+                                return _notification3.default.close(_key2);
+                            } },
+                        "\u786E\u5B9A"
+                    );
+                    _notification3.default.open({
+                        duration: 10,
+                        message: '提示信息',
+                        description: _react2.default.createElement(
+                            "div",
+                            null,
+                            "\u60A8\u7531\u4E8E\u4E0D\u6EE1\u8DB3\u4EE5\u4E0B\u6761\u4EF6\uFF0C\u6240\u4EE5\u4E0D\u80FD\u6267\u884C\u5BA1\u6838\u901A\u8FC7\u64CD\u4F5C\uFF1A",
+                            _react2.default.createElement("br", null),
+                            _react2.default.createElement(_alert2.default, { message: "事假请假时长最多两周，不能继续审核通过！", type: "info" })
+                        ),
+                        key: _key2,
+                        btn: _btn2
+                    });
+                } else {
+                    _this.props.params.setSubmitBtnDisabled && _this.props.params.setSubmitBtnDisabled(false);
+                }
+            } else {
+                _this.props.params.setSubmitBtnDisabled && _this.props.params.setSubmitBtnDisabled(false);
+            }
+        };
+
+        _this.getDataList = function (fieldMap) {
+            var getFieldDecorator = _this.props.form.getFieldDecorator;
+            var _this$state = _this.state,
+                qjlxSelect = _this$state.qjlxSelect,
+                qjlxmc = _this$state.qjlxmc,
+                qjlxm = _this$state.qjlxm,
+                qjkssj = _this$state.qjkssj,
+                qjjssj = _this$state.qjjssj,
+                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 dataList = [];
+
+            var formItemLayout = { wrapperCol: { span: 24 } };
+
+            //请假类型
+            if (fieldMap.QJLXM && fieldMap.QJLXM.sfxs === '1') {
+                // 是否必填
+                var required = fieldMap.QJLXM.sfbt === "1";
+                // 是否可编辑
+                var editable = fieldMap.QJLXM.sfbj === "1";
+                dataList.push({
+                    title: fieldMap.QJLXM.title,
+                    text: qjlxmc,
+                    required: required,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index4.default,
+                            {
+                                id: "qjlxm",
+                                label: fieldMap.QJLXM.title,
+                                hideLabel: true,
+                                readOnly: !editable,
+                                initialValue: qjlxm,
+                                required: required,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            editable ? _react2.default.createElement(
+                                _select2.default,
+                                { style: { width: "100%" }, placeholder: "\u8BF7\u9009\u62E9" + fieldMap.QJLXM.title, onChange: _this.leaveTypeChange },
+                                qjlxSelect
+                            ) : qjlxmc
+                        );
+                    },
+                    span: 1
+                });
+            }
+
+            //是否需要离校
+            if (fieldMap.SFXYLX && fieldMap.SFXYLX.sfxs === '1') {
+
+                var _required = fieldMap.SFXYLX.sfbt === "1" ? true : false;
+                var _editable = fieldMap.SFXYLX.sfbj === "1" ? true : false;
+
+                dataList.push({
+                    title: fieldMap.SFXYLX.title,
+                    text: sfxylx === '1' ? "是" : "否",
+                    required: _required,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index4.default,
+                            {
+                                id: "sfxylx",
+                                label: fieldMap.SFXYLX.title,
+                                hideLabel: true,
+                                readOnly: !_editable,
+                                initialValue: sfxylx === '1',
+                                valuePropName: 'checked',
+                                required: _required,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            _editable ? _react2.default.createElement(_switch2.default, { checkedChildren: "\u662F", unCheckedChildren: "\u5426" }) : sfxylx === '1' ? "是" : "否"
+                        );
+                    },
+                    span: 1
+                });
+            }
+
+            //请假时间范围
+            if (fieldMap.QJKSSJSTR && fieldMap.QJKSSJSTR.sfxs === '1' && fieldMap.QJJSSJSTR && fieldMap.QJJSSJSTR.sfxs === '1') {
+
+                var _required2 = fieldMap.QJKSSJSTR.sfbt === "1" ? true : false;
+                var _editable2 = fieldMap.QJKSSJSTR.sfbj === "1" ? true : false;
+
+                dataList.push({
+                    title: fieldMap.QJKSSJSTR.title,
+                    text: (0, _moment2.default)(qjkssj).format("YYYY-MM-DD HH:mm") + "~" + (0, _moment2.default)(qjjssj).format("YYYY-MM-DD HH:mm"),
+                    required: _required2,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index4.default,
+                            {
+                                id: "qjkssjfw",
+                                label: fieldMap.QJKSSJSTR.title,
+                                hideLabel: true,
+                                readOnly: !_editable2,
+                                required: _required2,
+                                initialValue: [qjkssj ? (0, _moment2.default)(new Date(qjkssj), 'YYYY-MM-DD HH:mm') : undefined, qjjssj ? (0, _moment2.default)(new Date(qjjssj), 'YYYY-MM-DD HH:mm') : undefined],
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            _editable2 ? _react2.default.createElement(RangePicker, {
+                                style: { width: '100%' },
+                                showTime: { format: 'HH:mm' },
+                                format: "YYYY-MM-DD HH:mm",
+                                placeholder: ["开始时间", "结束时间"],
+                                onChange: _this.onChange,
+                                onOk: _this.onOk
+                            }) : qjkssj
+                        );
+                    },
+                    span: 2
+                });
+            }
+
+            //请假时长
+            if (fieldMap.QJSCT && fieldMap.QJSCT.sfxs === '1') {
+
+                var _required3 = fieldMap.QJSCT.sfbt === "1";
+                var _editable3 = fieldMap.QJSCT.sfbj === "1";
+
+                dataList.push({
+                    title: fieldMap.QJSCT.title,
+                    text: qjsct + "天" + qjscxs + "小时",
+                    required: _required3,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            FormItem,
+                            {
+                                label: "",
+                                wrapperCol: { span: 24 }
+                            },
+                            _editable3 ? _react2.default.createElement(
+                                InputGroup,
+                                { compact: true, style: { width: '100%' } },
+                                getFieldDecorator("qjsct", {
+                                    rules: [{ required: _required3, message: "\u8BF7\u8F93\u5165" + fieldMap.QJSCT.title + "\uFF01" }],
+                                    initialValue: qjsct === null || qjsct === undefined ? null : qjsct
+                                })(_react2.default.createElement(_inputNumber2.default, { style: { width: '20%' }, min: 0, max: 1000, step: 1 })),
+                                "\xA0\xA0\xA0",
+                                _react2.default.createElement(
+                                    "span",
+                                    { style: { marginTop: 5 } },
+                                    "\u5929"
+                                ),
+                                "\xA0\xA0\xA0",
+                                getFieldDecorator("qjscxs", {
+                                    rules: [{ required: _required3, message: "\u8BF7\u8F93\u5165" + fieldMap.QJSCT.title }],
+                                    initialValue: qjscxs === null || qjscxs === undefined ? null : qjscxs
+                                })(_react2.default.createElement(_inputNumber2.default, { style: { width: '20%' }, min: 0, max: 23, step: 1 })),
+                                "\xA0\xA0\xA0",
+                                _react2.default.createElement(
+                                    "span",
+                                    { style: { marginTop: 5 } },
+                                    "\u5C0F\u65F6"
+                                )
+                            ) : _react2.default.createElement(
+                                "span",
+                                null,
+                                qjsct,
+                                "\u5929",
+                                qjscxs,
+                                "\u5C0F\u65F6"
+                            )
+                        );
+                    },
+                    span: 1
+                });
+            }
+
+            //紧急联系人
+            if (fieldMap.JJLXR && fieldMap.JJLXR.sfxs === '1') {
+                var _required4 = fieldMap.JJLXR.sfbt === "1" ? true : false;
+                var _editable4 = fieldMap.JJLXR.sfbj === "1" ? true : false;
+
+                dataList.push({
+                    title: fieldMap.JJLXR.title,
+                    text: jjlxr,
+                    required: _required4,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index4.default,
+                            {
+                                id: "jjlxr",
+                                label: fieldMap.JJLXR.title,
+                                hideLabel: true,
+                                readOnly: !_editable4,
+                                initialValue: jjlxr,
+                                required: _required4,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            _editable4 ? _react2.default.createElement(_input2.default, null) : jjlxr
+                        );
+                    },
+                    span: 1
+                });
+            }
+
+            //紧急联系人电话
+            if (fieldMap.JJLXRDH && fieldMap.JJLXRDH.sfxs === '1') {
+                var _required5 = fieldMap.JJLXRDH.sfbt === "1" ? true : false;
+                var _editable5 = fieldMap.JJLXRDH.sfbj === "1" ? true : false;
+
+                dataList.push({
+                    title: fieldMap.JJLXRDH.title,
+                    text: jjlxrdh,
+                    required: _required5,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index4.default,
+                            {
+                                id: "jjlxrdh",
+                                label: fieldMap.JJLXRDH.title,
+                                hideLabel: true,
+                                readOnly: !_editable5,
+                                initialValue: jjlxrdh,
+                                required: _required5,
+                                pattern: { pattern: "^[0-9]*$", message: "请输入合理的电话号码！" },
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            _editable5 ? _react2.default.createElement(_input2.default, null) : jjlxrdh
+                        );
+                    },
+                    span: 1
+                });
+            }
+
+            //请假理由
+            if (fieldMap.QJLY && fieldMap.QJLY.sfxs === '1') {
+                var _required6 = fieldMap.QJLY.sfbt === "1" ? true : false;
+                var _editable6 = fieldMap.QJLY.sfbj === "1" ? true : false;
+
+                dataList.push({
+                    title: fieldMap.QJLY.title,
+                    text: qjly,
+                    required: _required6,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index4.default,
+                            {
+                                id: "qjly",
+                                label: fieldMap.QJLY.title,
+                                hideLabel: true,
+                                readOnly: !_editable6,
+                                initialValue: qjly,
+                                required: _required6,
+                                pattern: { max: 1000, message: "长度不能超过1000！" },
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            _editable6 ? _react2.default.createElement(TextArea, null) : qjly
+                        );
+                    },
+                    span: 3
+                });
+            }
+
+            //附件
+            if (fieldMap.FJID && fieldMap.FJID.sfxs === '1') {
+                var _required7 = fieldMap.FJID.sfbt === "1" ? true : false;
+                var _editable7 = fieldMap.FJID.sfbj === "1" ? true : false;
+
+                dataList.push({
+                    title: fieldMap.FJID.title,
+                    text: fjid,
+                    required: _required7,
+                    isUpload: true,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index4.default,
+                            {
+                                id: "fjid",
+                                label: fieldMap.FJID.title,
+                                hideLabel: true,
+                                initialValue: fjid,
+                                required: _required7,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            _react2.default.createElement(_NHUpload2.default, {
+                                serviceMark: 'sm-holiday' //服务标志，说明是属于哪个服务
+                                , moduleName: '请假管理' //模块名称，说明是属于哪个服务的哪个模块\
+                                , isEdit: _editable7 && _this.props.isEdit
+                            })
+                        );
+                    },
+                    span: 3
+                });
+            }
+
+            return _this.calcSapan(dataList);
+        };
+
+        _this.state = {
+            qjlxm: '', //请假类型码
+            qjlxmc: '', //请假类型名称
+            qjlx: '', //请假类型
+            qjkssj: '', //请假开始时间
+            qjjssj: '', //请假结束时间
+            qjsqsj: '', //请假申请时间
+            qjsct: '', //请假时长天
+            qjscxs: '', //请假时长小时
+            sjhm: '', //手机号码
+            sfxylx: '', //是否需要离校
+            jjlxr: '', //紧急联系人
+            jjlxrdh: '', //紧急联系人电话
+            qjly: '', //请假理由
+            fjid: '', //附件ID
+
+            qjlxSelect: '', //请假类型数据源
+            qjjlid: '' //请假记录ID
+        };
+        return _this;
+    }
+
+    //回调方法
+
+
+    //获取请假类型数据源
+
+
+    //请假类型时间限制
+
+    //请假类型响应事件
+
+
+    (0, _createClass3.default)(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 _this2 = this;
+
+            var _props = this.props,
+                form = _props.form,
+                isEdit = _props.isEdit,
+                fieldMap = _props.fieldMap;
+
+            var dataList = this.getDataList(fieldMap);
+            var tableParams = { xh: (0, _getLoginUser2.default)() ? (0, _getLoginUser2.default)().userId : '' };
+
+            var columns = [{
+                key: 'pkid',
+                title: '请假信息',
+                minWidth: '200',
+                sorted: true,
+                render: function render(text, record) {
+                    var iconName = '';
+                    if (record.QJLX && record.QJLX.length === 3) {
+                        iconName = record.QJLX.substring(0, 2);
+                    } else {
+                        iconName = record.QJLX.substring(0, 1);
+                    }
+
+                    var ms = record.QJLY || record.qjly || '',
+                        mc = record.XJMC || record.xjmc || '';
+                    var mclen = mc ? mc.length : 0,
+                        mslen = ms ? ms.length : 0;
+                    var isMcTip = mclen > 20,
+                        isMsTip = mslen > 40,
+                        mcTip = '',
+                        msTip = '';
+                    if (isMcTip) {
+                        mcTip = mc.substring(0, 10) + '......';
+                    }
+                    if (isMsTip) {
+                        msTip = ms.substring(0, 20) + '......';
+                    }
+
+                    return _react2.default.createElement(
+                        "div",
+                        null,
+                        _react2.default.createElement(
+                            _avatar2.default,
+                            { className: 'xgui-selector-stu-avatar-div',
+                                style: { backgroundColor: '#1890FF', verticalAlign: 'middle', float: 'left' }, size: "large" },
+                            iconName
+                        ),
+                        _react2.default.createElement(
+                            "div",
+                            { className: 'xgui-selector-stu-list-div' },
+                            _react2.default.createElement(
+                                "div",
+                                { className: 'xgui-selector-basic-data-div', style: { paddingLeft: '12px' } },
+                                !isMcTip ? _react2.default.createElement(
+                                    _tooltip2.default,
+                                    { title: mc },
+                                    mc
+                                ) : _react2.default.createElement(
+                                    "span",
+                                    null,
+                                    mcTip
+                                )
+                            ),
+                            _react2.default.createElement(
+                                "div",
+                                { className: 'xgui-selector-else-data-div' },
+                                !isMsTip ? _react2.default.createElement(
+                                    _tooltip2.default,
+                                    { title: ms },
+                                    ms
+                                ) : _react2.default.createElement(
+                                    "span",
+                                    null,
+                                    msTip
+                                )
+                            )
+                        )
+                    );
+                }
+            }];
+
+            return _react2.default.createElement(
+                _form2.default,
+                { style: { margin: '20px 0' } },
+                _react2.default.createElement(_index2.default, {
+                    list: dataList,
+                    isEdit: isEdit,
+                    form: form
+                }),
+                _react2.default.createElement(_index6.default, { ref: function ref(selector) {
+                        return _this2.nhSelector = selector;
+                    },
+                    title: '请假记录选择器',
+                    mode: 'table',
+                    isSinger: true,
+                    sign: "hljwgy_qjgl_qjjlxq_selector",
+                    onSelect: this.SelectorCallbackListener,
+                    tableWidth: 700,
+                    baseUrl: 'api/sm-holiday',
+                    resultWidth: 200,
+                    keyField: 'PKID',
+                    titleField: 'QJLX',
+                    footerRender: function footerRender(count) {
+                        return '总计：' + count + '条';
+                    },
+                    searchField: 'QJLX,XJMC',
+                    searchWidth: '350',
+                    tableParams: tableParams,
+                    height: 500,
+                    columns: columns
+                })
+            );
+        }
+    }]);
+    return EditInitForm;
+}(_react2.default.Component);
+
+var EditForm = _form2.default.create()(EditInitForm);
+exports.default = EditForm;