dlt-for-react 1.0.24 → 1.1.0

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

@@ -0,0 +1,571 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _card = require("antd-mobile/lib/card");
+
+var _card2 = _interopRequireDefault(_card);
+
+var _whiteSpace = require("antd-mobile/lib/white-space");
+
+var _whiteSpace2 = _interopRequireDefault(_whiteSpace);
+
+var _switch = require("antd-mobile/lib/switch");
+
+var _switch2 = _interopRequireDefault(_switch);
+
+var _list = require("antd-mobile/lib/list");
+
+var _list2 = _interopRequireDefault(_list);
+
+var _toast = require("antd-mobile/lib/toast");
+
+var _toast2 = _interopRequireDefault(_toast);
+
+var _modal = require("antd-mobile/lib/modal");
+
+var _modal2 = _interopRequireDefault(_modal);
+
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+require("antd-mobile/lib/card/style/css");
+
+require("antd-mobile/lib/white-space/style/css");
+
+require("antd-mobile/lib/switch/style/css");
+
+require("antd-mobile/lib/list/style/css");
+
+require("antd-mobile/lib/toast/style/css");
+
+require("antd-mobile/lib/modal/style/css");
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _moment = require("moment");
+
+var _moment2 = _interopRequireDefault(_moment);
+
+var _rcForm = require("rc-form");
+
+var _NHFetch = require("../../../../../utils/NHFetch");
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+var _NHCascader = require("../../../../NHCascader");
+
+var _NHCascader2 = _interopRequireDefault(_NHCascader);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var alert = _modal2.default.alert;
+
+var baseUrl = 'api/zhxg-gyxt';
+
+var EditInitForm = function (_React$Component) {
+    _inherits(EditInitForm, _React$Component);
+
+    function EditInitForm(props) {
+        _classCallCheck(this, EditInitForm);
+
+        var _this = _possibleConstructorReturn(this, (EditInitForm.__proto__ || Object.getPrototypeOf(EditInitForm)).call(this, props));
+
+        _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)(baseUrl + "/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);
+                    _toast2.default.fail("调用接口失败！");
+                }
+            });
+        };
+
+        _this.hasQualification = function (flag) {
+            if (flag === true) {
+                // 不可以办理
+                _this.props.setSubmitBtnDisabled && _this.props.setSubmitBtnDisabled(true);
+            } else {
+                _this.props.changeInfo(_this.state.hdxx);
+                _this.props.setSubmitBtnDisabled && _this.props.setSubmitBtnDisabled(false);
+            }
+        };
+
+        _this.radioOnChange = function (sfyw) {
+            console.log('sfyw', sfyw);
+            sfyw = sfyw === true ? '1' : '0';
+            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: ''
+                }, function () {
+                    _this.props.changecwxx('');
+                    _this.props.changeInfo(_this.state.hdxx);
+                });
+
+                _this.hasQualification(false);
+            }
+        };
+
+        _this.changecwxx = function (value, selectedOptions) {
+            console.log('changecwxx-value', value);
+            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 = selectedOptions[Symbol.iterator](), _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"];
+            console.log('params', params);
+            _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)(baseUrl + "/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);
+                        _toast2.default.fail("您选择的床位已有人申请！请跟老师反映，核对床位信息！");
+                    } 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);
+                        _toast2.default.fail("您选择的床位已有人入住！请注意！");
+                    } 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);
+                        _toast2.default.fail("您选择的床位为男生宿舍！如果床位信息有误，请跟老师反映！");
+                    } else if (res.data === 6) {
+                        _this.setState({
+                            tsxx: '该宿舍为女生宿舍！'
+                        });
+
+                        _this.hasQualification(true);
+                        _toast2.default.fail("您选择的床位为女生宿舍！如果床位信息有误，请跟老师反映！");
+                    } else {
+                        _this.setState({
+                            tsxx: '该宿舍未分配入住！'
+                        });
+
+                        _this.hasQualification(true);
+                        _toast2.default.fail("您选择的床位未分配入住！如果床位信息有误，请跟老师反映！");
+                    }
+                } else {
+                    _toast2.default.fail("调用接口失败");
+                }
+            });
+        };
+
+        _this.getDataList = function (fieldMap) {
+            console.log('fieldMap', 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 switchChange = false;
+            var formItemLayout = { wrapperCol: { span: 24 } };
+            // 存放页面渲染的组件
+            var dataList = [];
+            var getFieldProps = _this.props.form.getFieldProps;
+
+            // 原住宿信息
+
+            if (fieldMap.YCWXX && fieldMap.YCWXX.sfxs === '1') {
+                var required = fieldMap.YCWXX.sfbt === "1";
+                var editable = fieldMap.YCWXX.sfbj === "1";
+                // 将原住宿信息组件加入表单中
+                dataList.push({
+                    title: '住宿信息',
+                    text: ycwxx,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            "div",
+                            { className: "ycwxx" },
+                            _react2.default.createElement(
+                                _list2.default.Item,
+                                {
+                                    extra: _react2.default.createElement(
+                                        "div",
+                                        null,
+                                        ycwxx
+                                    )
+                                },
+                                "\u4F4F\u5BBF\u4FE1\u606F"
+                            )
+                        );
+                    }
+                });
+            }
+
+            // 住宿信息是否有误
+            if (fieldMap.SFHD && fieldMap.SFHD.sfxs === '1') {
+                var _required = fieldMap.SFHD.sfbt === "1";
+                var _editable = fieldMap.SFHD.sfbj === "1";
+                dataList.push({
+                    title: '住宿信息是否有误',
+                    text: sfyw,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            "div",
+                            null,
+                            _editable ? _react2.default.createElement(
+                                _list2.default.Item,
+                                {
+                                    extra: _react2.default.createElement(_switch2.default, _extends({
+                                        disabled: !_editable
+                                    }, getFieldProps('sfyw', {
+                                        valuePropName: 'checked',
+                                        initialValue: sfyw === '1' ? true : false,
+                                        rules: [{ required: _required, message: '住宿信息是否有误' }],
+                                        onChange: function onChange(val) {
+                                            return _this.radioOnChange(val);
+                                        }
+                                    })))
+                                },
+                                _required ? _react2.default.createElement(
+                                    "span",
+                                    { style: { color: 'red' } },
+                                    "*"
+                                ) : null,
+                                "\u4F4F\u5BBF\u4FE1\u606F\u662F\u5426\u6709\u8BEF"
+                            ) : _react2.default.createElement(
+                                _list2.default.Item,
+                                {
+                                    extra: _react2.default.createElement(
+                                        "div",
+                                        null,
+                                        sfyw
+                                    ) },
+                                "\u4F4F\u5BBF\u4FE1\u606F\u662F\u5426\u6709\u8BEF"
+                            )
+                        );
+                    }
+                });
+            }
+
+            // 将新住宿信息组件加入表单中
+            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({
+                    title: '现住宿信息',
+                    text: cwxx,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            "div",
+                            { className: "cwxx" },
+                            _editable2 ? _react2.default.createElement(
+                                _list2.default.Item,
+                                {
+                                    extra: _react2.default.createElement(_NHCascader2.default, { sign: 'zhxg_gy_zsxxjl', changeOnSelect: true, style: { width: '100%' },
+                                        onChange: _this.changecwxx, value: _this.props.cwxx, baseUrl: "api/zhxg-gyxt",
+                                        cols: 5 }) },
+                                _required2 ? _react2.default.createElement(
+                                    "span",
+                                    { style: { color: 'red' } },
+                                    "*"
+                                ) : null,
+                                "\u73B0\u4F4F\u5BBF\u4FE1\u606F"
+                            ) : _react2.default.createElement(
+                                _list2.default.Item,
+                                { extra: _react2.default.createElement(
+                                        "div",
+                                        null,
+                                        cwxx
+                                    ) },
+                                "\u73B0\u4F4F\u5BBF\u4FE1\u606F"
+                            )
+                        );
+                    },
+                    span: 3
+                });
+            }
+
+            return dataList;
+        };
+
+        _this.state = {
+            ycwid: '', // 原床位id
+            ycwxx: '', // 原床位信息
+            hdxx: { // 核对信息
+                xsid: '', // 学生id
+                ycwid: '', // 原床位 id
+                cwid: '', // 床位 id
+                ycwxx: '', // 原床位信息
+                cwxx: '', // 新住宿信息
+                sfhd: '', // 是否有误
+                lcid: '' // 流程id
+            },
+            sfhd: '', // 是否住宿信息有误
+            tsxx: '', // 新住宿信息是否有人入住提示信息
+            switchChange: false
+        };
+        return _this;
+    }
+
+    /**
+     * * 获取学生住宿信息
+     *
+     * @memberof EditInitForm
+     */
+
+
+    // 是否可以办理
+
+
+    // 住宿信息是否有误单选框
+
+
+    // 修改住宿信息
+
+
+    // 查询选择的床位是否已有人入住，有人入住则不能办理且提示咨询老师
+
+
+    _createClass(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;
+        }
+
+        /**
+         * * 自定义表单项渲染
+         *
+         * @memberof EditInitForm
+         */
+
+    }, {
+        key: "render",
+        value: function render() {
+            var _props = this.props,
+                isEdit = _props.isEdit,
+                fieldMap = _props.fieldMap,
+                title = _props.title,
+                params = _props.params;
+
+
+            var dataList = this.getDataList(fieldMap);
+
+            return isEdit ? _react2.default.createElement(
+                "form",
+                null,
+                _react2.default.createElement(
+                    "style",
+                    null,
+                    "\n                                .am-list-extra{\n                                    -webkit-flex-basis: 50% !important;\n                                    -ms-flex-preferred-size: 50% !important;\n                                    flex-basis: 50% !important;\n                                }\n                                .ycwxx .am-list-content{\n                                    width: 20%;\n                                    flex: none;\n                                }\n                                .ycwxx .am-list-extra{\n                                    flex: 1;\n                                }\n                                .cwxx .am-list-content{\n                                    width: 20%;\n                                    flex: none;\n                                }\n                                .cwxx .am-list-extra{\n                                    flex: 1;\n                                }\n                            "
+                ),
+                _react2.default.createElement(
+                    _list2.default,
+                    { renderHeader: function renderHeader() {
+                            return title;
+                        } },
+                    dataList.map(function (item) {
+                        return item.render !== undefined ? item.render() : null;
+                    })
+                ),
+                _react2.default.createElement(_whiteSpace2.default, { size: "lg" })
+            ) : _react2.default.createElement(
+                "div",
+                null,
+                _react2.default.createElement(
+                    _card2.default,
+                    { full: true },
+                    _react2.default.createElement(_card2.default.Header, {
+                        title: _react2.default.createElement(
+                            "div",
+                            { style: { borderLeft: '3px solid #1890ff', paddingLeft: '10px' } },
+                            title
+                        )
+                    }),
+                    _react2.default.createElement(
+                        _card2.default.Body,
+                        null,
+                        dataList.map(function (item) {
+                            return _react2.default.createElement(
+                                "div",
+                                null,
+                                _react2.default.createElement(
+                                    "font",
+                                    { color: "grey" },
+                                    item.title,
+                                    "\uFF1A "
+                                ),
+                                item.text,
+                                _react2.default.createElement("br", null)
+                            );
+                        })
+                    )
+                ),
+                _react2.default.createElement(_whiteSpace2.default, { size: "lg" })
+            );
+        }
+    }]);
+
+    return EditInitForm;
+}(_react2.default.Component);
+
+var EditForm = (0, _rcForm.createForm)()(EditInitForm);
+exports.default = EditForm;