dlt-for-react 1.0.23 → 1.1.0

package/lib/components/NHDynamicFormShow/oneOnMany/cardForm/cardItem/index.js

@@ -0,0 +1,279 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _button = require('antd-mobile/lib/button');
+
+var _button2 = _interopRequireDefault(_button);
+
+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/button/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 _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _render = require('../../../../NHInputPicker/render');
+
+var _render2 = _interopRequireDefault(_render);
+
+var _moment = require('moment');
+
+var _moment2 = _interopRequireDefault(_moment);
+
+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 CardItem = function (_React$Component) {
+    _inherits(CardItem, _React$Component);
+
+    function CardItem() {
+        var _ref;
+
+        var _temp, _this, _ret;
+
+        _classCallCheck(this, CardItem);
+
+        for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+        }
+
+        return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = CardItem.__proto__ || Object.getPrototypeOf(CardItem)).call.apply(_ref, [this].concat(args))), _this), _this.onDelete = function (seq, id, data) {
+            if (_this.props.onDelete) {
+                _this.props.onDelete(seq, id, data);
+            }
+        }, _this.getDataList = function (titleList, data) {
+            var dataList = [];
+            if (titleList == null) {
+                titleList = [];
+            }
+            var totalSpan = 0; // 到目前为止的所有列数
+            var hasUseSpan = void 0; // 当前行已使用的列数
+            titleList.map(function (item) {
+                //此处只展示sfxs为1(显示)的字段
+                if (item.sfxs === '1') {
+                    var span = 1;
+                    var required = item.sfbt === '1' ? true : false;
+                    var render = undefined;
+
+                    //表单控件类型bdkjlx为upload时span为3列
+                    if (item.bdkjlx === 'upload') {
+                        span = 3;
+                        // 以下操作是为了保证在剩余列数不为3列的情况下换行，
+                        hasUseSpan = totalSpan % 3;
+                        if (3 - hasUseSpan < span) {
+                            if (dataList.length > 0) {
+                                dataList[dataList.length - 1].span += 3 - hasUseSpan;
+                                totalSpan += 3 - hasUseSpan;
+                            }
+                        }
+                    }
+                    //表单控件类型bdkjlx为textarea时span为3列
+                    if (item.bdkjlx === 'textarea') {
+                        span = 3;
+                        // 以下操作是为了保证在剩余列数不为3列的情况下换行，
+                        hasUseSpan = totalSpan % 3;
+                        if (3 - hasUseSpan < span) {
+                            if (dataList.length > 0) {
+                                dataList[dataList.length - 1].span += 3 - hasUseSpan;
+                                totalSpan += 3 - hasUseSpan;
+                            }
+                        }
+                    }
+                    //表单控件类型bdkjlx为级联nhcascader、多选下拉框时span为2列
+                    if (item.bdkjlx === 'nhcascader' || item.bdkjlx === 'multiselect') {
+                        span = 2;
+                        // 以下操作是为了保证在一行剩余列数不为2列的情况下换行，
+                        hasUseSpan = totalSpan % 3;
+                        if (3 - hasUseSpan < span) {
+                            if (dataList.length > 0) {
+                                dataList[dataList.length - 1].span += 3 - hasUseSpan;
+                                totalSpan += 3 - hasUseSpan;
+                            }
+                        }
+                    }
+                    totalSpan += span;
+
+                    var dataMap = data[item.fieldName] !== undefined ? data[item.fieldName] : {};
+                    var deV = undefined;
+                    if (item.bdkjcs && item.bdkjcs !== "" && item.bdkjcs !== undefined) {
+                        var parameter = JSON.parse(item.bdkjcs);
+                        deV = parameter.defaultValue;
+                    }
+                    var value = dataMap.value ? dataMap.value : deV;
+                    //如果是日期(datepicker)，初始化的值需要做处理
+                    if (item.bdkjlx === 'datepicker') {
+                        value = value ? (0, _moment2.default)(value, 'YYYY-MM-DD').toDate() : undefined;
+                    }
+                    //如果是日期时间(datetimepicker)，初始化的值需要做处理
+                    if (item.bdkjlx === 'datetimepicker') {
+                        value = value ? (0, _moment2.default)(value, 'YYYY-MM-DD HH:mm:ss').toDate() : undefined;
+                    }
+                    if (item.bdkjlx === 'timepicker') {
+                        value = value ? (0, _moment2.default)(value, 'HH:mm:ss').toDate() : undefined;
+                    }
+                    //如果是日期范围(rangepicker)，暂时不支持
+                    if (item.bdkjlx === 'rangepicker') {
+                        _toast2.default.error("表单不支持日期范围控件");
+                    }
+
+                    var otherParams = {};
+                    if (item.parentfieldid) {
+                        var row = titleList.find(function (row) {
+                            return row.id === item.parentfieldid;
+                        });
+                        if (row) {
+                            otherParams.parentValue = row.value;
+                        }
+                    }
+
+                    var formItemLayout = { wrapperCol: { span: 24 } };
+                    // let isEdit = this.props.isEdit && item.sfbj === '1' ? true : false;
+                    //let disabled = false;
+                    // 纠错编辑模式下 需要开放纠错编辑才显示可编辑
+                    var isEdit = true;
+                    if (_this.props.model == 'editCheck') {
+                        isEdit = item.sfkfjc === '1' ? true : false;
+                    };
+                    //是采集方式为表单控件，且是可编辑的状态
+                    if (item.sjcjfsdm === '01') {
+                        //disabled=!(item.sfbj == '1' );
+                        if (item.sfbj == '1' && isEdit) {
+                            render = function render() {
+                                return _react2.default.createElement(_render2.default, _extends({
+                                    key: item.id,
+                                    id: item.fieldName + data.fieldPrefix,
+                                    label: item.title,
+                                    value: value,
+                                    form: _this.props.form,
+                                    feature: item.bdkjcs,
+                                    required: required,
+                                    hideLabel: true,
+                                    formItemLayout: formItemLayout
+                                    //disabled={disabled}
+                                }, otherParams, {
+                                    onChange: function onChange(value, text) {
+                                        _this.props.onChange(data.seq, item.fieldName, value, text, item);
+                                    }
+                                }));
+                            };
+                        } else {
+                            render = function render() {
+                                return _react2.default.createElement(
+                                    _list2.default.Item,
+                                    { extra: item.text, key: item.id, wrap: true, multipleLine: true },
+                                    item.title
+                                );
+                            };
+                        }
+                    }
+
+                    var map = {
+                        title: _react2.default.createElement(
+                            'font',
+                            { className: 'dynamic-label-' + item.blm },
+                            item.title
+                        ),
+                        text: dataMap.text,
+                        required: required,
+                        render: render,
+                        span: span,
+                        id: item.id
+                    };
+
+                    dataList.push(map);
+                }
+                return item;
+            });
+            return dataList;
+        }, _temp), _possibleConstructorReturn(_this, _ret);
+    }
+
+    _createClass(CardItem, [{
+        key: 'render',
+        value: function render() {
+            var _this2 = this;
+
+            var _props = this.props,
+                isEdit = _props.isEdit,
+                titleList = _props.titleList,
+                data = _props.data,
+                model = _props.model;
+
+
+            var dataList = this.getDataList(titleList, data);
+            return _react2.default.createElement(
+                'div',
+                null,
+                _react2.default.createElement(
+                    _list2.default,
+                    null,
+                    dataList.map(function (item) {
+                        if (isEdit) {
+                            return item.render();
+                        } else {
+                            return _react2.default.createElement(
+                                _list2.default.Item,
+                                { extra: item.text, wrap: true, key: item.id, multipleLine: true },
+                                item.title
+                            );
+                        }
+                    })
+                ),
+                isEdit ? model !== 'editCheck' || model === 'editCheck' && !data.id ? _react2.default.createElement(
+                    'div',
+                    null,
+                    _react2.default.createElement(
+                        _button2.default,
+                        { icon: 'cross', type: 'ghost', size: 'small', onClick: function onClick() {
+                                return _this2.onDelete(data.seq, data.id, data);
+                            } },
+                        '\u5220\u9664'
+                    )
+                ) :
+                // 如果为纠错编辑模式下 非新增的不显示删除按钮 暂时只考虑补录的情况
+                null : null,
+                _react2.default.createElement('br', null)
+            );
+        }
+    }]);
+
+    return CardItem;
+}(_react2.default.Component);
+
+CardItem.propTypes = {
+    order: _propTypes2.default.any,
+    isEdit: _propTypes2.default.bool,
+    onDelete: _propTypes2.default.func
+};
+CardItem.defaultProps = {
+    order: "", // 序号
+    isEdit: false // 是否正在编辑
+};
+exports.default = CardItem;

package/lib/components/NHDynamicFormShow/oneOnMany/cardForm/index.js

@@ -0,0 +1,206 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _button = require('antd-mobile/lib/button');
+
+var _button2 = _interopRequireDefault(_button);
+
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+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/button/style/css');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _rcForm = require('rc-form');
+
+var _index = require('./cardItem/index');
+
+var _index2 = _interopRequireDefault(_index);
+
+var _createUuid = require('../../../../utils/createUuid');
+
+var _createUuid2 = _interopRequireDefault(_createUuid);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
+
+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 Card = function (_React$Component) {
+    _inherits(Card, _React$Component);
+
+    function Card() {
+        var _ref;
+
+        var _temp, _this, _ret;
+
+        _classCallCheck(this, Card);
+
+        for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+        }
+
+        return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Card.__proto__ || Object.getPrototypeOf(Card)).call.apply(_ref, [this].concat(args))), _this), _this.onAdd = function () {
+            var dataList = [].concat(_toConsumableArray(_this.props.dataList));
+            dataList.push({
+                seq: dataList.length + 1,
+                fieldPrefix: (0, _createUuid2.default)()
+            });
+            if (_this.props.setDataList) {
+                _this.props.setDataList(dataList);
+            }
+        }, _this.onClose = function (seq, id, data) {
+            var dataList = [].concat(_toConsumableArray(_this.props.dataList));
+            dataList = dataList.filter(function (item) {
+                return item.seq !== seq;
+            });
+            dataList = dataList.map(function (item, index) {
+                item.seq = index + 1;
+                return item;
+            });
+            if (_this.props.setDataList) {
+                _this.props.setDataList(dataList, id, data);
+            }
+        }, _this.onChange = function (seq, fieldName, v, t, item) {
+            var value = v;
+            var text = t;
+            if (item.bdkjlx === 'nhcascader') {
+                //如果值是级联，此时需要做处理
+                value = "";
+                text = "";
+                t.map(function (map) {
+                    text += map.label;
+                    value = map.value;
+                    return map;
+                });
+            }
+
+            var dataList = [].concat(_toConsumableArray(_this.props.dataList));
+            var map = dataList[seq - 1] || {};
+
+            if (map.id === undefined) {
+                //说明是新增加的一条数据
+                map[fieldName] = {
+                    text: text,
+                    value: value
+                };
+                map.isChange = true; //这个时候的值肯定是改变了的
+            } else {
+                //说明是本来就有的数据
+                map[fieldName].text = text;
+                map[fieldName].value = value;
+                //此时需要判断所有的值是否存在改变
+                var isChange = false;
+                for (var key in map) {
+                    if (_typeof(map[key]) === 'object' && map[key].value !== map[key].initValue) {
+                        isChange = true;
+                    }
+                }
+                map.isChange = isChange;
+            }
+
+            if (_this.props.setDataList) {
+                _this.props.setDataList(dataList);
+            }
+        }, _this.onCacheSave = function () {
+            _this.props.onEditClose();
+        }, _this.onCancel = function () {
+            _this.props.onCacheBack();
+        }, _temp), _possibleConstructorReturn(_this, _ret);
+    }
+
+    // 新增
+
+
+    // 删除
+
+
+    /**
+     * 值的改变事件
+     */
+
+
+    // editCheck模式 点击保存缓存数据
+
+
+    // editCheck模式,点击取消回退先前的数据
+
+
+    _createClass(Card, [{
+        key: 'render',
+        value: function render() {
+            var _this2 = this;
+
+            var _props = this.props,
+                isEdit = _props.isEdit,
+                titleList = _props.titleList,
+                dataList = _props.dataList,
+                form = _props.form,
+                model = _props.model;
+
+            return _react2.default.createElement(
+                'div',
+                null,
+                _react2.default.createElement(
+                    'form',
+                    null,
+                    dataList.map(function (item) {
+                        return _react2.default.createElement(_index2.default, {
+                            key: item.seq,
+                            order: item.seq,
+                            data: item,
+                            titleList: titleList,
+                            form: form,
+                            isEdit: isEdit,
+                            onDelete: _this2.onClose,
+                            onChange: _this2.onChange,
+                            model: model
+                        });
+                    })
+                ),
+                isEdit === true && dataList.length < this.props.tsxzzdz ? _react2.default.createElement(
+                    'div',
+                    null,
+                    _react2.default.createElement(
+                        _button2.default,
+                        { icon: 'plus', type: 'ghost', size: 'small', onClick: this.onAdd },
+                        '\u6DFB\u52A0'
+                    )
+                ) : null,
+
+                // 纠错编辑模式
+                isEdit === true && model === 'editCheck' && _react2.default.createElement(
+                    'div',
+                    { style: { display: 'flex', justifyContent: 'space-around', margin: '10px 0px 5px 0' } },
+                    _react2.default.createElement(
+                        _button2.default,
+                        { type: 'primary', inline: true, size: 'small', onClick: this.onCacheSave },
+                        '\u4FDD\u5B58'
+                    ),
+                    _react2.default.createElement(
+                        _button2.default,
+                        { type: 'ghost', inline: true, size: 'small', onClick: this.onCancel },
+                        '\u53D6\u6D88'
+                    )
+                )
+            );
+        }
+    }]);
+
+    return Card;
+}(_react2.default.Component);
+
+var CardForm = (0, _rcForm.createForm)()(Card);
+exports.default = CardForm;