dlt-for-react 1.0.23 → 1.1.0

package/lib/components/NHDynamicFormShow/customModule/jxsl/xwryfjjd/EditForm.js

@@ -0,0 +1,638 @@
+'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 _picker = require('antd-mobile/lib/picker');
+
+var _picker2 = _interopRequireDefault(_picker);
+
+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/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 _rcForm = require('rc-form');
+
+var _NHFetch = require('../../../../../utils/NHFetch');
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _NHImagePicker = require('../../../../NHImagePicker');
+
+var _NHImagePicker2 = _interopRequireDefault(_NHImagePicker);
+
+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.getInitData();
+            _this.initXnList();
+            _this.getSxlbList();
+        };
+
+        _this.initFjsxList = function (value) {
+            (0, _NHFetch2.default)('api/sm-student/openapi/getFjsxList', 'GET', { sxlb: value }).then(function (res) {
+                if (res && res.code == 200) {
+                    var FjsxDataSource = res.data;
+                    if (FjsxDataSource != null) {
+                        var fjsxList = [];
+                        var textList = [];
+                        var jdList = [];
+                        FjsxDataSource.map(function (v, i) {
+                            fjsxList.push({ label: v.KEY, value: v.TEXT });
+                            textList.push(v.TEXT);
+                            jdList.push(v.JD);
+                        });
+                        _this.setState({
+                            fjsxList: fjsxList,
+                            textList: textList,
+                            jdList: jdList
+                        });
+                    }
+                } else {
+                    _toast2.default.fail("获取附加事项数据源失败");
+                }
+            });
+        };
+
+        _this.initXnList = function () {
+            (0, _NHFetch2.default)('api/sm-student/openapi/getXnList', 'GET').then(function (res) {
+                if (res && res.code == 200) {
+                    var xnDataSource = res.data;
+                    if (xnDataSource != null) {
+                        var xnList = [];
+                        xnDataSource.map(function (v, i) {
+                            xnList.push({ label: v.LABEL, value: v.VALUE });
+                        });
+                        _this.setState({
+                            xnList: xnList
+                        });
+                    }
+                } else {
+                    _toast2.default.fail("获取学年数据源失败");
+                }
+            });
+        };
+
+        _this.getInitData = function () {
+            var pkid = _this.props.pkid;
+            //通过PKID去查询是否有申请数据，有说明是审核
+
+            var t = new Date().getTime();
+            (0, _NHFetch2.default)('api/sm-student/openapi/getFjjdInitData/' + pkid, 'GET', t).then(function (res) {
+                if (res && res.code == 200) {
+                    var initData = res.data;
+                    if (initData != null) {
+                        _this.setState({
+                            xq: initData.XQ,
+                            xqmc: initData.SJMC,
+                            fjsx: initData.FJSX,
+                            sxlb: initData.SXLB,
+                            fjjd: initData.FJJD,
+                            xwrymc: initData.XWRYMC,
+                            xxsx: initData.XXSX,
+                            fjid: initData.FJID,
+                            fjsxmc: initData.FJSXMC,
+                            sxlbmc: initData.SXLBMC
+                        });
+                    }
+                } else {
+                    _toast2.default.fail("调用接口失败");
+                }
+            });
+        };
+
+        _this.getSxlbList = function () {
+            (0, _NHFetch2.default)('api/sm-student/openapi/getSxlbList', 'GET').then(function (res) {
+                if (res && res.code == 200) {
+                    var sxlbDataSource = res.data;
+                    if (sxlbDataSource != null) {
+                        var sxlbList = [];
+                        sxlbDataSource.map(function (v, i) {
+                            sxlbList.push({ label: v.LABEL, value: v.VALUE });
+                        });
+                        _this.setState({
+                            sxlbList: sxlbList
+                        });
+                    }
+                } else {
+                    _toast2.default.fail("获取事项类别数据源失败");
+                }
+            });
+        };
+
+        _this.selectOnChange = function (value) {
+            var v = value[0];
+            var _this$state = _this.state,
+                textList = _this$state.textList,
+                jdList = _this$state.jdList;
+
+            for (var i = 0; i < textList.length; i++) {
+                if (v === textList[i]) {
+                    _this.setState({
+                        fjjd: jdList[i]
+                    });
+                }
+            }
+        };
+
+        _this.selectSxlbOnChange = function (value) {
+            var v = value[0];
+            console.log(v);
+            _this.setState({
+                fjjd: ''
+            });
+            _this.props.form.setFieldsValue({
+                fjsx: ''
+            }, function () {
+                return _this.initFjsxList(v);
+            });
+        };
+
+        _this.requiredParams = function (required, id) {
+            var getFieldError = _this.props.form.getFieldError;
+
+            return {
+                error: getFieldError(id) !== undefined
+            };
+        };
+
+        _this.getDataList = function (fieldMap) {
+            var getFieldProps = _this.props.form.getFieldProps;
+            var _this$state2 = _this.state,
+                xnList = _this$state2.xnList,
+                xq = _this$state2.xq,
+                xqmc = _this$state2.xqmc,
+                fjsx = _this$state2.fjsx,
+                fjsxmc = _this$state2.fjsxmc,
+                fjsxList = _this$state2.fjsxList,
+                sxlbmc = _this$state2.sxlbmc,
+                fjjd = _this$state2.fjjd,
+                xwrymc = _this$state2.xwrymc,
+                fjid = _this$state2.fjid,
+                xxsx = _this$state2.xxsx,
+                sxlb = _this$state2.sxlb,
+                sxlbList = _this$state2.sxlbList;
+
+            var dataList = [];
+
+            //学年学期
+            if (fieldMap.XNXQ && fieldMap.XNXQ.sfxs === '1') {
+                // 是否必填
+                var required = fieldMap.XNXQ.sfbt === "1" ? true : false;
+                // 是否可编辑
+                var editable = fieldMap.XNXQ.sfbj === "1" ? true : false;
+                var initXq = xq ? [xq] : '';
+                dataList.push({
+                    title: '学年学期',
+                    text: xqmc,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            'div',
+                            { className: !editable ? 'nh-inputrender-disabled' : 'nh-inputrender' },
+                            _react2.default.createElement(
+                                _picker2.default,
+                                _extends({
+                                    data: xnList,
+                                    cols: 1,
+                                    className: 'forss',
+                                    disabled: !editable
+                                }, getFieldProps('xq', {
+                                    initialValue: initXq,
+                                    rules: [{ required: required, message: '请选择学年学期' }]
+                                })),
+                                _react2.default.createElement(
+                                    _list2.default.Item,
+                                    { arrow: 'horizontal' },
+                                    required ? _react2.default.createElement(
+                                        'span',
+                                        { style: { color: 'red' } },
+                                        '*'
+                                    ) : null,
+                                    '\u5B66\u5E74\u5B66\u671F'
+                                )
+                            )
+                        );
+                    }
+                });
+            }
+
+            //附加事项类型
+            if (fieldMap.SXLBMC && fieldMap.SXLBMC.sfxs === '1') {
+                // 是否必填
+                var _required = fieldMap.SXLBMC.sfbt === "1" ? true : false;
+                // 是否可编辑
+                var _editable = fieldMap.SXLBMC.sfbj === "1" ? true : false;
+                var initSxlb = sxlb ? [sxlb] : '';
+                dataList.push({
+                    title: '附加事项类型',
+                    text: sxlbmc,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            'div',
+                            { className: !_editable ? 'nh-inputrender-disabled' : 'nh-inputrender' },
+                            _react2.default.createElement(
+                                _picker2.default,
+                                _extends({
+                                    data: sxlbList,
+                                    cols: 1,
+                                    className: 'forss',
+                                    disabled: !_editable
+                                    // onChange={v => this.selectSxlbOnChange(v)}
+                                }, getFieldProps('sxlb', {
+                                    initialValue: initSxlb,
+                                    rules: [{ required: _required, message: '请选择附加事项类型' }],
+                                    onChange: function onChange(v) {
+                                        return _this.selectSxlbOnChange(v);
+                                    }
+                                })),
+                                _react2.default.createElement(
+                                    _list2.default.Item,
+                                    { arrow: 'horizontal' },
+                                    _required ? _react2.default.createElement(
+                                        'span',
+                                        { style: { color: 'red' } },
+                                        '*'
+                                    ) : null,
+                                    '\u9644\u52A0\u4E8B\u9879\u7C7B\u578B'
+                                )
+                            )
+                        );
+                    }
+                });
+            }
+
+            //附加事项
+            if (fieldMap.SXMC && fieldMap.SXMC.sfxs === '1') {
+                // 是否必填
+                var _required2 = fieldMap.SXMC.sfbt === "1" ? true : false;
+                // 是否可编辑
+                var _editable2 = fieldMap.SXMC.sfbj === "1" ? true : false;
+                var initFjsx = fjsx ? [fjsx] : '';
+                dataList.push({
+                    title: '附加事项',
+                    text: fjsxmc,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            'div',
+                            { className: !_editable2 ? 'nh-inputrender-disabled' : 'nh-inputrender' },
+                            _react2.default.createElement(
+                                _picker2.default,
+                                _extends({
+                                    data: fjsxList,
+                                    cols: 1,
+                                    className: 'forss',
+                                    disabled: !_editable2
+                                    //onChange={v => this.selectOnChange(v)}
+                                }, getFieldProps('fjsx', {
+                                    initialValue: initFjsx,
+                                    rules: [{ required: _required2, message: '请选择附加事项' }],
+                                    onChange: function onChange(v) {
+                                        return _this.selectOnChange(v);
+                                    }
+                                })),
+                                _react2.default.createElement(
+                                    _list2.default.Item,
+                                    { arrow: 'horizontal' },
+                                    _required2 ? _react2.default.createElement(
+                                        'span',
+                                        { style: { color: 'red' } },
+                                        '*'
+                                    ) : null,
+                                    '\u9644\u52A0\u4E8B\u9879'
+                                )
+                            )
+                        );
+                    }
+                });
+            }
+
+            //绩点
+            if (fieldMap.JD && fieldMap.JD.sfxs === '1') {
+                // 是否必填
+                var _required3 = fieldMap.JD.sfbt === "1" ? true : false;
+                // 是否可编辑
+                var _editable3 = fieldMap.JD.sfbj === "1" ? true : false;
+                dataList.push({
+                    id: 'fjjd',
+                    title: '绩点',
+                    text: fjjd,
+                    required: _required3,
+                    render: function render() {
+                        getFieldProps('fjjd', {
+                            initialValue: fjjd
+                        });
+                        return _react2.default.createElement(
+                            _inputItem2.default,
+                            {
+                                className: 'nh-input-item',
+                                editable: false,
+                                disabled: !_editable3,
+                                value: fjjd
+                            },
+                            '\u7EE9\u70B9'
+                        );
+                    }
+
+                });
+            }
+
+            //校外荣誉名称
+            if (fieldMap.XWRYMC && fieldMap.XWRYMC.sfxs === '1') {
+                var _required4 = fieldMap.XWRYMC.sfbt === "1" ? true : false;
+                var _editable4 = fieldMap.XWRYMC.sfbj === "1" ? true : false;
+                dataList.push({
+                    id: 'xwrymc',
+                    title: '校外荣誉名称',
+                    text: xwrymc,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _inputItem2.default,
+                            _extends({
+                                className: 'nh-input-item',
+                                placeholder: '\u8BF7\u8F93\u5165',
+                                value: xwrymc,
+                                editable: _editable4,
+                                disabled: !_editable4
+                            }, getFieldProps('xwrymc', {
+                                initialValue: xwrymc,
+                                rules: [{ required: _required4, message: '请输入校外荣誉名称' }]
+                            })),
+                            '\u6821\u5916\u8363\u8A89\u540D\u79F0'
+                        );
+                    }
+                });
+            }
+
+            if (fieldMap.XXSX && fieldMap.XXSX.sfxs === '1') {
+                var _required5 = fieldMap.XXSX.sfbt === "1" ? true : false;
+                var _editable5 = fieldMap.XXSX.sfbj === "1" ? true : false;
+                dataList.push({
+                    id: 'xxsx',
+                    title: '详细说明',
+                    text: xxsx,
+                    required: _required5,
+                    isUpload: false,
+                    render: function render() {
+                        return _react2.default.createElement(_textareaItem2.default, _extends({
+                            title: '\u8BE6\u7EC6\u8BF4\u660E',
+                            placeholder: '\u8BF7\u8F93\u5165',
+                            'data-seed': 'logId',
+                            rows: 2,
+                            count: 120,
+                            editable: _editable5,
+                            disabled: !_editable5
+                        }, _this.requiredParams(_required5, 'xxsx'), getFieldProps('xxsx', {
+                            initialValue: xxsx,
+                            rules: [{ required: _required5, message: '请输入详细说明！' }],
+                            onChange: function onChange(v) {
+                                return _this.setState({ xxsx: v });
+                            }
+                        })));
+                    }
+                });
+            }
+
+            //上传附件
+            if (fieldMap.FJID && fieldMap.FJID.sfxs === '1') {
+                var _required6 = fieldMap.FJID.sfbt === "1" ? true : false;
+                var _editable6 = fieldMap.FJID.sfbj === "1" ? true : false;
+                dataList.push({
+                    id: 'fjid',
+                    title: fieldMap.FJID.title,
+                    text: fjid,
+                    required: _required6,
+                    isUpload: true,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _list2.default.Item,
+                            _this.requiredParams(_required6, 'fjid'),
+                            _react2.default.createElement(
+                                'label',
+                                { className: (0, _classnames2.default)({ 'nh-dynamic-form-disabled': !_editable6 }) },
+                                fieldMap.FJID.title
+                            ),
+                            _react2.default.createElement(_NHImagePicker2.default, _extends({
+                                serviceMark: 'sm-student',
+                                moduleName: '学生信息',
+                                isEdit: _this.props.isEdit && _editable6,
+                                numberOfLimit: 10,
+                                numberOfSize: 5
+                            }, getFieldProps('fjid', {
+                                initialValue: fjid,
+                                rules: [{ required: _required6, message: '请上传附件' }]
+                            })))
+                        );
+                    },
+                    renderView: function renderView() {
+                        return _react2.default.createElement(_NHImagePicker2.default, {
+                            serviceMark: 'sm-student',
+                            moduleName: '学生信息',
+                            isEdit: false,
+                            value: fjid
+                        });
+                    }
+                });
+            }
+            return dataList;
+        };
+
+        _this.state = {
+            xqmc: '', //学年学期
+            xq: '', //学期学年码
+            fjsx: '', //附加事项
+            fjsxmc: '', //附加事项名称
+            sxlb: '', //附加事项类型
+            sxlbmc: '', //附加事项类型名称
+            fjjd: '', //附加绩点
+            xwrymc: '', //校外荣誉称号名称
+            xxsx: '', //详细说明
+            fjid: '', //附加ID
+
+
+            fjsxList: [], //附加事项数据源
+            textList: [], //事项名称数据源
+            jdList: [], //绩点数据源
+
+            sxlbList: [], //事项类别数据源
+            xnList: [] //学年数据源
+        };
+        return _this;
+    }
+
+    //获取附加事项数据源
+
+
+    //获取学年学期数据源
+
+
+    //获取事项类别数据源
+
+
+    _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;
+        }
+    }, {
+        key: 'render',
+        value: function render() {
+            var _props = this.props,
+                form = _props.form,
+                isEdit = _props.isEdit,
+                fieldMap = _props.fieldMap,
+                title = _props.title;
+
+            var dataList = this.getDataList(fieldMap);
+            if (isEdit) {
+                return _react2.default.createElement(
+                    'form',
+                    null,
+                    _react2.default.createElement(
+                        _list2.default,
+                        { renderHeader: function renderHeader() {
+                                return title;
+                            } },
+                        dataList.map(function (item, index) {
+                            return _react2.default.createElement(
+                                'div',
+                                { key: index, className: (0, _classnames2.default)('nh-dynamic-list-item', { 'nh-dynamic-required': item.required }) },
+                                item.render !== undefined ? item.render() : null
+                            );
+                        })
+                    ),
+                    _react2.default.createElement(_whiteSpace2.default, { size: 'lg' })
+                );
+            }
+            return _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()
+                                );
+                            }
+                            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;