dlt-for-react 1.0.1

package/lib/components/NHDynamicFormShow/customModule/eszy/zsxxhd/EditForm.js

@@ -0,0 +1,528 @@
+'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 _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 _select = require('antd/lib/select');
+
+var _select2 = _interopRequireDefault(_select);
+
+var _input = require('antd/lib/input');
+
+var _input2 = _interopRequireDefault(_input);
+
+require('antd/lib/form/style');
+
+require('antd/lib/radio/style');
+
+require('antd/lib/message/style');
+
+require('antd/lib/select/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('../../../../NHFormItem/index');
+
+var _index4 = _interopRequireDefault(_index3);
+
+var _index5 = require('../../../../NHUpload/index');
+
+var _index6 = _interopRequireDefault(_index5);
+
+var _NHSelect = require('../../../../NHSelect');
+
+var _NHSelect2 = _interopRequireDefault(_NHSelect);
+
+var _index7 = require('./NHCascader/index.js');
+
+var _index8 = _interopRequireDefault(_index7);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import {NHSubList,NHFetch,NHUpload} from "xgui-for-react";
+var TextArea = _input2.default.TextArea;
+
+var Option = _select2.default.Option;
+
+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.onChange = function (seq, value, text) {
+            _this.props.onChange && _this.props.onChange(seq, value, text);
+        };
+
+        _this.componentDidMount = function () {
+            _this.getData();
+        };
+
+        _this.getData = function () {
+            var _this$props = _this.props,
+                processApplyId = _this$props.processApplyId,
+                objId = _this$props.objId;
+            // 流程id
+
+            var lcid = processApplyId;
+            // 学生id
+            var xsid = objId;
+            (0, _NHFetch2.default)('api/zhxg-gyxt/openapi/getZsxx/' + xsid + '/' + lcid, 'GET').then(function (res) {
+                if (res) {
+                    var stuInfo = res.data;
+                    _this.setState({
+                        ycwxx: stuInfo.ZSXX,
+                        ycwid: stuInfo.CWID,
+                        hdxx: {
+                            xsid: stuInfo.XSID,
+                            cwid: stuInfo.XCWID,
+                            ycwid: stuInfo.CWID,
+                            cwxx: stuInfo.XCWXX,
+                            ycwxx: stuInfo.ZSXX,
+                            sfhd: stuInfo.SFHD
+                        },
+                        sfhd: stuInfo.SFHD
+                    }, function () {
+                        // 默认可以办理
+                        _this.hasQualification(false);
+                    });
+                } else {
+                    _this.hasQualification(true);
+                    _message3.default.error("调用接口失败！");
+                }
+            });
+        };
+
+        _this.hasQualification = function (flag) {
+            if (flag === true) {
+                // 不可以办理
+                _this.props.params.setSubmitBtnDisabled && _this.props.params.setSubmitBtnDisabled(true);
+            } else {
+                _this.props.changeInfo(_this.state.hdxx);
+                _this.props.params.setSubmitBtnDisabled && _this.props.params.setSubmitBtnDisabled(false);
+            }
+        };
+
+        _this.radioOnChange = function (e) {
+            var sfyw = e.target.value;
+
+            if (sfyw === '1') {
+
+                _this.setState({
+                    sfhd: sfyw
+                });
+
+                _this.hasQualification(true);
+            } else {
+                _this.setState({
+                    sfhd: sfyw,
+                    hdxx: {
+                        ycwid: _this.state.cwid,
+                        cwid: '',
+                        ycwxx: _this.state.ycwxx,
+                        cwxx: '',
+                        sfhd: sfyw
+                    },
+                    tsxx: ''
+                });
+                _this.props.changecwxx('');
+                _this.hasQualification(false);
+            }
+        };
+
+        _this.changecwxx = function (value, selectedOptions) {
+            var setFieldsValue = _this.props.form.setFieldsValue;
+
+            var params = { xxqmc: '', xldmc: '', xlcmc: '', xfj: '', xcwh: '', xcwid: '' };
+            if (selectedOptions) {
+                var _iteratorNormalCompletion = true;
+                var _didIteratorError = false;
+                var _iteratorError = undefined;
+
+                try {
+                    for (var _iterator = (0, _getIterator3.default)(selectedOptions), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                        var map = _step.value;
+
+                        var currLevel = map.currLevel;
+                        switch (currLevel) {
+                            case 1:
+                                params["xxqmc"] = map.label;
+                                break;
+                            case 2:
+                                params["xldmc"] = map.label;
+                                break;
+                            case 3:
+                                params["xlcmc"] = map.label;
+                                break;
+                            case 4:
+                                params["xfj"] = map.label;
+                                break;
+                            case 5:
+                                params["xcwh"] = map.label;
+                                params["xcwid"] = map.value;
+                                break;
+                        }
+                    }
+                } catch (err) {
+                    _didIteratorError = true;
+                    _iteratorError = err;
+                } finally {
+                    try {
+                        if (!_iteratorNormalCompletion && _iterator.return) {
+                            _iterator.return();
+                        }
+                    } finally {
+                        if (_didIteratorError) {
+                            throw _iteratorError;
+                        }
+                    }
+                }
+
+                setFieldsValue(params);
+            }
+            _this.props.changecwxx(value);
+            // 拼接新床位信息
+            var xcwxx = params["xxqmc"] + (params["xldmc"] != null && params["xldmc"] != "" ? '/' + params["xldmc"] : '') + (params["xlcmc"] != null && params["xlcmc"] != "" ? '/' + params["xlcmc"] : '') + (params["xfj"] != null && params["xfj"] != "" ? '/' + params["xfj"] : '') + (params["xcwh"] != null && params["xcwh"] != "" ? '/' + params["xcwh"] : '');
+            var xcwid = params["xcwid"];
+
+            _this.setState({
+                hdxx: {
+                    cwid: xcwid,
+                    ycwid: _this.state.ycwid,
+                    cwxx: xcwxx,
+                    ycwxx: _this.state.ycwxx,
+                    sfhd: _this.state.sfhd
+                }
+            }, function () {
+                if (params["xcwid"] != null && params["xcwid"] != "") {
+                    _this.queryBed(_this.state.hdxx.cwid);
+                } else {
+                    _this.hasQualification(true);
+                }
+            });
+        };
+
+        _this.queryBed = function (cwid) {
+            var objId = _this.props.objId;
+
+            var params = { xsid: objId, cwid: cwid };
+            (0, _NHFetch2.default)('api/zhxg-gyxt/openapi/queryBedInfo', 'POST', params).then(function (res) {
+                if (res && res.code === 200) {
+                    // 如果为 0，则没有人入住，
+                    if (res.data === 0) {
+                        _this.setState({
+                            tsxx: '该床位可以选择！'
+                        });
+                        _this.props.changeInfo(_this.state.hdxx);
+                        _this.hasQualification(false);
+                    } else if (res.data === 1) {
+                        _this.setState({
+                            tsxx: '该床位已有人申请！'
+                        });
+
+                        // 不可以办理
+                        _this.hasQualification(true);
+                        _message3.default.error("您选择的床位已有人申请！请跟老师反映，核对床位信息！");
+                    } else if (res.data === 2) {
+                        _this.setState({
+                            tsxx: '该床位为您申请的床位！'
+                        });
+                        _this.props.changeInfo(_this.state.hdxx);
+                        _this.hasQualification(false);
+                    } else if (res.data === 3) {
+                        _this.setState({
+                            tsxx: '该床位已有人入住！'
+                        });
+
+                        // 可以办理
+                        _this.hasQualification(false);
+                        _message3.default.error("您选择的床位已有人入住！请注意！");
+                    } else if (res.data === 4) {
+                        _this.setState({
+                            tsxx: '该床位为您入住的床位！'
+                        });
+                        _this.props.changeInfo(_this.state.hdxx);
+                        _this.hasQualification(false);
+                    } else if (res.data === 5) {
+                        _this.setState({
+                            tsxx: '该宿舍为男生宿舍！'
+                        });
+
+                        _this.hasQualification(true);
+                        _message3.default.error("您选择的床位为男生宿舍！如果床位信息有误，请跟老师反映！");
+                    } else if (res.data === 6) {
+                        _this.setState({
+                            tsxx: '该宿舍为女生宿舍！'
+                        });
+
+                        _this.hasQualification(true);
+                        _message3.default.error("您选择的床位为女生宿舍！如果床位信息有误，请跟老师反映！");
+                    } else {
+                        _this.setState({
+                            tsxx: '该宿舍未分配入住！'
+                        });
+
+                        _this.hasQualification(true);
+                        _message3.default.error("您选择的床位未分配入住！如果床位信息有误，请跟老师反映！");
+                    }
+                } else {
+                    _message3.default.error("调用接口失败");
+                }
+            });
+        };
+
+        _this.getDataList = function (fieldMap) {
+            var _this$state = _this.state,
+                ycwxx = _this$state.ycwxx,
+                sfhd = _this$state.sfhd;
+            var cwxx = _this.state.hdxx.cwxx;
+
+            var sfyw = sfhd === '1' ? '有误' : '无误';
+            var formItemLayout = { wrapperCol: { span: 24 } };
+            // 存放页面渲染的组件
+            var dataList = [];
+
+            // 原住宿信息
+            if (fieldMap.YCWXX && fieldMap.YCWXX.sfxs === '1') {
+                var required = fieldMap.YCWXX.sfbt === "1" ? true : false;
+                var editable = fieldMap.YCWXX.sfbj === "1" ? true : false;
+                // 将原住宿信息组件加入表单中
+                dataList.push({
+                    id: 'ycwxx',
+                    title: '住宿信息',
+                    text: ycwxx,
+                    isUpload: false,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index4.default,
+                            {
+                                id: 'ycwxx',
+                                label: '\u4F4F\u5BBF\u4FE1\u606F',
+                                hideLabel: true,
+                                readOnly: true,
+                                required: required,
+                                initialValue: ycwxx,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            editable ? _react2.default.createElement(TextArea, { rows: 4, maxLength: 200 }) : ycwxx
+                        );
+                    },
+                    span: 3
+                });
+            }
+
+            // 住宿信息是否有误
+            if (fieldMap.SFHD && fieldMap.SFHD.sfxs === '1') {
+                var _required = fieldMap.SFHD.sfbt === "1";
+                var _editable = fieldMap.SFHD.sfbj === "1";
+                // 原住宿信息是否有误组件加入表单中
+                dataList.push({
+                    id: 'sfhd',
+                    title: '住宿信息是否有误',
+                    text: sfyw,
+                    isUpload: false,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index4.default,
+                            {
+                                id: 'sfhd',
+                                label: '\u4F4F\u5BBF\u4FE1\u606F\u662F\u5426\u6709\u8BEF',
+                                hideLabel: true,
+                                readOnly: true,
+                                required: _required,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            _editable ? _react2.default.createElement(
+                                _radio2.default.Group,
+                                { onChange: _this.radioOnChange, value: _this.state.sfhd },
+                                _react2.default.createElement(
+                                    _radio2.default,
+                                    { value: '0' },
+                                    '\u65E0\u8BEF'
+                                ),
+                                _react2.default.createElement(
+                                    _radio2.default,
+                                    { value: '1' },
+                                    '\u6709\u8BEF'
+                                )
+                            ) : sfyw
+                        );
+                    },
+                    span: 3
+                });
+            }
+
+            // 新住宿信息
+            if (fieldMap.SFHD && fieldMap.SFHD.sfxs === '1' && _this.state.sfhd === '1') {
+                var _required2 = fieldMap.SFHD.sfbt === "1";
+                var _editable2 = fieldMap.SFHD.sfbj === "1";
+                // 将新住宿信息组件加入表单中
+                dataList.push({
+                    id: 'cwxx',
+                    title: '现住宿信息',
+                    text: cwxx,
+                    isUpload: false,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index4.default,
+                            {
+                                id: 'cwxx',
+                                label: '\u73B0\u4F4F\u5BBF\u4FE1\u606F',
+                                hideLabel: true,
+                                readOnly: true,
+                                required: _required2,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            _editable2 ? _react2.default.createElement(
+                                'div',
+                                null,
+                                _react2.default.createElement(_index8.default, { sign: 'zhxg_gy_zsxxjl', changeOnSelect: true, style: { width: '100%' },
+                                    onChange: _this.changecwxx, value: _this.props.cwxx }),
+                                _react2.default.createElement(
+                                    'span',
+                                    { style: { color: 'red' } },
+                                    _this.state.tsxx
+                                )
+                            ) : cwxx
+                        );
+                    },
+                    span: 3
+                });
+            }
+
+            return _this.calcSapan(dataList);
+        };
+
+        _this.state = {
+            ycwid: '', // 原床位id
+            ycwxx: '', // 原床位信息
+            hdxx: { // 核对信息
+                xsid: '', // 学生id
+                ycwid: '', // 原床位 id
+                cwid: '', // 床位 id
+                ycwxx: '', // 原床位信息
+                cwxx: '', // 新住宿信息
+                sfhd: '', // 是否有误
+                lcid: '' // 流程id
+            },
+            sfhd: '', // 是否住宿信息有误
+            tsxx: '' // 新住宿信息是否有人入住提示信息
+        };
+        return _this;
+    }
+
+    // 获取学生住宿信息
+
+
+    // 是否可以办理
+
+
+    // 住宿信息是否有误单选框
+
+
+    // 修改住宿信息
+
+
+    // 查询选择的床位是否已有人入住，有人入住则不能办理且提示咨询老师
+
+
+    (0, _createClass3.default)(EditInitForm, [{
+        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 _props = this.props,
+                form = _props.form,
+                isEdit = _props.isEdit,
+                fieldMap = _props.fieldMap,
+                params = _props.params;
+
+            var pcid = params.pcid; //批次ID,也就是任务ID
+            var dataList = this.getDataList(fieldMap, pcid);
+            return _react2.default.createElement(
+                _form2.default,
+                { style: { margin: '20px 0 20px 0' } },
+                _react2.default.createElement(_index2.default, {
+                    list: dataList,
+                    isEdit: isEdit,
+                    form: form
+                })
+            );
+        }
+    }]);
+    return EditInitForm;
+}(_react2.default.Component);
+
+var EditForm = _form2.default.create()(EditInitForm);
+exports.default = EditForm;