dlt-for-react 1.0.1

package/lib/components/NHDynamicFormShow/customModule/zzsd/rcgl/rcxwgrdj/IndividualRegistForm.js

@@ -0,0 +1,745 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _form = require("antd/lib/form");
+
+var _form2 = _interopRequireDefault(_form);
+
+var _tooltip = require("antd/lib/tooltip");
+
+var _tooltip2 = _interopRequireDefault(_tooltip);
+
+var _avatar = require("antd/lib/avatar");
+
+var _avatar2 = _interopRequireDefault(_avatar);
+
+var _datePicker = require("antd/lib/date-picker");
+
+var _datePicker2 = _interopRequireDefault(_datePicker);
+
+var _inputNumber = require("antd/lib/input-number");
+
+var _inputNumber2 = _interopRequireDefault(_inputNumber);
+
+var _getIterator2 = require("babel-runtime/core-js/get-iterator");
+
+var _getIterator3 = _interopRequireDefault(_getIterator2);
+
+var _message2 = require("antd/lib/message");
+
+var _message3 = _interopRequireDefault(_message2);
+
+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 _input = require("antd/lib/input");
+
+var _input2 = _interopRequireDefault(_input);
+
+require("antd/lib/form/style");
+
+require("antd/lib/tooltip/style");
+
+require("antd/lib/avatar/style");
+
+require("antd/lib/date-picker/style");
+
+require("antd/lib/input-number/style");
+
+require("antd/lib/message/style");
+
+require("antd/lib/input/style");
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _index = require("../../../../../NHSubList/index.js");
+
+var _index2 = _interopRequireDefault(_index);
+
+var _NHFetch = require("../../../../../../utils/NHFetch");
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+var _index3 = require("../../../../../NHUpload/index");
+
+var _index4 = _interopRequireDefault(_index3);
+
+var _index5 = require("../../../../../NHFormItem/index");
+
+var _index6 = _interopRequireDefault(_index5);
+
+var _index7 = require("./../../../../../NHSelector/index");
+
+var _index8 = _interopRequireDefault(_index7);
+
+var _index9 = require("./../../../../../NHSelect/index");
+
+var _index10 = _interopRequireDefault(_index9);
+
+var _infoItemTable = require("./infoItemTable");
+
+var _infoItemTable2 = _interopRequireDefault(_infoItemTable);
+
+var _moment = require("moment");
+
+var _moment2 = _interopRequireDefault(_moment);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var TextArea = _input2.default.TextArea;
+
+var IndividualRegistForm = function (_React$Component) {
+    (0, _inherits3.default)(IndividualRegistForm, _React$Component);
+
+    function IndividualRegistForm(props) {
+        (0, _classCallCheck3.default)(this, IndividualRegistForm);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (IndividualRegistForm.__proto__ || (0, _getPrototypeOf2.default)(IndividualRegistForm)).call(this, props));
+
+        _this.componentDidMount = function () {
+            var pkid = _this.props.pkid;
+
+            var fz = '';
+            _this.getRcxwjlByPkid(pkid, function (data) {
+                if (data.stuList.length > 0 || data.xwjl !== null) {
+                    var xwjl = data.xwjl;
+                    if (xwjl.XWXLXM && xwjl.FS && xwjl.XWXLXM === '1') {
+                        fz = '+' + xwjl.FS + '分';
+                    } else if (xwjl.XWXLXM && xwjl.FS && xwjl.XWXLXM === '2') {
+                        fz = '-' + xwjl.FS + '分';
+                    }
+                    // 学生集合
+                    var stuList = data.stuList;
+                    var inputDataList = [];
+                    var xsidList = [];
+                    for (var i = 0; i < stuList.length; i++) {
+                        var stu = stuList[i];
+                        // 构建前端学生数据格式
+                        var dataList = _this.getInputDataList(stu, i + 1);
+                        inputDataList.push(dataList);
+                        xsidList.push(stu.XSID);
+                    }
+                    _this.setState({
+                        xwxmc: xwjl.XWXMC || '',
+                        xwfssj: xwjl.XWFSSJ || '',
+                        xwmsxx: xwjl.XWMSXX || '',
+                        zmcl: xwjl.ZMCL || '',
+                        fz: fz || '',
+                        jllb: xwjl.JLLB || '',
+                        jlwhx: xwjl.JLWHX || '',
+                        jllbmc: xwjl.JLLBMC || '',
+                        inputDataList: inputDataList,
+                        xsidList: xsidList,
+                        isStuEdit: false
+                    });
+                    _this.props.setXsidList(xsidList);
+                } else {
+                    //非审核
+                    _this.props.params.setSubmitBtnDisabled && _this.props.params.setSubmitBtnDisabled(false);
+                    //this.nhSelector.show();
+                }
+            });
+        };
+
+        _this.getRcxwjlByPkid = function (pkid, callback) {
+            var t = new Date().getTime();
+            (0, _NHFetch2.default)('api/sm-daily-behaviour/openapi/' + pkid + '/getRcxwjlByPkid', 'GET', t).then(function (res) {
+                if (res) {
+                    if (res && res.code === 200) {
+                        callback(res.data);
+                    } else {
+                        _message3.default.error("调用接口失败");
+                    }
+                }
+            });
+        };
+
+        _this.SelectorCallbackListener = function (selectRowKeys, selectRows) {
+            if (selectRows && selectRows.length > 0) {
+                var str = '';
+                var xwxInfo = {};
+                var fz = '';
+                var fs = '';
+                var _iteratorNormalCompletion = true;
+                var _didIteratorError = false;
+                var _iteratorError = undefined;
+
+                try {
+                    for (var _iterator = (0, _getIterator3.default)(selectRows), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                        var item = _step.value;
+
+                        str = item.XWXMC, xwxInfo = item;
+                        if (item.XWXLXM && item.GDFZ && item.XWXLXM === '1') {
+                            fz = '+' + item.GDFZ + '分';
+                            fs = item.GDFZ;
+                        } else {
+                            fz = '-' + item.GDFZ + '分';
+                            fs = item.GDFZ;
+                        }
+                    }
+                } catch (err) {
+                    _didIteratorError = true;
+                    _iteratorError = err;
+                } finally {
+                    try {
+                        if (!_iteratorNormalCompletion && _iterator.return) {
+                            _iterator.return();
+                        }
+                    } finally {
+                        if (_didIteratorError) {
+                            throw _iteratorError;
+                        }
+                    }
+                }
+
+                _this.setState({
+                    xwxmc: str,
+                    xwxInfo: xwxInfo,
+                    fz: fz
+                }, function () {
+                    _this.props.form.setFieldsValue({ 'xwxmc': str }), _this.props.form.setFieldsValue({ 'fs': fs });
+                    _this.onCallback(selectRows, selectRowKeys);
+                });
+            } else {
+                _message3.default.warning("请选择行为项信息！");
+            }
+        };
+
+        _this.onAddfS = function (value) {
+            _this.props.form.setFieldsValue({ 'fs': value });
+        };
+
+        _this.onCallback = function (selectRows, selectRowKeys) {
+            _this.props.childCallback(selectRows, selectRowKeys);
+        };
+
+        _this.addXwxInfo = function () {
+            _this.nhSelector.show();
+        };
+
+        _this.setXsidList = function (value) {
+            _this.props.setXsidList(value);
+        };
+
+        _this.getInputDataList = function (stu, i) {
+            var xm = stu.XM;
+            var xh = stu.XH;
+            var xy = stu.BMMC;
+            var zy = stu.ZYMC;
+            var bj = stu.BJMC;
+            var dataList = {
+                seq: i,
+                id: i,
+                xm: { text: xm, value: xm, initValue: xm },
+                xh: { text: xh, value: xh, initValue: xh },
+                xy: {
+                    text: xy,
+                    value: xy,
+                    initValue: xy
+                },
+                zy: {
+                    text: zy,
+                    value: zy,
+                    initValue: zy
+                },
+                bj: { text: bj, value: bj, initValue: bj },
+                isChange: false,
+                fieldPrefix: i
+            };
+            return dataList;
+        };
+
+        _this.getDataList = function (fieldMap) {
+            var getFieldDecorator = _this.props.form.getFieldDecorator;
+            var _this$state = _this.state,
+                xwxmc = _this$state.xwxmc,
+                _this$state$xwxInfo = _this$state.xwxInfo,
+                xwxInfo = _this$state$xwxInfo === undefined ? {} : _this$state$xwxInfo,
+                fz = _this$state.fz,
+                xwfssj = _this$state.xwfssj,
+                zmcl = _this$state.zmcl,
+                xwmsxx = _this$state.xwmsxx,
+                jllb = _this$state.jllb,
+                jlwhx = _this$state.jlwhx,
+                jllbmc = _this$state.jllbmc;
+
+            var dataList = [];
+
+            var formItemLayout = { wrapperCol: { span: 24 } };
+
+            //奖励名称
+            if (fieldMap.XWXMC && fieldMap.XWXMC.sfxs === '1') {
+                // 是否必填
+                var required = fieldMap.XWXMC.sfbt === "1";
+                // 是否可编辑
+                var editable = fieldMap.XWXMC.sfbj === "1";
+                dataList.push({
+                    title: '奖励名称',
+                    text: xwxmc,
+                    required: required,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index6.default,
+                            {
+                                id: "xwxmc",
+                                label: "\u5956\u52B1\u540D\u79F0",
+                                hideLabel: true,
+                                readOnly: !editable,
+                                initialValue: xwxmc,
+                                required: required,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            editable ? _react2.default.createElement(_input2.default, { style: { width: "100%" }, placeholder: "请选择行为项类型...", onClick: _this.addXwxInfo }) : xwxmc
+                        );
+                    },
+                    span: 1
+                });
+            }
+
+            //分值
+            if (xwxInfo.XWXMC && xwxInfo.PFFSM === '1') {
+                dataList.push({
+                    title: '分值',
+                    text: fz,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index6.default,
+                            {
+                                id: "fs",
+                                label: "\u5206\u503C",
+                                hideLabel: true,
+                                readOnly: true,
+                                initialValue: fz,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            _react2.default.createElement(_input2.default, { value: fz, style: { width: "100%" } })
+                        );
+                    },
+                    span: 1
+                });
+            } else if (xwxInfo.XWXMC && xwxInfo.PFFSM === '2') {
+                dataList.push({
+                    title: '分值',
+                    text: fz,
+                    required: true,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index6.default,
+                            {
+                                id: "fs",
+                                label: "\u5206\u503C",
+                                hideLabel: true,
+                                readOnly: true,
+                                initialValue: fz,
+                                required: true,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            _react2.default.createElement(_inputNumber2.default, { style: { width: "60%" }, min: xwxInfo.ZXFS, max: xwxInfo.ZDFS, onChange: _this.onAddfS.bind(_this) }),
+                            " ",
+                            "分"
+                        );
+                    },
+                    span: 1
+                });
+            } else if (fieldMap.XWXMC && fieldMap.XWXMC.sfxs === '1') {
+                dataList.push({
+                    title: '分值',
+                    text: fz,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index6.default,
+                            {
+                                id: "fs",
+                                label: "\u5206\u503C",
+                                hideLabel: true,
+                                readOnly: true,
+                                initialValue: fz,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            _react2.default.createElement(_input2.default, { value: fz, style: { width: "100%" } })
+                        );
+                    },
+                    span: 1
+                });
+            }
+
+            //行为奖励日期
+            if (fieldMap.XWFSSJ && fieldMap.XWFSSJ.sfxs === '1') {
+
+                var _required = fieldMap.XWFSSJ.sfbt === "1";
+                var _editable = fieldMap.XWFSSJ.sfbj === "1";
+                var now = _editable ? (0, _moment2.default)() : null;
+
+                dataList.push({
+                    title: '奖励日期',
+                    isUpload: false,
+                    text: xwfssj,
+                    required: _required,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index6.default,
+                            {
+                                id: "xwfssj",
+                                label: "\u5956\u52B1\u65E5\u671F",
+                                hideLabel: true,
+                                readOnly: !_editable,
+                                initialValue: xwfssj ? (0, _moment2.default)(xwfssj, "YYYY-MM-DD") : now,
+                                required: _required,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            _editable ? _react2.default.createElement(_datePicker2.default, { defaultValue: now, style: { width: '100%' } }) : xwfssj
+                        );
+                    },
+                    span: 1
+                });
+            }
+
+            //描述信息
+            if (fieldMap.XWMSXX && fieldMap.XWMSXX.sfxs === '1') {
+
+                var _required2 = fieldMap.XWMSXX.sfbt === "1" ? true : false;
+                var _editable2 = fieldMap.XWMSXX.sfbj === "1" ? true : false;
+                dataList.push({
+                    id: 'xwmsxx',
+                    title: '描述信息',
+                    isUpload: false,
+                    text: xwmsxx,
+                    required: _required2,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index6.default,
+                            {
+                                id: "xwmsxx",
+                                label: "\u63CF\u8FF0\u4FE1\u606F",
+                                hideLabel: true,
+                                readOnly: !_editable2,
+                                initialValue: xwmsxx,
+                                required: _required2,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            _editable2 ? _react2.default.createElement(TextArea, { rows: 4 }) : xwmsxx
+                        );
+                    },
+                    span: 3
+                });
+            }
+
+            //证明材料
+            if (fieldMap.ZMCL && fieldMap.ZMCL.sfxs === '1') {
+                var _required3 = fieldMap.ZMCL.sfbt === "1" ? true : false;
+                var _editable3 = fieldMap.ZMCL.sfbj === "1" ? true : false;
+                dataList.push({
+                    id: 'zmcl',
+                    title: '证明材料',
+                    text: zmcl,
+                    required: _required3,
+                    isUpload: true,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index6.default,
+                            {
+                                id: "zmcl",
+                                label: "\u8BC1\u660E\u6750\u6599",
+                                hideLabel: true,
+                                initialValue: zmcl,
+                                required: _required3,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            _react2.default.createElement(_index4.default, {
+                                multiple: true,
+                                uploadType: 'file',
+                                serviceMark: 'sm-daily-behaviour',
+                                moduleName: '日常行为个人登记',
+                                isEdit: _editable3
+                            })
+                        );
+                    },
+                    span: 1
+                });
+            }
+
+            if (fieldMap.JLLB && fieldMap.JLLB.sfxs === '1') {
+                var _required4 = fieldMap.JLLB.sfbt === "1" ? true : false;
+                var _editable4 = fieldMap.JLLB.sfbj === "1" ? true : false;
+                dataList.push({
+                    id: 'jllb',
+                    title: '奖励类别',
+                    text: jllbmc,
+                    required: _required4,
+                    isUpload: false,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index6.default,
+                            {
+                                id: "jllb",
+                                label: "\u5956\u52B1\u7C7B\u522B",
+                                hideLabel: true,
+                                readOnly: !_editable4,
+                                initialValue: jllb,
+                                required: _required4,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            _editable4 ? _react2.default.createElement(_index10.default, { sign: "DMK_RCXW_JLLB" }) : jllbmc
+                        );
+                    },
+                    span: 3
+                });
+            }
+
+            //奖励文号项
+            if (fieldMap.JLWHX && fieldMap.JLWHX.sfxs === '1') {
+                // 是否必填
+                var _required5 = fieldMap.JLWHX.sfbt === "1";
+                // 是否可编辑
+                var _editable5 = fieldMap.JLWHX.sfbj === "1";
+                dataList.push({
+                    title: '奖励文号项',
+                    text: jlwhx,
+                    required: _required5,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index6.default,
+                            {
+                                id: "jlwhx",
+                                label: "\u5956\u52B1\u6587\u53F7\u9879",
+                                hideLabel: true,
+                                readOnly: !_editable5,
+                                initialValue: jlwhx,
+                                required: _required5,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            _editable5 ? _react2.default.createElement(_input2.default, null) : jlwhx
+                        );
+                    },
+                    span: 1
+                });
+            }
+
+            return _this.calcSapan(dataList);
+        };
+
+        _this.state = {
+            xwxmc: '', //行为项名称
+            xwxInfo: {}, //单条行为项信息   
+            fz: '', //分值字符串 
+            xwfssj: '', //行为奖励日期
+            zmcl: '', //证明材料
+            xwmsxx: '', //描述信息
+            jllb: '', //奖励类别
+            jllbmc: '',
+            jlwhx: '', //奖励文号项
+            isStuEdit: true, //是否能新增学生
+            inputDataList: [], // 学生信息
+            xsidList: [] // 学生id
+        };
+
+        return _this;
+    }
+
+    //行为选择器响应事件
+
+
+    //数字选择器响应事件
+
+
+    (0, _createClass3.default)(IndividualRegistForm, [{
+        key: "calcSapan",
+
+
+        //计算span跨度
+        value: function calcSapan(fieldMapList) {
+            var totalSpan = 0; // 到目前为止的所有列数
+            var hasUseSpan = void 0; // 当前行已使用的列数
+            fieldMapList.map(function (item, index) {
+                var span = item.span;
+                hasUseSpan = totalSpan % 3;
+                if (3 - hasUseSpan < span) {
+                    fieldMapList[index - 1].span += 3 - hasUseSpan;
+                    totalSpan += 3 - hasUseSpan;
+                }
+                totalSpan += span;
+            });
+            return fieldMapList;
+        }
+
+        //回调方法
+
+
+        //具体行为项选择器
+
+
+        //回调方法
+
+    }, {
+        key: "render",
+        value: function render() {
+            var _this2 = this;
+
+            var _props = this.props,
+                form = _props.form,
+                isEdit = _props.isEdit,
+                _props$fieldMap = _props.fieldMap,
+                fieldMap = _props$fieldMap === undefined ? {} : _props$fieldMap;
+            var _state = this.state,
+                inputDataList = _state.inputDataList,
+                isStuEdit = _state.isStuEdit,
+                xsidList = _state.xsidList;
+
+            var jcList = [];
+            var dataList = this.getDataList(fieldMap);
+            var columns = [{
+                key: 'rcxwxid',
+                title: '行为项信息',
+                minWidth: '200',
+                sorted: true,
+                render: function render(text, record) {
+                    var iconName = '';
+                    if (record.XWXLXM && record.XWXLXM === '1') {
+                        iconName = '加';
+                    } else if (record.XWXLXM && record.XWXLXM === '2') {
+                        iconName = '扣';
+                    }
+                    var ms = record.MS || record.ms || '',
+                        mc = record.XWXMC || record.xwxmc || '';
+                    var mclen = mc ? mc.length : 0,
+                        mslen = ms ? ms.length : 0;
+                    var isMcTip = mclen > 20,
+                        isMsTip = mslen > 40,
+                        mcTip = '',
+                        msTip = '';
+                    if (isMcTip) {
+                        mcTip = mc.substring(0, 10) + '......';
+                    }
+                    if (isMsTip) {
+                        msTip = ms.substring(0, 20) + '......';
+                    }
+
+                    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' }),
+                            !isMcTip ? _react2.default.createElement(
+                                _tooltip2.default,
+                                { title: mc },
+                                mc
+                            ) : _react2.default.createElement(
+                                "span",
+                                null,
+                                mcTip
+                            ),
+                            _react2.default.createElement(
+                                "div",
+                                { className: 'xgui-selector-else-data-div' },
+                                !isMsTip ? _react2.default.createElement(
+                                    _tooltip2.default,
+                                    { title: ms },
+                                    ms
+                                ) : _react2.default.createElement(
+                                    "span",
+                                    null,
+                                    msTip
+                                )
+                            )
+                        )
+                    );
+                }
+            }];
+
+            return _react2.default.createElement(
+                "div",
+                null,
+                _react2.default.createElement(
+                    "div",
+                    { className: "infoItem" },
+                    inputDataList != undefined ? _react2.default.createElement(_infoItemTable2.default, {
+                        ref: function ref(form) {
+                            _this2.nhEditForm = form;
+                        },
+                        isEdit: isStuEdit,
+                        inputDataList: inputDataList,
+                        xsidList: xsidList
+                        // tsxzzdz={5} // 条数限制最大值
+                        , setXsidList: this.setXsidList,
+                        model: false,
+                        jcList: jcList
+                    }) : ''
+                ),
+                _react2.default.createElement(
+                    _form2.default,
+                    { style: { margin: '20px 0 20px 0' } },
+                    _react2.default.createElement(_index2.default, {
+                        list: dataList,
+                        isEdit: isEdit,
+                        form: form
+                    }),
+                    _react2.default.createElement(_index8.default, { ref: function ref(selector) {
+                            return _this2.nhSelector = selector;
+                        },
+                        title: '日常行为项选择器',
+                        mode: 'table',
+                        isSinger: true,
+                        sign: "zhxg_daily_behavior_xwjtdj_selector",
+                        onSelect: this.SelectorCallbackListener,
+                        tableWidth: 700,
+                        baseUrl: 'api/sm-daily-behaviour',
+                        resultWidth: 200,
+                        keyField: 'RCXWXID',
+                        titleField: 'XWXMC',
+                        footerRender: function footerRender(count) {
+                            return '总计：' + count + '条';
+                        },
+                        searchField: 'XWXMC,PFFSM,GDFZ,ZXFS,ZDFS',
+                        searchWidth: '350',
+                        height: 500,
+                        columns: columns
+                    })
+                ),
+                _react2.default.createElement("input", { id: "isEndZzsd", hidden: true })
+            );
+        }
+    }]);
+    return IndividualRegistForm;
+}(_react2.default.Component);
+
+var individualRegistForm = _form2.default.create()(IndividualRegistForm);
+exports.default = individualRegistForm;