dlt-for-react 1.0.1

package/lib/components/NHDynamicFormShow/customModule/gdwyyszyxy/qjgl/index.js

@@ -0,0 +1,161 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+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);
+
+require('antd/lib/message/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _NHFetch = require('../../../../../utils/NHFetch');
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+var _EditForm = require('./EditForm');
+
+var _EditForm2 = _interopRequireDefault(_EditForm);
+
+require('../../../../../../assets/NHDynamicFormShow/oneOnOne/index.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var QjglEditForm = function (_React$Component) {
+    (0, _inherits3.default)(QjglEditForm, _React$Component);
+
+    function QjglEditForm(props) {
+        (0, _classCallCheck3.default)(this, QjglEditForm);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (QjglEditForm.__proto__ || (0, _getPrototypeOf2.default)(QjglEditForm)).call(this, props));
+
+        _this.validate = function (func) {
+            _this.nhEditFormQjgl.validateFields(function (err, formData) {
+                if (err) {
+                    func(false);
+                } else {
+                    _this.setState({ formData: formData }, function () {
+                        func(true);
+                    });
+                }
+            });
+        };
+
+        _this.save = function (func) {
+            var _this$props = _this.props,
+                processApplyId = _this$props.processApplyId,
+                objId = _this$props.objId,
+                pkid = _this$props.pkid;
+            var formData = _this.state.formData;
+
+
+            var param = formData;
+
+            param.pkid = pkid;
+            param.xsid = objId;
+            param.lcslid = processApplyId;
+            param.sfxylx = param.sfxylx === true ? '1' : '0';
+
+            var x_mdd = param.x_mdd;
+            if (x_mdd) {
+                param.x_mdd = x_mdd[x_mdd.length - 1];
+            }
+            var xxdz = param.xxdz;
+            if (xxdz && xxdz.indexOf("+") != -1) {
+                _message3.default.error("详细地址存在违法字符，请重新输入！");
+            } else {
+
+                // 处理日期、时间类型数据
+                param.qjkssj = formData.qjkssjfw ? formData.qjkssjfw[0].format('YYYY-MM-DD HH:mm') : null;
+                param.qjjssj = formData.qjkssjfw ? formData.qjkssjfw[1].format('YYYY-MM-DD HH:mm') : null;
+                if (param.fjid) {
+                    (0, _NHFetch2.default)('front/zhxg-unauth/dynamic/save', 'POST', [param.fjid]).then(function (res1) {});
+                }
+
+                (0, _NHFetch2.default)('api/sm-holiday/gdwyyszyxy/openapi/saveQjsq', 'POST', param).then(function (res) {
+                    if (res && res.code === 200) {
+                        func();
+                    } else {
+                        _message3.default.error("保存失败");
+                    }
+                });
+            }
+        };
+
+        _this.state = {
+            formData: {}
+        };
+        return _this;
+    }
+
+    /**
+     * 校验该分类表单是否全部填写完成,该方法必须存在
+     */
+
+
+    //保存
+
+
+    (0, _createClass3.default)(QjglEditForm, [{
+        key: 'render',
+        value: function render() {
+            var _this2 = this;
+
+            return _react2.default.createElement(_EditForm2.default, (0, _extends3.default)({ ref: function ref(ele) {
+                    return _this2.nhEditFormQjgl = ele;
+                } }, this.props));
+        }
+    }]);
+    return QjglEditForm;
+}(_react2.default.Component);
+
+exports.default = QjglEditForm;
+
+
+QjglEditForm.defaultProps = {
+    fieldMap: {},
+    params: {}
+};
+
+QjglEditForm.propTypes = {
+    pkid: _propTypes2.default.string, //业务表主键ID
+    objId: _propTypes2.default.string, //对象ID
+    processId: _propTypes2.default.string, //流程ID
+    processApplyId: _propTypes2.default.string, //流程申请主键ID
+    fieldMap: _propTypes2.default.object, //字段信息，可以通过该对象获取到该字段，是否可以显示(sfxs)、是否可以编辑(sfbj)、是否必填等信息(sfbt)
+    params: _propTypes2.default.object, //参数集合，主要通过该参数集合给自定义面板传参
+    isEdit: _propTypes2.default.bool //是否是编辑状态
+};

package/lib/components/NHDynamicFormShow/customModule/gdwyyszyxy/xjgl/EditForm.js

@@ -0,0 +1,527 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _card = require('antd/lib/card');
+
+var _card2 = _interopRequireDefault(_card);
+
+var _divider = require('antd/lib/divider');
+
+var _divider2 = _interopRequireDefault(_divider);
+
+var _switch = require('antd/lib/switch');
+
+var _switch2 = _interopRequireDefault(_switch);
+
+var _datePicker = require('antd/lib/date-picker');
+
+var _datePicker2 = _interopRequireDefault(_datePicker);
+
+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 _form = require('antd/lib/form');
+
+var _form2 = _interopRequireDefault(_form);
+
+var _input = require('antd/lib/input');
+
+var _input2 = _interopRequireDefault(_input);
+
+require('antd/lib/card/style');
+
+require('antd/lib/divider/style');
+
+require('antd/lib/switch/style');
+
+require('antd/lib/date-picker/style');
+
+require('antd/lib/form/style');
+
+require('antd/lib/input/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _NHUpload = require('../../../../NHUpload');
+
+var _NHUpload2 = _interopRequireDefault(_NHUpload);
+
+var _NHFetch = require('../../../../../utils/NHFetch');
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+var _rcForm = require('rc-form');
+
+var _moment = require('moment');
+
+var _moment2 = _interopRequireDefault(_moment);
+
+var _NHSubList = require('../../../../NHSubList');
+
+var _NHSubList2 = _interopRequireDefault(_NHSubList);
+
+var _NHFormItem = require('../../../../NHFormItem');
+
+var _NHFormItem2 = _interopRequireDefault(_NHFormItem);
+
+var _NHCascader = require('../../../../NHCascader');
+
+var _NHCascader2 = _interopRequireDefault(_NHCascader);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var base_url = 'api/sm-holiday';
+var TextArea = _input2.default.TextArea;
+
+var InputGroup = _input2.default.Group;
+var FormItem = _form2.default.Item;
+
+var EditInitForm = function (_Component) {
+    (0, _inherits3.default)(EditInitForm, _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.componentDidMount = function () {
+            _this.initData();
+        };
+
+        _this.initData = function () {
+            var pkid = _this.props.pkid;
+
+            console.log('queryURLParams', _this.queryURLParams());
+            var urlParams = _this.queryURLParams();
+            var qjjlid = urlParams.qjjlid,
+                qjlx = urlParams.qjlx,
+                sfxylx = urlParams.sfxylx,
+                kssj = urlParams.kssj,
+                jssj = urlParams.jssj,
+                qjly = urlParams.qjly;
+
+            _this.setState({ qjjlid: qjjlid, qjlx: qjlx, sfxylx: sfxylx, kssj: kssj, jssj: jssj, qjly: qjly });
+            _this.getData(pkid);
+        };
+
+        _this.getData = function (pkid) {
+            (0, _NHFetch2.default)(base_url + '/gdwyyszyxy/openapi/getXjjlByPkid/' + pkid, 'GET').then(function (res) {
+                if (res && res.code === 200) {
+                    var data = res.data;
+                    if (data != null) {
+                        _this.setState({
+                            x_fxsj: res.data.X_FXSJ, //返校时间
+                            x_sfjgzgfxdq: res.data.X_SFJGZGFXDQ, //是否经过中高风险地区
+                            checkedFlag: res.data.X_SFJGZGFXDQ === '1' ? true : false,
+                            x_jddz: res.data.X_JDDZ, //离校期间所在地
+                            x_ssq: _this.handleSsqData(res.data.X_SSQ),
+                            x_ssq_mc: res.data.X_SSQ_MC,
+                            bz: res.data.BZ, //返校原因
+                            x_fjid: res.data.X_FJID, //附件  
+
+                            qjjlid: res.data.QJJLID,
+                            qjlx: res.data.QJLX,
+                            sfxylx: res.data.SFXYLX,
+                            kssj: res.data.KSSJ,
+                            jssj: res.data.JSSJ,
+                            qjly: res.data.QJLY
+                        });
+                    }
+                } else {
+                    Toast.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.queryURLParams = function () {
+            var url = window.location.href;
+            url = decodeURI(url);
+            var result = {},
+                reg1 = /([^?=&#]+)=([^?=&#]+)/g,
+                reg2 = /#([^?=&#]+)/g;
+            url.replace(reg1, function (n, x, y) {
+                return result[x] = y;
+            });
+            url.replace(reg2, function (n, x) {
+                return result['HASH'] = x;
+            });
+            return result;
+        };
+
+        _this.fixOnChange = function (checked) {
+            _this.setState({
+                x_sfjgzgfxdq: checked ? '1' : '0',
+                checkedFlag: checked
+            });
+        };
+
+        _this.getDateList = function (fieldMap) {
+
+            var formItemLayout = { wrapperCol: { span: 24 } };
+            var getFieldDecorator = _this.props.form.getFieldDecorator;
+            var _this$state = _this.state,
+                x_fxsj = _this$state.x_fxsj,
+                x_sfjgzgfxdq = _this$state.x_sfjgzgfxdq,
+                x_jddz = _this$state.x_jddz,
+                x_ssq = _this$state.x_ssq,
+                x_ssq_mc = _this$state.x_ssq_mc,
+                bz = _this$state.bz,
+                x_fjid = _this$state.x_fjid;
+
+            var dataList = [];
+
+            // 预计返校日期
+            if (fieldMap.X_FXSJ && fieldMap.X_FXSJ.sfxs === '1') {
+                var required = fieldMap.X_FXSJ.sfbt === "1";
+                var editable = fieldMap.X_FXSJ.sfbj === "1";
+                dataList.push({
+                    title: fieldMap.X_FXSJ.title,
+                    text: x_fxsj,
+                    required: required,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _NHFormItem2.default,
+                            {
+                                id: 'x_fxsj',
+                                label: fieldMap.X_FXSJ.title,
+                                hideLabel: true,
+                                readOnly: !editable,
+                                initialValue: x_fxsj ? (0, _moment2.default)(x_fxsj) : undefined,
+                                required: required,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            _react2.default.createElement(_datePicker2.default, {
+                                format: 'YYYY-MM-DD',
+                                style: { width: '100%' },
+                                defaultPickerValue: (0, _moment2.default)()
+                            })
+                        );
+                    },
+                    span: 1
+                });
+            }
+
+            //是否经过中高风险地区
+            if (fieldMap.X_SFJGZGFXDQ && fieldMap.X_SFJGZGFXDQ.sfxs === '1') {
+
+                var _required = fieldMap.X_SFJGZGFXDQ.sfbt === "1" ? true : false;
+                var _editable = fieldMap.X_SFJGZGFXDQ.sfbj === "1" ? true : false;
+
+                dataList.push({
+                    title: fieldMap.X_SFJGZGFXDQ.title,
+                    text: x_sfjgzgfxdq === '1' ? "是" : "否",
+                    required: _required,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _NHFormItem2.default,
+                            {
+                                id: 'x_sfjgzgfxdq',
+                                label: fieldMap.X_SFJGZGFXDQ.title,
+                                hideLabel: true,
+                                readOnly: !_editable,
+                                initialValue: x_sfjgzgfxdq === '1' ? true : false,
+                                valuePropName: 'false',
+                                required: _required,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            _editable ? _react2.default.createElement(_switch2.default, { checkedChildren: '\u662F', unCheckedChildren: '\u5426', checked: _this.state.checkedFlag, onChange: _this.fixOnChange }) : x_sfjgzgfxdq === '1' ? "是" : "否"
+                        );
+                    },
+                    span: 2
+                });
+            }
+
+            // 离校期间所在地
+            if (fieldMap.X_JDDZ && fieldMap.X_JDDZ.sfxs === '1') {
+
+                var _required2 = fieldMap.X_JDDZ.sfbt === "1";
+                var _editable2 = fieldMap.X_JDDZ.sfbj === "1";
+                dataList.push({
+                    title: fieldMap.X_JDDZ.title,
+                    text: x_ssq_mc,
+                    required: _required2,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            FormItem,
+                            {
+                                label: '',
+                                wrapperCol: { span: 24 }
+                            },
+                            _editable2 ? _react2.default.createElement(
+                                InputGroup,
+                                { compact: true, style: { width: '100%' } },
+                                getFieldDecorator("x_ssq", {
+                                    rules: [{ required: _required2, message: '\u8BF7\u9009\u62E9\u7701\u5E02\u533A\uFF01' }],
+                                    initialValue: x_ssq
+                                })(_react2.default.createElement(_NHCascader2.default, { style: { width: '50%' }, placeholder: "请选择省市区！", baseUrl: "api/sm-holiday", sign: "zhxg_ssq" })),
+                                '\xA0\xA0\xA0',
+                                getFieldDecorator("x_jddz", {
+                                    rules: [{ required: _required2, message: '\u8BF7\u8F93\u5165\u79BB\u6821\u671F\u95F4\u6240\u5728\u5730\u533A' }],
+                                    initialValue: x_jddz === null || x_jddz === undefined ? null : x_jddz
+                                })(_react2.default.createElement(_input2.default, { placeholder: "请输入离校期间所在地", style: { width: '30%' } }))
+                            ) : _react2.default.createElement(
+                                'div',
+                                null,
+                                _react2.default.createElement(
+                                    'div',
+                                    { style: { display: 'none' } },
+                                    _react2.default.createElement(
+                                        InputGroup,
+                                        { compact: true, style: { width: '100%' } },
+                                        getFieldDecorator("x_ssq", {
+                                            rules: [{ required: _required2, message: '\u8BF7\u9009\u62E9\u7701\u5E02\u533A\uFF01' }],
+                                            initialValue: x_ssq
+                                        })(_react2.default.createElement(_NHCascader2.default, { style: { width: '50%' }, placeholder: "请选择省市区！", baseUrl: "api/sm-holiday", sign: "zhxg_ssq" })),
+                                        '\xA0\xA0\xA0',
+                                        getFieldDecorator("x_jddz", {
+                                            rules: [{ required: _required2, message: '\u8BF7\u8F93\u5165\u79BB\u6821\u671F\u95F4\u6240\u5728\u5730' }],
+                                            initialValue: x_jddz === null || x_jddz === undefined ? null : x_jddz
+                                        })(_react2.default.createElement(_input2.default, { placeholder: "请输入离校期间所在地", style: { width: '30%' } }))
+                                    )
+                                ),
+                                _react2.default.createElement(
+                                    'span',
+                                    null,
+                                    x_ssq_mc
+                                )
+                            )
+                        );
+                    },
+                    span: 3
+                });
+            }
+
+            // 返校原因
+            if (fieldMap.BZ && fieldMap.BZ.sfxs === '1') {
+                var _required3 = fieldMap.BZ.sfbt === "1";
+                var _editable3 = fieldMap.BZ.sfbj === "1";
+                dataList.push({
+                    title: fieldMap.BZ.title,
+                    text: bz,
+                    required: _required3,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _NHFormItem2.default,
+                            {
+                                id: 'bz',
+                                label: fieldMap.BZ.title,
+                                hideLabel: true,
+                                readOnly: !_editable3,
+                                initialValue: bz,
+                                required: _required3
+                                //pattern={{ max: 200, message: "长度不能超过200！" }}
+                                , form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            _react2.default.createElement(TextArea, { rows: 6, placeholder: '\u8BF7\u8F93\u5165' + fieldMap.BZ.title })
+                        );
+                    },
+                    span: 3
+                });
+            }
+
+            //附件
+            if (fieldMap.X_FJID && fieldMap.X_FJID.sfxs === '1') {
+                var _required4 = fieldMap.X_FJID.sfbt === "1" ? true : false;
+                var _editable4 = fieldMap.X_FJID.sfbj === "1" ? true : false;
+
+                dataList.push({
+                    title: fieldMap.X_FJID.title,
+                    text: x_fjid,
+                    required: _required4,
+                    isUpload: true,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _NHFormItem2.default,
+                            {
+                                id: 'x_fjid',
+                                label: fieldMap.X_FJID.title,
+                                hideLabel: true,
+                                initialValue: x_fjid,
+                                required: _required4,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            _react2.default.createElement(_NHUpload2.default, {
+                                serviceMark: 'sm-holiday' //服务标志，说明是属于哪个服务
+                                , moduleName: '请假管理' //模块名称，说明是属于哪个服务的哪个模块\
+                                , isEdit: _editable4 && _this.props.isEdit
+                            })
+                        );
+                    },
+                    span: 3
+                });
+            }
+
+            return _this.calcSapan(dataList);
+        };
+
+        _this.state = {
+            x_fxsj: '', //返校时间
+            x_sfjgzgfxdq: '', //是否经过中高风险地区
+            x_jddz: '', //离校期间所在地
+            x_ssq: null,
+            x_ssq_mc: '',
+            bz: '', //返校原因
+            x_fjid: '', //附件  
+            checkedFlag: '' //是否经过中高风险地区
+        };
+        return _this;
+    }
+
+    //解析url搜索参数
+
+
+    (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;
+        }
+
+        //是否需要离校
+
+
+        // 获取销假信息的 dataList
+
+    }, {
+        key: 'render',
+        value: function render() {
+            var _props = this.props,
+                isEdit = _props.isEdit,
+                fieldMap = _props.fieldMap,
+                form = _props.form;
+            var _state = this.state,
+                qjlx = _state.qjlx,
+                sfxylx = _state.sfxylx,
+                kssj = _state.kssj,
+                jssj = _state.jssj,
+                qjly = _state.qjly;
+
+
+            return _react2.default.createElement(
+                'div',
+                null,
+                _react2.default.createElement(
+                    'div',
+                    null,
+                    _react2.default.createElement(
+                        _divider2.default,
+                        null,
+                        '\u8BF7\u5047\u4FE1\u606F'
+                    ),
+                    _react2.default.createElement(
+                        _card2.default,
+                        null,
+                        _react2.default.createElement(
+                            'div',
+                            null,
+                            '\u8BF7\u5047\u7C7B\u578B\uFF1A',
+                            qjlx
+                        ),
+                        _react2.default.createElement(
+                            'div',
+                            null,
+                            '\u662F\u5426\u9700\u8981\u79BB\u6821\uFF1A',
+                            sfxylx
+                        ),
+                        _react2.default.createElement(
+                            'div',
+                            null,
+                            '\u5F00\u59CB\u65F6\u95F4\uFF1A',
+                            kssj
+                        ),
+                        _react2.default.createElement(
+                            'div',
+                            null,
+                            '\u7ED3\u675F\u65F6\u95F4\uFF1A',
+                            jssj
+                        ),
+                        _react2.default.createElement(
+                            'div',
+                            null,
+                            '\u8BF7\u5047\u7406\u7531\uFF1A',
+                            qjly
+                        )
+                    )
+                ),
+                _react2.default.createElement(
+                    'div',
+                    null,
+                    _react2.default.createElement(
+                        _divider2.default,
+                        null,
+                        '\u9500\u5047\u4FE1\u606F'
+                    ),
+                    _react2.default.createElement(
+                        _form2.default,
+                        { style: { margin: '20px 0' } },
+                        _react2.default.createElement(_NHSubList2.default, {
+                            list: this.getDateList(fieldMap),
+                            isEdit: isEdit,
+                            form: form
+                        })
+                    )
+                )
+            );
+        }
+    }]);
+    return EditInitForm;
+}(_react.Component);
+
+var EditForm = (0, _rcForm.createForm)()(EditInitForm);
+exports.default = EditForm;