dlt-for-react 1.0.1

package/lib/components/NHDynamicFormShow/customModule/gnyxy/fdyzb/qjsq/EditForm.js

@@ -0,0 +1,596 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _avatar = require("antd/lib/avatar");
+
+var _avatar2 = _interopRequireDefault(_avatar);
+
+var _inputNumber = require("antd/lib/input-number");
+
+var _inputNumber2 = _interopRequireDefault(_inputNumber);
+
+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 _form = require("antd/lib/form");
+
+var _form2 = _interopRequireDefault(_form);
+
+var _datePicker = require("antd/lib/date-picker");
+
+var _datePicker2 = _interopRequireDefault(_datePicker);
+
+var _input = require("antd/lib/input");
+
+var _input2 = _interopRequireDefault(_input);
+
+require("antd/lib/avatar/style");
+
+require("antd/lib/input-number/style");
+
+require("antd/lib/message/style");
+
+require("antd/lib/form/style");
+
+require("antd/lib/date-picker/style");
+
+require("antd/lib/input/style");
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+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 _NHUpload = require("../../../../../NHUpload");
+
+var _NHUpload2 = _interopRequireDefault(_NHUpload);
+
+var _index3 = require("../../../../../NHFormItem/index");
+
+var _index4 = _interopRequireDefault(_index3);
+
+var _getLoginUser = require("../../../../../../utils/getLoginUser");
+
+var _getLoginUser2 = _interopRequireDefault(_getLoginUser);
+
+var _index5 = require("../../../../../../components/NHSelector/index");
+
+var _index6 = _interopRequireDefault(_index5);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var TextArea = _input2.default.TextArea;
+var RangePicker = _datePicker2.default.RangePicker;
+
+var FormItem = _form2.default.Item;
+var InputGroup = _input2.default.Group;
+
+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 pkid = _this.props.pkid;
+
+            if (pkid) {
+                _this.getData(pkid);
+            }
+        };
+
+        _this.getData = function (pkid) {
+            //通过PKID去查询是否有申请数据，有说明是审核
+            var t = new Date().getTime();
+            (0, _NHFetch2.default)("api/zhxg-xgdw/gnyxy/fdyzbMng/zbqjjlMng/" + pkid + "/getZbqjjlInfoById", 'GET', t).then(function (res) {
+                if (res && res.data) {
+                    var qjxx = res.data;
+                    _this.setState({
+                        pkid: qjxx.pkid,
+                        qjkssj: qjxx.qjkssjmc,
+                        qjjssj: qjxx.qjjssjmc,
+                        qjsct: qjxx.qjsct, //请假时长天
+                        qjscxs: qjxx.qjscxs, //请假时长小时
+                        qjyy: qjxx.qjyy, //请假原因
+                        qjfj: qjxx.qjfj, //请假附件
+                        qjzbbpxx: qjxx.qjzbbpxx, // 请假的值班编排
+                        zbbpidList: qjxx.zbbpidList,
+                        startDate: (0, _moment2.default)(qjxx.qjkssjmc).format("YYYY-MM-DD"),
+                        endDate: (0, _moment2.default)(qjxx.qjjssjmc).format("YYYY-MM-DD"),
+                        gh: qjxx.sqrgh,
+                        sqrxm: qjxx.sqrxm,
+                        sqrid: qjxx.sqrid
+                    });
+                }
+            });
+        };
+
+        _this.onOk = function (value) {
+            var qjsct = value[1].diff(value[0], 'days');
+            var qjscxs = value[1].diff(value[0], 'hours') - qjsct * 24;
+            _this.props.form.setFieldsValue({
+                qjsct: qjsct,
+                qjscxs: qjscxs
+
+            });
+        };
+
+        _this.qjzbbpxxClick = function () {
+            var form = _this.props.form;
+
+            var qjkssjfw = form.getFieldValue("qjkssjfw");
+            if (qjkssjfw && qjkssjfw.length > 1) {
+                if (qjkssjfw[0] && qjkssjfw[1]) {
+                    var startDate = qjkssjfw[0].format("YYYY-MM-DD");
+                    var endDate = qjkssjfw[1].format("YYYY-MM-DD");
+                    _this.setState({
+                        startDate: startDate,
+                        endDate: endDate
+                    }, function () {
+                        _this.nhSelector.show();
+                    });
+                } else {
+                    _message3.default.warn("请先选择请假范围！");
+                }
+            } else {
+                _message3.default.warn("请先选择请假范围！");
+            }
+        };
+
+        _this.onChange = function (v, op) {
+            var form = _this.props.form;
+
+            if (v) {
+                form.setFieldsValue({ zbbpidList: [], qjzbbpxx: undefined });
+            }
+        };
+
+        _this.getDataList = function (fieldMap) {
+            var getFieldDecorator = _this.props.form.getFieldDecorator;
+            var _this$state = _this.state,
+                qjkssj = _this$state.qjkssj,
+                qjjssj = _this$state.qjjssj,
+                qjsct = _this$state.qjsct,
+                qjscxs = _this$state.qjscxs,
+                qjzbbpxx = _this$state.qjzbbpxx,
+                qjfj = _this$state.qjfj,
+                qjyy = _this$state.qjyy;
+
+            var dataList = [];
+
+            var formItemLayout = { wrapperCol: { span: 24 } };
+
+            //请假时间范围
+            if (fieldMap.QJKSSJMC && fieldMap.QJKSSJMC.sfxs === '1' && fieldMap.QJJSSJMC && fieldMap.QJJSSJMC.sfxs === '1') {
+
+                var required = fieldMap.QJKSSJMC.sfbt === "1" ? true : false;
+                var editable = fieldMap.QJKSSJMC.sfbj === "1" ? true : false;
+
+                dataList.push({
+                    title: fieldMap.QJKSSJMC.title,
+                    text: (0, _moment2.default)(qjkssj).format("YYYY-MM-DD HH:mm:ss") + "~" + (0, _moment2.default)(qjjssj).format("YYYY-MM-DD HH:mm:ss"),
+                    required: required,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index4.default,
+                            {
+                                id: "qjkssjfw",
+                                label: fieldMap.QJKSSJMC.title,
+                                hideLabel: true,
+                                readOnly: !editable,
+                                required: required,
+                                initialValue: [qjkssj ? (0, _moment2.default)(new Date(qjkssj), 'YYYY-MM-DD HH:mm:ss') : undefined, qjjssj ? (0, _moment2.default)(new Date(qjjssj), 'YYYY-MM-DD HH:mm:ss') : undefined],
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            editable ? _react2.default.createElement(RangePicker, {
+                                style: { width: '100%' },
+                                showTime: { format: 'HH:mm:ss' },
+                                format: "YYYY-MM-DD HH:mm:ss",
+                                placeholder: ["开始时间", "结束时间"],
+                                onChange: _this.onChange,
+                                onOk: _this.onOk
+                            }) : qjkssj
+                        );
+                    },
+                    span: 2
+                });
+            }
+
+            //请假时长
+            if (fieldMap.QJSCT && fieldMap.QJSCT.sfxs === '1') {
+
+                var _required = fieldMap.QJSCT.sfbt === "1";
+                var _editable = fieldMap.QJSCT.sfbj === "1";
+
+                dataList.push({
+                    title: fieldMap.QJSCT.title,
+                    text: qjsct + "天" + qjscxs + "小时",
+                    required: _required,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            FormItem,
+                            {
+                                label: "",
+                                wrapperCol: { span: 24 }
+                            },
+                            _editable ? _react2.default.createElement(
+                                InputGroup,
+                                { compact: true, style: { width: '100%' } },
+                                getFieldDecorator("qjsct", {
+                                    rules: [{ required: _required, message: "\u8BF7\u8F93\u5165" + fieldMap.QJSCT.title + "\uFF01" }],
+                                    initialValue: qjsct === null || qjsct === undefined ? null : qjsct
+                                })(_react2.default.createElement(_inputNumber2.default, { placeholder: '天', style: { width: '20%' }, min: 0, max: 1000, step: 1 })),
+                                "\xA0\xA0\xA0",
+                                _react2.default.createElement(
+                                    "span",
+                                    { style: { marginTop: 5 } },
+                                    "\u5929"
+                                ),
+                                "\xA0\xA0\xA0",
+                                getFieldDecorator("qjscxs", {
+                                    rules: [{ required: _required, message: "\u8BF7\u8F93\u5165" + fieldMap.QJSCT.title }],
+                                    initialValue: qjscxs === null || qjscxs === undefined ? null : qjscxs
+                                })(_react2.default.createElement(_inputNumber2.default, { placeholder: "小时", style: { width: '20%' }, min: 0, max: 23, step: 1 })),
+                                "\xA0\xA0\xA0",
+                                _react2.default.createElement(
+                                    "span",
+                                    { style: { marginTop: 5 } },
+                                    "\u5C0F\u65F6"
+                                )
+                            ) : _react2.default.createElement(
+                                "span",
+                                null,
+                                qjsct,
+                                "\u5929",
+                                qjscxs,
+                                "\u5C0F\u65F6"
+                            )
+                        );
+                    },
+                    span: 1
+                });
+            }
+            //请假对应的编排信息
+            if (fieldMap.QJZBBPXX && fieldMap.QJZBBPXX.sfxs === '1') {
+                var _required2 = fieldMap.QJZBBPXX.sfbt === "1" ? true : false;
+                var _editable2 = fieldMap.QJZBBPXX.sfbj === "1" ? true : false;
+                dataList.push({
+                    title: fieldMap.QJZBBPXX.title,
+                    text: qjzbbpxx,
+                    required: _required2,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index4.default,
+                            {
+                                id: "qjzbbpxx",
+                                label: fieldMap.QJZBBPXX.title,
+                                hideLabel: true,
+                                readOnly: !_editable2,
+                                initialValue: qjzbbpxx,
+                                required: _required2,
+                                pattern: { max: 1000, message: "长度不能超过1000！" },
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            _editable2 ? _react2.default.createElement(TextArea, { placeholder: '请选择需要请假的值班编排信息', readOnly: true, onClick: _this.qjzbbpxxClick }) : qjzbbpxx
+                        );
+                    },
+                    span: 3
+                });
+            }
+
+            //请假理由
+            if (fieldMap.QJYY && fieldMap.QJYY.sfxs === '1') {
+                var _required3 = fieldMap.QJYY.sfbt === "1" ? true : false;
+                var _editable3 = fieldMap.QJYY.sfbj === "1" ? true : false;
+
+                dataList.push({
+                    title: fieldMap.QJYY.title,
+                    text: qjyy,
+                    required: _required3,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index4.default,
+                            {
+                                id: "qjyy",
+                                label: fieldMap.QJYY.title,
+                                hideLabel: true,
+                                readOnly: !_editable3,
+                                initialValue: qjyy,
+                                required: _required3,
+                                pattern: { max: 1000, message: "长度不能超过1000！" },
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            _editable3 ? _react2.default.createElement(TextArea, { placeholder: '请输入请假理由' }) : qjly
+                        );
+                    },
+                    span: 3
+                });
+            }
+
+            //附件
+            if (fieldMap.QJFJ && fieldMap.QJFJ.sfxs === '1') {
+                var _required4 = fieldMap.QJFJ.sfbt === "1" ? true : false;
+                var _editable4 = fieldMap.QJFJ.sfbj === "1" ? true : false;
+
+                dataList.push({
+                    title: fieldMap.QJFJ.title,
+                    text: qjfj,
+                    required: _required4,
+                    isUpload: true,
+                    render: function render() {
+                        return _react2.default.createElement(
+                            _index4.default,
+                            {
+                                id: "qjfj",
+                                label: fieldMap.QJFJ.title,
+                                hideLabel: true,
+                                initialValue: qjfj,
+                                required: _required4,
+                                form: _this.props.form,
+                                formItemLayout: formItemLayout
+                            },
+                            _react2.default.createElement(_NHUpload2.default, {
+                                serviceMark: 'zhxg-xgdw' //服务标志，说明是属于哪个服务
+                                , moduleName: '学工队伍' //模块名称，说明是属于哪个服务的哪个模块\
+                                , isEdit: _editable4 && _this.props.isEdit
+                            })
+                        );
+                    },
+                    span: 3
+                });
+            }
+
+            return _this.calcSapan(dataList);
+        };
+
+        _this.zbbpxxSelectorCallbackListener = function (selectRowKeys, selectRows) {
+            if (selectRows && selectRows.length > 0) {
+                _this.props.form.setFieldsValue({ zbbpidList: selectRowKeys });
+                var zbbpxx = '';
+                selectRows.map(function (item) {
+                    zbbpxx += item.ZBRQMC + item.ZBXQMC + item.ZBLXMC + item.ZBDD + ";";
+                });
+                _this.props.form.setFieldsValue({ qjzbbpxx: zbbpxx });
+            } else {
+                _message3.default.warning("请选择需要进行请假的编排信息！");
+            }
+        };
+
+        _this.singerBottomShowRender = function (record) {
+            var zbrq = record.ZBRQMC || record.zbrqmc,
+                zbxq = record.ZBXQMC || record.zbxqmc || '',
+                zblx = record.ZBLXMC || record.zblxmc || '';
+
+            return _react2.default.createElement(
+                "span",
+                null,
+                _react2.default.createElement(
+                    "font",
+                    null,
+                    zbrq,
+                    "/",
+                    zbxq,
+                    "/",
+                    zblx
+                )
+            );
+        };
+
+        _this.state = {
+            qjkssj: '', //请假开始时间
+            qjjssj: '', //请假结束时间
+            qjsct: '', //请假时长天
+            qjscxs: '', //请假时长小时
+            qjyy: '', //请假原因
+            qjfj: '', //请假附件
+            qjzbbpxx: '', // 请假的值班编排
+            zbbpidList: [],
+            startDate: (0, _moment2.default)(new Date()).format("YYYY-MM-DD"),
+            endDate: (0, _moment2.default)(new Date()).format("YYYY-MM-DD"),
+            gh: '',
+            pkid: '',
+            sqrxm: '',
+            sqrid: ''
+        };
+        return _this;
+    }
+
+    (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 _this2 = this;
+
+            var _props = this.props,
+                form = _props.form,
+                isEdit = _props.isEdit,
+                fieldMap = _props.fieldMap,
+                objId = _props.objId;
+            var _state = this.state,
+                startDate = _state.startDate,
+                endDate = _state.endDate,
+                zbbpidList = _state.zbbpidList,
+                sqrid = _state.sqrid,
+                pkid = _state.pkid;
+
+            var dataList = this.getDataList(fieldMap);
+            var title = '值班编排信息选择器',
+                keyField = 'PKID',
+                titleField = 'ZBRQMC',
+                searchField = 'zbrq,zbrqmc,zbxqmc,zblxmc',
+                searchWidth = '350',
+                placeholder = '值班日期/值班校区/值班类型';
+            var tableSqlParams = { jsid: objId, startDate: startDate, endDate: endDate };
+            var columns = [{
+                key: 'pkid',
+                title: '值班编排信息',
+                minWidth: '200',
+                sorted: true,
+                render: function render(text, record) {
+                    var iconName = '值班编排',
+                        rowId = record.rowId || record.row_id || record.ROW_ID;
+                    var zbrq = record.ZBRQMC || record.zbrqmc,
+                        zbxq = record.ZBXQMC || record.zbxqmc || '',
+                        zblx = record.ZBLXMC || record.zblxmc || '',
+                        zbdd = record.ZBDD || record.zbdd || '',
+                        zbzzmc = record.ZBZZMC || record.zbzzmc || '',
+                        zbzymc = record.ZBZYMC || record.zbzymc || '';
+
+                    return _react2.default.createElement(
+                        "div",
+                        null,
+                        _react2.default.createElement(
+                            _avatar2.default,
+                            { className: 'xgui-selector-stu-avatar-div',
+                                style: { backgroundColor: '#1890FF', verticalAlign: 'middle', float: 'left' }, size: "large" },
+                            iconName
+                        ),
+                        _react2.default.createElement(
+                            "div",
+                            { className: 'xgui-selector-stu-list-div' },
+                            _react2.default.createElement("div", { className: 'xgui-selector-basic-data-div' }),
+                            rowId,
+                            ". ",
+                            zbrq,
+                            "/",
+                            zbxq,
+                            "/",
+                            zblx,
+                            "/",
+                            zbdd,
+                            _react2.default.createElement(
+                                "div",
+                                { className: 'xgui-selector-else-data-div' },
+                                "组长：",
+                                zbzzmc,
+                                _react2.default.createElement("br", null),
+                                "组员：",
+                                zbzymc
+                            )
+                        )
+                    );
+                }
+            }];
+
+            return _react2.default.createElement(
+                _form2.default,
+                { style: { margin: '20px 0' } },
+                _react2.default.createElement(_index2.default, {
+                    list: dataList,
+                    isEdit: isEdit,
+                    form: form
+                }),
+                _react2.default.createElement(
+                    "div",
+                    { style: { display: 'none' } },
+                    _react2.default.createElement(
+                        _index4.default,
+                        { id: "zbbpidList", initialValue: zbbpidList, form: form },
+                        _react2.default.createElement(TextArea, null)
+                    ),
+                    _react2.default.createElement(
+                        _index4.default,
+                        { id: "sqrid", initialValue: sqrid, form: form },
+                        _react2.default.createElement(_input2.default, null)
+                    ),
+                    _react2.default.createElement(
+                        _index4.default,
+                        { id: "pkid", initialValue: pkid, form: form },
+                        _react2.default.createElement(_input2.default, null)
+                    )
+                ),
+                _react2.default.createElement(_index6.default, { ref: function ref(selector) {
+                        return _this2.nhSelector = selector;
+                    },
+                    title: title,
+                    mode: 'table',
+                    isSinger: false,
+                    sign: "gnyxy_fdyzb_zbqj_zbbp_selector",
+                    onSelect: this.zbbpxxSelectorCallbackListener,
+                    tableWidth: 750,
+                    baseUrl: 'api/zhxg-xgdw',
+                    resultWidth: 150,
+                    keyField: keyField,
+                    titleField: titleField,
+                    searchField: searchField,
+                    searchWidth: searchWidth,
+                    placeholder: placeholder
+                    // singerBottomShowFlag={true}
+                    , height: 500,
+                    tableSqlParams: tableSqlParams
+                    // singerBottomShowRender={this.singerBottomShowRender}
+                    , columns: columns })
+            );
+        }
+    }]);
+    return EditInitForm;
+}(_react2.default.Component);
+
+var GnyzyFdyzbQjsqEditForm = _form2.default.create()(EditInitForm);
+exports.default = GnyzyFdyzbQjsqEditForm;