dlt-for-react 1.0.1

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

@@ -0,0 +1,450 @@
+"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 _table = require("antd/lib/table");
+
+var _table2 = _interopRequireDefault(_table);
+
+var _extends2 = require("babel-runtime/helpers/extends");
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _message2 = require("antd/lib/message");
+
+var _message3 = _interopRequireDefault(_message2);
+
+var _tooltip = require("antd/lib/tooltip");
+
+var _tooltip2 = _interopRequireDefault(_tooltip);
+
+var _icon = require("antd/lib/icon");
+
+var _icon2 = _interopRequireDefault(_icon);
+
+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");
+
+require("antd/lib/table/style");
+
+require("antd/lib/message/style");
+
+require("antd/lib/tooltip/style");
+
+require("antd/lib/icon/style");
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _moment = require("moment");
+
+var _moment2 = _interopRequireDefault(_moment);
+
+var _createUuid = require("../../../../../utils/createUuid");
+
+var _createUuid2 = _interopRequireDefault(_createUuid);
+
+var _render = require("../../../../NHInputPicker/render.js");
+
+var _render2 = _interopRequireDefault(_render);
+
+require("../../../../../../assets/NHDynamicFormShow/oneOnMany/sub/infoItemTable/index.less");
+
+var _tableItem = require("./tableItem");
+
+var _tableItem2 = _interopRequireDefault(_tableItem);
+
+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, record) {
+      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, record);
+      }
+    };
+
+    _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 = {
+      tableWidth: 800
+    };
+    return _this;
+  }
+
+  (0, _createClass3.default)(InfoItemTableInitForm, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var tableWidth = this.state.tableWidth;
+
+      if (this.tableWarpRef) {
+        var width = this.tableWarpRef.clientWidth;
+        if (tableWidth !== width) {
+
+          this.setState({
+            tableWidth: width
+          });
+        }
+      }
+    }
+
+    // 新增
+
+
+    /**
+     * 值的改变事件
+     */
+
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _props = this.props,
+          isEdit = _props.isEdit,
+          titleList = _props.titleList,
+          dataList = _props.dataList,
+          model = _props.model,
+          pageSize = _props.pageSize;
+      var tableWidth = this.state.tableWidth;
+      // 该分类是否存在纠错字段
+
+      var hasJczd = titleList.filter(function (item) {
+        return item.sfkfjc === '1';
+      }).length > 0;
+      var columns = [{
+        title: "序号",
+        dataIndex: "seq",
+        key: "seq",
+        width: '70px',
+        render: function render(col, record) {
+          // 纠错模式 存在补录的情况
+          if (record.isBl) {
+            return _react2.default.createElement(
+              "div",
+              { style: { textAlign: 'center', color: 'red' } },
+              _react2.default.createElement(
+                _tooltip2.default,
+                { title: "\u672C\u884C\u6570\u636E\u4E3A\u5B66\u751F\u8865\u5F55\u6570\u636E\uFF01" },
+                record.seq,
+                _react2.default.createElement(_icon2.default, { style: { marginLeft: '5px' }, type: "warning" })
+              )
+            );
+          } else {
+            return _react2.default.createElement(
+              "div",
+              { style: { textAlign: 'center' } },
+              col
+            );
+          }
+        }
+      }];
+      titleList.map(function (item) {
+        var isEditR = isEdit;
+        //纠错模式下 需要字段开放纠错编辑才显示可编辑
+        if (model === 'editCheck') {
+          isEditR = item.sfkfjc === '1' && isEdit ? true : false;
+        }
+        columns.push({
+          title: item.sfbt === '1' && isEditR ? _react2.default.createElement(
+            "label",
+            { id: 'ant-descriptions-item-label-required' },
+            _react2.default.createElement(
+              "font",
+              { "class": 'dynamic-label-' + item.blm },
+              item.title
+            )
+          ) : _react2.default.createElement(
+            "font",
+            { "class": 'dynamic-label-' + item.blm },
+            item.title
+          ),
+          dataIndex: item.fieldName || item.stlm,
+          key: item.fieldName || item.stlm,
+          render: function render(col, record) {
+            var isUpload = false;
+            if (item.bdkjlx === 'upload') {
+              isUpload = true;
+            }
+            //如果是编辑模式，且参数获取方式是表单控件，且该字段是可编辑模式
+            if (isEditR === true && item.sjcjfsdm === '01' && item.sfbj === '1' || isUpload) {
+              var deV = undefined;
+              if (item.bdkjcs && item.bdkjcs !== "" && item.bdkjcs !== undefined) {
+                var parameter = JSON.parse(item.bdkjcs);
+                deV = parameter.defaultValue;
+              }
+              var otherParams = {};
+              var value = col !== undefined ? col.value : deV;
+              if (col !== undefined) {
+                //如果是日期(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("表单不支持日期范围控件");
+                }
+
+                if (item.parentfieldid) {
+                  var row = list.find(function (row) {
+                    return row.id === item.parentfieldid;
+                  });
+                  if (row) {
+                    otherParams.parentValue = row.value;
+                  }
+                }
+              }
+              var formItemLayout = { wrapperCol: { span: 24 } };
+              return _react2.default.createElement(_tableItem2.default, {
+                isEdit: isEditR,
+                edit: _react2.default.createElement(_render2.default, (0, _extends3.default)({
+                  id: record.fieldPrefix + (item.fieldName || item.stlm),
+                  label: item.title,
+                  hideLabel: true,
+                  value: value,
+                  form: _this2.props.form,
+                  feature: item.bdkjcs,
+                  required: item.sfbt === '1' ? true : false,
+                  formItemLayout: formItemLayout,
+                  isEdit: isEditR
+                }, otherParams, {
+                  onChange: function onChange(value, text) {
+                    _this2.onChange(record.seq, item.fieldName || item.stlm, value, text, item);
+                  }
+                })),
+                isUpload: isUpload,
+                text: col !== undefined ? col.text : ''
+              });
+            } else {
+              // 若展示纠错字段信息，展示原值 与 新值
+              return col !== undefined ? col.jfJcShow ? _react2.default.createElement(
+                "div",
+                { style: { textAlign: 'center', color: 'red' } },
+                _react2.default.createElement(
+                  _tooltip2.default,
+                  { title: "\u7EA0\u9519\u539F\u503C\u4E3A\uFF1A" + col.yz },
+                  col.xz,
+                  _react2.default.createElement(_icon2.default, { style: { color: 'red', marginLeft: '5px' }, type: "warning" })
+                )
+              ) : col.text : '';
+            }
+          }
+        });
+      });
+
+      //纠错编辑模式下屏蔽掉删除操作，暂不考虑一对多的删除
+      if (isEdit === true) {
+        columns.push({
+          title: "操作",
+          dataIndex: "action",
+          key: "action",
+          width: '70px',
+          render: function render(text, record) {
+            if (model === 'editCheck' && !record.add) {
+              return null;
+            }
+            return _react2.default.createElement(
+              "a",
+              { onClick: function onClick() {
+                  return _this2.onClose(record.seq, record.id, record);
+                } },
+              _react2.default.createElement(_icon2.default, { type: "delete", style: { color: 'red' } })
+            );
+          }
+        });
+      }
+
+      var tableScroll = {};
+      if (tableWidth && titleList.length > 5) {
+        tableScroll.x = tableWidth;
+        columns.map(function (item) {
+          if (item.dataIndex === 'seq') {
+            item.fixed = 'left';
+          } else if (item.dataIndex === 'action') {
+            item.fixed = 'right';
+          } else {
+            item.width = '160px';
+          }
+        });
+        if (isEdit === true) {
+          columns[columns.length - 2].width = undefined; //留一列不设置宽度，避免出现白色空隙
+        } else {
+          columns[columns.length - 1].width = undefined; //留一列不设置宽度，避免出现白色空隙
+        }
+      }
+
+      var pagination = pageSize ? { total: dataList.length || 0, pageSize: pageSize } : false;
+      return _react2.default.createElement(
+        "div",
+        null,
+        _react2.default.createElement(
+          "div",
+          { className: "itemTable", ref: function ref(el) {
+              return _this2.tableWarpRef = el;
+            } },
+          _react2.default.createElement(
+            _form2.default,
+            { layout: "inline", style: { margin: '0px' } },
+            _react2.default.createElement(_table2.default, {
+              key: isEdit,
+              rowKey: function rowKey(record) {
+                return record.seq;
+              },
+              bordered: true,
+              pagination: pagination,
+              columns: columns,
+              dataSource: dataList,
+              rowClassName: function rowClassName(record) {
+                var className = '';
+                if (record.isBl) {
+                  className = 'editCheck_InsertRow';
+                }
+                return className;
+              },
+              scroll: tableScroll
+            })
+          ),
+          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);
+
+InfoItemTableInitForm.propTypes = {};
+InfoItemTableInitForm.defaultProps = {};
+
+
+var InfoItemTable = _form2.default.create()(InfoItemTableInitForm);
+exports.default = InfoItemTable;

package/lib/components/NHDynamicFormShow/oneOnMany/sub/infoItemTable/tableItem/index.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+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 _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require("prop-types");
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var TableItem = function (_React$Component) {
+    (0, _inherits3.default)(TableItem, _React$Component);
+
+    function TableItem(props) {
+        (0, _classCallCheck3.default)(this, TableItem);
+        return (0, _possibleConstructorReturn3.default)(this, (TableItem.__proto__ || (0, _getPrototypeOf2.default)(TableItem)).call(this, props));
+    }
+
+    (0, _createClass3.default)(TableItem, [{
+        key: "render",
+        value: function render() {
+            var _props = this.props,
+                className = _props.className,
+                isEdit = _props.isEdit,
+                edit = _props.edit,
+                text = _props.text,
+                isUpload = _props.isUpload;
+
+            if (isUpload) {
+                return _react2.default.createElement(
+                    "div",
+                    { className: className },
+                    edit
+                );
+            }
+            return _react2.default.createElement(
+                "div",
+                { className: className },
+                isEdit ? edit : text
+            );
+        }
+    }]);
+    return TableItem;
+}(_react2.default.Component);
+
+TableItem.propTypes = {
+    isEdit: _propTypes2.default.bool,
+    edit: _propTypes2.default.any,
+    text: _propTypes2.default.any
+};
+TableItem.defaultProps = {
+    isEdit: false, // 是否正在编辑
+    edit: "", // 编辑时显示的内容
+    text: "" // 不编辑时显示的内容
+};
+exports.default = TableItem;