dlt-for-react 1.0.1

package/lib/components/NHDynamicFormShow/customModule/rcgl/xwjcsq/DailyApplyForm.js

@@ -0,0 +1,555 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _form = require('antd/lib/form');
+
+var _form2 = _interopRequireDefault(_form);
+
+var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
+
+var _defineProperty3 = _interopRequireDefault(_defineProperty2);
+
+var _tooltip = require('antd/lib/tooltip');
+
+var _tooltip2 = _interopRequireDefault(_tooltip);
+
+var _avatar = require('antd/lib/avatar');
+
+var _avatar2 = _interopRequireDefault(_avatar);
+
+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/message/style');
+
+require('antd/lib/input/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _moment = require('moment');
+
+var _moment2 = _interopRequireDefault(_moment);
+
+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 _getLoginUser = require('./../../../../../utils/getLoginUser');
+
+var _getLoginUser2 = _interopRequireDefault(_getLoginUser);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var TextArea = _input2.default.TextArea;
+
+var basicUrl = 'api/sm-daily-behaviour/';
+
+/**
+ * @Description: 日常管理解除 - 申请页面
+ * @author huangjiabiao
+ * @date 2019/12/3 9:49
+ */
+
+var DailyApplyForm = function (_React$Component) {
+    (0, _inherits3.default)(DailyApplyForm, _React$Component);
+
+    function DailyApplyForm(props) {
+        (0, _classCallCheck3.default)(this, DailyApplyForm);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (DailyApplyForm.__proto__ || (0, _getPrototypeOf2.default)(DailyApplyForm)).call(this, props));
+
+        _this.componentDidMount = function () {
+            var pkid = _this.props.pkid;
+
+            _this.getRcxwjcxxByPkid(pkid, function (data) {
+                console.log('data', data);
+                if (data) {
+                    _this.setState({
+                        ssjlid: data.SSJLID || '',
+                        xwxmc: data.XWXMC || '',
+                        xwfssj: data.XWFSSJ || '',
+                        xwxlxmc: data.XWXLXMC || '',
+                        xwxnxq: data.XNXQ || '',
+                        xnxqmc: data.XNXQMC || '',
+                        xwmsxx: data.XWMSXX || '',
+                        ssly: data.SSLY || '',
+                        rcxwjlid: data.RCXWJLID || '',
+                        zmcl: data.ZMCL || ''
+                    });
+                } else {
+                    //非审核
+                    _this.props.params.setSubmitBtnDisabled && _this.props.params.setSubmitBtnDisabled(false);
+                    _this.nhSelector.show();
+                }
+            });
+        };
+
+        _this.onChange = function (seq, value, text) {
+            _this.props.onChange && _this.props.onChange(seq, value, text);
+        };
+
+        _this.getRcxwjcxxByPkid = function (pkid, callback) {
+            (0, _NHFetch2.default)(basicUrl + 'openapi/' + pkid + '/getRcxwjcxxByPkid', 'GET').then(function (res) {
+                if (res && res.code === 200) {
+                    callback(res.data);
+                } else {
+                    _message3.default.error("调用接口失败");
+                }
+            });
+        };
+
+        _this.getFieldMapList = function (fieldMap) {
+            var _this$state = _this.state,
+                xwxmc = _this$state.xwxmc,
+                xwfssj = _this$state.xwfssj,
+                xwxnxq = _this$state.xwxnxq,
+                xwmsxx = _this$state.xwmsxx,
+                ssly = _this$state.ssly,
+                zmcl = _this$state.zmcl,
+                xwxlxmc = _this$state.xwxlxmc,
+                rcxwjlid = _this$state.rcxwjlid,
+                xnxqmc = _this$state.xnxqmc;
+
+            var formItemLayout = { wrapperCol: { span: 24 } };
+            var fieldMapList = [];
+
+            //行为项名称   德育奖励
+            if (fieldMap.XWXMC && fieldMap.XWXMC.sfxs === '1') {
+                fieldMapList.push({
+                    id: 'xwxmc',
+                    title: '行为项名称',
+                    isUpload: false,
+                    text: xwxmc,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index6.default,
+                            {
+                                id: 'rcxwjlid',
+                                label: '\u884C\u4E3A\u9879\u540D\u79F0',
+                                hideLabel: true,
+                                readOnly: true,
+                                initialValue: rcxwjlid,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            xwxmc
+                        );
+                    },
+                    span: 1
+                });
+            }
+
+            //行为发生时间
+            if (fieldMap.XWFSSJ && fieldMap.XWFSSJ.sfxs === '1') {
+                fieldMapList.push({
+                    id: 'xwfssj',
+                    title: '行为发生时间',
+                    isUpload: false,
+                    text: xwfssj,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index6.default,
+                            {
+                                id: 'xwfssj',
+                                label: '\u884C\u4E3A\u53D1\u751F\u65F6\u95F4',
+                                hideLabel: true,
+                                readOnly: true,
+                                initialValue: xwfssj ? (0, _moment2.default)(xwfssj, "YYYY-MM-DD") : null,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            xwfssj
+                        );
+                    },
+                    span: 1
+                });
+            }
+
+            //加分扣分项
+            if (fieldMap.XWXLXMC && fieldMap.XWXLXMC.sfxs === '1') {
+                fieldMapList.push({
+                    id: 'xwxlxmc',
+                    title: '行为类型',
+                    isUpload: false,
+                    text: xwxlxmc,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index6.default,
+                            {
+                                id: 'xwxlxmc',
+                                label: '\u884C\u4E3A\u7C7B\u578B',
+                                hideLabel: true,
+                                readOnly: true,
+                                initialValue: xwxlxmc,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            xwxlxmc
+                        );
+                    },
+                    span: 1
+                });
+            }
+
+            //行为学期
+            if (fieldMap.XWXNXQ && fieldMap.XWXNXQ.sfxs === '1') {
+                fieldMapList.push({
+                    id: 'xnxqmc',
+                    title: '行为学年学期',
+                    isUpload: false,
+                    text: xnxqmc,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index6.default,
+                            {
+                                id: 'xwxnxq',
+                                label: '\u884C\u4E3A\u5B66\u5E74\u5B66\u671F',
+                                hideLabel: true,
+                                readOnly: true,
+                                initialValue: xwxnxq,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            xnxqmc
+                        );
+                    },
+                    span: 1
+                });
+            }
+
+            //行为描述信息
+            if (fieldMap.XWMSXX && fieldMap.XWMSXX.sfxs === '1') {
+                fieldMapList.push({
+                    id: 'xwmsxx',
+                    title: '行为描述信息',
+                    isUpload: false,
+                    text: xwmsxx,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index6.default,
+                            {
+                                id: 'xwmsxx',
+                                label: '\u884C\u4E3A\u63CF\u8FF0\u4FE1\u606F',
+                                hideLabel: true,
+                                readOnly: true,
+                                initialValue: xwmsxx,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            xwmsxx
+                        );
+                    },
+                    span: 2
+                });
+            }
+
+            //申诉理由
+            if (fieldMap.SSLY && fieldMap.SSLY.sfxs === '1') {
+
+                var required = fieldMap.SSLY.sfbt === "1" ? true : false;
+                var editable = fieldMap.SSLY.sfbj === "1" ? true : false;
+                fieldMapList.push({
+                    id: 'ssly',
+                    title: '申诉理由',
+                    isUpload: false,
+                    text: ssly,
+                    required: required,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index6.default,
+                            {
+                                id: 'ssly',
+                                label: '\u7533\u8BC9\u7406\u7531',
+                                hideLabel: true,
+                                readOnly: !editable,
+                                initialValue: ssly,
+                                required: required,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            editable ? _react2.default.createElement(TextArea, { rows: 4 }) : ssly
+                        );
+                    },
+                    span: 3
+                });
+            }
+
+            //证明材料
+            if (fieldMap.ZMCL && fieldMap.ZMCL.sfxs === '1') {
+                var _required = fieldMap.ZMCL.sfbt === "1" ? true : false;
+                var _editable = fieldMap.ZMCL.sfbj === "1" ? true : false;
+                fieldMapList.push({
+                    id: 'zmcl',
+                    title: '附件上传',
+                    text: zmcl,
+                    required: _required,
+                    isUpload: true,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index6.default,
+                            {
+                                id: 'zmcl',
+                                label: '\u9644\u4EF6\u4E0A\u4F20',
+                                hideLabel: true,
+                                initialValue: zmcl,
+                                required: _required,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            _react2.default.createElement(_index4.default, {
+                                serviceMark: 'sm-daily-behaviour',
+                                moduleName: '日常行为管理-行为解除',
+                                isEdit: _this.props.isEdit && _editable
+                            })
+                        );
+                    },
+                    span: 3
+                });
+            }
+            return _this.calcSapan(fieldMapList);
+        };
+
+        _this.rcxwSelectorCallbackListener = function (selectRowKeys, selectRows) {
+            if (selectRows && selectRows.length > 0) {
+                // this.props.params.setSubmitBtnDisabled && this.props.params.setSubmitBtnDisabled(false);
+                var rcxwxxInfo = selectRows[0];
+                var ssly = _this.state.ssly;
+
+                if (rcxwxxInfo) {
+                    _this.setState({
+                        xwxmc: rcxwxxInfo.XWXMC || '',
+                        // xwfssj: moment(rcxwxxInfo.XWFSSJ, "YYYY-MM-DD") || '',
+                        xwfssj: rcxwxxInfo.XWFSSJ || '',
+                        xwxlxmc: rcxwxxInfo.XWXLXMC || '',
+                        xwxnxq: rcxwxxInfo.XNXQ || '',
+                        xnxqmc: rcxwxxInfo.XNXQMC || '',
+                        xwmsxx: rcxwxxInfo.XWMSXX || '',
+                        rcxwjlid: rcxwxxInfo.RCXWJLID || '',
+                        ssly: ssly
+                    });
+                }
+            } else {
+                _message3.default.warning("请选择需要进行解除的违纪信息！");
+            }
+        };
+
+        _this.state = {
+            xwxmc: '', //行为项名称   德育奖励
+            xwfssj: '', //行为发生时间
+            xwxlxmc: '', //行为项类名称
+            xwxnxq: '', //行为学期
+            xnxqmc: '',
+            xwmsxx: '', //行为描述信息
+            ssly: '', //申诉理由
+            zmcl: '', //证明材料
+            rcxwjlid: '',
+            ssjlid: '' //申诉记录id
+        };
+        return _this;
+    }
+
+    //查询学生日常管理解除信息
+
+
+    (0, _createClass3.default)(DailyApplyForm, [{
+        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,
+                _React$createElement;
+
+            var title = '日常行为信息选择器',
+                keyField = 'RCXWJLID',
+                titleField = 'XWXMC',
+                searchField = 'xwxmc,xwmsxx',
+                searchWidth = '350',
+                placeholder = '行为内容/行为类型/行为事实';
+            var _props = this.props,
+                form = _props.form,
+                isEdit = _props.isEdit,
+                fieldMap = _props.fieldMap;
+
+            var fieldMapList = this.getFieldMapList(fieldMap);
+            var tableSqlParams = { xh: (0, _getLoginUser2.default)() ? (0, _getLoginUser2.default)().userId : '' };
+            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 sj = record.XWFSSJ || record.xwfssj || '';
+                    var ms = record.MS || record.ms || '',
+                        mc = record.XWXMC || record.xwxmc || '';
+                    var mclen = mc ? mc.length : 0,
+                        mslen = ms ? ms.length : 0,
+                        sjlen = sj ? sj.length : 0;
+                    var isMcTip = mclen > 20,
+                        isMsTip = mslen > 40,
+                        mcTip = '',
+                        msTip = '',
+                        isSjTip = sjlen > 40,
+                        sjTip = '';
+                    if (isMcTip) {
+                        mcTip = mc.substring(0, 10) + '......';
+                    }
+                    if (isMsTip) {
+                        msTip = ms.substring(0, 20) + '......';
+                    }
+                    if (isSjTip) {
+                        sjTip = sj.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 + '(' + sj + ')'
+                                ) : _react2.default.createElement(
+                                    'span',
+                                    null,
+                                    msTip + '(' + sjTip + ')'
+                                )
+                            )
+                        )
+                    );
+                }
+            }];
+
+            return _react2.default.createElement(
+                'div',
+                null,
+                _react2.default.createElement(
+                    _form2.default,
+                    { style: { margin: '20px 0 20px 0' } },
+                    _react2.default.createElement(_index2.default, {
+                        list: fieldMapList,
+                        isEdit: isEdit,
+                        form: form
+                    }),
+                    _react2.default.createElement(_index8.default, (_React$createElement = { ref: function ref(selector) {
+                            return _this2.nhSelector = selector;
+                        },
+                        title: title,
+                        mode: 'table',
+                        isSinger: true,
+                        sign: "zhxg_daily_behavior_xwss_selector",
+                        onSelect: this.rcxwSelectorCallbackListener,
+                        tableWidth: 750,
+                        baseUrl: 'api/sm-daily-behaviour',
+                        resultWidth: 150,
+                        keyField: keyField,
+                        titleField: titleField,
+                        searchField: searchField
+                    }, (0, _defineProperty3.default)(_React$createElement, 'searchField', 'XWXMC,PFFSM,GDFZ,ZXFS,ZDFS'), (0, _defineProperty3.default)(_React$createElement, 'placeholder', placeholder), (0, _defineProperty3.default)(_React$createElement, 'singerBottomShowFlag', true), (0, _defineProperty3.default)(_React$createElement, 'height', 500), (0, _defineProperty3.default)(_React$createElement, 'tableSqlParams', tableSqlParams), (0, _defineProperty3.default)(_React$createElement, 'columns', columns), _React$createElement))
+                )
+            );
+        }
+    }]);
+    return DailyApplyForm;
+}(_react2.default.Component);
+
+var dailyApplyForm = _form2.default.create()(DailyApplyForm);
+exports.default = dailyApplyForm;