dlt-for-react 1.0.1

package/lib/components/NHDynamicFormShow/customModule/rcgl/jjrlx/index.js

@@ -0,0 +1,193 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _message2 = require('antd/lib/message');
+
+var _message3 = _interopRequireDefault(_message2);
+
+var _values = require('babel-runtime/core-js/object/values');
+
+var _values2 = _interopRequireDefault(_values);
+
+var _getIterator2 = require('babel-runtime/core-js/get-iterator');
+
+var _getIterator3 = _interopRequireDefault(_getIterator2);
+
+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/message/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _NHFetch = require('../../../../../utils/NHFetch');
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+var _EditForm = require('./EditForm');
+
+var _EditForm2 = _interopRequireDefault(_EditForm);
+
+var _moment = require('moment');
+
+var _moment2 = _interopRequireDefault(_moment);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var base_url = 'api/sm-daily-mgr';
+
+var JjrlxIndex = function (_Component) {
+    (0, _inherits3.default)(JjrlxIndex, _Component);
+
+    function JjrlxIndex(props) {
+        (0, _classCallCheck3.default)(this, JjrlxIndex);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (JjrlxIndex.__proto__ || (0, _getPrototypeOf2.default)(JjrlxIndex)).call(this, props));
+
+        _this.validate = function (func) {
+            _this.nhEditForm.validateFields(function (error, formData) {
+                if (error) {
+                    var _iteratorNormalCompletion = true;
+                    var _didIteratorError = false;
+                    var _iteratorError = undefined;
+
+                    try {
+                        for (var _iterator = (0, _getIterator3.default)((0, _values2.default)(error)), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                            var obj = _step.value;
+                            var _iteratorNormalCompletion2 = true;
+                            var _didIteratorError2 = false;
+                            var _iteratorError2 = undefined;
+
+                            try {
+                                for (var _iterator2 = (0, _getIterator3.default)(obj.errors), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+                                    var err = _step2.value;
+
+                                    _message3.default.error(err.message);
+                                }
+                            } catch (err) {
+                                _didIteratorError2 = true;
+                                _iteratorError2 = err;
+                            } finally {
+                                try {
+                                    if (!_iteratorNormalCompletion2 && _iterator2.return) {
+                                        _iterator2.return();
+                                    }
+                                } finally {
+                                    if (_didIteratorError2) {
+                                        throw _iteratorError2;
+                                    }
+                                }
+                            }
+                        }
+                    } catch (err) {
+                        _didIteratorError = true;
+                        _iteratorError = err;
+                    } finally {
+                        try {
+                            if (!_iteratorNormalCompletion && _iterator.return) {
+                                _iterator.return();
+                            }
+                        } finally {
+                            if (_didIteratorError) {
+                                throw _iteratorError;
+                            }
+                        }
+                    }
+
+                    func(false);
+                } else {
+                    var _formData$djxxQxList = formData.djxxQxList,
+                        djxxQxList = _formData$djxxQxList === undefined ? [] : _formData$djxxQxList;
+
+                    if (djxxQxList.length <= 0) {
+                        _message3.default.error('请确认是否填写节假日去向！');
+                        return;
+                    }
+                    formData.yjfxsj = formData.yjfxsj ? (0, _moment2.default)(formData.yjfxsj).format('YYYY-MM-DD') : '';
+                    djxxQxList && djxxQxList.length > 0 && djxxQxList.map(function (item) {
+                        item.kssj = item.kssj ? (0, _moment2.default)(item.kssj).format('YYYY-MM-DD') : '';
+                        item.jssj = item.jssj ? (0, _moment2.default)(item.jssj).format('YYYY-MM-DD') : '';
+                    });
+                    _this.setState({ formData: formData }, function () {
+                        func(true);
+                    });
+                }
+            });
+        };
+
+        _this.save = function (func) {
+            var _this$props = _this.props,
+                processApplyId = _this$props.processApplyId,
+                objId = _this$props.objId,
+                pkid = _this$props.pkid;
+            var formData = _this.state.formData;
+
+            var param = formData;
+            param.pkid = pkid;
+            param.xsid = objId;
+            param.lcslid = processApplyId;
+            (0, _NHFetch2.default)(base_url + '/jjrdjxx/saveDjxx', 'POST', formData).then(function (res) {
+                if (res && res.code === 200) {
+                    func();
+                } else {
+                    _message3.default.error("保存失败");
+                }
+            });
+        };
+
+        _this.state = {
+            formData: {}
+        };
+        return _this;
+    }
+
+    /**
+     * 校验该分类表单是否全部填写完成,该方法必须存在
+     */
+
+
+    //保存
+
+
+    (0, _createClass3.default)(JjrlxIndex, [{
+        key: 'render',
+        value: function render() {
+            var _this2 = this;
+
+            return _react2.default.createElement(_EditForm2.default, (0, _extends3.default)({
+                ref: function ref(form) {
+                    _this2.nhEditForm = form;
+                }
+            }, this.props));
+        }
+    }]);
+    return JjrlxIndex;
+}(_react.Component);
+
+exports.default = JjrlxIndex;

package/lib/components/NHDynamicFormShow/customModule/rcgl/jqlssq/EditForm.js

@@ -0,0 +1,328 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _form = require('antd/lib/form');
+
+var _form2 = _interopRequireDefault(_form);
+
+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/form/style');
+
+require('antd/lib/tooltip/style');
+
+require('antd/lib/icon/style');
+
+require('antd/lib/message/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _moment = require('moment');
+
+var _moment2 = _interopRequireDefault(_moment);
+
+var _render = require('../tssq/NHInputPicker/render.js');
+
+var _render2 = _interopRequireDefault(_render);
+
+var _index = require('../../../../NHSubList/index.js');
+
+var _index2 = _interopRequireDefault(_index);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import NHInputRender from '../../../../NHInputPicker/render.js';
+var EditInitForm = function (_React$Component) {
+    (0, _inherits3.default)(EditInitForm, _React$Component);
+
+    function EditInitForm(props) {
+        (0, _classCallCheck3.default)(this, EditInitForm);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (EditInitForm.__proto__ || (0, _getPrototypeOf2.default)(EditInitForm)).call(this, props));
+
+        _this.onChange = function (seq, v, t, item) {
+            var value = v;
+            var text = t;
+            //如果是级联，则只需要取最后的一个值
+            if (item.bdkjlx === 'nhcascader' && v != undefined) {
+                value = "";
+                text = "";
+                t.map(function (map) {
+                    text += map.label;
+                    value = map.value;
+                    return map;
+                });
+            }
+            _this.props.onChange && _this.props.onChange(seq, value, text);
+        };
+
+        _this.getDataList = function (list) {
+            var dataList = [];
+            if (list == null) {
+                list = [];
+            }
+            var totalSpan = 0; // 到目前为止的所有列数
+            var hasUseSpan = void 0; // 当前行已使用的列数
+            list.map(function (item, index) {
+                var ifShowJCXX = false; //是否显示纠错的信息
+                var JCXXobj = {};
+                var jcList = _this.props.jcList;
+                // 若字段存在纠错数据，则表单展示时显示纠错信息
+
+                if (jcList && jcList.length > 0) {
+                    var filterArry = jcList.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') {
+                        isUpload = true;
+                        isUpload = ifShowJCXX ? false : true; //若字段存在纠错数据，就直接展示纠错信息，不按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 deV = undefined;
+                    var defaultValueText = void 0;
+                    if (item.bdkjcs && item.bdkjcs !== "" && item.bdkjcs !== undefined) {
+                        var parameter = JSON.parse(item.bdkjcs);
+                        if (Array.isArray(parameter.defaultValue) === true) {
+                            deV = "";
+                        } else {
+                            deV = parameter.defaultValue ? parameter.defaultValue : "";
+                        }
+                        if (item.bdkjlx === 'radio') {
+                            var _ref = parameter || {},
+                                _ref$options = _ref.options,
+                                options = _ref$options === undefined ? [] : _ref$options;
+
+                            defaultValueText = (options.find(function (item) {
+                                return item.value === deV;
+                            }) || {}).label;
+                        }
+                    }
+                    var value = "";
+                    var text = item.text;
+                    if (item.value !== "" && item.value !== undefined && item.value) {
+                        value = item.value;
+                    } else {
+                        value = deV;
+                        text = defaultValueText;
+                        if (value !== "" && value !== undefined && value) {
+                            if (!item.text && item.text === "" && item.text === undefined) {
+                                item.text = "";
+                            }
+                            _this.props.onChange && _this.props.onChange(item.seq, value, text, true);
+                        }
+                    }
+                    //如果是日期(datepicker)，初始化的值需要做处理
+                    if (item.bdkjlx === 'datepicker') {
+                        value = item.value ? (0, _moment2.default)(item.value, 'YYYY-MM-DD') : undefined;
+                    }
+                    //如果是日期时间(datetimepicker)，初始化的值需要做处理
+                    if (item.bdkjlx === 'datetimepicker') {
+                        value = item.value ? (0, _moment2.default)(item.value, 'YYYY-MM-DD HH:mm:ss') : undefined;
+                    }
+                    if (item.bdkjlx === 'timepicker') {
+                        value = item.value ? (0, _moment2.default)(item.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 = list.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 === true) {
+                        render = function render() {
+                            if (_this.props.model === 'editCheck' && item.sfkfjc !== '1') {
+                                return undefined;
+                            }
+                            return _react2.default.createElement(_render2.default, (0, _extends3.default)({
+                                id: item.id,
+                                label: item.title,
+                                value: value,
+                                form: _this.props.form,
+                                feature: item.bdkjcs,
+                                required: required,
+                                hideLabel: true,
+                                formItemLayout: formItemLayout,
+                                isEdit: isEdit
+                            }, otherParams, {
+                                gender: _this.props.gender,
+                                onChange: item.bdkjlx === 'upload' ? function (value) {
+                                    _this.onChange(item.seq, value, undefined, item);
+                                } : function (value, text) {
+                                    _this.onChange(item.seq, value, text, item);
+                                }
+                            }));
+                        };
+                    }
+                    var map = {
+                        isUpload: isUpload,
+                        title: _react2.default.createElement(
+                            'font',
+                            { 'class': 'dynamic-label-' + item.blm },
+                            item.title
+                        ),
+                        text: item.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 dataList;
+        };
+
+        _this.state = {};
+        return _this;
+    }
+
+    (0, _createClass3.default)(EditInitForm, [{
+        key: 'render',
+        value: function render() {
+            var _props = this.props,
+                form = _props.form,
+                isEdit = _props.isEdit,
+                list = _props.list,
+                model = _props.model;
+
+            var dataList = this.getDataList(list);
+            return _react2.default.createElement(
+                _form2.default,
+                { style: { margin: '20px 0 20px 0' } },
+                _react2.default.createElement(_index2.default, {
+                    list: dataList,
+                    isEdit: isEdit,
+                    form: form,
+                    model: model
+                })
+            );
+        }
+    }]);
+    return EditInitForm;
+}(_react2.default.Component);
+
+var EditForm = _form2.default.create()(EditInitForm);
+exports.default = EditForm;