dlt-for-react 1.0.1

package/lib/components/NHDynamicFormShow/customModule/czxy/zxdk/dksq/tableVis.js

@@ -0,0 +1,892 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _table = require('antd/lib/table');
+
+var _table2 = _interopRequireDefault(_table);
+
+var _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');
+
+var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
+
+var _input = require('antd/lib/input');
+
+var _input2 = _interopRequireDefault(_input);
+
+var _select = require('antd/lib/select');
+
+var _select2 = _interopRequireDefault(_select);
+
+var _message2 = require('antd/lib/message');
+
+var _message3 = _interopRequireDefault(_message2);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+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 _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
+
+var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
+
+require('antd/lib/table/style');
+
+require('antd/lib/input/style');
+
+require('antd/lib/select/style');
+
+require('antd/lib/message/style');
+
+require('antd/lib/form/style');
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _index = require('../../../../../NHFormItem/index');
+
+var _index2 = _interopRequireDefault(_index);
+
+var _NHSelect = require('../../../../../NHSelect');
+
+var _NHSelect2 = _interopRequireDefault(_NHSelect);
+
+var _NHFetch = require('../../../../../../utils/NHFetch');
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// var dkxnSelectGlobal = "";
+// var dkzlSelectGlobal = "";
+var xsidGlobal = "";
+
+var EditableContext = _react2.default.createContext();
+
+var EditableRow = function EditableRow(_ref) {
+    var form = _ref.form,
+        index = _ref.index,
+        props = (0, _objectWithoutProperties3.default)(_ref, ['form', 'index']);
+    return _react2.default.createElement(
+        EditableContext.Provider,
+        { value: form },
+        _react2.default.createElement('tr', props)
+    );
+};
+var EditableFormRow = _form2.default.create()(EditableRow);
+
+var EditableCell = function (_React$Component) {
+    (0, _inherits3.default)(EditableCell, _React$Component);
+
+    function EditableCell() {
+        var _ref2;
+
+        var _temp, _this, _ret;
+
+        (0, _classCallCheck3.default)(this, EditableCell);
+
+        for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+        }
+
+        return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref2 = EditableCell.__proto__ || (0, _getPrototypeOf2.default)(EditableCell)).call.apply(_ref2, [this].concat(args))), _this), _this.state = {
+            editing: !_this.context.sfsh,
+            sqxn: '',
+            isRepeat: false,
+            dkxnSelect: '',
+            dkzlSelect: ''
+        }, _this.save = function (e) {
+            // console.log("EditableCell save ============== ")
+
+            _this.calcDkzje();
+
+            var _this$props = _this.props,
+                record = _this$props.record,
+                handleSave = _this$props.handleSave;
+
+            // console.log("save record: " + record)
+
+            // let data2 = record;
+            // let val2 = "";
+            // for(let i=0; i<data2.length; i++) {
+            // val2 += data2[i] + ",   ";
+            // }
+            // console.log("record: " + val2)
+
+            // let data = this.form;
+            // let val = "";
+            // for(let key in data) {
+            // val += key + ":" + data[key] + ",  ";
+            // }
+            // console.log("this.form:" + val)
+
+            _this.form.validateFields(function (error, values) {
+                // console.log("save values: " + values)
+                // let data3 = values;
+                // let val3 = "";
+                // for(let i=0; i<data3.length; i++) {
+                // val3 += data3[i] + ",   ";
+                // }
+                // console.log("values: " + val3)
+
+                if (error && error[e.currentTarget.id]) {
+                    return;
+                }
+
+                handleSave((0, _extends3.default)({}, record, values));
+            });
+        }, _this.initDkxnForm = function () {
+            (0, _NHFetch2.default)('api/sm-student-loan/czxy/openapi/getDkxnDataSource', 'GET').then(function (res) {
+                if (res && res.code === 200) {
+                    var dkxnDataSource = res.data;
+                    if (dkxnDataSource != null) {
+                        var dkxnSelect = dkxnDataSource.map(function (v, i) {
+                            return _react2.default.createElement(
+                                Option,
+                                { value: v.ID, key: i },
+                                v.MC
+                            );
+                        });
+                        _this.setState({
+                            dkxnSelect: dkxnSelect
+                        });
+                    }
+                } else {
+                    _message3.default.error("调用接口失败");
+                }
+            });
+        }, _this.initDkzlForm = function () {
+            (0, _NHFetch2.default)('api/sm-student-loan/czxy/openapi/getDkzlDataSource', 'GET').then(function (res) {
+                if (res && res.code === 200) {
+                    var dkzlDataSource = res.data;
+                    if (dkzlDataSource != null) {
+                        var dkzlSelect = dkzlDataSource.map(function (v, i) {
+                            return _react2.default.createElement(
+                                Option,
+                                { value: v.ID, key: i },
+                                v.MC
+                            );
+                        });
+                        _this.setState({
+                            dkzlSelect: dkzlSelect
+                        });
+                    }
+                } else {
+                    _message3.default.error("调用接口失败");
+                }
+            });
+        }, _this.calcDkzje = function () {
+
+            // let data = this.form;
+            // let val = "";
+            // for(let key in data) {
+            // val += key + ":" + data[key] + ",  ";
+            // }
+            // console.log("this.form:" + val)
+
+            var getFieldValue = _this.form.getFieldValue;
+
+            var shf = getFieldValue('shf');
+            var xf = getFieldValue('xf');
+            var zsf = getFieldValue('zsf');
+
+            var sum = 0;
+            var reg = /^\d+$/;
+            if (reg.test(shf)) {
+                sum += new Number(shf);
+            }
+            if (reg.test(xf)) {
+                sum += new Number(xf);
+            }
+            if (reg.test(zsf)) {
+                sum += new Number(zsf);
+            }
+
+            _this.form.setFieldsValue({
+                dkje: sum
+            });
+            // document.getElementById("dkje").innerHTML = sum;
+        }, _this.renderCell = function (form) {
+
+            // console.log("renderCell ============== ")
+            _this.form = form;
+            var _this$props2 = _this.props,
+                children = _this$props2.children,
+                dataIndex = _this$props2.dataIndex,
+                record = _this$props2.record,
+                title = _this$props2.title,
+                _this$props2$sqxn = _this$props2.sqxn,
+                sqxn = _this$props2$sqxn === undefined ? '' : _this$props2$sqxn,
+                xsid = _this$props2.xsid;
+            var editing = _this.state.editing;
+
+            // console.log("record:\n")
+            // let data = record;
+            // let val = "";
+            // for(let key in data) {
+            // val += key + ":" + data[key] + ",  ";
+            // }
+            // console.log(val)
+
+            // console.log("this.context.sfsh: " + this.context.sfsh);
+
+            // if(record && record.x_dkzl && this.state.dkzlSelect) {
+            //     let dkzlSelect = this.state.dkzlSelect;
+            //     dkzlSelect.map((item, index) => {
+            //         if(record.x_dkzl == item.ID) {
+            //             record.x_dkzl = item.MC;
+            //             console.log("贷款种类名称：" + record.x_dkzl)
+            //         }
+            //     })
+            // }
+
+            // console.log("renderCell  xsid:" + xsid)
+            // console.log("renderCell  this.context.xsid:" + this.context.xsid)
+            // console.log("renderCell  editing:" + editing)
+            // console.log("renderCell  this.context.sfsh:" + this.context.sfsh)
+
+            // console.log("renderCell  children :" + children)
+            // console.log("renderCell  children 属性 start ======")
+            // let data = children;
+            // let val = "";
+            // for(let key in data) {
+            // val += key + ":" + data[key] + ",  ";
+            // }
+            // console.log(val)
+            // console.log("renderCell  children 属性 end ======")
+            // console.log("renderCell  children 数组 start ======")
+            // let data2 = children;
+            // let val2 = "";
+            // for(let i=0; i<data2.length; i++) {
+            // val2 += data2[i] + ",   ";
+            // }
+            // console.log(val2)
+            // console.log("renderCell  children 数组 end ======")
+
+            // console.log("dkxnSelectGlobal:" + dkxnSelectGlobal)
+            // console.log("dkzlSelectGlobal:" + dkzlSelectGlobal)
+
+            if (title === '贷款学年') {
+                return !_this.context.sfsh ? _react2.default.createElement(
+                    _index2.default,
+                    {
+                        id: 'dkxn',
+                        form: _this.form,
+                        required: true,
+                        initialValue: record.dkxn,
+                        validator: function validator(rule, value, callback) {
+                            if (sqxn) {
+                                if (value.split(/-/)[0] >= sqxn.split(/-/)[0]) {
+                                    // console.log("xsidGlobal:" + xsidGlobal)
+                                    //新增时校验是否存在同一个学生同一个学年拥有多条记录
+                                    (0, _NHFetch2.default)('api/sm-student-loan/czxy/openapi/' + xsidGlobal + '/' + value + '/checkInfo', 'GET').then(function (res) {
+                                        if (res.data != 0) {
+                                            //eslint-disable-line
+                                            if (res.data == 1) {
+                                                callback("该学年已存在");
+                                            } else if (res.data == 2) {
+                                                callback("该生正在审核中");
+                                            }
+                                        } else {
+                                            callback();
+                                        }
+                                    });
+                                    // if (this.props.isRepeat.sf && record.key === (this.props.isRepeat.index)) {
+                                    //     callback("贷款学年不能重复");
+                                    // } else {
+                                    //     callback();
+                                    // }
+                                } else {
+                                    callback("贷款学年不能小于申请学年");
+                                }
+                            } else {
+                                callback();
+                            }
+                        }
+                    },
+                    _react2.default.createElement(
+                        _select2.default,
+                        { placeholder: "请选择...", style: { width: '200%' } },
+                        _this.state.dkxnSelect
+                    )
+                ) : _react2.default.createElement(
+                    'div',
+                    {
+                        className: 'editable-cell-value-wrap',
+                        style: { paddingRight: 24 }
+                    },
+                    children
+                );
+            }
+
+            if (title === '贷款种类') {
+
+                return !_this.context.sfsh ? _react2.default.createElement(
+                    _index2.default,
+                    {
+                        id: 'x_dkzl',
+                        form: _this.form,
+                        required: true,
+                        initialValue: record.x_dkzl
+                    },
+                    _react2.default.createElement(
+                        _select2.default,
+                        { placeholder: "请选择...", style: { width: '200%' } },
+                        _this.state.dkzlSelect
+                    )
+                ) : _react2.default.createElement(
+                    'div',
+                    {
+                        className: 'editable-cell-value-wrap',
+                        style: { paddingRight: 24 }
+                    },
+                    record.dkzlmc
+                );
+            }
+
+            if (title === '贷款总金额') {
+                // console.log("贷款总金额=---")
+                return !_this.context.sfsh ? _react2.default.createElement(
+                    _index2.default,
+                    {
+                        id: 'dkje',
+                        form: _this.form,
+                        required: true,
+                        initialValue: record.dkje
+                    },
+                    _react2.default.createElement(_input2.default, {
+                        style: { width: '180%' },
+                        ref: function ref(node) {
+                            return _this.input = node;
+                        },
+                        onChange: _this.save,
+                        disabled: true
+                    })
+                ) : _react2.default.createElement(
+                    'div',
+                    {
+                        className: 'editable-cell-value-wrap',
+                        style: { paddingRight: 24 }
+                    },
+                    children
+                );
+            }
+
+            return !_this.context.sfsh ? _react2.default.createElement(
+                _form2.default.Item,
+                { style: { margin: 0 } },
+                form.getFieldDecorator(dataIndex, {
+                    rules: [{
+                        required: true,
+                        message: title + ' \u4E0D\u80FD\u4E3A\u7A7A.'
+                    }, {
+                        pattern: /^[1-9][0-9]*$/,
+                        message: '请输入正确的金额'
+                    }],
+                    initialValue: record[dataIndex]
+                })(_react2.default.createElement(_input2.default, { ref: function ref(node) {
+                        return _this.input = node;
+                    }, onPressEnter: _this.save, onBlur: _this.save }))
+            ) : _react2.default.createElement(
+                'div',
+                {
+                    className: 'editable-cell-value-wrap',
+                    style: { paddingRight: 24 }
+                },
+                children
+            );
+        }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
+    }
+
+    (0, _createClass3.default)(EditableCell, [{
+        key: 'componentDidMount',
+        value: function componentDidMount() {
+            // console.log("EditableCell componentDidMount ============")
+            this.initDkxnForm();
+            this.initDkzlForm();
+        }
+    }, {
+        key: 'componentWillReceiveProps',
+        value: function componentWillReceiveProps(nextProps) {
+            // console.log("EditableCell componentWillReceiveProps ============== ")
+
+            if ("isRepat" in nextProps && nextProps.isRepeat !== this.props.isRepeat) {
+                this.setState({ isRepeat: nextProps.isRepeat });
+            }
+        }
+
+        //获取贷款学年信息
+
+
+        //获取贷款种类信息
+
+
+        //计算贷款总金额
+
+    }, {
+        key: 'render',
+        value: function render() {
+
+            // console.log("editable cell render ============== ")
+            var _props = this.props,
+                editable = _props.editable,
+                dataIndex = _props.dataIndex,
+                title = _props.title,
+                record = _props.record,
+                index = _props.index,
+                handleSave = _props.handleSave,
+                children = _props.children,
+                restProps = (0, _objectWithoutProperties3.default)(_props, ['editable', 'dataIndex', 'title', 'record', 'index', 'handleSave', 'children']);
+
+            return _react2.default.createElement(
+                'td',
+                restProps,
+                editable ? _react2.default.createElement(
+                    EditableContext.Consumer,
+                    null,
+                    this.renderCell
+                ) : children
+            );
+        }
+    }]);
+    return EditableCell;
+}(_react2.default.Component);
+
+EditableCell.contextTypes = {
+    sfsh: _propTypes2.default.bool
+};
+
+var TableVis = function (_React$Component2) {
+    (0, _inherits3.default)(TableVis, _React$Component2);
+
+    function TableVis(props) {
+        (0, _classCallCheck3.default)(this, TableVis);
+
+        var _this2 = (0, _possibleConstructorReturn3.default)(this, (TableVis.__proto__ || (0, _getPrototypeOf2.default)(TableVis)).call(this, props));
+
+        _this2.handleDelete = function (key) {
+            // console.log("handleDelete ============== ")
+            if (_this2.state.sfsh) {} else {
+
+                var dataSource = [].concat((0, _toConsumableArray3.default)(_this2.state.dataSource));
+
+                _this2.setState({
+                    dataSource: dataSource.filter(function (item) {
+                        return item.key !== key;
+                    }).map(function (item, index) {
+                        item.key = index + 1;
+                        return item;
+                    }),
+                    flag: false
+                    // count: this.state.count - 1,
+                }, function () {
+                    _this2.setState({
+                        flag: true
+                    });
+                    if (!_this2.props.sfsh) {
+                        _this2.props.getdkmx(_this2.state.dataSource);
+                    }
+                });
+            }
+        };
+
+        _this2.handleAdd = function () {
+            // console.log("handleAdd ============== ")
+            if (_this2.state.sfsh) {} else {
+                var dataSource = _this2.state.dataSource;
+
+                var newData = {
+                    key: dataSource.length + 1,
+                    dkxn: "",
+                    x_dkzl: "",
+                    shf: '',
+                    xf: '',
+                    zsf: '',
+                    dkje: ''
+                };
+                // 条数限制
+                if (dataSource.length + 1 < 6) {
+                    _this2.setState({
+                        dataSource: [].concat((0, _toConsumableArray3.default)(dataSource), [newData])
+                        // count: count + 1,
+                    }, function () {
+                        if (!_this2.props.sfsh) {
+                            _this2.props.getdkmx(_this2.state.dataSource);
+                        }
+                    });
+                }
+            }
+        };
+
+        _this2.handleSave = function (row) {
+            // console.log("handleSave ============== ")
+            var newData = [].concat((0, _toConsumableArray3.default)(_this2.state.dataSource));
+            var index = newData.findIndex(function (item) {
+                return row.key === item.key;
+            });
+            var item = newData[index];
+            newData.splice(index, 1, (0, _extends3.default)({}, item, row));
+            var dkxnArr = newData.map(function (item) {
+                return item.dkxn;
+            });
+            function isRepeat(arr) {
+                var hash = {};
+                for (var i in arr) {
+                    if (hash[arr[i]]) {
+                        return { sf: true, index: i };
+                    }
+                    // 不存在该元素，则赋值为true，可以赋任意值，相应的修改if判断条件即可
+                    hash[arr[i]] = true;
+                }
+                return { sf: false, index: -1 };
+            }
+            _this2.isRepeat = isRepeat(dkxnArr);
+
+            _this2.setState({ dataSource: newData }, function () {
+                if (!_this2.props.sfsh) {
+                    _this2.props.getdkmx(_this2.state.dataSource);
+                }
+            });
+        };
+
+        _this2.isRepeat = false;
+        _this2.state = {
+            columns1: [
+            // {
+            //     title: '序号',
+            //     dataIndex: 'key',
+            //     width: '0%',
+            // },
+            // {
+            //     title: '贷款学年',
+            //     dataIndex: 'dkxn',
+            //     editable: true,
+            //     width: '20%',
+            // },
+            {
+                title: '贷款种类',
+                dataIndex: 'x_dkzl',
+                editable: true,
+                width: '30%'
+            }, {
+                title: '生活费',
+                dataIndex: 'shf',
+                editable: true,
+                width: '16%'
+            }, {
+                title: '学费',
+                dataIndex: 'xf',
+                editable: true,
+                width: '16%'
+            }, {
+                title: '住宿费',
+                dataIndex: 'zsf',
+                editable: true,
+                width: '16%'
+            }, {
+                title: '贷款总金额',
+                dataIndex: 'dkje',
+                editable: true,
+                width: '20%'
+            }],
+            dataSource: props.dkmx || [],
+            // count: 1,
+            sqxn: '',
+            flag: true,
+            sfsh: props.sfsh
+
+        };
+        // this.state = {
+        //     columns1: [
+        //         {
+        //             title: '序号',
+        //             dataIndex: 'key',
+        //             width: '8%',
+        //         },
+        //         {
+        //             title: '贷款学年',
+        //             dataIndex: 'dkxn',
+        //             editable: true,
+        //             width: '25%',
+        //         },
+        //         {
+        //             title: '生活费',
+        //             dataIndex: 'shf',
+        //             editable: true,
+        //             width: '19%',
+        //         },
+        //         {
+        //             title: '学费',
+        //             dataIndex: 'xf',
+        //             editable: true,
+        //             width: '19%',
+        //         },
+        //         {
+        //             title: '住宿费',
+        //             dataIndex: 'zsf',
+        //             editable: true,
+        //             width: '19%',
+        //         }, {
+        //             title: '操作',
+        //             dataIndex: 'operation',
+        //             width: '10%',
+        //             render: (text, record) =>
+        //                 this.state.dataSource.length >= 1 ? (
+        //                     <a onClick={() => this.handleDelete(record.key)}>
+        //                         <i
+        //                             aria-label="图标: delete"
+        //                             className={"anticon anticon-delete"}
+        //                             style={{ color: 'red' }}>
+        //                             <svg
+        //                                 viewBox="64 64 896 896"
+        //                                 focusable="false"
+        //                                 data-icon="delete"
+        //                                 width="1em"
+        //                                 height="1em"
+        //                                 fill="currentColor"
+        //                                 aria-hidden="true">
+        //                                 <path d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z">
+        //                                 </path>
+        //                             </svg>
+        //                         </i>
+        //                     </a>
+        //                 ) : null,
+        //         }
+        //     ],
+        //     columns2: [
+        //         {
+        //             title: '序号',
+        //             dataIndex: 'key',
+        //             width: '8%',
+        //         },
+        //         {
+        //             title: '贷款学年',
+        //             dataIndex: 'dkxn',
+        //             editable: true,
+        //             width: '25%',
+        //         },
+        //         {
+        //             title: '生活费',
+        //             dataIndex: 'shf',
+        //             editable: true,
+        //             width: '19%',
+        //         },
+        //         {
+        //             title: '学费',
+        //             dataIndex: 'xf',
+        //             editable: true,
+        //             width: '19%',
+        //         },
+        //         {
+        //             title: '住宿费',
+        //             dataIndex: 'zsf',
+        //             editable: true,
+        //             width: '19%',
+        //         }
+        //     ],
+        //     dataSource: props.dkmx || [],
+        //     // count: 1,
+        //     sqxn: '',
+        //     flag: true,
+        //     sfsh: props.sfsh,
+        // };
+        return _this2;
+    }
+
+    (0, _createClass3.default)(TableVis, [{
+        key: 'componentDidMount',
+        value: function componentDidMount() {
+            // console.log("tableVis.js 111111111111111111111111")
+            xsidGlobal = this.props.xsid;
+            // console.log("xsidGlobal:" + xsidGlobal)
+
+            this.handleAdd();
+
+            // this.initDkxnForm();
+            // this.initDkzlForm();
+
+            // console.log("dkxnSelectGlobal:" + dkxnSelectGlobal)
+            // console.log("dkzlSelectGlobal:" + dkzlSelectGlobal)
+
+            // EditableCell.initDkxnForm();
+        }
+    }, {
+        key: 'componentWillReceiveProps',
+        value: function componentWillReceiveProps(nextProps) {
+            // console.log("tablevis componentWillReceiveProps ============== ")
+
+            if ("sqxn" in nextProps && nextProps.sqxn !== this.props.sqxn) {
+                this.setState({ sqxn: nextProps.sqxn });
+            }
+            if ("sfsh" in nextProps && nextProps.sfsh === true) {
+                this.setState({ sfsh: true });
+                if ("dkmx" in nextProps && nextProps.dkmx !== this.props.dkmx) {
+                    this.setState({ dataSource: nextProps.dkmx });
+                }
+            }
+        }
+
+        // //获取贷款学年信息
+        // initDkxnForm = () => {
+        //     NHFetch('api/sm-student-loan/czxy/openapi/getDkxnDataSource', 'GET')
+        //         .then(res => {
+        //             if (res && res.code === 200) {
+        //                 let dkxnDataSource = res.data
+        //                 if (dkxnDataSource != null) {
+        //                     let dkxnSelect = dkxnDataSource.map((v, i) => {
+        //                         return <Option value={v.ID} key={i}>{v.MC}</Option>;
+        //                     })
+        //                     dkxnSelectGlobal = dkxnSelect
+        //                     // this.setState({
+        //                     //     dkxnSelect: dkxnSelect
+        //                     // })
+        //                 }
+        //             } else {
+        //                 message.error("调用接口失败")
+        //             }
+        //         })
+        // }
+
+        // //获取贷款种类信息
+        // initDkzlForm = () => {
+        //     NHFetch('api/sm-student-loan/czxy/openapi/getDkzlDataSource', 'GET')
+        //         .then(res => {
+        //             if (res && res.code === 200) {
+        //                 let dkzlDataSource = res.data
+        //                 if (dkzlDataSource != null) {
+        //                     let dkzlSelect = dkzlDataSource.map((v, i) => {
+        //                         return <Option value={v.ID} key={i}>{v.MC}</Option>;
+        //                     })
+
+        //                     dkzlSelectGlobal = dkzlSelect;
+        //                     // this.setState({
+        //                     //     dkzlSelect: dkzlSelect
+        //                     // })
+        //                 }
+        //             } else {
+        //                 message.error("调用接口失败")
+        //             }
+        //         })
+        // }
+
+    }, {
+        key: 'render',
+        value: function render() {
+            var _this3 = this;
+
+            // console.log("tablevis render ============== ")
+            var dataSource = this.state.dataSource;
+
+            var components = {
+                body: {
+                    row: EditableFormRow,
+                    cell: EditableCell
+                }
+            };
+
+            // console.log("components.body.EditableFormRow: " + components.body.EditableFormRow)
+
+            // 用于判断表头
+            // let listColumns = this.state.sfsh ? this.state.columns2 : this.state.columns1
+            var listColumns = this.state.columns1;
+            var columns = listColumns.map(function (col) {
+                //log
+                // let data = col;
+                // let val = "";
+                // for(let key in data) {
+                // val += key + ":" + data[key] + ",   ";
+                // }
+                // console.log("columns: " + val)
+
+                if (!col.editable) {
+                    return col;
+                }
+                //给生活费、学费、住宿费输入框加个计算贷款总金额函数
+                // if(col.dataIndex == 'shf' || col.dataIndex == 'xf' || col.dataIndex == 'zsf') {
+                //     return {
+                //         ...col,
+                //         onCell: record => ({
+                //             record,
+                //             editable: col.editable,
+                //             dataIndex: col.dataIndex,
+                //             title: col.title,
+                //             handleSave: this.handleSave,
+                //             sqxn: this.state.sqxn,
+                //             isRepeat: this.isRepeat,
+                //             sfsh: this.state.sfsh,
+                //             onMouseLeave: this.calcDkzje, //计算贷款总金额
+                //             onKeyUp: this.calcDkzje,
+                //             calcDkzje: this.calcDkzje
+                //         }),
+                //     };
+                // }
+                return (0, _extends3.default)({}, col, {
+                    onCell: function onCell(record) {
+                        return {
+                            record: record,
+                            editable: col.editable,
+                            dataIndex: col.dataIndex,
+                            title: col.title,
+                            handleSave: _this3.handleSave,
+                            sqxn: _this3.state.sqxn,
+                            isRepeat: _this3.isRepeat,
+                            sfsh: _this3.state.sfsh
+                        };
+                    }
+                });
+            });
+
+            return _react2.default.createElement(
+                'div',
+                null,
+                this.state.flag && _react2.default.createElement(_table2.default, {
+                    components: components,
+                    rowClassName: function rowClassName() {
+                        return 'editable-row';
+                    },
+                    bordered: true,
+                    dataSource: dataSource,
+                    columns: columns,
+                    pagination: false
+                })
+            );
+        }
+    }]);
+    return TableVis;
+}(_react2.default.Component);
+
+TableVis.contextTypes = {
+    sfsh: _propTypes2.default.bool
+};
+exports.default = TableVis;