dlt-for-react 1.0.1

package/lib/components/NHDynamicFormShow/oneOnMany/sub/infoItemCard/card/index.js

@@ -0,0 +1,383 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _row = require("antd/lib/row");
+
+var _row2 = _interopRequireDefault(_row);
+
+var _col = require("antd/lib/col");
+
+var _col2 = _interopRequireDefault(_col);
+
+var _tooltip = require("antd/lib/tooltip");
+
+var _tooltip2 = _interopRequireDefault(_tooltip);
+
+var _icon = require("antd/lib/icon");
+
+var _icon2 = _interopRequireDefault(_icon);
+
+var _extends2 = require("babel-runtime/helpers/extends");
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+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);
+
+require("antd/lib/row/style");
+
+require("antd/lib/col/style");
+
+require("antd/lib/tooltip/style");
+
+require("antd/lib/icon/style");
+
+require("antd/lib/message/style");
+
+var _classnames = require("classnames");
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _propTypes = require("prop-types");
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _moment = require("moment");
+
+var _moment2 = _interopRequireDefault(_moment);
+
+var _render = require("../../../../../NHInputPicker/render.js");
+
+var _render2 = _interopRequireDefault(_render);
+
+var _index = require("../../../../../NHSubList/index.js");
+
+var _index2 = _interopRequireDefault(_index);
+
+require("../../../../../../../assets/NHDynamicFormShow/oneOnMany/sub/infoItemCard/index.less");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var Card = function (_React$Component) {
+    (0, _inherits3.default)(Card, _React$Component);
+
+    function Card() {
+        var _ref;
+
+        var _temp, _this, _ret;
+
+        (0, _classCallCheck3.default)(this, Card);
+
+        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, (_ref = Card.__proto__ || (0, _getPrototypeOf2.default)(Card)).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) {
+                var ifShowJCXX = false; //是否显示纠错的信息
+                var JCXXobj = {}; //纠错数据
+                var jcReocrds = _this.props.jcReocrds;
+                // 获取当前字段的纠错数据
+
+                if (jcReocrds && jcReocrds.length > 0) {
+                    var filterArry = jcReocrds.filter(function (idxJC) {
+                        return idxJC.zdid == item.id;
+                    });
+                    ifShowJCXX = filterArry.length > 0;
+                    JCXXobj = ifShowJCXX ? filterArry[0] : JCXXobj;
+                }
+
+                //此处只展示sfxs为1(显示)的字段
+                if (item.sfxs === '1') {
+                    var span = 1;
+                    var required = item.sfbt === '1' ? true : false;
+                    var render = undefined;
+                    var isUpload = false;
+
+                    //表单控件类型bdkjlx为upload时span为3列
+                    if (item.bdkjlx === 'upload') {
+                        isUpload = true;
+                        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 || item.stlm] !== undefined ? data[item.fieldName || item.stlm] : {};
+                    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') : undefined;
+                    }
+                    //如果是日期时间(datetimepicker)，初始化的值需要做处理
+                    if (item.bdkjlx === 'datetimepicker') {
+                        value = value ? (0, _moment2.default)(value, 'YYYY-MM-DD HH:mm:ss') : undefined;
+                    }
+                    if (item.bdkjlx === 'timepicker') {
+                        value = value ? (0, _moment2.default)(value, 'HH:mm:ss') : undefined;
+                    }
+
+                    if (item.bdkjlx === 'monthpicker') {
+                        value = value ? (0, _moment2.default)(value, 'YYYY-MM') : undefined;
+                    }
+
+                    //如果是日期范围(rangepicker)，暂时不支持
+                    if (item.bdkjlx === 'rangepicker') {
+                        _message3.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 } };
+                    var isEdit = _this.props.isEdit && item.sfbj === '1' ? true : false;
+                    // 纠错编辑模式下 需要开放纠错编辑才显示可编辑
+                    if (_this.props.model == 'editCheck') {
+                        isEdit = item.sfkfjc === '1' ? true : false;
+                    };
+                    //是采集方式为表单控件，且是可编辑的状态
+                    if (item.sfbj === '1' && item.sjcjfsdm === '01' || isUpload || item.sfkfjc === '1') {
+                        render = function render() {
+                            if (_this.props.model === 'editCheck' && item.sfkfjc !== '1') {
+                                return undefined;
+                            }
+                            return _react2.default.createElement(_render2.default, (0, _extends3.default)({
+                                id: (item.fieldName || item.stlm) + data.fieldPrefix,
+                                label: item.title,
+                                value: value,
+                                form: _this.props.form,
+                                feature: item.bdkjcs,
+                                required: required,
+                                hideLabel: true,
+                                formItemLayout: formItemLayout,
+                                isEdit: isEdit
+                            }, otherParams, {
+                                onChange: function onChange(value, text) {
+                                    _this.props.onChange(data.seq, item.fieldName || item.stlm, value, text, item);
+                                }
+                            }));
+                        };
+                    } //else {
+                    //     render = () => {
+                    //         return (
+                    //             <NHInputRender
+                    //                 id={item.fieldName + data.fieldPrefix}
+                    //                 label={item.title}
+                    //                 value={value}
+                    //                 form={this.props.form}
+                    //                 feature={item.bdkjcs}
+                    //                 required={required}
+                    //                 readOnly={true}
+                    //                 hideLabel={true}
+                    //                 formItemLayout={formItemLayout}
+                    //             />
+                    //         )
+                    //     }
+                    // }
+                    var map = {
+                        isUpload: isUpload,
+                        title: _react2.default.createElement(
+                            "font",
+                            { "class": 'dynamic-label-' + item.blm },
+                            item.title
+                        ),
+                        text: dataMap.text,
+                        required: required,
+                        render: render,
+                        span: span,
+                        sfkfjc: item.sfkfjc
+
+                    };
+                    // 若展示纠错字段信息，展示原值 与 新值
+                    if (ifShowJCXX) {
+                        map.title = _react2.default.createElement(
+                            "font",
+                            { "class": 'dynamic-label-' + item.blm, style: { color: 'red' } },
+                            item.title
+                        );
+                        map.text = _react2.default.createElement(
+                            "div",
+                            { style: { textAlign: 'center', color: 'red' } },
+                            _react2.default.createElement(
+                                _tooltip2.default,
+                                { title: "\u7EA0\u9519\u539F\u503C\u4E3A\uFF1A" + JCXXobj.yz },
+                                JCXXobj.xz,
+                                _react2.default.createElement(_icon2.default, { style: { color: 'red', marginLeft: '5px' }, type: "warning" })
+                            )
+                        );
+                    }
+                    dataList.push(map);
+                }
+                return item;
+            });
+            return dataList;
+        }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
+    }
+
+    (0, _createClass3.default)(Card, [{
+        key: "render",
+        value: function render() {
+            var _this2 = this;
+
+            var _props = this.props,
+                className = _props.className,
+                order = _props.order,
+                isEdit = _props.isEdit,
+                form = _props.form,
+                titleList = _props.titleList,
+                data = _props.data,
+                model = _props.model;
+
+
+            var dataList = this.getDataList(titleList, data);
+            return _react2.default.createElement(
+                "div",
+                {
+                    className: (0, _classnames2.default)("cardItemInfo", className, {
+                        "cardItemInfo-edit": isEdit,
+                        "cardItemInfo_editCheck_Bl": data.isBl
+                    })
+                },
+                _react2.default.createElement(
+                    _row2.default,
+                    { type: "flex", align: "middle", gutter: 8 },
+                    data.isBl && _react2.default.createElement(
+                        _col2.default,
+                        { span: 2 },
+                        _react2.default.createElement(
+                            "div",
+                            { style: { textAlign: 'center' } },
+                            _react2.default.createElement(
+                                _tooltip2.default,
+                                { title: "\u672C\u884C\u6570\u636E\u4E3A\u5B66\u751F\u8865\u5F55\u6570\u636E\uFF01" },
+                                _react2.default.createElement(_icon2.default, { style: { color: 'red' }, type: "warning" })
+                            )
+                        )
+                    ),
+                    _react2.default.createElement(
+                        _col2.default,
+                        { span: isEdit ? 22 : data.isBl ? 22 : 24 },
+                        _react2.default.createElement(_index2.default, {
+                            list: dataList,
+                            isEdit: isEdit,
+                            form: form,
+                            model: model
+                        })
+                    ),
+
+                    /* 纠错编辑模式下屏蔽掉删除操作，暂不考虑一对多的删除 */
+                    isEdit ? model !== 'editCheck' || model === 'editCheck' && data.add ? _react2.default.createElement(
+                        _col2.default,
+                        { span: 2 },
+                        _react2.default.createElement(
+                            "div",
+                            { style: { textAlign: 'center' } },
+                            _react2.default.createElement(
+                                "a",
+                                { onClick: function onClick() {
+                                        return _this2.onDelete(data.seq, data.id, data);
+                                    } },
+                                "\u522A\u9664"
+                            )
+                        )
+                    )
+                    // 如果为纠错编辑模式下 非新增的不显示删除按钮 暂时只考虑补录的情况
+                    : null : null
+                )
+            );
+        }
+    }]);
+    return Card;
+}(_react2.default.Component);
+
+Card.propTypes = {
+    order: _propTypes2.default.any,
+    isEdit: _propTypes2.default.bool,
+    onDelete: _propTypes2.default.func
+};
+Card.defaultProps = {
+    order: "", // 序号
+    isEdit: false, // 是否正在编辑
+    onDelete: Function.prototype
+};
+exports.default = Card;

package/lib/components/NHDynamicFormShow/oneOnMany/sub/infoItemCard/index.js

@@ -0,0 +1,230 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _button = require("antd/lib/button");
+
+var _button2 = _interopRequireDefault(_button);
+
+var _form = require("antd/lib/form");
+
+var _form2 = _interopRequireDefault(_form);
+
+var _typeof2 = require("babel-runtime/helpers/typeof");
+
+var _typeof3 = _interopRequireDefault(_typeof2);
+
+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);
+
+require("antd/lib/button/style");
+
+require("antd/lib/form/style");
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _createUuid = require("../../../../../utils/createUuid");
+
+var _createUuid2 = _interopRequireDefault(_createUuid);
+
+var _card = require("./card");
+
+var _card2 = _interopRequireDefault(_card);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var InfoItemTableInitForm = function (_React$Component) {
+  (0, _inherits3.default)(InfoItemTableInitForm, _React$Component);
+
+  function InfoItemTableInitForm(props) {
+    (0, _classCallCheck3.default)(this, InfoItemTableInitForm);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (InfoItemTableInitForm.__proto__ || (0, _getPrototypeOf2.default)(InfoItemTableInitForm)).call(this, props));
+
+    _this.onAdd = function () {
+      var dataList = _this.props.dataList;
+      dataList.push({
+        seq: dataList.length + 1,
+        id: (0, _createUuid2.default)(),
+        add: true,
+        fieldPrefix: (0, _createUuid2.default)()
+      });
+      if (_this.props.setDataList) {
+        _this.props.setDataList(dataList);
+      }
+    };
+
+    _this.onClose = function (seq, id, data) {
+      var dataList = _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 = _this.props.dataList;
+      var map = dataList[seq - 1];
+
+      if (map.add) {
+        //说明是新增加的一条数据
+        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 ((0, _typeof3.default)(map[key]) === 'object' && map[key].value !== map[key].initValue) {
+            isChange = true;
+          }
+        }
+        map.isChange = isChange;
+      }
+
+      if (_this.props.setDataList) {
+        _this.props.setDataList(dataList);
+      }
+    };
+
+    _this.state = {};
+    return _this;
+  }
+
+  // 新增
+
+
+  // 删除
+
+
+  /**
+   * 值的改变事件
+   */
+
+
+  (0, _createClass3.default)(InfoItemTableInitForm, [{
+    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,
+          jcList = _props.jcList;
+      // 该分类是否存在纠错字段
+
+      var hasJczd = titleList.filter(function (item) {
+        return item.sfkfjc === '1';
+      }).length > 0;
+      return _react2.default.createElement(
+        "div",
+        null,
+        _react2.default.createElement(
+          "div",
+          { className: "itemTable" },
+          _react2.default.createElement(
+            _form2.default,
+            { style: { margin: 0 } },
+            dataList.map(function (item) {
+              // 获取当前行的纠错数据
+              var jcReocrdsArry = jcList.filter(function (idxItem) {
+                return idxItem.jlpkid == item.id;
+              });
+              var jcReocrds = [];
+              if (jcReocrdsArry.length > 0) {
+                jcReocrds = jcReocrdsArry[0].records;
+              }
+              return _react2.default.createElement(_card2.default, {
+                key: item.seq,
+                order: item.seq,
+                data: item,
+                titleList: titleList,
+                form: form,
+                isEdit: isEdit,
+                onDelete: _this2.onClose,
+                onChange: _this2.onChange,
+                model: model,
+                jcReocrds: jcReocrds
+              });
+            })
+          ),
+          isEdit === true && dataList.length < this.props.tsxzzdz && model !== 'editCheck' ? _react2.default.createElement(
+            "div",
+            { className: "itemTable-add" },
+            _react2.default.createElement(
+              _button2.default,
+              { icon: "plus", type: "primary", ghost: true, onClick: this.onAdd },
+              "\u65B0\u589E"
+            )
+          ) : model === 'editCheck' && dataList.length < this.props.tsxzzdz && isEdit && hasJczd ? _react2.default.createElement(
+            "div",
+            { className: "itemTable-add" },
+            _react2.default.createElement(
+              _button2.default,
+              { icon: "plus", type: "primary", ghost: true, onClick: this.onAdd },
+              "\u65B0\u589E"
+            )
+          ) : null
+        )
+      );
+    }
+  }]);
+  return InfoItemTableInitForm;
+}(_react2.default.Component);
+// import {createUuid} from "xgui-for-react";
+
+
+InfoItemTableInitForm.propTypes = {};
+InfoItemTableInitForm.defaultProps = {};
+
+
+var InfoItemTable = _form2.default.create()(InfoItemTableInitForm);
+exports.default = InfoItemTable;