dlt-for-react 1.0.23 → 1.1.0

package/lib/components/NHDynamicFormShow/customModule/whcz/rccrxy/EditForm.js

@@ -0,0 +1,587 @@
+"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 _textareaItem = require("antd-mobile/lib/textarea-item");
+
+var _textareaItem2 = _interopRequireDefault(_textareaItem);
+
+var _inputItem = require("antd-mobile/lib/input-item");
+
+var _inputItem2 = _interopRequireDefault(_inputItem);
+
+var _datePicker = require("antd-mobile/lib/date-picker");
+
+var _datePicker2 = _interopRequireDefault(_datePicker);
+
+var _list = require("antd-mobile/lib/list");
+
+var _list2 = _interopRequireDefault(_list);
+
+var _toast = require("antd-mobile/lib/toast");
+
+var _toast2 = _interopRequireDefault(_toast);
+
+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/textarea-item/style/css");
+
+require("antd-mobile/lib/input-item/style/css");
+
+require("antd-mobile/lib/date-picker/style/css");
+
+require("antd-mobile/lib/list/style/css");
+
+require("antd-mobile/lib/toast/style/css");
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _moment = require("moment");
+
+var _moment2 = _interopRequireDefault(_moment);
+
+var _NHFetch = require("../../../../../utils/NHFetch");
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+var _rcForm = require("rc-form");
+
+var _index = require("../../../../NHCascader/index");
+
+var _index2 = _interopRequireDefault(_index);
+
+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 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.initData();
+        };
+
+        _this.initData = function () {
+            var pkid = _this.props.pkid;
+
+            _this.getData(pkid);
+        };
+
+        _this.getData = function (pkid) {
+            (0, _NHFetch2.default)('api/sm-holiday/whcz/dailyOutSchool/getInfoByPkid/' + pkid, 'GET').then(function (res) {
+                if (res && res.code === 200) {
+                    var info = res.data;
+                    if (info != null) {
+                        _this.setState({
+                            cxsj: info.cxsj,
+                            cxsjbp: info.cxsj,
+                            rxsj: info.rxsj,
+                            jjlxr: info.jjlxr,
+                            jjrlxfs: info.jjrlxfs,
+                            wcdd: _this.handleSsqData(info.wcdd),
+                            wcddmc: info.wcddmc,
+                            wcsy: info.wcsy
+                        });
+                    }
+                } else {
+                    _toast2.default.fail("获取请假申请数据失败");
+                }
+            });
+        };
+
+        _this.handleSsqData = function (data) {
+            var ssq = [];
+            if (data) {
+                if (data.length === 2) {
+                    ssq.push(data);
+                } else if (data.length === 4) {
+                    ssq.push(data.substring(0, 2));
+                    ssq.push(data.substring(0, 4));
+                } else if (data.length === 6) {
+                    ssq.push(data.substring(0, 2));
+                    ssq.push(data.substring(0, 4));
+                    ssq.push(data.substring(0, 6));
+                }
+            }
+            return ssq;
+        };
+
+        _this.onStartTimeOk = function (value) {
+            var _this$state = _this.state,
+                rxsj = _this$state.rxsj,
+                cxsjbp = _this$state.cxsjbp;
+            var setFieldsValue = _this.props.form.setFieldsValue;
+
+            var endDate = "";
+            if (typeof rxsj == 'string') {
+                endDate = rxsj ? new Date(rxsj) : "";
+            } else {
+                endDate = rxsj ? rxsj : "";
+            }
+            var startDate = value ? value : "";
+            var nowDate = cxsjbp ? new Date(cxsjbp) : new Date();
+            var newState = {};
+            if (startDate < nowDate) {
+                _toast2.default.fail("开始的时间不能小于当前的时间");
+                setFieldsValue({ cxsj: null });
+            }
+            if (rxsj && value) {
+                if (startDate > endDate) {
+                    newState.rxsj = null;
+                    newState.qjsct = 0;
+                    newState.qjscxs = 0;
+                    setFieldsValue({ rxsj: null });
+                    _toast2.default.fail("开始时间不能大于结束时间");
+                }
+            }
+            newState.cxsj = value;
+            _this.setState(newState);
+        };
+
+        _this.onEndTimeOk = function (value) {
+            var cxsj = _this.state.cxsj;
+            var setFieldsValue = _this.props.form.setFieldsValue;
+
+            var startDate = '';
+            if (typeof cxsj == 'string') {
+                startDate = cxsj ? new Date(cxsj) : "";
+            } else {
+                startDate = cxsj ? cxsj : "";
+            }
+            var endDate = value ? value : "";
+            var newState = {};
+            if (cxsj && value) {
+                if (startDate > endDate) {
+                    newState.rxsj = null;
+                    newState.qjsct = 0;
+                    newState.qjscxs = 0;
+                    setFieldsValue({ rxsj: null });
+                    _toast2.default.fail("开始时间不能大于结束时间！");
+                }
+            }
+            newState.rxsj = value;
+            _this.setState(newState);
+        };
+
+        _this.getDataList = function (fieldMap) {
+            var getFieldProps = _this.props.form.getFieldProps;
+            var _this$state2 = _this.state,
+                wcdd = _this$state2.wcdd,
+                jjlxr = _this$state2.jjlxr,
+                jjrlxfs = _this$state2.jjrlxfs,
+                wcddmc = _this$state2.wcddmc,
+                wcsy = _this$state2.wcsy;
+            var _this$state3 = _this.state,
+                cxsj = _this$state3.cxsj,
+                rxsj = _this$state3.rxsj;
+
+            cxsj = cxsj ? new Date((0, _moment2.default)(cxsj, "YYYY-MM-DD HH:mm")) : null;
+            rxsj = rxsj ? new Date((0, _moment2.default)(rxsj, "YYYY-MM-DD HH:mm")) : null;
+            var dataList = [];
+
+            //出校时间
+            if (fieldMap.CXSJ && fieldMap.CXSJ.sfxs === '1') {
+
+                var required = fieldMap.CXSJ.sfbt === "1";
+                var editable = fieldMap.CXSJ.sfbj === "1";
+
+                dataList.push({
+                    title: fieldMap.CXSJ.title,
+                    text: (0, _moment2.default)(cxsj).format("YYYY-MM-DD HH:mm"),
+                    render: function render() {
+                        return _react2.default.createElement(
+                            "div",
+                            { className: !editable ? 'nh-inputrender-disabled' : 'nh-inputrender' },
+                            _react2.default.createElement(
+                                _datePicker2.default,
+                                _extends({
+                                    disabled: !editable,
+                                    title: "\u8BF7\u9009\u62E9",
+                                    mode: "datetime",
+                                    format: 'YYYY-MM-DD HH:mm',
+                                    onOk: _this.onStartTimeOk
+                                }, getFieldProps('cxsj', {
+                                    initialValue: cxsj,
+                                    rules: [{ required: required, message: "\u8BF7\u9009\u62E9" + fieldMap.CXSJ.title }]
+                                })),
+                                _react2.default.createElement(
+                                    _list2.default.Item,
+                                    { arrow: "horizontal" },
+                                    required ? _react2.default.createElement(
+                                        "span",
+                                        { style: { color: 'red' } },
+                                        "*"
+                                    ) : null,
+                                    fieldMap.CXSJ.title
+                                )
+                            )
+                        );
+                    }
+                });
+            }
+
+            //请假结束时间
+            if (fieldMap.RXSJ && fieldMap.RXSJ.sfxs === '1') {
+
+                var _required = fieldMap.RXSJ.sfbt === "1";
+                var _editable = fieldMap.RXSJ.sfbj === "1";
+
+                dataList.push({
+                    title: fieldMap.RXSJ.title,
+                    text: (0, _moment2.default)(rxsj).format("YYYY-MM-DD HH:mm"),
+                    render: function render() {
+                        return _react2.default.createElement(
+                            "div",
+                            { className: !_editable ? 'nh-inputrender-disabled' : 'nh-inputrender' },
+                            _react2.default.createElement(
+                                _datePicker2.default,
+                                _extends({
+                                    disabled: !_editable,
+                                    title: "\u8BF7\u9009\u62E9",
+                                    mode: "datetime",
+                                    format: 'YYYY-MM-DD HH:mm',
+                                    onOk: _this.onEndTimeOk
+                                }, getFieldProps('rxsj', {
+                                    initialValue: rxsj,
+                                    rules: [{ required: _required, message: "\u8BF7\u9009\u62E9" + fieldMap.RXSJ.title }]
+                                })),
+                                _react2.default.createElement(
+                                    _list2.default.Item,
+                                    { arrow: "horizontal" },
+                                    _required ? _react2.default.createElement(
+                                        "span",
+                                        { style: { color: 'red' } },
+                                        "*"
+                                    ) : null,
+                                    fieldMap.RXSJ.title
+                                )
+                            )
+                        );
+                    }
+                });
+            }
+
+            //紧急联系人
+            if (fieldMap.JJLXR && fieldMap.JJLXR.sfxs === '1') {
+
+                var _required2 = fieldMap.JJLXR.sfbt === "1";
+                var _editable2 = fieldMap.JJLXR.sfbj === "1";
+
+                dataList.push({
+                    title: fieldMap.JJLXR.title,
+                    text: jjlxr,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _inputItem2.default,
+                            _extends({
+                                className: "nh-input-item",
+                                placeholder: "\u8BF7\u8F93\u5165",
+                                editable: _editable2
+                            }, getFieldProps('jjlxr', {
+                                initialValue: jjlxr,
+                                rules: [{ required: _required2, message: "\u8BF7\u8F93\u5165" + fieldMap.JJLXR.title }]
+                            })),
+                            _required2 ? _react2.default.createElement(
+                                "span",
+                                { style: { color: 'red' } },
+                                "*"
+                            ) : null,
+                            fieldMap.JJLXR.title
+                        );
+                    }
+                });
+            }
+
+            //紧急联系人电话
+            if (fieldMap.JJRLXFS && fieldMap.JJRLXFS.sfxs === '1') {
+
+                var _required3 = fieldMap.JJRLXFS.sfbt === "1";
+                var _editable3 = fieldMap.JJRLXFS.sfbj === "1";
+
+                dataList.push({
+                    title: fieldMap.JJRLXFS.title,
+                    text: jjrlxfs,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _inputItem2.default,
+                            _extends({
+                                className: "nh-input-item",
+                                type: "phone",
+                                placeholder: "\u8BF7\u8F93\u5165",
+                                editable: _editable3
+                            }, getFieldProps('jjrlxfs', {
+                                initialValue: jjrlxfs,
+                                rules: [{ required: _required3, message: "\u8BF7\u8F93\u5165" + fieldMap.JJRLXFS.title }]
+                            })),
+                            _required3 ? _react2.default.createElement(
+                                "span",
+                                { style: { color: 'red' } },
+                                "*"
+                            ) : null,
+                            fieldMap.JJRLXFS.title
+                        );
+                    }
+                });
+            }
+
+            // 外出地点
+            if (fieldMap.WCDD && fieldMap.WCDD.sfxs === '1') {
+                var _required4 = fieldMap.WCDD.sfbt === "1";
+                var _editable4 = fieldMap.WCDD.sfbj === "1";
+                dataList.push({
+                    title: fieldMap.WCDD.title,
+                    text: wcddmc,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            "div",
+                            null,
+                            _react2.default.createElement(
+                                _index2.default,
+                                _extends({ disabled: !_editable4, style: { width: '100%' }, value: wcdd, placeholder: "请选择省市区！"
+                                }, getFieldProps('wcdd', {
+                                    initialValue: wcdd,
+                                    rules: [{ required: _required4, message: '请选择外出城市' }]
+                                }), {
+                                    baseUrl: "api/sm-holiday", sign: "zhxg_ssq" }),
+                                _required4 ? _react2.default.createElement(
+                                    "span",
+                                    { style: { color: 'red' } },
+                                    "*"
+                                ) : null,
+                                fieldMap.WCDD.title
+                            )
+                        );
+                    }
+                });
+            }
+
+            //请假理由
+            if (fieldMap.WCSY && fieldMap.WCSY.sfxs === '1') {
+
+                var _required5 = fieldMap.WCSY.sfbt === "1";
+                var _editable5 = fieldMap.WCSY.sfbj === "1";
+
+                dataList.push({
+                    title: fieldMap.WCSY.title,
+                    text: wcsy,
+                    render: function render() {
+                        return _react2.default.createElement(_textareaItem2.default, _extends({
+                            className: "nh-textarea-item",
+                            title: _required5 ? _react2.default.createElement(
+                                "div",
+                                null,
+                                _react2.default.createElement(
+                                    "span",
+                                    { style: { color: 'red' } },
+                                    "*"
+                                ),
+                                fieldMap.WCSY.title
+                            ) : _react2.default.createElement(
+                                "span",
+                                null,
+                                fieldMap.WCSY.title
+                            ),
+                            placeholder: "\u8BF7\u8F93\u5165",
+                            "data-seed": "logId",
+                            rows: 3,
+                            count: 500,
+                            editable: _editable5
+                        }, getFieldProps('wcsy', {
+                            initialValue: wcsy,
+                            rules: [{ required: _required5, message: "\u8BF7\u8F93\u5165" + fieldMap.WCSY.title }]
+                        })));
+                    }
+                });
+            }
+
+            return dataList;
+        };
+
+        _this.state = {
+            cxsj: '', //出校时间
+            cxsjbp: '', //出校时间备份
+            rxsj: '', //入校时间
+            wcdd: '', //外出地点
+            jjlxr: '', //紧急联系人
+            jjrlxfs: '', //紧急联系人电话
+            wcddmc: '', //外出地点名称
+            wcsy: '' //外出事由
+        };
+
+        return _this;
+    }
+
+    /**
+     * * 通过PKID去查询是否有申请数据，有说明是审核
+     *
+     * @memberof EditInitForm
+     */
+
+
+    /**
+     * * 请假开始时间选择回调
+     *
+     * @memberof EditInitForm
+     */
+
+
+    /**
+     * * 请假结束时间选择回调
+     *
+     * @memberof EditInitForm
+     */
+
+
+    /**
+     * * 自定义表单项渲染
+     *
+     * @memberof EditInitForm
+     */
+
+
+    _createClass(EditInitForm, [{
+        key: "render",
+        value: function render() {
+            var _props = this.props,
+                isEdit = _props.isEdit,
+                fieldMap = _props.fieldMap,
+                title = _props.title;
+
+            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                                    white-space: normal !important;\n                                }\n                            "
+                ),
+                _react2.default.createElement(
+                    _list2.default,
+                    { renderHeader: function renderHeader() {
+                            return title;
+                        } },
+                    dataList.filter(function (item, index) {
+                        return index < 2;
+                    }).map(function (item) {
+                        return item.render !== undefined ? item.render() : null;
+                    })
+                ),
+                dataList && dataList.length >= 2 ? _react2.default.createElement(
+                    _list2.default,
+                    { renderHeader: function renderHeader() {
+                            return "";
+                        } },
+                    dataList.filter(function (item, index) {
+                        return index >= 2 && index < 5;
+                    }).map(function (item) {
+                        return item.render !== undefined ? item.render() : null;
+                    })
+                ) : null,
+                dataList && dataList.length >= 5 ? _react2.default.createElement(
+                    _list2.default,
+                    { renderHeader: function renderHeader() {
+                            return "";
+                        } },
+                    dataList.filter(function (item, index) {
+                        return index >= 5 && index < 7;
+                    }).map(function (item) {
+                        return item.render !== undefined ? item.render() : null;
+                    })
+                ) : null,
+                dataList && dataList.length >= 7 ? _react2.default.createElement(
+                    _list2.default,
+                    { renderHeader: function renderHeader() {
+                            return "";
+                        } },
+                    dataList.filter(function (item, index) {
+                        return index >= 7;
+                    }).map(function (item) {
+                        return item.render !== undefined ? item.render() : null;
+                    })
+                ) : 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, index) {
+                            if (item.isUpload) {
+                                return _react2.default.createElement(
+                                    "div",
+                                    { key: index },
+                                    _react2.default.createElement(
+                                        "font",
+                                        { color: "grey" },
+                                        item.title,
+                                        "\uFF1A "
+                                    ),
+                                    item.renderView()
+                                );
+                            }
+                            if (item.title) {
+                                return _react2.default.createElement(
+                                    "div",
+                                    { key: index },
+                                    _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;