dlt-for-react 1.0.1 → 1.0.2

package/lib/components/NHDynamicFormShow/customModule/gqtgl/cdqcgl/hdqcsq/Editable.js

@@ -1,590 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-
-var _button = require('antd/lib/button');
-
-var _button2 = _interopRequireDefault(_button);
-
-var _table = require('antd/lib/table');
-
-var _table2 = _interopRequireDefault(_table);
-
-var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
-
-var _defineProperty3 = _interopRequireDefault(_defineProperty2);
-
-var _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');
-
-var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
-
-var _input = require('antd/lib/input');
-
-var _input2 = _interopRequireDefault(_input);
-
-var _inputNumber = require('antd/lib/input-number');
-
-var _inputNumber2 = _interopRequireDefault(_inputNumber);
-
-var _select = require('antd/lib/select');
-
-var _select2 = _interopRequireDefault(_select);
-
-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/button/style');
-
-require('antd/lib/table/style');
-
-require('antd/lib/input/style');
-
-require('antd/lib/input-number/style');
-
-require('antd/lib/select/style');
-
-require('antd/lib/form/style');
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _index = require('../../../../../NHFormItem/index');
-
-var _index2 = _interopRequireDefault(_index);
-
-var _NHFetch = require('../../../../../../utils/NHFetch');
-
-var _NHFetch2 = _interopRequireDefault(_NHFetch);
-
-var _NHSelect = require('../../../../../NHSelect');
-
-var _NHSelect2 = _interopRequireDefault(_NHSelect);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-//编辑内容
-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 = {
-            isRepeat: false
-        }, _this.save = function (e) {
-            var _this$props = _this.props,
-                record = _this$props.record,
-                handleSave = _this$props.handleSave;
-
-            _this.form.validateFields(function (error, values) {
-                // if (error && error[e.currentTarget.id]) {
-                //     return;
-                // }
-                handleSave((0, _extends3.default)({}, record, values));
-            });
-        }, _this.handleJycd = function (value) {
-            var _this$props2 = _this.props,
-                record = _this$props2.record,
-                handleSave = _this$props2.handleSave;
-
-            _this.form.validateFields(function (error, values) {
-                values.hdqcid = value;
-                handleSave((0, _extends3.default)({}, record, values));
-            });
-        }, _this.renderCell = function (form) {
-            _this.form = form;
-            var _this$props3 = _this.props,
-                children = _this$props3.children,
-                dataIndex = _this$props3.dataIndex,
-                record = _this$props3.record,
-                title = _this$props3.title,
-                editable = _this$props3.editable,
-                hdqcSelect = _this$props3.hdqcSelect,
-                isRepeat = _this$props3.isRepeat;
-
-            if (title === '器材名称') {
-                return editable ?
-                // <NHFormItem
-                //     id="hdqcid"
-                //     form={this.form}
-                //     required
-                //     initialValue={record.hdqcid}
-                //     validator={(rule, value, callback) => {
-                //         if (value) {
-                //             if (isRepeat && isRepeat.sf && record.key === (this.props.isRepeat.index)) {
-                //                 callback("所选器材不能重复！");
-                //             } else {
-                //                 callback();
-                //             }
-                //         }
-                //     }}
-                // >
-                //     <NHSelect
-                //         baseUrl={"api/yl-ground-facilities"}
-                //         style={{ width: '180%' }}
-                //         sign={"zhxg_gqt_cdqcgl_jyqc"}
-                //         ref={node => (this.input = node)}
-                //         onChange={this.handleJycd}
-                //         placeholder={"请选择器材..."}
-                //     ></NHSelect>
-                // </NHFormItem>
-                _react2.default.createElement(
-                    _index2.default,
-                    {
-                        id: 'hdqcid',
-                        initialValue: record.hdqcid,
-                        required: true,
-                        form: _this.form
-                        // validator={(rule, value, callback) => {
-                        //     if (value) {
-                        //         if (isRepeat && isRepeat.sf && value == isRepeat.value) {
-                        //             callback("所选器材不能重复！");
-                        //         } else {
-                        //             callback();
-                        //         }
-                        //     }
-                        // }}
-                    },
-                    _react2.default.createElement(
-                        _select2.default,
-                        {
-                            style: { width: "180%" },
-                            defaultValue: record.hdqcid,
-                            onChange: _this.handleJycd,
-                            onBlur: _this.handleJycd,
-                            placeholder: "请选择器材..."
-                            // ref={node => (this.input = node)}
-                        },
-                        hdqcSelect
-                    )
-                ) : _react2.default.createElement(
-                    'div',
-                    {
-                        className: 'editable-cell-value-wrap',
-                        style: { paddingRight: 24 }
-                    },
-                    children
-                );
-            } else if (title === '借用数目') {
-                return editable ? _react2.default.createElement(
-                    _index2.default,
-                    {
-                        id: 'jysm',
-                        initialValue: record.jysm,
-                        required: true,
-                        form: _this.form
-                    },
-                    _react2.default.createElement(_inputNumber2.default, {
-                        style: { width: "150%" },
-                        precision: 0,
-                        min: 1,
-                        max: 10000,
-                        value: record.jysm,
-                        onPressEnter: _this.save,
-                        onBlur: _this.save })
-                ) : _react2.default.createElement(
-                    'div',
-                    {
-                        className: 'editable-cell-value-wrap',
-                        style: { paddingRight: 24 }
-                    },
-                    children
-                );
-            } else {
-                return editable ? _react2.default.createElement(
-                    _form2.default.Item,
-                    { style: { margin: 0 } },
-                    form.getFieldDecorator(dataIndex, {
-                        rules: [{
-                            required: true,
-                            message: title + ' \u4E0D\u80FD\u4E3A\u7A7A.'
-                        }],
-                        initialValue: record[dataIndex]
-                    })(_react2.default.createElement(_input2.default, { maxLength: "40", 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: 'componentWillReceiveProps',
-        value: function componentWillReceiveProps(nextProps) {
-            if ("isRepeat" in nextProps && nextProps.isRepeat !== this.props.isRepeat) {
-                this.setState({ isRepeat: nextProps.isRepeat });
-            }
-        }
-
-        //保存编辑
-
-
-        //重新渲染
-
-    }, {
-        key: 'render',
-        value: function 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);
-
-var Expenses = function (_React$Component2) {
-    (0, _inherits3.default)(Expenses, _React$Component2);
-
-    function Expenses(props) {
-        (0, _classCallCheck3.default)(this, Expenses);
-
-        var _this2 = (0, _possibleConstructorReturn3.default)(this, (Expenses.__proto__ || (0, _getPrototypeOf2.default)(Expenses)).call(this, props));
-
-        _this2.handleAdd = function () {
-            var _this2$state = _this2.state,
-                count = _this2$state.count,
-                dataSource = _this2$state.dataSource;
-
-            var newData = {
-                key: count,
-                hdqcid: '',
-                qcmc: '',
-                jysm: ''
-            };
-            if (count < 100) {
-                _this2.setState({
-                    dataSource: [].concat((0, _toConsumableArray3.default)(dataSource), [newData]),
-                    count: count + 1
-                });
-            }
-        };
-
-        _this2.handleSave = function (row) {
-            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 jyqcArr = newData.map(function (item) {
-                return item.hdqcid;
-            });
-
-            function isRepeat(arr) {
-                var hash = {};
-                for (var i in arr) {
-                    if (hash[arr[i]]) {
-                        return { sf: true, value: arr[i], index: i };
-                    }
-                    // 不存在该元素，则赋值为true，可以赋任意值，相应的修改if判断条件即可
-                    hash[arr[i]] = true;
-                }
-                return { sf: false, value: -1, index: -1 };
-            }
-
-            _this2.isRepeat = isRepeat(jyqcArr);
-
-            _this2.setState({ dataSource: newData }, function () {
-                if (_this2.props.Callback) {
-                    _this2.props.Callback(newData); // 将data传递到父页面
-                }
-            });
-        };
-
-        _this2.handleDelete = function (key) {
-            var dataSource = [].concat((0, _toConsumableArray3.default)(_this2.state.dataSource));
-            _this2.setState({
-                dataSource: dataSource.filter(function (item) {
-                    return item.key !== key;
-                }),
-                flag: false
-            }, function () {
-                //计算重新序号
-                var count = _this2.state.count;
-                var dataSource = [].concat((0, _toConsumableArray3.default)(_this2.state.dataSource));
-                //存放新的数据源
-                var list = [];
-                //将数据源遍历修改
-                dataSource.forEach(function (item) {
-                    if (item.key > key) {
-                        item.key--;
-                    }
-                    list.push(item);
-                });
-                _this2.setState({
-                    dataSource: list,
-                    count: count - 1,
-                    flag: true
-                }, function () {
-                    if (_this2.props.Callback) {
-                        _this2.props.Callback(list); // 将data传递到父页面
-                    }
-                });
-            });
-        };
-
-        _this2.isRepeat = false;
-        _this2.state = {
-            //表头
-            columns1: [{
-                title: '序号',
-                dataIndex: 'key',
-                width: '10%'
-            }, {
-                title: '器材名称',
-                dataIndex: 'hdqcid',
-                // width: '29%',
-                editable: true
-            }, {
-                title: '借用数目',
-                dataIndex: 'jysm',
-                width: '35%',
-                editable: true
-            }, {
-                title: '操作',
-                dataIndex: 'operation',
-                width: '10%',
-                render: function render(text, record) {
-                    return _this2.state.dataSource.length >= 1 ? _react2.default.createElement(
-                        'a',
-                        { onClick: function onClick() {
-                                return _this2.handleDelete(record.key);
-                            } },
-                        _react2.default.createElement(
-                            'i',
-                            {
-                                'aria-label': '\u56FE\u6807: delete',
-                                className: "anticon anticon-delete",
-                                style: { color: 'red' } },
-                            _react2.default.createElement(
-                                'svg',
-                                {
-                                    viewBox: '64 64 896 896',
-                                    focusable: 'false',
-                                    'data-icon': 'delete',
-                                    width: '1em',
-                                    height: '1em',
-                                    fill: 'currentColor',
-                                    'aria-hidden': 'true' },
-                                _react2.default.createElement('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' })
-                            )
-                        )
-                    ) : null;
-                }
-            }],
-            // 审核表头
-            columns2: [{
-                title: '序号',
-                dataIndex: 'key',
-                width: '10%'
-            }, {
-                title: '器材名称',
-                dataIndex: 'qcmc'
-            }, {
-                title: '借用数目',
-                dataIndex: 'jysm',
-                width: '35%'
-            }],
-            //数据源
-            dataSource: [],
-            // hdqcSelect: '',//借用器材下拉
-            //序号
-            count: 1,
-            flag: true
-        };
-        return _this2;
-    }
-
-    (0, _createClass3.default)(Expenses, [{
-        key: 'componentWillReceiveProps',
-        value: function componentWillReceiveProps(nextProps) {
-            if ("editData" in nextProps && nextProps.editData && nextProps.editData.length > 0) {
-                this.setState({
-                    dataSource: nextProps.editData,
-                    count: nextProps.editData.length + 1
-                });
-            }
-        }
-
-        //增加函数
-
-
-        // 保存
-
-
-        // 删除
-
-    }, {
-        key: 'render',
-        value: function render() {
-            var _this3 = this;
-
-            var _state = this.state,
-                dataSource = _state.dataSource,
-                columns1 = _state.columns1,
-                columns2 = _state.columns2;
-            var _props2 = this.props,
-                hdqcSelect = _props2.hdqcSelect,
-                editable = _props2.editable;
-
-            var components = {
-                body: {
-                    row: EditableFormRow,
-                    cell: EditableCell
-                }
-            };
-            // 用于判断表头
-            var newColumns = [];
-
-            if (editable) {
-                newColumns = columns1;
-            } else {
-                newColumns = columns2;
-            }
-
-            var columns = newColumns.map(function (col) {
-                if (!col.editable) {
-                    return col;
-                }
-                return (0, _extends3.default)({}, col, {
-                    onCell: function onCell(record) {
-                        var _ref3;
-
-                        return _ref3 = {
-                            record: record,
-                            editable: col.editable,
-                            dataIndex: col.dataIndex,
-                            title: col.title,
-                            dataSource: dataSource,
-                            hdqcSelect: hdqcSelect,
-                            handleSave: _this3.handleSave
-                        }, (0, _defineProperty3.default)(_ref3, 'editable', editable), (0, _defineProperty3.default)(_ref3, 'isRepeat', _this3.isRepeat), _ref3;
-                    }
-                });
-            });
-            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
-                }),
-                _react2.default.createElement(
-                    _button2.default,
-                    { onClick: this.handleAdd,
-                        className: 'ant-btn ant-btn-primary ant-btn-background-ghost',
-                        style: {
-                            width: "100%",
-                            borderStyle: "dashed",
-                            marginTop: "16px",
-                            display: editable ? "block" : "none"
-                        }
-                    },
-                    _react2.default.createElement(
-                        'i',
-                        { 'aria-label': '\u56FE\u6807: plus', 'class': 'anticon anticon-plus' },
-                        _react2.default.createElement(
-                            'svg',
-                            { viewBox: '64 64 896 896', focusable: 'false', 'class': '', 'data-icon': 'plus', width: '1em', height: '1em', fill: 'currentColor', 'aria-hidden': 'true' },
-                            _react2.default.createElement('path', { d: 'M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z' }),
-                            _react2.default.createElement('path', { d: 'M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z' })
-                        )
-                    ),
-                    _react2.default.createElement(
-                        'span',
-                        null,
-                        '\u65B0\u589E'
-                    )
-                )
-            );
-        }
-    }]);
-    return Expenses;
-}(_react2.default.Component);
-
-exports.default = Expenses;