dlt-for-react 1.0.1

package/lib/components/NHDynamicFormShow/customModule/fxgdzk/zxdk/dksq/EditForm.js

@@ -0,0 +1,585 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _form = require('antd/lib/form');
+
+var _form2 = _interopRequireDefault(_form);
+
+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);
+
+var _datePicker = require('antd/lib/date-picker');
+
+var _datePicker2 = _interopRequireDefault(_datePicker);
+
+require('antd/lib/form/style');
+
+require('antd/lib/message/style');
+
+require('antd/lib/select/style');
+
+require('antd/lib/input/style');
+
+require('antd/lib/date-picker/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _moment = require('moment');
+
+var _moment2 = _interopRequireDefault(_moment);
+
+var _index = require('../../../../../NHSubList/index.js');
+
+var _index2 = _interopRequireDefault(_index);
+
+var _NHFetch = require('../../../../../../utils/NHFetch');
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+var _index3 = require('../../../../../NHFormItem/index');
+
+var _index4 = _interopRequireDefault(_index3);
+
+var _index5 = require('../../../.././../NHSelect/index');
+
+var _index6 = _interopRequireDefault(_index5);
+
+var _NHUpload = require('../../../../../NHUpload');
+
+var _NHUpload2 = _interopRequireDefault(_NHUpload);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var RangePicker = _datePicker2.default.RangePicker;
+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.componentDidMount = function () {
+            _this.initData();
+        };
+
+        _this.initData = function () {
+            var _this$props = _this.props,
+                pkid = _this$props.pkid,
+                objId = _this$props.objId,
+                processApplyId = _this$props.processApplyId;
+
+            _this.getDkfbxxDataSource(objId, processApplyId);
+            _this.getData(pkid);
+        };
+
+        _this.getData = function (pkid) {
+
+            var t = new Date().getTime();
+
+            (0, _NHFetch2.default)('api/sm-student-loan/fxgdzk/dksq/getXsDksqByPkid/' + pkid, 'GET', t).then(function (res) {
+                if (res && res.code === 200) {
+                    var xsdksq = res.data;
+                    _this.setState({
+                        sfsh: true,
+                        sqxn: xsdksq.SQXN,
+                        dkyh: xsdksq.DKYH,
+                        kssjstr: xsdksq.KSSJSTR,
+                        jssjstr: xsdksq.JSSJSTR,
+                        qzsj: xsdksq.KSSJSTR + "~" + xsdksq.JSSJSTR,
+                        dkje: xsdksq.DKJE, // 贷款金额
+                        xf: xsdksq.XF, // 学费
+                        zsf: xsdksq.ZSF, // 住宿费
+                        isHzd: xsdksq.ISHZD, // 是否提交回执单
+                        hzyzm: xsdksq.HZYZM, // 回执验证码
+                        dkly: xsdksq.DKLY, // 贷款理由
+                        fjid: xsdksq.FJID // 附件ID
+                    }, function () {
+                        _this.getSfsh();
+                    });
+                }
+            });
+        };
+
+        _this.getDkfbxxDataSource = function (xsid, lcslid) {
+            var t = new Date().getTime();
+            (0, _NHFetch2.default)('api/sm-student-loan/fxgdzk/dksq/getDkfbxxDataSource/' + xsid + '/' + lcslid, 'GET', t).then(function (res) {
+                if (res && res.code === 200) {
+                    var dkfbxx = res.data;
+                    if (dkfbxx != null) {
+                        _this.setState({
+                            sqxn: dkfbxx.SQXN
+                        });
+                    }
+                } else {
+                    _message3.default.error("对不起，您没有申请资格！");
+                    setTimeout(function () {
+                        window.close();
+                    }, 2000);
+                }
+            }).catch(function () {
+                return console.log('没查到数据');
+            });
+        };
+
+        _this.getDataList = function (fieldMap) {
+            var _this$state = _this.state,
+                sqxn = _this$state.sqxn,
+                dkyh = _this$state.dkyh,
+                dkje = _this$state.dkje,
+                qzsj = _this$state.qzsj,
+                kssjstr = _this$state.kssjstr,
+                jssjstr = _this$state.jssjstr,
+                dkly = _this$state.dkly,
+                fjid = _this$state.fjid,
+                xf = _this$state.xf,
+                zsf = _this$state.zsf,
+                isHzd = _this$state.isHzd,
+                hzyzm = _this$state.hzyzm;
+
+            var dataList = [];
+            var formItemLayout = { wrapperCol: { span: 24 } };
+
+            // 申请学年(贷款学年)
+            if (fieldMap.SQXN && fieldMap.SQXN.sfxs === '1') {
+
+                var required = fieldMap.SQXN.sfbt === "1";
+                var editable = fieldMap.SQXN.sfbj === "1";
+
+                dataList.push({
+                    title: '贷款学年',
+                    isUpload: false,
+                    text: sqxn,
+                    required: required,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index4.default,
+                            {
+                                id: 'sqxn',
+                                label: '\u8D37\u6B3E\u5B66\u5E74',
+                                hideLabel: true,
+                                readOnly: !editable,
+                                initialValue: sqxn,
+                                required: required,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            editable ? _react2.default.createElement(_index6.default, { style: { width: '100%' }, sign: 'DMK_XTGL_XN', placeholder: "请选择贷款学年..." }) : sqxn
+                        );
+                    },
+                    span: "1"
+                });
+            }
+
+            //贷款银行
+            if (fieldMap.DKYH && fieldMap.DKYH.sfxs === '1') {
+                var _required = fieldMap.DKYH.sfbt === '1';
+                var _editable = fieldMap.DKYH.sfbj === '1';
+                dataList.push({
+                    title: '贷款银行',
+                    isUpload: false,
+                    text: dkyh,
+                    required: _required,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index4.default,
+                            {
+                                id: 'dkyh',
+                                label: '\u8D37\u6B3E\u94F6\u884C',
+                                hideLabel: true,
+                                readOnly: !_editable,
+                                initialValue: dkyh,
+                                required: _required,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout,
+                                pattern: { max: 25, message: "长度不能超过25！" }
+                            },
+                            _editable ? _react2.default.createElement(_input2.default, { placeholder: '\u8BF7\u8F93\u5165\u8D37\u6B3E\u94F6\u884C' }) : dkyh
+                        );
+                    },
+                    span: "1"
+                });
+            }
+
+            //贷款金额
+            if (fieldMap.DKJE && fieldMap.DKJE.sfxs === '1') {
+
+                var _required2 = fieldMap.DKJE.sfbt === "1";
+                var _editable2 = fieldMap.DKJE.sfbj === "1";
+
+                dataList.push({
+                    title: '贷款金额',
+                    isUpload: false,
+                    text: dkje,
+                    required: _required2,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index4.default,
+                            {
+                                id: 'dkje',
+                                label: '\u8D37\u6B3E\u91D1\u989D',
+                                hideLabel: true,
+                                readOnly: !_editable2,
+                                initialValue: dkje,
+                                required: _required2,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            _editable2 ? _react2.default.createElement(_input2.default, { type: 'number', placeholder: '\u8BF7\u8F93\u5165\u8D37\u6B3E\u91D1\u989D' }) : dkje
+                        );
+                    },
+                    span: "1"
+                });
+            }
+
+            // 学费
+            if (fieldMap.XF && fieldMap.XF.sfxs === '1') {
+                var _required3 = fieldMap.XF.sfbt === "1";
+                var _editable3 = fieldMap.XF.sfbj === "1";
+                dataList.push({
+                    title: '学费',
+                    isUpload: false,
+                    text: xf,
+                    required: _required3,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index4.default,
+                            {
+                                id: 'xf',
+                                label: '\u5B66\u8D39',
+                                hideLabel: true,
+                                readOnly: !_editable3,
+                                initialValue: xf,
+                                required: _required3,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            _editable3 ? _react2.default.createElement(_input2.default, { type: 'number', placeholder: '\u8BF7\u8F93\u5165\u5B66\u8D39' }) : xf
+                        );
+                    },
+                    span: "1"
+                });
+            }
+
+            // 住宿费
+            if (fieldMap.ZSF && fieldMap.ZSF.sfxs === '1') {
+                var _required4 = fieldMap.ZSF.sfbt === "1";
+                var _editable4 = fieldMap.ZSF.sfbj === "1";
+                dataList.push({
+                    title: '住宿费',
+                    isUpload: false,
+                    text: zsf,
+                    required: _required4,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index4.default,
+                            {
+                                id: 'zsf',
+                                label: '\u4F4F\u5BBF\u8D39',
+                                hideLabel: true,
+                                readOnly: !_editable4,
+                                initialValue: zsf,
+                                required: _required4,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            _editable4 ? _react2.default.createElement(_input2.default, { type: 'number', placeholder: '\u8BF7\u8F93\u5165\u4F4F\u5BBF\u8D39' }) : zsf
+                        );
+                    },
+                    span: "1"
+                });
+            }
+
+            // 是否提交回执单
+            if (fieldMap.ISHZD && fieldMap.ISHZD.sfxs === '1') {
+                var _required5 = fieldMap.ISHZD.sfbt === "1";
+                var _editable5 = fieldMap.ISHZD.sfbj === "1";
+                dataList.push({
+                    title: '是否提交回执单',
+                    isUpload: false,
+                    text: isHzd === '1' ? '是' : '否',
+                    required: _required5,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index4.default,
+                            {
+                                id: 'isHzd',
+                                label: '\u63D0\u4EA4\u56DE\u6267\u5355',
+                                hideLabel: true,
+                                readOnly: !_editable5,
+                                initialValue: isHzd,
+                                required: _required5,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            _editable5 ? _react2.default.createElement(
+                                _select2.default,
+                                { placeholder: '\u8BF7\u9009\u62E9', style: { width: 120 } },
+                                _react2.default.createElement(
+                                    Option,
+                                    { value: '1' },
+                                    '\u662F'
+                                ),
+                                _react2.default.createElement(
+                                    Option,
+                                    { value: '0' },
+                                    '\u5426'
+                                )
+                            ) : isHzd === '1' ? '是' : '否'
+                        );
+                    },
+                    span: "1"
+                });
+            }
+
+            //回执验证码
+            if (fieldMap.HZYZM && fieldMap.HZYZM.sfxs === '1') {
+                var _required6 = fieldMap.HZYZM.sfbt === '1';
+                var _editable6 = fieldMap.HZYZM.sfbj === '1';
+                dataList.push({
+                    title: '回执验证码',
+                    isUpload: false,
+                    text: hzyzm,
+                    required: _required6,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index4.default,
+                            {
+                                id: 'hzyzm',
+                                label: '\u56DE\u6267\u9A8C\u8BC1\u7801',
+                                hideLabel: true,
+                                readOnly: !_editable6,
+                                initialValue: hzyzm,
+                                required: _required6,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout,
+                                pattern: { max: 50, message: "长度不能超过50！" }
+                            },
+                            _editable6 ? _react2.default.createElement(_input2.default, { placeholder: '\u8BF7\u8F93\u5165\u56DE\u6267\u9A8C\u8BC1\u7801' }) : hzyzm
+                        );
+                    },
+                    span: "1"
+                });
+            }
+
+            //起止时间
+            if (fieldMap.QZSJ && fieldMap.QZSJ.sfxs === '1') {
+
+                var _required7 = fieldMap.QZSJ.sfbt === "1";
+                var _editable7 = fieldMap.QZSJ.sfbj === "1";
+
+                dataList.push({
+                    title: '起止时间',
+                    isUpload: false,
+                    text: qzsj,
+                    required: _required7,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index4.default,
+                            {
+                                id: 'qzsj',
+                                label: '\u8D77\u6B62\u65F6\u95F4',
+                                hideLabel: true,
+                                readOnly: !_editable7,
+                                initialValue: [kssjstr ? (0, _moment2.default)(new Date(kssjstr), 'YYYY-MM-DD') : undefined, jssjstr ? (0, _moment2.default)(new Date(jssjstr), 'YYYY-MM-DD') : undefined],
+                                required: _required7,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            _editable7 ? _react2.default.createElement(RangePicker, { style: { width: '50%' } }) : kssjstr + '-' + jssjstr
+                        );
+                    },
+                    span: "2"
+                });
+            }
+
+            //贷款理由
+            if (fieldMap.DKLY && fieldMap.DKLY.sfxs === '1') {
+                var _required8 = fieldMap.DKLY.sfbt === "1";
+                var _editable8 = fieldMap.DKLY.sfbj === "1";
+                dataList.push({
+                    title: '贷款理由',
+                    isUpload: false,
+                    text: dkly,
+                    required: _required8,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index4.default,
+                            {
+                                id: 'dkly',
+                                label: '\u8D37\u6B3E\u7406\u7531',
+                                hideLabel: true,
+                                readOnly: !_editable8,
+                                initialValue: dkly,
+                                required: _required8,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout,
+                                pattern: { max: 400, message: "长度不能超过400！" }
+                            },
+                            _editable8 ? _react2.default.createElement(TextArea, { rows: 4, placeholder: '\u8BF7\u8F93\u5165\u8D37\u6B3E\u7406\u7531' }) : dkly
+                        );
+                    },
+                    span: "3"
+                });
+            }
+
+            // 附件上传
+            if (fieldMap.FJID && fieldMap.FJID.sfxs === '1') {
+                var _required9 = fieldMap.FJID.sfbt === "1" ? true : false;
+                var _editable9 = fieldMap.FJID.sfbj === "1" ? true : false;
+                dataList.push({
+                    id: 'fjid',
+                    title: '附件上传',
+                    text: fjid,
+                    required: _required9,
+                    isUpload: true,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index4.default,
+                            {
+                                id: 'fjid',
+                                label: '\u9644\u4EF6\u4E0A\u4F20',
+                                hideLabel: true,
+                                initialValue: fjid,
+                                required: _required9,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            _react2.default.createElement(_NHUpload2.default, {
+                                serviceMark: 'sm-student-loan',
+                                moduleName: '助学贷款-材料证明',
+                                isEdit: _this.props.isEdit && _editable9,
+                                value: fjid
+                            })
+                        );
+                    },
+                    span: 3
+                });
+            }
+
+            return _this.calcSapan(dataList);
+        };
+
+        _this.getSfsh = function () {
+            _this.props.getSfsh(_this.state.sfsh);
+        };
+
+        _this.state = {
+            sqxn: '', // 申请学年
+            dkyh: '', // 贷款银行
+            qzsj: '', // 起止时间
+            kssjstr: '', // 开始时间str
+            jssjstr: '', // 结束时间str
+            dkje: '', // 贷款金额
+            xf: '', // 学费
+            zsf: '', // 住宿费
+            isHzd: '', // 是否提交回执单
+            hzyzm: '', // 回执验证码
+            dkly: '', // 申请理由
+            fjid: '', // 附件ID
+            sfsh: false, // 是否审核
+            lcslid: '' // 关联流程实例ID
+        };
+        return _this;
+    }
+
+    (0, _createClass3.default)(EditInitForm, [{
+        key: 'getChildContext',
+        value: function getChildContext() {
+            return {
+                sfsh: this.state.sfsh
+            };
+        }
+
+        // 获取贷款发布信息数据源
+
+    }, {
+        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;
+
+            var dataList = this.getDataList(fieldMap);
+            return _react2.default.createElement(
+                _form2.default,
+                { style: { margin: '20px 0' } },
+                _react2.default.createElement(_index2.default, {
+                    list: dataList,
+                    isEdit: isEdit,
+                    form: form })
+            );
+        }
+    }]);
+    return EditInitForm;
+}(_react2.default.Component);
+
+EditInitForm.childContextTypes = {
+    sfsh: _propTypes2.default.bool
+};
+
+
+var EditForm = _form2.default.create()(EditInitForm);
+exports.default = EditForm;