dlt-for-react 1.0.1

package/lib/components/NHStuSelector/index.js

@@ -0,0 +1,309 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.NHStuSelector = undefined;
+
+var _avatar = require('antd/lib/avatar');
+
+var _avatar2 = _interopRequireDefault(_avatar);
+
+var _tooltip = require('antd/lib/tooltip');
+
+var _tooltip2 = _interopRequireDefault(_tooltip);
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+require('antd/lib/avatar/style');
+
+require('antd/lib/tooltip/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _NHSelector = require('../NHSelector');
+
+var _NHSelector2 = _interopRequireDefault(_NHSelector);
+
+require('../../../assets/stuSelector/index.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var sexImg1 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0Y2U5MGEwYi03YjJkLWY2NDgtOWM1Zi0zOGFhY2E0ZjgzZGIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MThEM0NDOTI3NEZDMTFFOEE0N0RBNEE1NDhDMDQ3QjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MThEM0NDOTE3NEZDMTFFOEE0N0RBNEE1NDhDMDQ3QjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MmM4YWI5MWEtMGRiMy0zYzQ4LWExMjUtYzIzZDc4ODUzMDBhIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6Y2NjNjUwMGYtNWYyMi0xMWU4LTg1ZmQtZmI5MTlkNDMyYjk1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+6FrKPQAAAS1JREFUeNpi/P//PwMlgImBQsACYzQ2NmJVMEOg3hFI7QPin0D8A4g/A/Hp5/kMQUS5IOND434gxQPEEkBcC8QyQGyJ4QIkG9WAVCIQawPxNyAGGbAIiO2AuAuIS6AGYYYBUHMqkDoPxMJAvA6IT0ANuwzEK4E4BYjnAjE3TA8jLBYkJzI4AKn1QOwGdPZpJEMZgVQvEPsAsRZIDxD/AoYBI7oLqkFhiawZGgb/oc7+C8T+QP5vqGEYXrCBOhtbQP6Dus4Oyt+KzQA2aKDhAl+ganAmpGtQV+AC9tDAxGnAdCBuAwYaP5ao9QNSZkC8AmdKBKkDYlCqOw7UUAWkjwExyLBoIC4G4gig39/hdAE0oMKBeDIQNwHxUyA+A8T6QGyLHHDIgHHAcyNAgAEA0Z9XpIpWR7MAAAAASUVORK5CYII=';
+var sexImg2 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0Y2U5MGEwYi03YjJkLWY2NDgtOWM1Zi0zOGFhY2E0ZjgzZGIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkY0NTM2RTM3NEZDMTFFOEJBODJBQTFCNjhDMTg5NUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkY0NTM2RTI3NEZDMTFFOEJBODJBQTFCNjhDMTg5NUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MmM4YWI5MWEtMGRiMy0zYzQ4LWExMjUtYzIzZDc4ODUzMDBhIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6Y2NjNjUwMGYtNWYyMi0xMWU4LTg1ZmQtZmI5MTlkNDMyYjk1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+gJElrAAAARlJREFUeNpi/P//PwMlgAWZw8jIyPC/rJcLyKwG4hggFgfil0C8GIjbGLuKv6FbyITMgWreD8QSQGwD1MABpO2AWAaI9wLlOTGcADIRjst6m4F4LjanAsXnA3E9inogZkJTB3J2LQ7vNgBxHCEXvMMXYED5D4Rc8AuoiBeHZn4g9R1dHN2AbUCcgcMBmUC8BW80AkEdEB8H2vYGSC8AxsJ/IJsRyE4C4iwgNkc3gBE5XqHpQBXInA3ECiCXAzEzEN8G4lSggffQ0wGGAUh+lgVS14BYC6jxMXKgE3IBKLG4gbhAvBSIo6Eu2Y0tJbJgCSxRaHyDnM4KxAlA/BeILwLxA7zpAFu84003WNIBOnhGKDcyUpqdAQIMANDWpnddyVOvAAAAAElFTkSuQmCC';
+
+var NHStuSelector = exports.NHStuSelector = function (_React$Component) {
+    (0, _inherits3.default)(NHStuSelector, _React$Component);
+
+    function NHStuSelector(props) {
+        (0, _classCallCheck3.default)(this, NHStuSelector);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (NHStuSelector.__proto__ || (0, _getPrototypeOf2.default)(NHStuSelector)).call(this, props));
+
+        _this.show = function (initValues) {
+            _this.stuSelector.show(initValues);
+        };
+
+        _this.getTextLength = function (str) {
+            var strlen = 0;
+            var val = "";
+            for (var i = 0; i < str.length; i++) {
+                val = val + str.charAt(i);
+                if (str.charCodeAt(i) > 128) {
+                    strlen = strlen + 2;
+                } else {
+                    strlen = strlen + 1;
+                }
+            }
+            return strlen;
+        };
+
+        _this.singerBottomShowRender = function (record) {
+            var xh = record.XH || record.xh;
+            var xm = record.XM || record.xm;
+            var yxmc = record.YXMC || record.yxmc;
+            var zymc = record.ZYMC || record.zymc;
+            var bjmc = record.BJMC || record.bjmc;
+            yxmc = yxmc ? yxmc : '无学院信息';
+            zymc = zymc ? zymc : '无专业信息';
+            bjmc = bjmc ? bjmc : '无班级信息';
+            var len = _this.getTextLength(yxmc + zymc + bjmc);
+            var isToopTip = len > 38 ? true : false;
+            var tip = yxmc + ',' + zymc + ',' + bjmc;
+            var curTip = '';
+            if (isToopTip) {
+                curTip = tip.substring(0, 21) + '...';
+            }
+            return _react2.default.createElement(
+                'span',
+                null,
+                _react2.default.createElement(
+                    'font',
+                    { className: 'xgui-selector-stu-xmCss' },
+                    xm
+                ),
+                _react2.default.createElement(
+                    'font',
+                    null,
+                    '\uFF08',
+                    xh,
+                    '\uFF09'
+                ),
+                _react2.default.createElement(
+                    'font',
+                    null,
+                    isToopTip ? _react2.default.createElement(
+                        _tooltip2.default,
+                        { title: tip },
+                        curTip
+                    ) : tip
+                )
+            );
+        };
+
+        _this.state = {};
+        return _this;
+    }
+
+    //字段限制返回(单位字符，一个汉字2个字符)
+
+
+    /**
+     * 单选时底部结果渲染
+     * @param record 选中的那条结果数据
+     */
+
+
+    (0, _createClass3.default)(NHStuSelector, [{
+        key: 'render',
+        value: function render() {
+            var _this2 = this;
+
+            var columns = [{
+                key: 'rowId',
+                title: '学生信息',
+                minWidth: '200',
+                sorted: false,
+                render: function render(text, record) {
+                    var iconName = '姓';
+                    var rowId = record.rowId || record.row_id || record.ROW_ID;
+                    var xm = record.XM || record.xm;
+                    var xh = record.XH || record.xh;
+                    var xb = record.XB || record.xb;
+                    var yxmc = record.YXMC || record.yxmc;
+                    var zymc = record.ZYMC || record.zymc;
+                    var bjmc = record.BJMC || record.bjmc;
+                    if (xm) {
+                        iconName = xm.substring(0, 1);
+                    }
+                    //处理学院、专业、班级
+                    yxmc = yxmc ? yxmc : '无学院信息';
+                    zymc = zymc ? zymc : '无专业信息';
+                    bjmc = bjmc ? bjmc : '无班级信息';
+                    var len = _this2.getTextLength(yxmc + zymc + bjmc);
+                    var isToopTip = len > 56 ? true : false;
+                    var tip = yxmc + ' / ' + zymc + ' / ' + bjmc;
+                    return _react2.default.createElement(
+                        'div',
+                        null,
+                        _react2.default.createElement(
+                            _avatar2.default,
+                            { className: 'xgui-selector-stu-avatar-div', style: { backgroundColor: '#1890FF', verticalAlign: 'middle', float: 'left' }, size: 'large' },
+                            iconName
+                        ),
+                        _react2.default.createElement(
+                            'div',
+                            { className: 'xgui-selector-stu-list-div' },
+                            _react2.default.createElement(
+                                'div',
+                                { className: 'xgui-selector-basic-data-div' },
+                                rowId,
+                                '.',
+                                xm,
+                                '\uFF08',
+                                xh,
+                                '\uFF09',
+                                _react2.default.createElement('img', { alt: '', src: xb === '男' ? sexImg1 : sexImg2 })
+                            ),
+                            _react2.default.createElement(
+                                'div',
+                                { className: 'xgui-selector-else-data-div' },
+                                isToopTip ? _react2.default.createElement(
+                                    _tooltip2.default,
+                                    { title: tip },
+                                    yxmc,
+                                    '\xA0/\xA0',
+                                    _react2.default.createElement(
+                                        'span',
+                                        null,
+                                        zymc
+                                    ),
+                                    '\xA0/\xA0',
+                                    bjmc
+                                ) : _react2.default.createElement(
+                                    'span',
+                                    null,
+                                    yxmc,
+                                    '\xA0/\xA0',
+                                    _react2.default.createElement(
+                                        'span',
+                                        null,
+                                        zymc
+                                    ),
+                                    '\xA0/\xA0',
+                                    bjmc
+                                )
+                            )
+                        )
+                    );
+                }
+            }];
+
+            var _props = this.props,
+                _props$title = _props.title,
+                title = _props$title === undefined ? '学生选择器' : _props$title,
+                _props$keyField = _props.keyField,
+                keyField = _props$keyField === undefined ? 'XSID' : _props$keyField,
+                _props$titleField = _props.titleField,
+                titleField = _props$titleField === undefined ? 'XM' : _props$titleField,
+                _props$searchField = _props.searchField,
+                searchField = _props$searchField === undefined ? 'xh,xm,xb,yxmc,zymc,bjmc' : _props$searchField,
+                _props$searchWidth = _props.searchWidth,
+                searchWidth = _props$searchWidth === undefined ? '300' : _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_xsxx';
+                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.stuSelector = form;
+                    },
+                    title: title,
+                    sign: sign,
+                    mode: 'treeAndTable',
+                    treeUrl: treeUrl,
+                    tableUrl: tableUrl,
+                    treeWidth: 250,
+                    tableWidth: 600,
+                    resultWidth: 150,
+                    height: 500,
+                    isSinger: this.props.isSinger,
+                    columns: columns,
+                    keyField: keyField,
+                    titleField: titleField,
+                    searchField: searchField,
+                    searchWidth: searchWidth,
+                    placeholder: placeholder,
+                    onSelect: this.props.onSelect,
+                    tableParams: this.props.tableParams,
+                    tableSqlParams: this.props.tableSqlParams,
+                    treeParams: this.props.treeParams,
+                    treeSqlParams: this.props.treeSqlParams,
+                    treeShowIcon: true,
+                    singerBottomShowFlag: true,
+                    singerBottomShowRender: this.singerBottomShowRender,
+                    baseUrl: this.props.baseUrl,
+                    rangeFilter: this.props.rangeFilter,
+                    rangeFilterList: this.props.rangeFilterList,
+                    isRememberLastSelect: this.props.isRememberLastSelect
+                })
+            );
+        }
+    }]);
+    return NHStuSelector;
+}(_react2.default.Component);
+
+NHStuSelector.defaultProps = {
+    sign: undefined,
+    treeUrl: undefined,
+    tableUrl: undefined,
+    title: undefined,
+    keyField: undefined,
+    titleField: undefined,
+    searchField: undefined,
+    searchWidth: 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, // 自定义职务过滤列表
+    isRememberLastSelect: false // 是否记住上次选择
+};
+
+exports.default = NHStuSelector;

package/lib/components/NHSubList/index.js

@@ -0,0 +1,151 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _extends2 = require("babel-runtime/helpers/extends");
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _descriptions = require("antd/lib/descriptions");
+
+var _descriptions2 = _interopRequireDefault(_descriptions);
+
+var _getPrototypeOf = require("babel-runtime/core-js/object/get-prototype-of");
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require("babel-runtime/helpers/classCallCheck");
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require("babel-runtime/helpers/createClass");
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require("babel-runtime/helpers/possibleConstructorReturn");
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require("babel-runtime/helpers/inherits");
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+require("antd/lib/descriptions/style");
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+require("../../../assets/NHSubList/index.less");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var NHSubList = function (_React$Component) {
+    (0, _inherits3.default)(NHSubList, _React$Component);
+
+    function NHSubList() {
+        var _ref;
+
+        var _temp, _this, _ret;
+
+        (0, _classCallCheck3.default)(this, NHSubList);
+
+        for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+        }
+
+        return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = NHSubList.__proto__ || (0, _getPrototypeOf2.default)(NHSubList)).call.apply(_ref, [this].concat(args))), _this), _this.refreashWidth = function () {
+            //调整表格中一行的 DescriptionItems 数量不足3个item的样式
+            var des_rows = document.getElementsByClassName("ant-descriptions-row");
+            var i, j;
+
+            if (des_rows) {
+                for (i = 0; i < des_rows.length; i++) {
+                    var desRow = des_rows[i];
+                    if (desRow && desRow.children.length <= 4) {
+                        // for (j = 0; j < desRow.children.length; j++) {
+                        //     var desCol = desRow.children[j];
+                        //     if (desCol && desCol.className == 'ant-descriptions-item-content') {
+                        //         desCol.style.width = 'auto';
+                        //     }
+                        // }
+                        var desCol = desRow.children[desRow.children.length - 1];
+                        if (desCol && desCol.className == 'ant-descriptions-item-content') {
+                            desCol.style.width = 'auto';
+                        }
+                    }
+                }
+            }
+        }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
+    }
+
+    (0, _createClass3.default)(NHSubList, [{
+        key: "componentDidMount",
+        value: function componentDidMount() {
+            this.refreashWidth();
+        }
+    }, {
+        key: "componentDidUpdate",
+        value: function componentDidUpdate() {
+            this.refreashWidth();
+        }
+
+        /** 调整宽度 */
+
+    }, {
+        key: "render",
+        value: function render() {
+            var _this2 = this;
+
+            var _props = this.props,
+                list = _props.list,
+                isEdit = _props.isEdit,
+                column = _props.column;
+
+
+            var dataList = [];
+            list.map(function (item, index) {
+                var isEditR = isEdit;
+                // 若纠错编辑模式下 需要判断sfkfjc为1
+                if (_this2.props.model === 'editCheck') {
+                    isEditR = isEdit && item.sfkfjc === '1' ? true : false;
+                }
+                var span = parseInt(item.span === undefined ? 1 : item.span);
+
+                var label = item.required && isEditR ? _react2.default.createElement(
+                    "label",
+                    { id: 'ant-descriptions-item-label-required' },
+                    item.title
+                ) : item.title;
+                if (item.isUpload) {
+                    dataList.push(_react2.default.createElement(
+                        _descriptions2.default.Item,
+                        { key: index, label: label, span: span, style: {} },
+                        item.render !== undefined ? item.render() : null
+                    ));
+                } else {
+                    dataList.push(_react2.default.createElement(
+                        _descriptions2.default.Item,
+                        { key: index, label: label, span: span, style: {} },
+                        item.render !== undefined && isEditR ? item.render() : item.text
+                    ));
+                }
+            });
+
+            return _react2.default.createElement(
+                "div",
+                null,
+                _react2.default.createElement(
+                    _descriptions2.default,
+                    (0, _extends3.default)({ bordered: true, size: "small" }, this.props, { column: !column ? 3 : column }),
+                    dataList
+                )
+            );
+        }
+    }]);
+    return NHSubList;
+}(_react2.default.Component);
+
+exports.default = NHSubList;