dlt-for-react 1.0.1

package/lib/components/NHDynamicFormShow/index.js

@@ -0,0 +1,1015 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _extends2 = require("babel-runtime/helpers/extends");
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _menu = require("antd/lib/menu");
+
+var _menu2 = _interopRequireDefault(_menu);
+
+var _tooltip = require("antd/lib/tooltip");
+
+var _tooltip2 = _interopRequireDefault(_tooltip);
+
+var _upload = require("antd/lib/upload");
+
+var _upload2 = _interopRequireDefault(_upload);
+
+var _icon = require("antd/lib/icon");
+
+var _icon2 = _interopRequireDefault(_icon);
+
+var _typeof2 = require("babel-runtime/helpers/typeof");
+
+var _typeof3 = _interopRequireDefault(_typeof2);
+
+var _toConsumableArray2 = require("babel-runtime/helpers/toConsumableArray");
+
+var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
+
+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 _message2 = require("antd/lib/message");
+
+var _message3 = _interopRequireDefault(_message2);
+
+var _layout = require("antd/lib/layout");
+
+var _layout2 = _interopRequireDefault(_layout);
+
+require("antd/lib/menu/style");
+
+require("antd/lib/tooltip/style");
+
+require("antd/lib/upload/style");
+
+require("antd/lib/icon/style");
+
+require("antd/lib/message/style");
+
+require("antd/lib/layout/style");
+
+var _classnames = require("classnames");
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _propTypes = require("prop-types");
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _baseInfo = require("./baseInfo");
+
+var _baseInfo2 = _interopRequireDefault(_baseInfo);
+
+var _extendInfo = require("./extendInfo");
+
+var _extendInfo2 = _interopRequireDefault(_extendInfo);
+
+var _NHFetch = require("../../utils/NHFetch");
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+var _NHTopTitle = require("../NHTopTitle");
+
+var _NHTopTitle2 = _interopRequireDefault(_NHTopTitle);
+
+var _createUuid = require("../../utils/createUuid");
+
+var _createUuid2 = _interopRequireDefault(_createUuid);
+
+require("../../../assets/NHDynamicFormShow/index.less");
+
+require("../../../assets/NHDynamicFormShow/oneOnOne/index.less");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import {NHFetch} from "xgui-for-react";
+// import "xgui-for-react/assets/NHDynamicFormShow/index.less";
+var Sider = _layout2.default.Sider;
+
+
+function getBase64(img, callback) {
+    var reader = new FileReader();
+    reader.addEventListener("load", function () {
+        return callback(reader.result);
+    });
+    reader.readAsDataURL(img);
+}
+
+function beforeUpload(file) {
+    var isJPG = false;
+    if (file.type === "image/jpeg") {
+        isJPG = true;
+    } else if (file.type === "image/png") {
+        isJPG = true;
+    } else {
+        isJPG = false;
+    }
+    if (!isJPG) {
+        _message3.default.error("You can only upload JPG、PNG file!");
+    }
+    var isLt2M = file.size / 1024 / 1024 < 2;
+    if (!isLt2M) {
+        _message3.default.error("Image must smaller than 2MB!");
+    }
+    return isJPG && isLt2M;
+}
+
+var getHashParam = function getHashParam(name) {
+    var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)'),
+        queryString = window.location.hash.split('?')[1] || '',
+        result = queryString.match(reg);
+    return result ? decodeURIComponent(result[2]) : null;
+};
+
+var NHDynamicFormShow = function (_React$Component) {
+    (0, _inherits3.default)(NHDynamicFormShow, _React$Component);
+
+    function NHDynamicFormShow(props) {
+        (0, _classCallCheck3.default)(this, NHDynamicFormShow);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (NHDynamicFormShow.__proto__ || (0, _getPrototypeOf2.default)(NHDynamicFormShow)).call(this, props));
+
+        _this.onMenuSelect = function (e) {
+            _this.setState({
+                selectedKeys: e.selectedKeys
+            });
+        };
+
+        _this.handlOneOnDetail = function (detail, cacheList) {
+            if (_this.state.oneONOneDetail.length > 0) {
+                var flid = detail.flid;
+                for (var i = 0; i < _this.state.oneONOneDetail.length; i++) {
+                    if (flid === _this.state.oneONOneDetail[i].flid) {
+                        _this.state.oneONOneDetail.splice(i, 1);
+                        _this.setState({
+                            oneONOneDetail: [].concat((0, _toConsumableArray3.default)(_this.state.oneONOneDetail), [detail])
+                        });
+                    } else {
+                        _this.setState({
+                            oneONOneDetail: [].concat((0, _toConsumableArray3.default)(_this.state.oneONOneDetail), [detail])
+                        });
+                    }
+                }
+            } else {
+                var oneONOneDetail = [].concat((0, _toConsumableArray3.default)(_this.state.oneONOneDetail), [detail]);
+                _this.setState({
+                    oneONOneDetail: oneONOneDetail
+                });
+            }
+            if (_this.props.model === 'editCheck') {
+                _this.cacheEditOneOnOne(detail, cacheList);
+            }
+        };
+
+        _this.cacheEditOneOnOne = function (detail, cacheList) {
+            var _this$state$jczdList = _this.state.jczdList,
+                jczdList = _this$state$jczdList === undefined ? [] : _this$state$jczdList;
+
+            detail && detail.dto.length > 0 && detail.dto.map(function (item) {
+                // 找到当前改变字段的 初始数据
+                var cacheItem = cacheList.find(function (citem) {
+                    return citem.id == item.id;
+                });
+                //若字段改变后的值与初始数据的值不一致 则说明该字段有修改过，把数据放到jczdList中
+                if (item.value !== cacheItem.value) {
+                    var idx = jczdList.findIndex(function (idxitem) {
+                        return idxitem.zdid == item.id;
+                    });
+                    if (idx !== -1) {
+                        jczdList.splice(idx, 1);
+                    }
+                    jczdList.push({
+                        xz: item.value, //新值
+                        xzwb: item.text, //新值 显示值
+                        yz: cacheItem.initValue, //原值
+                        yzwb: cacheItem.initText, //原值 显示值
+                        zdid: item.id, //字段id
+                        sfydd: '0', //是否一对多
+                        jlpkid: '' //一对多记录的pkid
+                    });
+                } else {
+                    // 若字段改变后的值与初始数据的值一致时，判断在jczdList中是否有改字段如果有的话就删除
+                    var _idx = jczdList.findIndex(function (idxitem) {
+                        return idxitem.zdid == item.id;
+                    });
+                    if (_idx !== -1) {
+                        jczdList.splice(_idx, 1);
+                    }
+                }
+            });
+            // console.log('一对一修改的jczdList值为',jczdList);
+            _this.setState({
+                jczdList: jczdList
+            });
+        };
+
+        _this.cacheEditOneOnMany = function (detail, cacheList) {
+            var _this$state = _this.state,
+                _this$state$jczdList2 = _this$state.jczdList,
+                jczdList = _this$state$jczdList2 === undefined ? [] : _this$state$jczdList2,
+                _this$state$zdfls = _this$state.zdfls,
+                zdfls = _this$state$zdfls === undefined ? [] : _this$state$zdfls,
+                categoryList = _this$state.data.categoryList;
+            var dataList = detail.dataList,
+                deletList = detail.deletList,
+                titleList = detail.titleList,
+                flid = detail.flid;
+
+            var flmc = categoryList.filter(function (caItem) {
+                return caItem.flid === flid;
+            })[0].flmc; //分类名称
+            zdfls = zdfls.length > 0 ? zdfls.filter(function (zdItem) {
+                return zdItem.zdflid !== flid;
+            }) : [];
+            // 删除的数据  暂不考虑删除
+
+            //遍历一对多的值，判断值是否改变
+            dataList.length > 0 && dataList.map(function (item) {
+                if (!item.add) {
+                    var _loop = function _loop(i) {
+                        if ((0, _typeof3.default)(item[i]) == 'object') {
+                            var zdid = titleList.filter(function (zdItem) {
+                                return zdItem.fieldName == i;
+                            })[0].id;
+                            var jlpkid = item.id;
+                            var _item$i = item[i],
+                                value = _item$i.value,
+                                text = _item$i.text,
+                                initValue = _item$i.initValue,
+                                inittext = _item$i.inittext;
+                            //若字段改变后的值与初始数据的值不一致时，则说明字段有修改，把数据放到
+
+                            if (value !== initValue) {
+                                var idx = jczdList.findIndex(function (idxitem) {
+                                    return idxitem.zdid == zdid && idxitem.jlpkid == jlpkid;
+                                });
+                                if (idx !== -1) {
+                                    jczdList.splice(idx, 1);
+                                }
+                                jczdList.push({
+                                    xz: value, //新值
+                                    xzwb: text, //新值 显示值
+                                    yz: initValue, //原值
+                                    yzwb: inittext, //原值 显示值
+                                    zdid: zdid, //字段id
+                                    sfydd: '1', //是否一对多
+                                    jlpkid: jlpkid //一对多记录的pkid
+                                });
+                            } else {
+                                // 若字段改变后的值与初始数据的值一致时，判断在jczdList中是否有改字段如果有的话就删除
+                                var _idx2 = jczdList.findIndex(function (idxitem) {
+                                    return idxitem.zdid == zdid && idxitem.jlpkid == jlpkid;
+                                });
+                                if (_idx2 !== -1) {
+                                    jczdList.splice(_idx2, 1);
+                                }
+                            }
+                        }
+                    };
+
+                    // 若item.add非true 则此时为修改
+                    for (var i in item) {
+                        _loop(i);
+                    }
+                } else {
+                    // 若item.add为true 则此时为补录
+                    var zdflsIndex = zdfls.findIndex(function (zdflsItem) {
+                        return zdflsItem.fieldPrefix === item.fieldPrefix;
+                    });
+                    var zds_add = [];
+                    // 遍历该字段分类下的补录字段信息
+
+                    var _loop2 = function _loop2(i) {
+                        if ((0, _typeof3.default)(item[i]) === 'object') {
+                            var zdInfo = titleList.filter(function (zdItem) {
+                                return zdItem.fieldName == i;
+                            })[0];
+                            var _item$i2 = item[i],
+                                value = _item$i2.value,
+                                text = _item$i2.text;
+                            var id = zdInfo.id,
+                                title = zdInfo.title;
+
+                            zds_add.push({
+                                zdid: id,
+                                zdmc: title,
+                                value: value,
+                                text: text
+                            });
+                        }
+                    };
+
+                    for (var i in item) {
+                        _loop2(i);
+                    }
+                    if (zdflsIndex === -1) {
+                        zdfls.push({
+                            zdflid: flid,
+                            zdflmc: flmc,
+                            zds: zds_add,
+                            fieldPrefix: item.fieldPrefix
+                        });
+                    } else {
+                        zdfls[zdflsIndex].zds = zds_add;
+                    }
+                }
+            });
+            _this.setState({
+                jczdList: jczdList,
+                zdfls: zdfls
+            });
+        };
+
+        _this.handlOneOnManyDetail = function (detail, cacheList) {
+            if (_this.state.oneOnManyDetail.length > 0) {
+                var flid = detail.flid;
+                for (var i = 0; i < _this.state.oneOnManyDetail.length; i++) {
+                    if (flid === _this.state.oneOnManyDetail[i].flid) {
+                        _this.state.oneOnManyDetail.splice(i, 1);
+                        _this.setState({
+                            oneOnManyDetail: [].concat((0, _toConsumableArray3.default)(_this.state.oneOnManyDetail), [detail])
+                        });
+                    } else {
+                        _this.setState({
+                            oneOnManyDetail: [].concat((0, _toConsumableArray3.default)(_this.state.oneOnManyDetail), [detail])
+                        });
+                    }
+                }
+            } else {
+                var oneOnManyDetail = [].concat((0, _toConsumableArray3.default)(_this.state.oneOnManyDetail), [detail]);
+                _this.setState({ oneOnManyDetail: oneOnManyDetail });
+            }
+            if (_this.props.model === 'editCheck') {
+                _this.cacheEditOneOnMany(detail, cacheList);
+            }
+        };
+
+        _this.handlOneOnManyDataList = function (dataList) {
+            if (_this.state.oneOnManyDataList.length > 0) {
+                var flid = dataList.flid;
+                var index = _this.state.oneOnManyDataList.findIndex(function (item) {
+                    return item.flid === flid;
+                });
+                // 已经存在，删除添加新的
+                if (index !== -1) {
+                    _this.state.oneOnManyDataList.splice(index, 1);
+                }
+            }
+            _this.setState({ oneOnManyDataList: [].concat((0, _toConsumableArray3.default)(_this.state.oneOnManyDataList), [dataList]) });
+        };
+
+        _this.getStuPhoto = function (type) {
+            var xsid = _this.props.objId;
+            (0, _NHFetch2.default)("api/sm-student/openapi/getStuPhoto", "GET", { xsid: xsid, type: type }).then(function (res) {
+                if (res && res.data > 0) {
+                    _this.setState({
+                        xszpcz: true
+                    });
+                } else {
+                    _this.setState({
+                        xszpcz: false
+                    });
+                }
+            });
+        };
+
+        _this.getTeaQmz = function (flstdm) {
+            var jsid = _this.props.objId;
+            (0, _NHFetch2.default)("api/zhxg-xgdw/openapi/getTeaQmz", "GET", { jsid: jsid }).then(function (res) {
+                if (res && res.data.zplx) {
+                    _this.setState({
+                        zplx: res.data.zplx
+                    }, function () {
+                        if (res.data.zplx == 'DZQMZP' && flstdm == "tea") {
+                            _this.setState({ qmzUrl: "api/zhxg-xgdw/openapi/queryQmzByJsid?jsid=" + _this.props.objId + "&uuid=" + (0, _createUuid2.default)() });
+                        }
+                    });
+                }
+            });
+        };
+
+        _this.validate = function (successCallback) {
+            //如果是查看模式(view)，此时不需要校验操作
+            if (_this.props.model === 'view') {
+                if (successCallback && typeof successCallback === 'function') {
+                    successCallback();
+                }
+                return;
+            }
+            //先对表单信息做校验,校验成功才能执行保存操作
+            _this.nhBaseInfo.validate(function () {
+                if (successCallback && typeof successCallback === 'function') {
+                    successCallback();
+                }
+            });
+        };
+
+        _this.formback = function (successCallback) {
+            _this.nhBaseInfo.formback(function (shrList) {
+                if (successCallback && typeof successCallback === 'function') {
+                    successCallback(shrList);
+                }
+            });
+        };
+
+        _this.saveAllInfo = function (successCallback, failCallback) {
+
+            //如果是查看模式(view)，此时不需要保存操作
+            if (_this.props.model === 'view') {
+                if (successCallback && typeof successCallback === 'function') {
+                    successCallback();
+                }
+                return;
+            }
+            //先对表单信息做校验,校验成功才能执行保存操作
+            _this.nhBaseInfo.validate(function () {
+                var onedetail = _this.state.oneONOneDetail;
+                var manydetail = _this.state.oneOnManyDetail;
+                var oneOnManyDataList = _this.state.oneOnManyDataList;
+                //校验图片是否提交
+                if (_this.state.data.isBxImg === '1') {
+                    //如果上传照片是必选
+                    if (!_this.state.xszpcz && (!_this.state.uuid || _this.state.uuid == '' || typeof _this.state.uuid == "undefined")) {
+                        _message3.default.info("照片不能为空！");
+                        if (failCallback && typeof failCallback === 'function') {
+                            failCallback();
+                        }
+                        return;
+                    }
+                }
+                // 校验一对多的条数限制
+                var data = _this.state.data;
+
+                var _loop3 = function _loop3(i) {
+                    var dataItem = data.categoryList.find(function (item) {
+                        return item.flid === oneOnManyDataList[i].flid;
+                    });
+                    if (dataItem !== undefined && oneOnManyDataList[i].dataList.length < dataItem.tsxzzxz) {
+                        _message3.default.error(dataItem.flmc + "\u81F3\u5C11\u9700\u8981" + dataItem.tsxzzxz + "\u6761");
+                        if (failCallback && typeof failCallback === 'function') {
+                            failCallback();
+                        }
+                        return {
+                            v: void 0
+                        };
+                    }
+                };
+
+                for (var i = 0; i < oneOnManyDataList.length; i++) {
+                    var _ret3 = _loop3(i);
+
+                    if ((typeof _ret3 === "undefined" ? "undefined" : (0, _typeof3.default)(_ret3)) === "object") return _ret3.v;
+                }
+                // var editData = [];//数据结果
+                // if (onedetail.length > 0) {
+                //     editData = [onedetail[0].baseUrl]
+                // } else if (onedetail.length === 0 && manydetail.length > 0) {
+                //     editData = [manydetail[0].baseUrl]
+                // }
+
+                // for (var i = 0; i < onedetail.length; i++) {
+                //     var repeats = false;//设置重复参数
+                //     for (var j = 0; j < editData.length; j++) {
+                //         if (onedetail[i].baseUrl === editData[j]) {
+                //             repeats = true;//若重复设置为true
+                //             break;
+                //         }
+                //     }
+                //     //去重push数组
+                //     if (!repeats) {
+                //         editData.push(onedetail[i].baseUrl);
+                //     }
+                // }
+
+                // for (var a = 0; a < manydetail.length; a++) {
+                //     var repeatb = false;
+                //     for (var b = 0; b < editData.length; b++) {
+                //         if (manydetail[a].baseUrl === editData[b]) {
+                //             repeatb = true;
+                //             break;
+                //         }
+                //     }
+                //     if (!repeatb) {
+                //         editData.push(manydetail[a].baseUrl);
+                //     }
+                // }
+                //对一对一的字段进行重组
+                // let backDetail = [];
+                // for (var e = 0; e < editData.length; e++) {
+                //     var value = editData[e];
+                //     var newOnede = [];
+                //     var newmany = [];
+                //     for (var r = 0; r < onedetail.length; r++) {
+                //         if (value === onedetail[r].baseUrl) {
+                //             newOnede.push(onedetail[r]);
+                //         }
+                //     }
+                //     for (var t = 0; t < manydetail.length; t++) {
+                //         if (value === manydetail[t].baseUrl) {
+                //             newmany.push(manydetail[t]);
+                //         }
+                //     }
+                //     let map = {
+                //         baseUrl: value,
+                //         oneDetails: newOnede,
+                //         manyDetail: newmany
+                //     }
+                //     backDetail.push(map);
+                // }
+                onedetail.sort(function (a, b) {
+                    return a.pxh - b.pxh;
+                });
+                // backDetail.push({
+                //     oneDetails:onedetail,
+                //     manyDetail:manydetail
+                // })
+                //先保存自定义模块的信息
+                _this.nhBaseInfo.saveCustomInfo(function () {
+                    //循环进行保存操作
+                    // this.saveAllInfoList(backDetail, 0, successCallback,failCallback);
+                    _this.saveAll({
+                        onedto: onedetail,
+                        manydto: manydetail,
+                        rwid: _this.props.rwid,
+                        userId: _this.props.objId
+                    }, successCallback, failCallback);
+                }, failCallback);
+                if (_this.state.data.isShowImg === '1' && _this.state.data.isEditImg === '1') {
+                    if (_this.state.data.flstdm == "stu") {
+                        (0, _NHFetch2.default)("api/sm-student/openapi/saveStudentPhoto?xsid=" + _this.props.objId + "&photoUUID=" + _this.state.uuid + "&type=" + _this.state.data.zplx, "POST").then(function (res) {
+                            if (res && res.code === 200) {}
+                            _this.getStuPhoto(_this.state.data.zplx);
+                        });
+                    } else if (_this.state.data.flstdm == "tea") {
+                        (0, _NHFetch2.default)("api/zhxg-xgdw/openapi/uploadSingleTeacherPhoto?photoUUID=" + _this.state.uuid + "&jsid=" + _this.props.objId, "POST").then(function (res) {
+                            if (res && res.code === 200) {}
+                        });
+                    }
+                }
+            }, failCallback);
+        };
+
+        _this.saveAll = function (params, successCallback, failCallback) {
+            (0, _NHFetch2.default)("api/sm-dynamic-form/openapi/dynamic/save/all", "POST", params).then(function (res) {
+                if (res) {
+                    if (res && res.code === 200) {
+                        if (successCallback && typeof successCallback === 'function') {
+                            successCallback();
+                        }
+                    } else {
+                        _message3.default.error("保存表单数据失败,请联系管理员！");
+                        if (failCallback && typeof failCallback === 'function') {
+                            failCallback();
+                        }
+                    }
+                } else {
+                    if (failCallback && typeof failCallback === 'function') {
+                        failCallback();
+                    }
+                }
+            }).catch(function () {
+                if (failCallback && typeof failCallback === 'function') {
+                    failCallback();
+                }
+            });
+        };
+
+        _this.saveAllInfoList = function (backDetail, index, successCallback, failCallback) {
+            if (backDetail.length === index) {
+                if (successCallback && typeof successCallback === 'function') {
+                    successCallback();
+                }
+                return;
+            }
+
+            var url = backDetail[index].baseUrl;
+            var params = {
+                onedto: backDetail[index].oneDetails,
+                manydto: backDetail[index].manyDetail
+            };
+            var key = _this.state.key;
+
+            (0, _NHFetch2.default)(url + "/proData/saveAllDynameInfo", "POST", { onedto: params.onedto, manydto: params.manydto, key: key }).then(function (res) {
+                if (res) {
+                    if (res && res.code === 200) {
+                        _this.saveAllInfoList(backDetail, index + 1, successCallback, failCallback);
+                    } else {
+                        _message3.default.error("保存表单数据失败,请联系管理员！");
+                        if (failCallback && typeof failCallback === 'function') {
+                            failCallback();
+                        }
+                    }
+                } else {
+                    if (failCallback && typeof failCallback === 'function') {
+                        failCallback();
+                    }
+                }
+            }).catch(function () {
+                if (failCallback && typeof failCallback === 'function') {
+                    failCallback();
+                }
+            });
+        };
+
+        _this.InitialZdflInfo = function () {
+            var params = {
+                id: _this.props.objId,
+                bdid: _this.props.formId,
+                isExistMuitLayout: _this.state.isExistMuitLayout
+            };
+            params.t = new Date().getTime();
+            (0, _NHFetch2.default)("api/sm-dynamic-form/dynamicShow/queryZdflInfo", "GET", params).then(function (res) {
+                if (res) {
+                    _this.setState({
+                        data: res.data
+                    });
+                    if (res.data.flstdm == "stu") {
+                        _this.setState({ imageUrl: "api/sm-student/openapi/getStudentPhoto?xsid=" + _this.props.objId + "&uuid=" + (0, _createUuid2.default)() + "&type=" + res.data.zplx });
+                        _this.getStuPhoto(res.data.zplx);
+                    } else if (res.data.flstdm == "tea") {
+                        _this.setState({ imageUrl: "api/zhxg-xgdw/openapi/queryImgByJsid?jsid=" + _this.props.objId + "&uuid=" + (0, _createUuid2.default)() });
+                        if (res.data.schoolCode === '14476') {
+                            _this.getTeaQmz(res.data.flstdm); //获取教师签名照，只针对少数项目地（如：江西水利）
+                        }
+                    }
+                }
+            });
+        };
+
+        _this.handleChange = function (info) {
+            if (info.file.status === "uploading") {
+                _this.setState({ loading: true });
+                return;
+            }
+            if (info.file.status === "done" && info.file.response.data) {
+                _message3.default.success(info.file.name + " \u4E0A\u4F20\u6210\u529F");
+                getBase64(info.file.originFileObj, function (imageUrl) {
+                    return _this.setState({
+                        imageUrl: imageUrl,
+                        loading: false,
+                        img: false
+                    });
+                });
+                _this.setState({ uuid: info.file.response.data }, function () {
+                    var serviceEntrance = _this.props.serviceEntrance;
+
+                    if (serviceEntrance && serviceEntrance === '1' && _this.state.data.flstdm === "tea") {
+                        (0, _NHFetch2.default)("api/zhxg-xgdw/openapi/uploadSingleTeacherPhoto?photoUUID=" + info.file.response.data + "&jsid=" + _this.props.objId, "POST").then(function (res) {
+                            if (res && res.code === 200) {}
+                        });
+                    }
+                });
+            } else if (info.file.status === 'error' || info.file.status === 'done' && !info.file.response.data) {
+                _message3.default.error(info.file.name + " \u4E0A\u4F20\u5931\u8D25");
+            }
+        };
+
+        _this.handleUpload = function (info) {
+            if (info.file.status === "uploading") {
+                _this.setState({ qmzloading: true });
+                return;
+            }
+            if (info.file.status === "done" && info.file.response.data) {
+                _message3.default.success(info.file.name + " \u4E0A\u4F20\u6210\u529F");
+                getBase64(info.file.originFileObj, function (qmzUrl) {
+                    return _this.setState({
+                        qmzUrl: qmzUrl,
+                        qmzloading: false,
+                        img: false
+                    });
+                });
+                _this.setState({ qmzUuid: info.file.response.data });
+                if (_this.state.zplx === 'DZQMZP' && _this.state.data.flstdm == "tea") {
+                    (0, _NHFetch2.default)("api/zhxg-xgdw/openapi/uploadSingleTeacherQmz?photoUUID=" + info.file.response.data + "&jsid=" + _this.props.objId, "POST").then(function (res) {
+                        if (res && res.code === 200) {}
+                    });
+                }
+            } else if (info.file.status === 'error' || info.file.status === 'done' && !info.file.response.data) {
+                _message3.default.error(info.file.name + " \u4E0A\u4F20\u5931\u8D25");
+            }
+        };
+
+        _this.state = {
+            selectedKeys: props.menuList !== undefined && props.menuList.length > 0 ? [props.menuList[0].key] : ['base'], // 菜单选中key
+            // data: {//根据表单ID查询出来的数据
+            //   isShowImg: '1',//是否显示照片，只有是学生或者教师的时候才能显示照片
+            //    objInfo: {//显示图片的时候用户需要显示的信息
+            //      xm: '百里屠苏',
+            //      xmb: '1',
+            //      sszz: '信本1101班'//所属组织，如果是学生就是班级，是教师就是部门
+            //    },
+            //    isEditImg:'1',//图片是否可以编辑
+            //    flstdm: 'stu',//分类实体代码
+            //    categoryList: [//分类信息
+            //      { flid: '1', flmc: '个人基本信息', fllxdm: '1', ssfl: 'base',baseUrl:'api/pub-stuinfo' },
+            //      { flid: '2', flmc: '学籍信息', fllxdm: '1', ssfl: 'base',baseUrl:'api/pub-stuinfo' },
+            //      { flid: '3', flmc: '入学信息', fllxdm: '1', ssfl: 'base',baseUrl:'api/pub-stuinfo' },
+            //      { flid: '4', flmc: '联系信息', fllxdm: '1', ssfl: 'base',baseUrl:'api/pub-stuinfo' },
+            //      { flid: '5', flmc: '家庭成员', fllxdm: '2', ssfl: 'base',baseUrl:'api/pub-stuinfo',isEdit:'0' },
+            //      { flid: '6', flmc: '教育经历', fllxdm: '2', ssfl: 'extend',baseUrl:'api/pub-stuinfo',isEdit:'1' },
+            //      { flid: '7', flmc: '培训经历', fllxdm: '2', ssfl: 'extend',baseUrl:'api/pub-stuinfo',isEdit:'1' },
+            //      { flid: '8', flmc: '学生干部任职', fllxdm: '2', ssfl: 'extend',baseUrl:'api/pub-stuinfo',isEdit:'1' },
+            //      { flid: '9', flmc: '校外奖励', fllxdm: '2', ssfl: 'extend',baseUrl:'api/pub-stuinfo',isEdit:'1' },
+            //      { flid: '10', flmc: '扩展信息', fllxdm: '1', ssfl: 'extend',baseUrl:'api/pub-stuinfo' },
+            //    ]
+            // }
+            data: {
+                categoryList: [],
+                objInfo: {}
+
+            },
+            imageUrl: '',
+            uuid: '', //存到redis后返回的uuid
+            img: false,
+            oneONOneDetail: [], //一开始就是编辑模式下一对一字段的保存集合
+            oneOnManyDetail: [], //一开始就是编辑模式下一对多字段的保存集合
+            oneOnManyDataList: [], //一开始就是编辑模式下一对多字段的集合
+            isExistMuitLayout: props.menuList !== undefined && props.menuList.length > 0 ? "1" : "0", //是否存在多级布局,1:存在，0：不存在
+            key: '', //自定义参数
+            xszpcz: true, //学生照片存在
+            qmzUrl: '',
+            qmzUuid: '',
+            zplx: '',
+
+            jczdList: [], //纠错list
+            zdfls: [] //纠错补录list（一对多）
+            // jczdList: [
+            //     {
+            //         xz: 'string',   //新值
+            //         xzwb:'string',  //新值 显示值
+            //         yz: 'string',    //原值
+            //         yzwb: 'string', //原值 显示值
+            //         zdid: 'string',   //字段id
+            //         sfydd: '0/1',  //是否一对多,0为一对一，1为一对多
+            //         jlpkid: 'string'  //一对多记录的pkid
+            //     }
+            // ]
+        };
+        return _this;
+    }
+
+    // 菜单选中
+
+
+    (0, _createClass3.default)(NHDynamicFormShow, [{
+        key: "UNSAFE_componentWillMount",
+        value: function UNSAFE_componentWillMount() {
+            //根据标签分类显示，此时只能使用editSave模式
+            if (this.props.menuList !== undefined && this.props.menuList.length > 0 && this.props.model !== 'editSave') {
+                _message3.default.error("根据标签分类显示，此时只能使用editSave模式");
+            } else {
+                this.InitialZdflInfo();
+            }
+            var key = getHashParam("key");
+            if (typeof key !== "undefined" && key !== null && key !== "") {
+                this.setState({ key: key });
+            }
+        }
+
+        //缓存一对一纠错列表
+
+
+        //缓存一对多纠错列表
+
+        // 保存一对多的真实集合
+
+
+        //教师签名照字段是否存在
+
+
+        /**
+         * 校验表单是否全部填写完成
+         */
+
+
+        //调用子组件回调函数
+
+        // 保存所有，不再进行循环回调
+
+    }, {
+        key: "render",
+        value: function render() {
+            var _this2 = this;
+
+            var _props = this.props,
+                className = _props.className,
+                height = _props.height,
+                border = _props.border,
+                menuList = _props.menuList;
+            var _state = this.state,
+                selectedKeys = _state.selectedKeys,
+                data = _state.data,
+                isExistMuitLayout = _state.isExistMuitLayout,
+                imageUrl = _state.imageUrl,
+                qmzUrl = _state.qmzUrl,
+                zplx = _state.zplx;
+
+            var uploadButton = _react2.default.createElement(
+                "div",
+                null,
+                _react2.default.createElement(_icon2.default, { type: this.state.loading ? 'loading' : 'plus' }),
+                _react2.default.createElement(
+                    "div",
+                    null,
+                    "Upload"
+                )
+            );
+            var uploadQmzButton = _react2.default.createElement(
+                "div",
+                null,
+                _react2.default.createElement(_icon2.default, { type: this.state.qmzloading ? 'loading' : 'plus' }),
+                _react2.default.createElement(
+                    "div",
+                    null,
+                    "Upload"
+                )
+            );
+            return _react2.default.createElement(
+                "div",
+                { className: (0, _classnames2.default)("xgui-dynamicFormShow", className), style: { border: border === true ? '1px solid #f0f3f5' : '0px solid #f0f3f5' } },
+                _react2.default.createElement(
+                    _layout2.default,
+                    { style: { height: height ? height : 'auto', width: "100%" } },
+                    data && (data.isShowImg === '1' || isExistMuitLayout === '1') ? _react2.default.createElement(
+                        Sider,
+                        { theme: "light", className: "dynamicFormShow-sider" },
+                        data.isShowImg === '1' && zplx !== 'DZQMZP' ? _react2.default.createElement(
+                            "div",
+                            { className: "dynamicFormShow-head-info" },
+                            data.isEditImg === '1' && this.props.model !== 'view' && this.props.model !== 'editCheck' ? _react2.default.createElement(
+                                "div",
+                                { className: "head-card" },
+                                _react2.default.createElement(
+                                    _tooltip2.default,
+                                    { placement: "topLeft", title: "\u53EF\u7F16\u8F91", arrowPointAtCenter: true },
+                                    _react2.default.createElement(
+                                        "div",
+                                        null,
+                                        _react2.default.createElement(
+                                            _upload2.default,
+                                            {
+                                                name: "photo",
+                                                listType: "picture-card",
+                                                action: "api/sm-student/openapi/cacheStudentPhoto",
+                                                accept: 'image/*',
+                                                showUploadList: false,
+                                                beforeUpload: beforeUpload,
+                                                onChange: this.handleChange
+                                            },
+                                            imageUrl ? _react2.default.createElement("img", { alt: "example", style: { width: '100%' }, src: imageUrl }) : uploadButton
+                                        )
+                                    )
+                                )
+                            ) : _react2.default.createElement(
+                                "div",
+                                { className: "head-card" },
+                                _react2.default.createElement("img", { alt: "example", style: { width: '100%' }, src: imageUrl })
+                            )
+                        ) : _react2.default.createElement(
+                            _tooltip2.default,
+                            { placement: "topLeft", title: "\u7535\u5B50\u7B7E\u540D", arrowPointAtCenter: true },
+                            _react2.default.createElement(
+                                "div",
+                                { className: "dynamicFormShow-head-info" },
+                                _react2.default.createElement(
+                                    "div",
+                                    { className: "head-card" },
+                                    _react2.default.createElement(
+                                        _upload2.default,
+                                        {
+                                            name: "photo",
+                                            listType: "picture-card",
+                                            action: "api/sm-student/openapi/cacheStudentPhoto",
+                                            accept: 'image/*',
+                                            showUploadList: false,
+                                            beforeUpload: beforeUpload,
+                                            onChange: this.handleUpload
+                                        },
+                                        qmzUrl ? _react2.default.createElement("img", { alt: "example", style: { width: '104px', height: '52px' }, src: qmzUrl }) : uploadQmzButton
+                                    )
+                                )
+                            )
+                        ),
+                        isExistMuitLayout === '1' ? _react2.default.createElement(
+                            _menu2.default,
+                            { mode: "inline", selectedKeys: selectedKeys, onSelect: this.onMenuSelect },
+                            menuList.map(function (item) {
+                                return _react2.default.createElement(
+                                    _menu2.default.Item,
+                                    { key: item.key },
+                                    item.name
+                                );
+                            })
+                        ) : null
+                    ) : null,
+                    _react2.default.createElement(
+                        _layout2.default,
+                        { className: "dynamicFormShow-content" },
+                        isExistMuitLayout !== '1' ? _react2.default.createElement(_baseInfo2.default, (0, _extends3.default)({ ref: function ref(ele) {
+                                return _this2.nhBaseInfo = ele;
+                            }, height: height, flstdm: data.flstdm }, this.props, { handlOneOnManyDataList: this.handlOneOnManyDataList, handlOneOnDetail: this.handlOneOnDetail, handlOneOnManyDetail: this.handlOneOnManyDetail, categoryList: data.categoryList, isExistMuitLayout: isExistMuitLayout })) : _react2.default.createElement(
+                            "div",
+                            null,
+                            selectedKeys.indexOf("base") >= 0 && _react2.default.createElement(_baseInfo2.default, (0, _extends3.default)({ height: height, flstdm: data.flstdm }, this.props, { handlOneOnManyDataList: this.handlOneOnManyDataList, handlOneOnDetail: this.handlOneOnDetail, handlOneOnManyDetail: this.handlOneOnManyDetail, categoryList: data.categoryList, isExistMuitLayout: isExistMuitLayout })),
+                            selectedKeys.indexOf("extend") >= 0 && _react2.default.createElement(_extendInfo2.default, (0, _extends3.default)({ flstdm: data.flstdm }, this.props, { handlOneOnManyDataList: this.handlOneOnManyDataList, handlOneOnDetail: this.handlOneOnDetail, handlOneOnManyDetail: this.handlOneOnManyDetail, categoryList: data.categoryList }))
+                        ),
+                        this.props.cusModule && this.props.cusModule.map(function (item) {
+                            return _react2.default.createElement(
+                                "div",
+                                { style: { padding: '20px' } },
+                                _react2.default.createElement(_NHTopTitle2.default, {
+                                    title: item.title,
+                                    isExtra: item.isExtra }),
+                                item.render
+                            );
+                        })
+                    )
+                )
+            );
+        }
+    }]);
+    return NHDynamicFormShow;
+}(_react2.default.Component);
+
+//默认属性值
+
+
+NHDynamicFormShow.defaultProps = {
+    formId: undefined, //动态表单ID，此值可以唯一表示一个动态表单
+    height: undefined, //表单控件高度
+    isShowNav: false, //是否显示导航,需要显示右边的导航，必须设置高度
+    border: true, //是否显示外边框
+    className: undefined, //自定义样式
+    model: 'edit', //模式:
+    //view:查看模式
+    //edit:编辑模式(进入后直接把所有可以编辑的字段变成可编辑额状态)
+    //editSave:编辑保存模式(进入后看到的是查看的页面，必须点击了编辑按钮才进入编辑模式，编辑完成后直接点击保存按钮进行保存操作)
+    //editSave模式不能使用自定义的模块
+    //editCheck纠错编辑模式（进入后查看到的可编辑模式，且仅为设置了开放纠错模式的字段才显示编辑模式，不显示标题右侧的编辑保存按钮，有修改过的值及信息保存到jczdList中）
+    processId: undefined, //流程ID
+    processApplyId: undefined, //流程申请主键ID
+    objId: undefined, //对象ID
+    pkid: undefined, //业务表主键ID
+    showHeader: true, //是否隐藏标题头部，不过当editSave模式时，不能设置为true
+    menuList: undefined, //[{ key: "base", name: "基本信息"},{ key: "extend", name: "扩展信息" }],如果使用了改分类，则model只能选择editSave模式
+    params: undefined, //参数集合，主要通过该参数集合给自定义面板传参
+    editCheckList: undefined, //纠错编辑的数据
+    oneOnManyProps: {
+        listType: '', //设置展示形式 table/card，默认为5个字段内显示table，超出5个字段显示card
+        pageSize: 0 //设置分页，只有listType为table时起作用;空值或者0为不分页
+    }, // 一对多表单设置
+    serviceEntrance: undefined // 入口判断：1、普通入口  2、流程入口 
+
+
+    //属性检查
+};NHDynamicFormShow.propTypes = {
+    formId: _propTypes2.default.string.isRequired,
+    model: _propTypes2.default.string.isRequired,
+    height: _propTypes2.default.string,
+    isShowNav: _propTypes2.default.bool,
+    border: _propTypes2.default.bool,
+    className: _propTypes2.default.string,
+    objId: _propTypes2.default.string.isRequired,
+    pkid: _propTypes2.default.string,
+    processId: _propTypes2.default.string,
+    processApplyId: _propTypes2.default.string,
+    menuList: _propTypes2.default.array,
+    showHeader: _propTypes2.default.bool,
+    cusModule: _propTypes2.default.array,
+    editCheckList: _propTypes2.default.array,
+    oneOnManyProps: _propTypes2.default.shape({
+        listType: _propTypes2.default.string,
+        pageSize: _propTypes2.default.number
+    }),
+    serviceEntrance: _propTypes2.default.string
+};
+
+exports.default = NHDynamicFormShow;