dlt-for-react 1.0.23 → 1.1.0

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

@@ -0,0 +1,304 @@
+'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 _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/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;
+                        }
+                    }
+
+                    // console.log("获取到的性别：", this.props.gender);
+                    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 (item.sjcjfsdm === '01') {
+                        //disabled = !(item.sfbj === '1');
+                        if (item.sfbj === '1') {
+                            render = function render() {
+                                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, {
+                                    gender: _this.props.gender,
+                                    otherUrl: '/tsgl/selectCascaderList',
+                                    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
+                    };
+                    dataList.push(map);
+                }
+            });
+            return dataList;
+        };
+
+        _this.state = {};
+        return _this;
+    }
+
+    _createClass(EditInitForm, [{
+        key: 'render',
+        value: function render() {
+            var _props = this.props,
+                form = _props.form,
+                isEdit = _props.isEdit,
+                list = _props.list,
+                title = _props.title;
+
+            var dataList = this.getDataList(list);
+            return isEdit ? _react2.default.createElement(
+                _list2.default,
+                { renderHeader: function renderHeader() {
+                        return title;
+                    } },
+                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
+                    );
+                })
+            ) : _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
+                        )
+                    }),
+                    _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' })
+            );
+        }
+    }]);
+
+    return EditInitForm;
+}(_react2.default.Component);
+
+var EditForm = (0, _rcForm.createForm)()(EditInitForm);
+exports.default = EditForm;

package/lib/components/NHDynamicFormShow/customModule/rcgl/tssq/NHCascader/index.js

@@ -0,0 +1,375 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _picker = require('antd-mobile/lib/picker');
+
+var _picker2 = _interopRequireDefault(_picker);
+
+var _list = require('antd-mobile/lib/list');
+
+var _list2 = _interopRequireDefault(_list);
+
+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/picker/style/css');
+
+require('antd-mobile/lib/list/style/css');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _NHFetch = require('../../../../../../utils/NHFetch');
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+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; } /*
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @Description:级联选择
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @Author: zengweijin
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @Date: 2019-07-11 11:34:44
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @LastEditors: zengweijin
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @LastEditTime: 2020-10-22 14:27:09
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                */
+
+// import NHFetch from '../../utils/NHFetch'
+
+
+var NHCascader = function (_React$Component) {
+    _inherits(NHCascader, _React$Component);
+
+    function NHCascader(props) {
+        _classCallCheck(this, NHCascader);
+
+        var _this = _possibleConstructorReturn(this, (NHCascader.__proto__ || Object.getPrototypeOf(NHCascader)).call(this, props));
+
+        _this.getInitData = function (level, cascaderValue, parentOption) {
+            var sign = _this.props.sign;
+            // let params = {...this.props};
+
+            var params = {};
+            params.nvsx = _this.state.gender; //男女属性
+            params.level = level;
+            params.sign = sign;
+            params.cascaderValue = cascaderValue;
+            var baseUrl = _this.props.baseUrl;
+            var otherUrl = _this.props.otherUrl ? _this.props.otherUrl : "/proData/selectCascaderList";
+            (0, _NHFetch2.default)((baseUrl === undefined ? "" : baseUrl) + otherUrl, 'GET', params).then(function (res) {
+                if (res) {
+                    var data = res.data;
+                    if (data) {
+                        if (parentOption) {
+                            parentOption.loading = false;
+                            parentOption.children = data;
+                            _this.setState({
+                                options: _this.state.options
+                            });
+                        } else {
+                            _this.setState({
+                                options: data
+                            });
+                        }
+
+                        //获取初始值，判断是否需要加载下一级级联数据
+                        var initValue = _this.state.value;
+                        if (initValue && initValue.length > 0) {
+                            var targetOption = data.filter(function (item) {
+                                return item.value === initValue[level - 1];
+                            })[0];
+                            if (targetOption) {
+                                if (level < initValue.length) {
+                                    _this.getInitData(level + 1, initValue[level - 1], targetOption);
+                                }
+                            }
+                        } else {
+                            // 如果没有初始化值，默认加载第一个
+                            if (level === 1 && !_this.state.options[0].isLeaf) {
+                                _this.getInitData(level + 1, _this.state.options[0].value, _this.state.options[0]);
+                            } else if (!parentOption.children[0].isLeaf) {
+                                _this.getInitData(level + 1, parentOption.children[0].value, parentOption.children[0]);
+                            }
+                        }
+                    } else {
+                        _this.setState({ options: [] });
+                    }
+                }
+            });
+        };
+
+        _this.getValues = function (callback) {
+            var _this$props = _this.props,
+                sign = _this$props.sign,
+                value = _this$props.value,
+                baseUrl = _this$props.baseUrl;
+
+            var params = {
+                sign: sign,
+                value: value
+            };
+            if (value.length > 0) {
+                (0, _NHFetch2.default)((baseUrl === undefined ? "" : baseUrl) + "/proData/selectValues", 'GET', params).then(function (res) {
+                    if (res && res.code === 200 && res.data) {
+                        _this.setState({ value: res.data }, callback);
+                    }
+                });
+            } else if (typeof callback === 'function') {
+                callback();
+            }
+        };
+
+        _this.loadData = function (value) {
+            var targetOption = _this.state.options;
+            // 找到目前value的最内部一级对应的option
+
+            var _loop = function _loop(i) {
+                if (i > 0) {
+                    targetOption = targetOption.children;
+                }
+                targetOption = targetOption.find(function (item) {
+                    return item.value === value[i];
+                });
+            };
+
+            for (var i = 0; i < value.length; i++) {
+                _loop(i);
+            }
+            // 如果是最后一级或者子节点已经加载数据直接返回
+            if ('value' in _this.props) {
+                _this.props.onChange && _this.props.onChange(value);
+            } else {
+                _this.setState({ value: value });
+            }
+            if (targetOption.isLeaf || targetOption.children) return;
+            var level = targetOption.currLevel + 1;
+            var cascaderValue = targetOption.value;
+            var selectedValue = [].concat(_toConsumableArray(value));
+            _this.getCascaderData(level, cascaderValue, targetOption, selectedValue);
+        };
+
+        _this.getCascaderData = function (level, cascaderValue, targetOption, selectedValue) {
+            var sign = _this.props.sign;
+            // let params = {...this.props};
+
+            var params = {};
+            params.nvsx = _this.state.gender; //男女属性
+            params.level = level;
+            params.sign = sign;
+            params.cascaderValue = cascaderValue;
+            var baseUrl = _this.props.baseUrl;
+            var otherUrl = _this.props.otherUrl ? _this.props.otherUrl : "/proData/selectCascaderList";
+            (0, _NHFetch2.default)((baseUrl === undefined ? "" : baseUrl) + otherUrl, 'GET', params).then(function (res) {
+                if (res) {
+                    if (res.data) {
+                        if (targetOption) {
+                            targetOption.children = res.data;
+                            selectedValue.push(targetOption.children[0].value);
+                            // 如果还有下一级，获取下一级的数据
+                            if (!targetOption.children[0].isLeaf) {
+                                _this.getCascaderData(level + 1, targetOption.children[0].value, targetOption.children[0], selectedValue);
+                            } else {
+                                _this.setState({
+                                    options: _this.state.options,
+                                    value: selectedValue
+                                }, function () {});
+                            }
+                        } else {
+                            _this.setState({
+                                options: res.data
+                            });
+                        }
+                    } else {
+                        _this.setState({ options: [] });
+                    }
+                }
+            });
+        };
+
+        _this.handleCascaderChange = function (value) {
+            if (!('value' in _this.props)) {
+                _this.setState({
+                    value: value
+                });
+            }
+            _this.loadData(value);
+        };
+
+        _this.handleChange = function (val) {
+            var valueState = _this.state.value || [];
+            if (!('value' in _this.props) && valueState.length <= val.length) {
+                _this.setState({
+                    value: val
+                });
+            }
+            var value = val.length >= valueState.length ? val : valueState;
+            // 根据选中的value生成option(跟pc保持一致)
+            var selectedOptions = [];
+            var options = _this.state.options;
+
+            var _loop2 = function _loop2(i) {
+                var option = options.find(function (item) {
+                    return item.value === value[i];
+                });
+                selectedOptions.push(option);
+                options = option.children;
+            };
+
+            for (var i = 0; i < value.length; i++) {
+                _loop2(i);
+            }
+            // 如果父组件传入onChange函数，回调并传入参数
+            var onChange = _this.props.onChange;
+            if (onChange) {
+                onChange(value, selectedOptions);
+            }
+        };
+
+        _this.state = {
+            options: _this.props.options || [],
+            value: _this.props.defaultValue || [],
+            gender: _this.props.gender
+        };
+        return _this;
+    }
+
+    //初始加载第一级级联下拉数据
+
+
+    _createClass(NHCascader, [{
+        key: 'componentDidMount',
+        value: function componentDidMount() {
+            var _this2 = this;
+
+            var level = 1;
+            var cascaderValue = '';
+            if (typeof this.props.value === 'string') {
+                this.getValues(function () {
+                    _this2.getInitData(level, cascaderValue);
+                });
+            } else {
+                this.setState({ value: this.props.value || [] }, function () {
+                    _this2.getInitData(level, cascaderValue);
+                });
+            }
+        }
+    }, {
+        key: 'UNSAFE_componentWillReceiveProps',
+        value: function UNSAFE_componentWillReceiveProps(nextProps) {
+            var _this3 = this;
+
+            if ('value' in nextProps) {
+                var value = nextProps.value;
+                if (typeof value === 'string') {
+                    this.getValues();
+                } else {
+                    this.setState({ value: value });
+                }
+            }
+            if ('options' in nextProps) {
+                var options = nextProps.options;
+                this.setState({ options: options });
+            }
+            if (nextProps.gender !== this.state.gender) {
+                var level = 1;
+                var cascaderValue = '';
+                console.log("重新渲染gender", nextProps.gender, this.state.gender);
+                this.setState({ gender: nextProps.gender }, function () {
+                    return _this3.getInitData(level, cascaderValue);
+                });
+            }
+        }
+        // componentWillReceiveProps = (nextProps)=>{
+        //     if (nextProps.gender !== this.state.gender){
+        //         this.setState({gender: nextProps.gender});
+        //     }
+        // }
+
+        //获取初始化数据
+
+        // 当父组件只传入最后一级的值时获取父级value
+
+
+        //当选择父项时，动态加载子项数据
+
+
+        //从后台查询级联下拉数据
+
+
+        //选择器每一列变化时的回调
+
+        // 完成选择时的回调
+
+    }, {
+        key: 'render',
+        value: function render() {
+            var _state = this.state,
+                options = _state.options,
+                value = _state.value;
+            var _props = this.props,
+                style = _props.style,
+                placeholder = _props.placeholder,
+                disabled = _props.disabled,
+                error = _props.error,
+                cols = _props.cols;
+
+            return _react2.default.createElement(
+                'div',
+                { className: disabled ? 'nh-inputrender-disabled' : 'nh-inputrender' },
+                _react2.default.createElement(
+                    _picker2.default,
+                    {
+                        style: style,
+                        data: options,
+                        value: value,
+                        title: placeholder,
+                        disabled: disabled,
+                        onChange: this.handleChange,
+                        onPickerChange: this.handleCascaderChange,
+                        cols: cols ? cols : 3
+                    },
+                    _react2.default.createElement(
+                        _list2.default.Item,
+                        { arrow: 'horizontal', wrap: true, error: error },
+                        this.props.children
+                    )
+                )
+            );
+        }
+    }]);
+
+    return NHCascader;
+}(_react2.default.Component);
+
+//默认属性值
+
+
+exports.default = NHCascader;
+NHCascader.defaultProps = {
+    placeholder: '请选择...', //输入框占位文本
+    disabled: false //是否禁用
+
+
+    //属性检查
+};NHCascader.propTypes = {
+    sign: _propTypes2.default.string.isRequired, //数据源标识
+    style: _propTypes2.default.object, //样式
+    placeholder: _propTypes2.default.string, //输入框占位文本
+    disabled: _propTypes2.default.bool, //是否禁用
+    defaultValue: _propTypes2.default.any, //默认选中项
+    value: _propTypes2.default.any, //初始值
+    onChange: _propTypes2.default.func, //选择完成后的回调
+    baseUrl: _propTypes2.default.string //请求路径的前缀，可通过改参数控制访问的后端服务，如果不设置，则会去访问当前前端服务对应的后端服务，例如：api/sm-bpm-expansion
+};