dlt-for-react 1.0.24 → 1.1.0

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

@@ -0,0 +1,419 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _whiteSpace = require('antd-mobile/lib/white-space');
+
+var _whiteSpace2 = _interopRequireDefault(_whiteSpace);
+
+var _card = require('antd-mobile/lib/card');
+
+var _card2 = _interopRequireDefault(_card);
+
+var _toast = require('antd-mobile/lib/toast');
+
+var _toast2 = _interopRequireDefault(_toast);
+
+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/card/style/css');
+
+require('antd-mobile/lib/toast/style/css');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _index = require('./cardForm/index');
+
+var _index2 = _interopRequireDefault(_index);
+
+var _NHFetch = require('../../../utils/NHFetch');
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+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 _ = require('lodash');
+
+var OneOnMany = function (_React$Component) {
+    _inherits(OneOnMany, _React$Component);
+
+    function OneOnMany(props) {
+        _classCallCheck(this, OneOnMany);
+
+        var _this = _possibleConstructorReturn(this, (OneOnMany.__proto__ || Object.getPrototypeOf(OneOnMany)).call(this, props));
+
+        _this.initialOneOnManyInfo = function () {
+            var params = {
+                id: _this.props.objId,
+                bdid: _this.props.formId,
+                type: _this.props.model === "view" ? "1" : "2",
+                zdflid: _this.props.flid,
+                businessId: _this.props.pkid
+            };
+            if (_this.props.processId !== undefined) {
+                params.lcId = _this.props.processId;
+            }
+            if (_this.props.processApplyId !== undefined) {
+                params.lcsqid = _this.props.processApplyId; // 流程申请id
+            }
+            if (_this.props.rwid) {
+                params.rwid = _this.props.rwid; // 任务id
+            }
+            params.clientType = 'mobile';
+            (0, _NHFetch2.default)("api/sm-dynamic-form/dynamicShow/queryBdzdInfoOneMany", "GET", params).then(function (res) {
+                if (res && res.code === 200) {
+                    var _OneOnMany = res.data || {};
+                    //把通过接口方式获取值的功能实现
+                    var titleList = _OneOnMany.titleList || [];
+                    var dataList = _OneOnMany.dataList || [];
+                    // 如果没有可以编辑的字段，则不显示新增按钮
+                    var index = titleList.findIndex(function (item) {
+                        return item.sfbj === '1';
+                    });
+                    var isEdit = false;
+                    if (index > -1) {
+                        isEdit = true;
+                    }
+
+                    // 判断字段是否存在必填项
+                    var btIndex = titleList.findIndex(function (item) {
+                        return item.sfbt === '1';
+                    });
+                    // 若是编辑状态 且存在必填的字段 且最小条数限制大于0 且初始数据为空 时,datalist增加n（最小条数）条空的数据，方便用户操作
+                    if (isEdit && btIndex > -1 && _this.props.data.tsxzzxz > 0 && dataList.length === 0 && _this.props.model !== 'editCheck') {
+                        for (var i = 0; i < _this.props.data.tsxzzxz; i++) {
+                            dataList.push({
+                                seq: dataList.length + 1,
+                                fieldPrefix: (0, _createUuid2.default)()
+                            });
+                        }
+                    }
+
+                    _this.props.handlOneOnManyDataList({ flid: _this.props.flid, dataList: [].concat(_toConsumableArray(dataList)) });
+                    _this.setState({
+                        bm: titleList.length > 0 ? titleList[0].bm : "",
+                        zsbm: titleList.length > 0 ? titleList[0].zsbm : "",
+                        titleList: titleList,
+                        dataList: dataList,
+                        cacheDataList: _.cloneDeep(dataList),
+                        isEdit: _this.state.isEdit && isEdit,
+                        loading: false
+                    }, function () {
+                        var isAllNoEdit = true;
+                        titleList.forEach(function (item) {
+                            if (item.sfbj === '1') {
+                                isAllNoEdit = false;
+                            }
+                            if (item.jkUrl !== null) {
+                                var url = item.jkUrl;
+                                (0, _NHFetch2.default)(url, "GET", params).then(function (res) {
+                                    if (res && res.code === 200) {
+                                        var result = res.data;
+                                        var zzd = item.zzd; //要获取的值字段名称
+                                        var wbzd = item.wbzd; //要获取的文本字段名称
+                                        var fieldName = item.fieldName; //接口获取的对应的字段
+                                        //遍历值集合替换里面的值
+                                        var list = _this.state.dataList.map(function (item) {
+                                            var valmap = {};
+                                            valmap = item[fieldName];
+                                            valmap.text = result[wbzd];
+                                            valmap.inittext = result[wbzd];
+                                            valmap.value = result[zzd];
+                                            valmap.initValue = result[zzd];
+                                            item[fieldName] = valmap;
+                                            return item;
+                                        });
+                                        _this.setState({
+                                            dataList: list,
+                                            cacheDataList: _.cloneDeep(list)
+                                        });
+                                        _this.props.handlOneOnManyDataList({ flid: _this.props.flid, dataList: [].concat(_toConsumableArray(list)) });
+                                    }
+                                });
+                            }
+                        });
+                        _this.setState({ isAllNoEdit: isAllNoEdit });
+                    });
+                }
+            }).catch(function (e) {
+                console.log(e);_toast2.default.info("网络错误");
+            });
+        };
+
+        _this.setDataList = function (dataList, deleteId, deleList) {
+            var deleteIdList = [].concat(_toConsumableArray(_this.state.deleteIdList));
+            var deleteList = [].concat(_toConsumableArray(_this.state.deleteList));
+            if (deleteId === undefined) {
+                _this.setState({
+                    dataList: dataList
+                });
+            } else {
+                deleteList.push(deleList);
+                deleteIdList.push(deleteId);
+                _this.setState({
+                    dataList: dataList,
+                    deleteIdList: deleteIdList,
+                    deleteList: deleteList
+                });
+            }
+            var manyDetail = {
+                id: _this.props.objId,
+                sjkyh: _this.props.sjkyh,
+                dataList: [].concat(_toConsumableArray(dataList)),
+                deList: [].concat(_toConsumableArray(deleteIdList)),
+                bm: _this.state.bm,
+                zsbm: _this.state.zsbm,
+                flid: _this.props.flid,
+                baseUrl: _this.props.baseUrl,
+                flstdm: _this.props.flstdm,
+                titleList: [].concat(_toConsumableArray(_this.state.titleList)),
+                deletList: [].concat(_toConsumableArray(deleteList)),
+                businessId: _this.props.pkid,
+                rwid: _this.props.rwid,
+                userId: _this.props.objId
+            };
+            var _this$props = _this.props,
+                handlOneOnManyDetail = _this$props.handlOneOnManyDetail,
+                handlOneOnManyDataList = _this$props.handlOneOnManyDataList;
+
+            typeof handlOneOnManyDetail === 'function' && handlOneOnManyDetail(manyDetail, _this.state.cacheDataList);
+            typeof handlOneOnManyDataList === 'function' && handlOneOnManyDataList({ flid: _this.props.flid, dataList: dataList });
+        };
+
+        _this.validate = function (func) {
+            if (_this.nhEditForm) {
+                _this.nhEditForm.validateFields(function (err) {
+                    var flag = true;
+                    if (err) {
+                        flag = false;
+                    }
+                    func(flag);
+                });
+            } else {
+                func(true);
+            }
+        };
+
+        _this.onEdit = function () {
+            _this.setState({
+                isEdit: true,
+                cacheDataList: _.cloneDeep(_this.state.dataList)
+            }, function () {
+                _this.props.editCheckShow && _this.props.editCheckShow();
+            });
+        };
+
+        _this.onEditClose = function () {
+            _this.setState({
+                isEdit: false
+            });
+        };
+
+        _this.onCacheBack = function () {
+            var dataList = _.cloneDeep(_this.state.cacheDataList);
+            var deleteIdList = [];
+            var deleteList = [];
+            _this.setState({
+                isEdit: false,
+                dataList: dataList,
+                deleteIdList: deleteIdList,
+                deleteList: deleteList
+            });
+            var manyDetail = {
+                id: _this.props.objId,
+                sjkyh: _this.props.sjkyh,
+                dataList: [].concat(_toConsumableArray(dataList)),
+                deList: [].concat(deleteIdList),
+                bm: _this.state.bm,
+                zsbm: _this.state.zsbm,
+                flid: _this.props.flid,
+                baseUrl: _this.props.baseUrl,
+                flstdm: _this.props.flstdm,
+                titleList: [].concat(_toConsumableArray(_this.state.titleList)),
+                deletList: [].concat(deleteList),
+                businessId: _this.props.pkid,
+                rwid: _this.props.rwid,
+                userId: _this.props.objId
+            };
+            var _this$props2 = _this.props,
+                handlOneOnManyDetail = _this$props2.handlOneOnManyDetail,
+                handlOneOnManyDataList = _this$props2.handlOneOnManyDataList;
+
+            typeof handlOneOnManyDetail === 'function' && handlOneOnManyDetail(manyDetail, _this.state.cacheDataList);
+            typeof handlOneOnManyDataList === 'function' && handlOneOnManyDataList({ flid: _this.props.flid, dataList: dataList });
+        };
+
+        _this.renderEdit = function () {
+            var _this$props3 = _this.props,
+                data = _this$props3.data,
+                showTitle = _this$props3.showTitle,
+                showHeader = _this$props3.showHeader,
+                model = _this$props3.model;
+            var _this$state = _this.state,
+                isEdit = _this$state.isEdit,
+                titleList = _this$state.titleList,
+                dataList = _this$state.dataList;
+
+            return _react2.default.createElement(
+                'div',
+                null,
+                _react2.default.createElement(
+                    _card2.default,
+                    { full: true, className: 'editTypeCard' },
+                    _react2.default.createElement(_card2.default.Header, {
+                        title: showHeader && showTitle ? _react2.default.createElement(
+                            'div',
+                            { style: { borderLeft: '3px solid #1890ff', paddingLeft: '10px' } },
+                            data.flmc
+                        ) : null
+                    }),
+                    _react2.default.createElement(
+                        _card2.default.Body,
+                        null,
+                        _react2.default.createElement(_index2.default, {
+                            ref: function ref(form) {
+                                _this.nhEditForm = form;
+                            },
+                            isEdit: isEdit,
+                            titleList: titleList,
+                            tsxzzdz: data.tsxzzdz // 条数限制最大值
+                            , dataList: dataList,
+                            setDataList: _this.setDataList,
+                            model: model,
+                            onEditClose: _this.onEditClose,
+                            onCacheBack: _this.onCacheBack
+                        })
+                    )
+                )
+            );
+        };
+
+        _this.renderView = function () {
+            var _this$props4 = _this.props,
+                data = _this$props4.data,
+                model = _this$props4.model;
+            var _this$state2 = _this.state,
+                titleList = _this$state2.titleList,
+                dataList = _this$state2.dataList;
+            // 该分类是否存在可编辑的纠错字段
+
+            var hasJczd = titleList.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(
+                _card2.default,
+                { full: true },
+                _react2.default.createElement(_card2.default.Header, {
+                    title: _react2.default.createElement(
+                        'div',
+                        { style: { borderLeft: '3px solid #1890ff', paddingLeft: '10px' } },
+                        data.flmc
+                    ),
+                    extra: cardExtra
+                }),
+                dataList.length > 0 ? dataList.map(function (dataItem) {
+                    return _react2.default.createElement(
+                        _card2.default.Body,
+                        { key: dataItem.fieldPrefix },
+                        titleList.map(function (titleItem) {
+                            var dataMap = dataItem[titleItem.fieldName] || {};
+                            return _react2.default.createElement(
+                                'div',
+                                { key: titleItem.id },
+                                _react2.default.createElement(
+                                    'font',
+                                    { color: 'grey' },
+                                    titleItem.title
+                                ),
+                                '\uFF1A',
+                                dataMap.text
+                            );
+                        })
+                    );
+                }) : _react2.default.createElement(
+                    _card2.default.Body,
+                    null,
+                    '\u6682\u65E0\u6570\u636E'
+                )
+            );
+        };
+
+        _this.state = {
+            isEdit: props.model === "edit" && props.data.isEdit === "1" ? true : false, //当时编辑模式模式时，直接自动进入编辑模式
+            deleteIdList: [], //删除的id数据
+            cacheDataList: [], //缓存数据
+            cacheDeleteIdList: [], //缓存删除的id数据
+            deleteList: [],
+            OneOnManyList: {}, //后台数据查询到的数据集合
+            bm: "", //表名
+            loading: true,
+            isAllNoEdit: false,
+            titleList: [],
+            dataList: []
+        };
+        return _this;
+    }
+
+    _createClass(OneOnMany, [{
+        key: 'componentDidMount',
+        value: function componentDidMount() {
+            this.initialOneOnManyInfo();
+        }
+
+        /**
+        * 校验该分类表单是否全部填写完成
+        */
+
+        /** editCheck模式 打开编辑模式 将dataList缓存到cacheDataList中 */
+
+        /** editCheck模式 关闭编辑模式 */
+
+        /** editCheck模式 取消按钮后将原本缓存的数据 赋值给 dataList, 取消删除的数据*/
+
+    }, {
+        key: 'render',
+        value: function render() {
+            var isEdit = this.state.isEdit;
+
+            return _react2.default.createElement(
+                'div',
+                null,
+                isEdit ? this.renderEdit() : this.renderView(),
+                _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 OneOnMany;
+}(_react2.default.Component);
+
+OneOnMany.defaultProps = {
+    showHeader: true,
+    showTitle: true
+};
+exports.default = OneOnMany;