dlt-for-react 1.0.1

package/lib/components/NHDynamicFormShow/customModule/gqtgl/cdqcgl/hdqcsq/EditForm.js

@@ -0,0 +1,668 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _form = require('antd/lib/form');
+
+var _form2 = _interopRequireDefault(_form);
+
+var _input = require('antd/lib/input');
+
+var _input2 = _interopRequireDefault(_input);
+
+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 _datePicker = require('antd/lib/date-picker');
+
+var _datePicker2 = _interopRequireDefault(_datePicker);
+
+var _autoComplete = require('antd/lib/auto-complete');
+
+var _autoComplete2 = _interopRequireDefault(_autoComplete);
+
+var _select = require('antd/lib/select');
+
+var _select2 = _interopRequireDefault(_select);
+
+require('antd/lib/form/style');
+
+require('antd/lib/input/style');
+
+require('antd/lib/message/style');
+
+require('antd/lib/date-picker/style');
+
+require('antd/lib/auto-complete/style');
+
+require('antd/lib/select/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+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('../../../../../NHTeaSelector/index');
+
+var _index6 = _interopRequireDefault(_index5);
+
+var _index7 = require('../../../../../NHStuSelector/index');
+
+var _index8 = _interopRequireDefault(_index7);
+
+var _getLoginUser = require('../../../../../../utils/getLoginUser');
+
+var _getLoginUser2 = _interopRequireDefault(_getLoginUser);
+
+var _moment = require('moment');
+
+var _moment2 = _interopRequireDefault(_moment);
+
+var _Editable = require('./Editable');
+
+var _Editable2 = _interopRequireDefault(_Editable);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import NHUpload from '../../../../../NHUpload/index';
+// import NHSelect from '../../../../../NHSelect/index';
+
+var Soption = _select2.default.Option;
+var Option = _autoComplete2.default.Option,
+    OptGroup = _autoComplete2.default.OptGroup;
+var RangePicker = _datePicker2.default.RangePicker;
+
+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 () {
+            _this.getInitDataSource(_this.props.objId);
+        };
+
+        _this.getInitDataSource = function (fzrid) {
+            var t = new Date().getTime();
+            (0, _NHFetch2.default)('api/yl-ground-facilities/openapi/' + fzrid + '/getQcInitDataSource', 'GET', t).then(function (res) {
+                if (res && res.code === 200) {
+                    var dwDataSource = res.data.dwxx;
+                    var jyqcDataSource = res.data.jyqcxx;
+                    if (dwDataSource != null) {
+                        _this.setState({
+                            dwSelect: _this.getOptions(dwDataSource)
+                        });
+                    }
+                    if (jyqcDataSource != null) {
+                        _this.setState({
+                            hdqcSelect: _this.getOptions(jyqcDataSource)
+                        });
+                    }
+                    var sjh = res.data.lxfs;
+                    (0, _NHFetch2.default)('api/yl-ground-facilities/openapi/' + _this.props.pkid + '/getHdqcsqxxByPkid', 'GET', new Date().getTime()).then(function (res1) {
+                        if (res1 && res1.code === 200) {
+                            var hdcdsqxx = res1.data;
+                            _this.setState({
+                                lxfs: hdcdsqxx && hdcdsqxx.lxfs && hdcdsqxx.lxfs !== '' ? hdcdsqxx.lxfs : sjh // 联系方式
+                            });
+                            if (hdcdsqxx != null) {
+                                var jyqc = _this.copyArr(hdcdsqxx.jyqcDTO);
+                                _this.setState({
+                                    editData: jyqc, // 借用器材的数据源
+                                    dwid: hdcdsqxx.dwid, // 单位id
+                                    dwmc: hdcdsqxx.dwmc, // 单位名称
+                                    fzrid: hdcdsqxx.fzrid, // 负责人id
+                                    fzrmc: hdcdsqxx.fzrmc, // 负责人名称
+                                    yt: hdcdsqxx.yt, // 用途
+                                    kssjstr: hdcdsqxx.kssjstr, // 场地使用开始时间
+                                    jssjstr: hdcdsqxx.jssjstr, // 场地使用结束时间
+                                    qzsj: hdcdsqxx.sysj // 场地使用开始结束时间
+                                });
+                                _this.props.getDwmc(hdcdsqxx.dwmc, false);
+                                _this.props.getQcjyxx(jyqc);
+                            }
+                        }
+                    });
+                }
+            });
+        };
+
+        _this.copyArr = function (arr) {
+            return arr && arr.length > 0 ? arr.map(function (item, i) {
+                if (item) {
+                    var key = item.key,
+                        hdqcid = item.hdqcid,
+                        qcmc = item.qcmc,
+                        jysm = item.jysm;
+
+                    return { key: key, hdqcid: hdqcid, qcmc: qcmc, jysm: jysm };
+                }
+            }) : undefined;
+        };
+
+        _this.getDwDataSource = function () {
+            var t = new Date().getTime();
+            (0, _NHFetch2.default)('api/yl-ground-facilities/openapi/' + fzrid + '/getDwDataSource', 'GET', t).then(function (res) {
+                if (res && res.code === 200) {
+                    var lxfs = res.data.lxfs;
+                    var dwDataSource = res.data.dwxx;
+                    if (lxfs != null) {
+                        _this.setState({
+                            lxfs: lxfs
+                        });
+                    }
+                    if (dwDataSource != null) {
+                        var dwSelect = dwDataSource.map(function (group) {
+                            return group.children && group.children[0].pkid ? _react2.default.createElement(
+                                OptGroup,
+                                { key: group.title },
+                                group.children.map(function (opt) {
+                                    return _react2.default.createElement(
+                                        Option,
+                                        { key: opt.pkid, value: opt.pkid },
+                                        opt.zzmc
+                                    );
+                                })
+                            ) : "";
+                        });
+                        _this.setState({
+                            dwSelect: dwSelect
+                        });
+                    }
+                } else {
+                    _message3.default.error("调用接口失败");
+                }
+            });
+        };
+
+        _this.getOptions = function (data) {
+            return data && data.length > 0 ? data.map(function (v, i) {
+                return _react2.default.createElement(
+                    Soption,
+                    { value: v.DM || v.dm, key: i },
+                    v.MC || v.mc
+                );
+            }) : null;
+        };
+
+        _this.handleDwmc = function (value, option) {
+            if (value) {
+                var dwmc = option.props.children;
+                _this.props.getDwmc(dwmc, false);
+            }
+        };
+
+        _this.handleDwmc1 = function (value) {
+            if (value) {
+                _this.props.getDwmc(value, true);
+            }
+        };
+
+        _this.disabledDate = function (current) {
+            return current < (0, _moment2.default)().subtract(1, "days");
+        };
+
+        _this.showModal = function () {
+            _this.setState({
+                isModalVisible: true
+            });
+        };
+
+        _this.handleOk = function () {
+            _this.setState({
+                isModalVisible: false
+            });
+        };
+
+        _this.handleCancel = function () {
+            _this.setState({
+                isModalVisible: false
+            });
+        };
+
+        _this.openStuSelector = function () {}
+        // console.log("this.refs.stuSelector", this.refs.stuSelector);
+        // this.refs.stuSelector.show();
+
+        // 打开老师选择器
+        ;
+
+        _this.openTeaSelector = function () {}
+        // console.log("this.refs.teaSelector", this.refs.teaSelector);
+        // this.refs.teaSelector.show();
+
+
+        // 选择学生时
+        ;
+
+        _this.onStuSelected = function (key, info) {
+            _this.getLxfsByUid(info[0].XH);
+            _this.setState({ fzrid: info[0].PKID, fzrmc: info[0].XM });
+        };
+
+        _this.onTeaSelected = function (key, info) {
+            _this.getLxfsByUid(info[0].GH);
+            _this.setState({ fzrid: info[0].JSID, fzrmc: info[0].XM });
+        };
+
+        _this.getLxfsByUid = function (uid) {
+            if (uid) {
+                var t = new Date().getTime();
+                (0, _NHFetch2.default)('api/yl-ground-facilities/openapi/' + uid + '/getLxfsByUid', 'GET', t).then(function (res) {
+                    if (res && res.code === 200) {
+                        if (res.data != null) {
+                            _this.setState({
+                                lxfs: res.data
+                            });
+                        }
+                    } else {
+                        _message3.default.error("调用接口失败");
+                    }
+                });
+            }
+        };
+
+        _this.Callback = function (data) {
+            if (data) {
+                _this.setState({
+                    editData: data
+                });
+                _this.props.getQcjyxx(data);
+            }
+        };
+
+        _this.getDataList = function (fieldMap) {
+            var _this$state = _this.state,
+                isModalVisible = _this$state.isModalVisible,
+                hdqcSelect = _this$state.hdqcSelect,
+                dwSelect = _this$state.dwSelect,
+                dwid = _this$state.dwid,
+                dwmc = _this$state.dwmc,
+                fzrid = _this$state.fzrid,
+                fzrmc = _this$state.fzrmc,
+                lxfs = _this$state.lxfs,
+                yt = _this$state.yt,
+                kssjstr = _this$state.kssjstr,
+                jssjstr = _this$state.jssjstr,
+                qzsj = _this$state.qzsj,
+                jyqc = _this$state.jyqc,
+                editData = _this$state.editData;
+
+            var dataList = [];
+            var formItemLayout = { wrapperCol: { span: 24 } };
+
+            //申请单位
+            if (fieldMap.DWMC && fieldMap.DWMC.sfxs === '1') {
+                var required = fieldMap.DWMC.sfbt === "1" ? true : false;
+                var editable = fieldMap.DWMC.sfbj === "1" ? true : false;
+                dataList.push({
+                    title: '申请单位',
+                    isUpload: false,
+                    text: dwmc,
+                    required: required,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index4.default,
+                            {
+                                id: 'dwid',
+                                label: '\u7533\u8BF7\u5355\u4F4D',
+                                hideLabel: true,
+                                readOnly: !editable,
+                                initialValue: dwid,
+                                required: required,
+                                whitespace: true,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout,
+                                validator: function validator(rule, value, callback) {
+                                    if (value && value.length > 100) {
+                                        callback("请输入申请单位(不超过100字)！");
+                                    } else {
+                                        callback();
+                                    }
+                                }
+                            },
+                            editable ? _react2.default.createElement(_autoComplete2.default, {
+                                // style={{ width: 200 }}
+                                dataSource: dwSelect
+                                // defaultValue={dwid}
+                                , placeholder: '\u8BF7\u8F93\u5165\u6216\u9009\u62E9\u7533\u8BF7\u5355\u4F4D...',
+                                filterOption: function filterOption(inputValue, option) {
+                                    return option.props.children.indexOf(inputValue) !== -1;
+                                },
+                                onSelect: _this.handleDwmc,
+                                onChange: _this.handleDwmc1,
+                                allowClear: true
+                            }) : dwmc
+                        );
+                    },
+                    span: 1
+                });
+            }
+
+            //用途
+            if (fieldMap.YT && fieldMap.YT.sfxs === '1') {
+                var _required = fieldMap.YT.sfbt === "1" ? true : false;
+                var _editable = fieldMap.YT.sfbj === "1" ? true : false;
+                dataList.push({
+                    title: '用途',
+                    isUpload: false,
+                    text: yt,
+                    required: _required,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index4.default,
+                            {
+                                id: 'yt',
+                                label: '\u7528\u9014',
+                                hideLabel: true,
+                                readOnly: !_editable,
+                                initialValue: yt,
+                                required: _required,
+                                whitespace: true,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout,
+                                validator: function validator(rule, value, callback) {
+                                    if (value && value.length > 100) {
+                                        callback("请输入用途(不超过100字)！");
+                                    } else {
+                                        callback();
+                                    }
+                                }
+                            },
+                            _editable ? _react2.default.createElement(_input2.default, { placeholder: '\u8BF7\u8F93\u5165\u7528\u9014...', allowClear: true }) : yt
+                        );
+                    },
+                    span: 1
+                });
+            }
+
+            //现场负责人
+            if (fieldMap.FZRID && fieldMap.FZRID.sfxs === '1') {
+                var _required2 = fieldMap.FZRID.sfbt === "1" ? true : false;
+                var _editable2 = fieldMap.FZRID.sfbj === "1" ? true : false;
+                dataList.push({
+                    title: '现场负责人',
+                    isUpload: false,
+                    text: fzrmc,
+                    required: _required2,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index4.default,
+                            {
+                                id: 'fzrid',
+                                label: '\u73B0\u573A\u8D1F\u8D23\u4EBA',
+                                hideLabel: true,
+                                readOnly: !_editable2,
+                                initialValue: fzrid,
+                                required: _required2,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout,
+                                validator: function validator(rule, value, callback) {
+                                    if (value && value.length > 50) {
+                                        callback("请输入现场负责人(不超过50字)！");
+                                    } else {
+                                        callback();
+                                    }
+                                }
+                            },
+                            _react2.default.createElement(
+                                'div',
+                                null,
+                                _editable2 ? _react2.default.createElement(_input2.default, { value: fzrmc, disabled: true, readOnly: true, allowClear: true }) : fzrmc
+                            )
+                        );
+                    },
+                    span: 1
+                });
+            }
+
+            //负责人联系方式
+            if (fieldMap.LXFS && fieldMap.LXFS.sfxs === '1') {
+                var _required3 = fieldMap.LXFS.sfbt === "1" ? true : false;
+                var _editable3 = fieldMap.LXFS.sfbj === "1" ? true : false;
+                dataList.push({
+                    title: '负责人联系方式',
+                    isUpload: false,
+                    text: lxfs,
+                    required: _required3,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index4.default,
+                            {
+                                id: 'lxfs',
+                                label: '\u8D1F\u8D23\u4EBA\u8054\u7CFB\u65B9\u5F0F',
+                                hideLabel: true,
+                                readOnly: !_editable3,
+                                initialValue: lxfs,
+                                required: _required3,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout,
+                                validator: function validator(rule, value, callback) {
+                                    var regExp = new RegExp(/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/);
+                                    if (!regExp.exec(value)) {
+                                        callback("请输入正确的联系方式！");
+                                    } else {
+                                        callback();
+                                    }
+                                }
+                            },
+                            _editable3 ? _react2.default.createElement(_input2.default, { placeholder: '\u8BF7\u8F93\u5165\u8D1F\u8D23\u4EBA\u8054\u7CFB\u65B9\u5F0F...', allowClear: true }) : lxfs
+                        );
+                    },
+                    span: 1
+                });
+            }
+
+            // 活动器材借用时间
+            if (fieldMap.SYSJ && fieldMap.SYSJ.sfxs === '1') {
+                var _required4 = fieldMap.SYSJ.sfbt === "1" ? true : false;
+                var _editable4 = fieldMap.SYSJ.sfbj === "1" ? true : false;
+                dataList.push({
+                    title: '活动器材借用时间',
+                    isUpload: false,
+                    text: qzsj,
+                    required: _required4,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index4.default,
+                            {
+                                id: 'qzsj',
+                                label: '\u6D3B\u52A8\u5668\u6750\u501F\u7528\u65F6\u95F4',
+                                hideLabel: true,
+                                readOnly: !_editable4,
+                                initialValue: [kssjstr ? (0, _moment2.default)(new Date(kssjstr), 'YYYY-MM-DD HH:mm') : undefined, jssjstr ? (0, _moment2.default)(new Date(jssjstr), 'YYYY-MM-DD HH:mm') : undefined],
+                                required: _required4,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            _editable4 ? _react2.default.createElement(RangePicker, {
+                                ranges: {
+                                    '今天': [(0, _moment2.default)().startOf("day"), (0, _moment2.default)().endOf("day")],
+                                    '本月': [(0, _moment2.default)().startOf('month'), (0, _moment2.default)().endOf('month')]
+                                },
+                                disabledDate: _this.disabledDate,
+                                showTime: true,
+                                format: 'YYYY-MM-DD HH:mm'
+                            }) : qzsj
+                        );
+                    },
+                    span: 2
+                });
+            }
+
+            // 借用器材
+            if (fieldMap.JYQC && fieldMap.JYQC.sfxs === '1') {
+                var _required5 = fieldMap.JYQC.sfbt === "1" ? true : false;
+                var _editable5 = fieldMap.JYQC.sfbj === "1" ? true : false;
+                dataList.push({
+                    title: '借用器材',
+                    isUpload: false,
+                    text: _react2.default.createElement(_Editable2.default, {
+                        Callback: _this.Callback,
+                        hdqcSelect: hdqcSelect,
+                        editData: editData,
+                        editable: false
+                    }),
+                    required: _required5,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index4.default,
+                            {
+                                id: 'jyqc',
+                                label: '\u501F\u7528\u5668\u6750',
+                                hideLabel: true,
+                                readOnly: !_editable5,
+                                initialValue: jyqc,
+                                required: false,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            _react2.default.createElement(_Editable2.default, {
+                                Callback: _this.Callback,
+                                hdqcSelect: hdqcSelect,
+                                editData: editData,
+                                editable: _editable5
+                            })
+                        );
+                    },
+                    span: 2
+                });
+            }
+
+            return dataList;
+        };
+
+        _this.state = {
+            hdqcSelect: '', // 活动器材下拉数据
+            dwSelect: '', // 单位名称的数据源
+            isModalVisible: false, // 教师或学生选择器使用标识
+            setIsModalVisible: false, // 教师或学生选择器使用标识
+
+            editData: [], // 借用器材的数据源
+
+            dwid: undefined, // 单位id
+            dwmc: '', // 单位名称
+            hdmc: '', // 活动名称
+            fzrid: _this.props.objId, // 负责人id
+            fzrmc: (0, _getLoginUser2.default)().userName, // 负责人名称
+            lxfs: '', // 联系方式
+            yt: '', // 用途
+            kssjstr: undefined, // 场地使用开始时间
+            jssjstr: undefined, // 场地使用结束时间
+            qzsj: undefined // 场地使用开始结束时间
+        };
+        return _this;
+    }
+
+    // 表单初始化数据
+
+
+    // 筛选活动场地借用器材数据源
+
+
+    // 刷新单位信息(没用到)
+
+
+    // 申请单位名称发生改变处理函数
+
+
+    // 场地开放时间--设置不可选中时间
+
+
+    // 打开学生选择器
+
+
+    // 选择老师时
+
+
+    // 根据选中的学生或老师显示其联系方式
+
+
+    // 子组件Editable所回调的函数
+
+
+    (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;
+        }
+    }, {
+        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,
+                { className: "gqtgl-hdsq-form", style: { margin: '20px 0' } },
+                _react2.default.createElement(_index2.default, {
+                    list: dataList,
+                    isEdit: isEdit,
+                    form: form,
+                    column: 2
+                })
+            );
+        }
+    }]);
+    return EditInitForm;
+}(_react2.default.Component);
+
+var EditForm = _form2.default.create()(EditInitForm);
+exports.default = EditForm;