dlt-for-react 1.0.1

package/lib/components/NHClasSelector/index.js

@@ -0,0 +1,166 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.NHClasSelector = undefined;
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _NHSelector = require('../NHSelector');
+
+var _NHSelector2 = _interopRequireDefault(_NHSelector);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var NHClasSelector = exports.NHClasSelector = function (_React$Component) {
+    (0, _inherits3.default)(NHClasSelector, _React$Component);
+
+    function NHClasSelector(props) {
+        (0, _classCallCheck3.default)(this, NHClasSelector);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (NHClasSelector.__proto__ || (0, _getPrototypeOf2.default)(NHClasSelector)).call(this, props));
+
+        _this.show = function (initValues) {
+            _this.commonSelector.show(initValues);
+        };
+
+        _this.state = {};
+        return _this;
+    }
+
+    /**
+     * 打开选择器
+     */
+
+
+    (0, _createClass3.default)(NHClasSelector, [{
+        key: 'render',
+        value: function render() {
+            var _this2 = this;
+
+            var columns = [{
+                key: 'rowId',
+                title: '序号',
+                width: '40',
+                render: function render(index, item) {
+                    return item.rowId || item.ROW_ID;
+                }
+            }, {
+                key: 'bjmc',
+                title: '班级名称',
+                minWidth: '100',
+                sorted: false,
+                render: function render(index, item) {
+                    return item.BJMC || item.bjmc;
+                }
+            }];
+            var _props = this.props,
+                _props$title = _props.title,
+                title = _props$title === undefined ? '班级选择器' : _props$title,
+                _props$keyField = _props.keyField,
+                keyField = _props$keyField === undefined ? 'BJID' : _props$keyField,
+                _props$titleField = _props.titleField,
+                titleField = _props$titleField === undefined ? 'BJMC' : _props$titleField,
+                _props$searchField = _props.searchField,
+                searchField = _props$searchField === undefined ? 'bjmc' : _props$searchField,
+                _props$searchWidth = _props.searchWidth,
+                searchWidth = _props$searchWidth === undefined ? '230' : _props$searchWidth,
+                _props$placeholder = _props.placeholder,
+                placeholder = _props$placeholder === undefined ? '班级名称' : _props$placeholder,
+                sign = _props.sign,
+                treeUrl = _props.treeUrl,
+                tableUrl = _props.tableUrl;
+
+            if (!sign && !treeUrl && !tableUrl) {
+                //没有设置方案说明此时使用默认的数据源调用
+                sign = 'zhxg_selector_bjxx';
+                treeUrl = 'api/zhxg-xtgl/proData/selector/tree/list'; //默认的路径，当没有设置方案的时候，就使用此路径查询数据
+                tableUrl = 'api/zhxg-xtgl/proData/selector/table/list'; //默认的路径，当没有设置方案的时候，就使用此路径查询数据
+            }
+            return _react2.default.createElement(
+                'div',
+                null,
+                _react2.default.createElement(_NHSelector2.default, {
+                    ref: function ref(form) {
+                        _this2.commonSelector = form;
+                    },
+                    sign: sign,
+                    title: title,
+                    mode: 'treeAndTable',
+                    treeUrl: treeUrl,
+                    tableUrl: tableUrl,
+                    keyField: keyField,
+                    titleField: titleField,
+                    searchField: searchField,
+                    searchWidth: searchWidth,
+                    placeholder: placeholder,
+                    columns: columns,
+                    treeWidth: 250,
+                    tableWidth: 500,
+                    resultWidth: 250,
+                    height: 500,
+                    isSinger: this.props.isSinger,
+                    onSelect: this.props.onSelect,
+                    tableParams: this.props.tableParams,
+                    tableSqlParams: this.props.tableSqlParams,
+                    treeParams: this.props.treeParams,
+                    treeSqlParams: this.props.treeSqlParams,
+                    footerRender: function footerRender(count) {
+                        return '总计：' + count + '个';
+                    },
+                    treeShowIcon: true,
+                    singerBottomShowFlag: true,
+                    baseUrl: this.props.baseUrl,
+                    rangeFilter: this.props.rangeFilter,
+                    rangeFilterList: this.props.rangeFilterList
+                })
+            );
+        }
+    }]);
+    return NHClasSelector;
+}(_react2.default.Component);
+
+NHClasSelector.defaultProps = {
+    sign: undefined,
+    treeUrl: undefined,
+    tableUrl: undefined,
+    title: undefined,
+    keyField: undefined,
+    titleField: undefined,
+    searchField: undefined,
+    placeholder: undefined,
+    isSinger: false, //是否是单选，true表示是单选，false表示是多选，默认为false
+    onSelect: function onSelect() {}, //选中结果的时候的回调方法
+    treeParams: {}, //左边树数据过滤参数
+    treeSqlParams: undefined, //树的sql语句内的参数
+    tableParams: {}, //列表数据过滤参数
+    tableSqlParams: undefined, //列表的sql语句内的参数
+    baseUrl: undefined, //请求路径的前缀，可通过改参数控制访问的后端服务，如果不设置，则会去访问当前前端服务对应的后端服务，例如：api/sm-bpm-expansion
+    rangeFilter: undefined, //是否开启职务范围过滤
+    rangeFilterList: undefined // 自定义职务过滤列表
+};
+
+exports.default = NHClasSelector;

package/lib/components/NHCondition/EditForm.js

@@ -0,0 +1,432 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _form = require('antd/lib/form');
+
+var _form2 = _interopRequireDefault(_form);
+
+var _radio = require('antd/lib/radio');
+
+var _radio2 = _interopRequireDefault(_radio);
+
+var _inputNumber = require('antd/lib/input-number');
+
+var _inputNumber2 = _interopRequireDefault(_inputNumber);
+
+var _input = require('antd/lib/input');
+
+var _input2 = _interopRequireDefault(_input);
+
+var _typeof2 = require('babel-runtime/helpers/typeof');
+
+var _typeof3 = _interopRequireDefault(_typeof2);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+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);
+
+var _select = require('antd/lib/select');
+
+var _select2 = _interopRequireDefault(_select);
+
+require('antd/lib/form/style');
+
+require('antd/lib/radio/style');
+
+require('antd/lib/input-number/style');
+
+require('antd/lib/input/style');
+
+require('antd/lib/select/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _index = require('../NHFormItem/index');
+
+var _index2 = _interopRequireDefault(_index);
+
+var _index3 = require('../NHMultiSelect/index');
+
+var _index4 = _interopRequireDefault(_index3);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import { NHFormItem, NHMultiSelect } from 'xgui-for-react'
+var Option = _select2.default.Option;
+
+// 获取对应的[label]
+var getLabel = function getLabel(list, labelName, value, valueName) {
+  if (!list || !value) return "";
+  for (var index = 0; index < list.length; index++) {
+    var element = list[index];
+    if (element[valueName] === value) {
+      return element[labelName];
+    }
+  }
+  return "";
+};
+
+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.handleZgxSelecctChange = function (value) {
+      var list = _this.props.list ? _this.props.list : [];
+      var type = getLabel(list, "zgtjzdlxdm", value, "zgxid");
+      var setFieldsValue = _this.props.form.setFieldsValue;
+
+      var paramValue = void 0;
+      if (type === '02') {
+        paramValue = 1;
+      } else if (type === '11' || type === '12') {
+        paramValue = '0';
+      } else if (type === '03') {
+        var xlkbz = getLabel(list, "xlkbz", value, "zgxid");
+        _this.setState({ xlkbz: xlkbz });
+      } else {
+        paramValue = undefined;
+      }
+      setFieldsValue({ 'csz': paramValue });
+      _this.setState({
+        type: type,
+        condition: value,
+        paramValue: paramValue
+      }, _this.generatorName);
+    };
+
+    _this.relationChange = function (value) {
+      _this.setState({ relation: value }, _this.generatorName);
+    };
+
+    _this.radioChange = function (value) {
+      _this.setState({ paramValue: value }, _this.generatorName);
+    };
+
+    _this.inputChange = function (e) {
+      _this.setState({ paramValue: e.target.value }, _this.generatorName);
+    };
+
+    _this.save = function (func) {};
+
+    _this.generatorName = function () {
+      var name = '';
+      var _this$props = _this.props,
+          list = _this$props.list,
+          ljgxList = _this$props.ljgxList;
+      var _this$state = _this.state,
+          condition = _this$state.condition,
+          relation = _this$state.relation,
+          paramValue = _this$state.paramValue;
+      // 添加必要的字段
+
+      var zgxmc = getLabel(list, "zgxmc", condition, "zgxid");
+      var type = getLabel(list, "zgtjzdlxdm", condition, "zgxid");
+      if (type === '11') {
+        //资格条件类型代码，11：Boolean类型(是否)，12：Boolean类型(满足不满足)
+        name = paramValue === '1' ? '\u662F' + zgxmc : '\u4E0D\u662F' + zgxmc;
+      } else if (type === '12') {
+        //资格条件类型代码，11：Boolean类型(是否)，12：Boolean类型(满足不满足)
+        name = paramValue === '1' ? '\u6EE1\u8DB3' + zgxmc : '\u4E0D\u6EE1\u8DB3' + zgxmc;
+      } else if (type === '03') {
+        var values = _this.state.xlkbzSelectValues;
+        name += zgxmc + '\u6709';
+        var arr = [];
+        for (var key in values) {
+          arr.push(values[key]);
+        }
+        name += arr.join('、');
+      } else {
+        var ljgx = getLabel(ljgxList, "label", relation, "value");
+        name = '' + zgxmc + ljgx + (paramValue !== undefined && paramValue !== null ? paramValue : '');
+      }
+      _this.setState({ name: name });
+      _this.props.form.setFieldsValue({ 'name': name });
+    };
+
+    _this.inputNameChange = function (value) {
+      _this.setState({ name: value });
+    };
+
+    _this.xlkbzSelect = function (value, option) {
+      var values = void 0;
+      if (_this.state.xlkbzSelectValues === undefined && _this.props.editData !== undefined) {
+        values = {};
+        var editData = _this.props.editData;
+        var keys = editData.csz.split(',');
+        var _iteratorNormalCompletion = true;
+        var _didIteratorError = false;
+        var _iteratorError = undefined;
+
+        try {
+          var _loop = function _loop() {
+            var key = _step.value;
+
+            var map = _this.refMultiSelect.state.data.find(function (item) {
+              return item.VALUE === key;
+            });
+            values[key] = map.LABEL;
+          };
+
+          for (var _iterator = (0, _getIterator3.default)(keys), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+            _loop();
+          }
+        } catch (err) {
+          _didIteratorError = true;
+          _iteratorError = err;
+        } finally {
+          try {
+            if (!_iteratorNormalCompletion && _iterator.return) {
+              _iterator.return();
+            }
+          } finally {
+            if (_didIteratorError) {
+              throw _iteratorError;
+            }
+          }
+        }
+      } else if (_this.state.xlkbzSelectValues === undefined) {
+        values = {};
+      } else {
+        values = (0, _extends3.default)({}, _this.state.xlkbzSelectValues);
+      }
+      values[value] = option;
+      _this.setState({ xlkbzSelectValues: values }, _this.generatorName);
+    };
+
+    _this.xlkbzDeselect = function (value, option) {
+      var values = void 0;
+      if (_this.state.xlkbzSelectValues === undefined && _this.props.editData !== undefined) {
+        values = {};
+        var editData = _this.props.editData;
+        var keys = editData.csz.split(',');
+        var _iteratorNormalCompletion2 = true;
+        var _didIteratorError2 = false;
+        var _iteratorError2 = undefined;
+
+        try {
+          var _loop2 = function _loop2() {
+            var key = _step2.value;
+
+            var map = _this.refMultiSelect.state.data.find(function (item) {
+              return item.VALUE === key;
+            });
+            values[key] = map.LABEL;
+          };
+
+          for (var _iterator2 = (0, _getIterator3.default)(keys), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+            _loop2();
+          }
+        } catch (err) {
+          _didIteratorError2 = true;
+          _iteratorError2 = err;
+        } finally {
+          try {
+            if (!_iteratorNormalCompletion2 && _iterator2.return) {
+              _iterator2.return();
+            }
+          } finally {
+            if (_didIteratorError2) {
+              throw _iteratorError2;
+            }
+          }
+        }
+      } else if (_this.state.xlkbzSelectValues === undefined) {
+        values = {};
+      } else {
+        values = (0, _extends3.default)({}, _this.state.xlkbzSelectValues);
+      }
+      delete values[value];
+      _this.setState({ xlkbzSelectValues: values }, _this.generatorName);
+    };
+
+    _this.validatorCsz = function (rule, value, callback) {
+      if (value) {
+        var valueType = typeof value === 'undefined' ? 'undefined' : (0, _typeof3.default)(value);
+        if (valueType === 'string') {
+          if (value.length > 100) {
+            callback("参数值不能超过100个字符！");
+          } else {
+            callback();
+          }
+        } else {
+          callback();
+        }
+      } else {
+        callback();
+      }
+    };
+
+    _this.state = {
+      type: undefined, //资格条件类型代码，01：文本，02：数字，11：Boolean类型(是否)，12：Boolean类型(满足不满足)
+      ljgxMap: {
+        "01": [{ label: "等于", value: "=" }, { label: "不等于", value: "!=" }, { label: "包含", value: "like" }, { label: "不包含", value: "not like" }],
+        "02": [{ label: "大于", value: ">" }, { label: "大于等于", value: ">=" }, { label: "等于", value: "=" }, { label: "小于等于", value: "<=" }, { label: "小于", value: "<" }, { label: "不等于", value: "!=" }]
+      }, // 逻辑关系对象
+      name: undefined,
+      condition: undefined,
+      relation: undefined,
+      paramValue: undefined,
+      xlkbz: undefined,
+      xlkbzSelectValues: undefined
+    };
+    return _this;
+  }
+
+  (0, _createClass3.default)(EditInitForm, [{
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      if (this.props.editData !== undefined) {
+        var editData = this.props.editData;
+        this.setState({ condition: editData.zgxid, relation: editData.ysfdm, paramValue: editData.csz });
+      }
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      var _props = this.props,
+          form = _props.form,
+          list = _props.list,
+          _props$editData = _props.editData,
+          editData = _props$editData === undefined ? {} : _props$editData;
+      var ljgxMap = this.state.ljgxMap;
+
+      var type = this.state.type;
+      type = type === undefined ? getLabel(list, "zgtjzdlxdm", editData.zgxid, "zgxid") : type;
+      var baseUrl = getLabel(list, 'jkqz', this.state.condition === undefined ? editData.zgxid : this.state.condition, 'zgxid');
+      var xlkbz = this.state.xlkbz;
+      var cszPicker = _react2.default.createElement(_input2.default, { placeholder: '\u8BF7\u8F93\u5165', onChange: this.inputChange });
+      if (type === '02') {
+        //数字
+        cszPicker = _react2.default.createElement(_inputNumber2.default, { placeholder: '\u8BF7\u8F93\u5165', min: -2147483648, max: 2147483647, onChange: this.radioChange });
+      } else if (type === '11') {
+        //Boolean类型(是否)
+        cszPicker = _react2.default.createElement(
+          _radio2.default.Group,
+          { buttonStyle: 'solid', onChange: function onChange(e) {
+              return _this2.radioChange(e.target.value);
+            } },
+          _react2.default.createElement(
+            _radio2.default.Button,
+            { key: '1', value: '1' },
+            '\u662F'
+          ),
+          _react2.default.createElement(
+            _radio2.default.Button,
+            { key: '0', value: '0' },
+            '\u4E0D\u662F'
+          )
+        );
+      } else if (type === '12') {
+        //Boolean类型(是否)
+        cszPicker = _react2.default.createElement(
+          _radio2.default.Group,
+          { buttonStyle: 'solid', onChange: function onChange(e) {
+              return _this2.radioChange(e.target.value);
+            } },
+          _react2.default.createElement(
+            _radio2.default.Button,
+            { key: '1', value: '1' },
+            '\u6EE1\u8DB3'
+          ),
+          _react2.default.createElement(
+            _radio2.default.Button,
+            { key: '0', value: '0' },
+            '\u4E0D\u6EE1\u8DB3'
+          )
+        );
+      } else if (type === '03') {
+        xlkbz = xlkbz === undefined ? getLabel(list, "xlkbz", editData.zgxid, "zgxid") : xlkbz;
+        cszPicker = _react2.default.createElement(_index4.default, { ref: function ref(form) {
+            return _this2.refMultiSelect = form;
+          }, sign: xlkbz, onSelect: this.xlkbzSelect, onDeselect: this.xlkbzDeselect, baseUrl: baseUrl });
+      }
+      return _react2.default.createElement(
+        _form2.default,
+        { layout: 'vertical' },
+        _react2.default.createElement(
+          _index2.default,
+          { id: 'name', label: '资格名称', form: form, formItemLayout: null, required: true, initialValue: editData.zgxdymc },
+          _react2.default.createElement(_input2.default, { placeholder: '\u540D\u79F0\u81EA\u52A8\u751F\u6210\u540E\u53EF\u4EE5\u4FEE\u6539', onChange: this.inputNameChange })
+        ),
+        _react2.default.createElement(
+          _index2.default,
+          { id: 'zgxid', label: "评定条件", form: form, required: true, formItemLayout: null, initialValue: editData.zgxid },
+          _react2.default.createElement(
+            _select2.default,
+            { placeholder: '\u8BF7\u9009\u62E9', onChange: this.handleZgxSelecctChange, showSearch: true, filterOption: function filterOption(input, option) {
+                return option.props.children.includes(input);
+              } },
+            list.map(function (item) {
+              return _react2.default.createElement(
+                Option,
+                { key: item.zgxid, value: item.zgxid },
+                item.zgxmc
+              );
+            })
+          )
+        ),
+        type !== '11' && type !== '12' && type !== '03' ? _react2.default.createElement(
+          _index2.default,
+          { id: 'ysfdm', label: "逻辑关系", form: form, required: true, formItemLayout: null, initialValue: editData.ysfdm },
+          _react2.default.createElement(
+            _select2.default,
+            { placeholder: '\u8BF7\u9009\u62E9', showSearch: true, filterOption: function filterOption(input, option) {
+                return option.props.children.includes(input);
+              }, onChange: this.relationChange },
+            type && ljgxMap[type].map(function (item) {
+              return _react2.default.createElement(
+                Option,
+                { key: item.value, value: item.value },
+                item.label
+              );
+            })
+          )
+        ) : null,
+        _react2.default.createElement(
+          _index2.default,
+          { id: 'csz', label: "参与值", form: form, validator: this.validatorCsz, validateTrigger: 'onBlur', initialValue: editData.csz ? type === '03' ? editData.csz.split(',') : editData.csz : null, required: true, formItemLayout: null },
+          cszPicker
+        )
+      );
+    }
+  }]);
+  return EditInitForm;
+}(_react2.default.Component);
+
+var EditForm = _form2.default.create()(EditInitForm);
+exports.default = EditForm;