dlt-for-react 1.0.24 → 1.1.1

package/lib/components/NHDynamicFormShow/customModule/qjgl/index.js

@@ -0,0 +1,188 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+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/toast/style/css');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+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 }; }
+
+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; }
+
+/**
+ * 请假申请自定义表单
+ * @author: zengxiangkai
+ * @date: 2020-06-04 16:26:49
+ */
+var QjglEditForm = function (_React$Component) {
+    _inherits(QjglEditForm, _React$Component);
+
+    function QjglEditForm(props) {
+        _classCallCheck(this, QjglEditForm);
+
+        var _this = _possibleConstructorReturn(this, (QjglEditForm.__proto__ || Object.getPrototypeOf(QjglEditForm)).call(this, props));
+
+        _this.validate = function (func) {
+            _this.nhEditForm.validateFields(function (err, formData) {
+                if (err) {
+                    func(false);
+                } else {
+                    _this.setState({ formData: formData }, function () {
+                        func(true);
+                    });
+                }
+            });
+        };
+
+        _this.countTime = function (startDate, endDate) {
+            var stamp = new Date(endDate).getTime() - new Date(startDate).getTime();
+            var time = stamp / 1000;
+            if (null != time && "" != time) {
+                var qjsct = parseInt(time / 3600.0 / 24);
+                var qjscxs = parseInt((parseFloat(time / 3600.0 / 24) - parseInt(time / 3600.0 / 24)) * 24);
+                return [qjsct, qjscxs];
+            } else {
+                return [0, 0];
+            }
+        };
+
+        _this.save = function (func, failCallback) {
+            var _this$props = _this.props,
+                processApplyId = _this$props.processApplyId,
+                objId = _this$props.objId,
+                pkid = _this$props.pkid;
+            var formData = _this.state.formData;
+
+
+            if (formData.qjkssj > formData.qjjssj) {
+                failCallback && failCallback();
+                _toast2.default.fail("请假结束时间必须大于开始时间！");
+                return;
+            }
+
+            formData.pkid = pkid;
+            formData.xsid = objId;
+            formData.lcslid = processApplyId;
+
+            formData.qjlxm = formData.qjlxm ? formData.qjlxm[0] : '';
+            // 替换紧急联系人电话字符串中的空格
+            formData.jjlxrdh = formData.jjlxrdh ? formData.jjlxrdh.replace(/\s+/g, '') : '';
+            formData.sfxylx = formData.sfxylx ? '1' : '0';
+            // 转换时间格式
+            formData.qjkssj = formData.qjkssj ? (0, _moment2.default)(formData.qjkssj).format("YYYY-MM-DD HH:mm") : '';
+            formData.qjjssj = formData.qjjssj ? (0, _moment2.default)(formData.qjjssj).format("YYYY-MM-DD HH:mm") : '';
+
+            // 请假时长
+            // let qjsc = formData.qjsc ? formData.qjsc.split(",") : [];
+
+            // 回退给申请者，申请者重新提交时，如果没有重新选择请假开始和结束时间，就不会触发计算请假时长，所以此处需要重新计算一次
+            // if (qjsc.length > 0) {
+            //     formData.qjsct = qjsc[0];
+            //     formData.qjscxs = qjsc[1];
+            // } else {
+
+            // }
+            var list = [formData.fjid];
+            (0, _NHFetch2.default)('front/zhxg-unauth/dynamic/save', 'POST', list).then(function (res) {
+                if (res && res.code === 200) {
+                    (0, _NHFetch2.default)('api/sm-holiday/openapi/saveQjsq', 'POST', formData).then(function (res) {
+                        if (res && res.code === 200) {
+                            func();
+                        } else {
+                            _toast2.default.fail("保存失败");
+                        }
+                    });
+                } else {
+                    _toast2.default.fail("附件保存失败");
+                }
+            });
+        };
+
+        _this.state = {
+            formData: {}
+        };
+        return _this;
+    }
+
+    /**
+     * 校验该分类表单是否全部填写完成,该方法必须存在
+     */
+
+
+    /**
+     * * 计算请假时长
+     *
+     * @memberof EditInitForm
+     */
+
+
+    //保存
+
+
+    _createClass(QjglEditForm, [{
+        key: 'render',
+        value: function render() {
+            var _this2 = this;
+
+            return _react2.default.createElement(_EditForm2.default, _extends({
+                ref: function ref(form) {
+                    _this2.nhEditForm = form;
+                }
+            }, this.props));
+        }
+    }]);
+
+    return QjglEditForm;
+}(_react2.default.Component);
+
+exports.default = QjglEditForm;
+
+
+QjglEditForm.defaultProps = {
+    fieldMap: {},
+    params: {}
+};
+
+QjglEditForm.propTypes = {
+    pkid: _propTypes2.default.string, //业务表主键ID
+    objId: _propTypes2.default.string, //对象ID
+    processId: _propTypes2.default.string, //流程ID
+    processApplyId: _propTypes2.default.string, //流程申请主键ID
+    fieldMap: _propTypes2.default.object, //字段信息，可以通过该对象获取到该字段，是否可以显示(sfxs)、是否可以编辑(sfbj)、是否必填等信息(sfbt)
+    params: _propTypes2.default.object, //参数集合，主要通过该参数集合给自定义面板传参
+    isEdit: _propTypes2.default.bool, //是否是编辑状态
+    title: _propTypes2.default.string
+};

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

@@ -0,0 +1,401 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _whiteSpace = require('antd-mobile/lib/white-space');
+
+var _whiteSpace2 = _interopRequireDefault(_whiteSpace);
+
+var _button = require('antd-mobile/lib/button');
+
+var _button2 = _interopRequireDefault(_button);
+
+var _card = require('antd-mobile/lib/card');
+
+var _card2 = _interopRequireDefault(_card);
+
+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/white-space/style/css');
+
+require('antd-mobile/lib/button/style/css');
+
+require('antd-mobile/lib/card/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 _moment = require('moment');
+
+var _moment2 = _interopRequireDefault(_moment);
+
+var _render = require('../../../../NHInputPicker/render');
+
+var _render2 = _interopRequireDefault(_render);
+
+var _rcForm = require('rc-form');
+
+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 EditInitForm = function (_React$Component) {
+    _inherits(EditInitForm, _React$Component);
+
+    function EditInitForm(props) {
+        _classCallCheck(this, EditInitForm);
+
+        var _this = _possibleConstructorReturn(this, (EditInitForm.__proto__ || Object.getPrototypeOf(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 = "";
+                if (Array.isArray(t)) {
+                    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 = [];
+            }
+            list.map(function (item, index) {
+                //此处只展示sfxs为1(显示)的字段
+                if (item.sfxs === '1') {
+                    var required = item.sfbt === '1' ? true : false;
+                    var render = undefined;
+                    var isUpload = false;
+                    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);
+                        }
+                    }
+                    if (item.bdkjlx === 'upload') {
+                        isUpload = true;
+                    }
+                    //如果是日期(datepicker)，初始化的值需要做处理
+                    if (item.bdkjlx === 'datepicker') {
+                        value = item.value ? new Date((0, _moment2.default)(item.value, 'YYYY-MM-DD').toDate()) : undefined;
+                    }
+                    //如果是日期时间(datetimepicker)，初始化的值需要做处理
+                    if (item.bdkjlx === 'datetimepicker') {
+                        value = item.value ? new Date((0, _moment2.default)(item.value, 'YYYY-MM-DD HH:mm:ss').toDate()) : undefined;
+                    }
+                    if (item.bdkjlx === 'timepicker') {
+                        value = item.value ? new Date((0, _moment2.default)(item.value, 'HH:mm:ss').toDate()) : undefined;
+                    }
+                    //如果是日期范围(rangepicker)，暂时不支持
+                    if (item.bdkjlx === 'rangepicker') {
+                        _toast2.default.fail('表单不支持日期范围控件', 1);
+                    }
+                    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 } };
+                    // let disabled = this.props.isEdit&&item.sfbj==='1'?true:false;
+                    //let disabled = false;
+                    //是采集方式为表单控件，且是可编辑的状态
+                    var isEdit = _this.props.isEdit && item.sfbj === '1' ? true : false;
+                    // 纠错编辑模式下 需要开放纠错编辑才显示可编辑
+                    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() {
+                                if (_this.props.model === 'editCheck' && !item.sfkfjc) {
+                                    // 如果是纠错编辑模式未开纠错字段 不显示编辑
+                                    return _react2.default.createElement(
+                                        _list2.default.Item,
+                                        { extra: item.text, key: item.id, wrap: true, multipleLine: true },
+                                        item.title
+                                    );
+                                }
+                                return _react2.default.createElement(_render2.default, _extends({
+                                    id: item.id,
+                                    key: item.id,
+                                    label: item.title,
+                                    value: value,
+                                    form: _this.props.form,
+                                    feature: item.bdkjcs,
+                                    required: required,
+                                    hideLabel: true,
+                                    isEdit: isEdit,
+                                    formItemLayout: formItemLayout
+                                    //disabled={disabled}
+                                }, otherParams, {
+                                    onChange: function onChange(value, text) {
+                                        _this.onChange(item.seq, value, text, item);
+                                    }
+                                }));
+                            };
+                        } else {
+                            render = function render() {
+                                if (isUpload) {
+                                    return _react2.default.createElement(_render2.default, {
+                                        label: item.title,
+                                        value: value,
+                                        feature: item.bdkjcs,
+                                        isEdit: isEdit
+                                        //disabled={disabled}
+                                    });
+                                }
+                                return _react2.default.createElement(
+                                    _list2.default.Item,
+                                    { extra: item.text, key: item.id, wrap: true, multipleLine: true },
+                                    item.title
+                                );
+                            };
+                        }
+                    }
+
+                    var map = {
+                        isUpload: isUpload,
+                        title: _react2.default.createElement(
+                            'font',
+                            { className: 'dynamic-label-' + item.blm },
+                            item.title
+                        ),
+                        text: item.text,
+                        required: required,
+                        render: render,
+                        id: item.id,
+                        sfkfjc: item.sfkfjc,
+                        sfxs: item.sfxs,
+                        sfbj: item.sfbj
+                    };
+                    dataList.push(map);
+                }
+            });
+            return dataList;
+        };
+
+        _this.onEdit = function () {
+            _this.props.onEdit();
+        };
+
+        _this.onCacheSave = function () {
+            _this.props.form.validateFields(function (err, value) {
+                if (err) {
+                    _toast2.default.info('请检查必填项是否填写！');
+                    return;
+                }
+                _this.props.onClose();
+            });
+        };
+
+        _this.onCanCel = function () {
+            _this.props.onCacheBack();
+        };
+
+        _this.state = {
+            onpenEdit: false
+        };
+        return _this;
+    }
+    // editCheck模式下 开启编辑
+
+    // editCheck模式下 保存
+
+    // editCheck模式下 保存
+
+
+    _createClass(EditInitForm, [{
+        key: 'render',
+        value: function render() {
+            var _props = this.props,
+                form = _props.form,
+                isEdit = _props.isEdit,
+                list = _props.list,
+                title = _props.title,
+                model = _props.model;
+
+            var dataList = this.getDataList(list);
+            // 该分类是否存在可编辑的纠错字段
+            var hasJczd = dataList.filter(function (item) {
+                return item.sfkfjc === '1' && item.sfbj === '1' && item.sfxs === '1';
+            }).length > 0;
+            var cardExtra = model === 'editCheck' && hasJczd ? _react2.default.createElement('img', { src: require('../../../../../../assets/NHDynamicFormShow/edit.svg'), style: { width: "0.4rem", height: "0.4rem", margin: "0px 5px" },
+                onClick: this.onEdit }) : null;
+
+            return _react2.default.createElement(
+                _react.Fragment,
+                null,
+                isEdit ?
+                // <List renderHeader={() => title}>
+                //     {
+                //         dataList.map((item, index) => {
+                //             return item.render !== undefined ? item.render() : <List.Item key={item.id} wrap extra={item.text}>{item.title}</List.Item>;
+                //         })
+                //     }
+                // </List>
+                _react2.default.createElement(
+                    'div',
+                    null,
+                    _react2.default.createElement(
+                        _card2.default,
+                        { full: true, className: 'editTypeCard' },
+                        _react2.default.createElement(_card2.default.Header, {
+                            title: _react2.default.createElement(
+                                'div',
+                                { style: { borderLeft: '3px solid #1890ff', paddingLeft: '10px' } },
+                                title
+                            )
+                        }),
+                        _react2.default.createElement(
+                            _card2.default.Body,
+                            null,
+                            dataList.map(function (item, index) {
+                                return item.render !== undefined ? item.render() : _react2.default.createElement(
+                                    _list2.default.Item,
+                                    { key: item.id, wrap: true, extra: item.text },
+                                    item.title
+                                );
+                            }),
+                            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'
+                                )
+                            )
+                        )
+                    )
+                ) : _react2.default.createElement(
+                    'div',
+                    null,
+                    _react2.default.createElement(
+                        _card2.default,
+                        { full: true },
+                        _react2.default.createElement(_card2.default.Header, {
+                            title: _react2.default.createElement(
+                                'div',
+                                { style: { borderLeft: '3px solid #1890ff', paddingLeft: '10px' } },
+                                title
+                            ),
+                            extra: cardExtra
+                        }),
+                        _react2.default.createElement(
+                            _card2.default.Body,
+                            null,
+                            dataList.map(function (item) {
+                                if (item.isUpload) {
+                                    return _react2.default.createElement(
+                                        'div',
+                                        null,
+                                        _react2.default.createElement(
+                                            'font',
+                                            { color: 'grey' },
+                                            item.title,
+                                            '\uFF1A '
+                                        ),
+                                        item.render(),
+                                        _react2.default.createElement('br', null)
+                                    );
+                                }
+                                return _react2.default.createElement(
+                                    'div',
+                                    null,
+                                    _react2.default.createElement(
+                                        'font',
+                                        { color: 'grey' },
+                                        item.title,
+                                        '\uFF1A '
+                                    ),
+                                    item.text,
+                                    _react2.default.createElement('br', null)
+                                );
+                            })
+                        )
+                    ),
+                    _react2.default.createElement(_whiteSpace2.default, { size: 'lg' })
+                ),
+                _react2.default.createElement(
+                    'style',
+                    { global: 'true', jsx: 'true' },
+                    '\n                    .editTypeCard .am-card-body{\n                        padding: 0 !important;\n                    }\n                    .editTypeCard .am-card-body .nh-inputrender .am-list-item.am-list-item-middle .am-list-line{\n                        border-bottom: 1px solid #ddd;\n                    }\n                '
+                )
+            );
+        }
+    }]);
+
+    return EditInitForm;
+}(_react2.default.Component);
+
+var EditForm = (0, _rcForm.createForm)()(EditInitForm);
+exports.default = EditForm;