dlt-for-react 1.0.1

package/lib/components/NHDynamicFormShow/oneOnMany/index.js

@@ -0,0 +1,581 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _skeleton = require("antd/lib/skeleton");
+
+var _skeleton2 = _interopRequireDefault(_skeleton);
+
+var _message2 = require("antd/lib/message");
+
+var _message3 = _interopRequireDefault(_message2);
+
+var _keys = require("babel-runtime/core-js/object/keys");
+
+var _keys2 = _interopRequireDefault(_keys);
+
+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 _typeof2 = require("babel-runtime/helpers/typeof");
+
+var _typeof3 = _interopRequireDefault(_typeof2);
+
+require("antd/lib/skeleton/style");
+
+require("antd/lib/message/style");
+
+var _propTypes = require("prop-types");
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _NHTopTitle = require("../../NHTopTitle");
+
+var _NHTopTitle2 = _interopRequireDefault(_NHTopTitle);
+
+var _NHFetch = require("../../../utils/NHFetch");
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+require("../../../../assets/NHDynamicFormShow/oneOnMany/index.less");
+
+var _infoItemCard = require("./sub/infoItemCard");
+
+var _infoItemCard2 = _interopRequireDefault(_infoItemCard);
+
+var _infoItemTable = require("./sub/infoItemTable");
+
+var _infoItemTable2 = _interopRequireDefault(_infoItemTable);
+
+var _createUuid = require("../../../utils/createUuid");
+
+var _createUuid2 = _interopRequireDefault(_createUuid);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import {NHTopTitle,NHFetch} from "xgui-for-react";
+var deepCopy = function deepCopy(obj) {
+  if ((typeof obj === "undefined" ? "undefined" : (0, _typeof3.default)(obj)) !== "object") {
+    return obj;
+  }
+
+  if (isArrayFn(obj)) {
+    var newobj = [];
+    for (var i = 0; i < obj.length; i++) {
+      newobj.push(deepCopy(obj[i]));
+    }
+    return newobj;
+  } else {
+    var _newobj = {};
+    for (var attr in obj) {
+      _newobj[attr] = deepCopy(obj[attr]);
+    }
+    return _newobj;
+  }
+};
+// import "xgui-for-react/assets/NHDynamicFormShow/oneOnMany/index.less";
+
+
+var isArrayFn = function isArrayFn(value) {
+  if (typeof value === "function") {
+    return Array.isArray(value);
+  } else {
+    return Object.prototype.toString.call(value) === "[object Array]";
+  }
+};
+
+var InfoItem = function (_React$Component) {
+  (0, _inherits3.default)(InfoItem, _React$Component);
+
+  function InfoItem(props) {
+    (0, _classCallCheck3.default)(this, InfoItem);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (InfoItem.__proto__ || (0, _getPrototypeOf2.default)(InfoItem)).call(this, props));
+
+    _this.InitialOneOnOneInfo = function () {
+      var params = {
+        id: _this.props.objId,
+        bdid: _this.props.formId,
+        type: _this.props.model === "view" ? "1" : "2",
+        zdflid: _this.props.flid,
+        businessId: _this.props.pkid
+      };
+      if (_this.props.processId !== undefined) {
+        params.lcId = _this.props.processId;
+      }
+      if (_this.props.processApplyId !== undefined) {
+        params.lcsqid = _this.props.processApplyId; // 流程申请id
+      }
+      if (_this.props.rwid) {
+        params.rwid = _this.props.rwid; // 任务id
+      }
+      params.t = new Date().getTime();
+      (0, _NHFetch2.default)("api/sm-dynamic-form/dynamicShow/queryBdzdInfoOneMany", "GET", params).then(function (res) {
+        if (res) {
+          var OneOnMany = {};
+          OneOnMany = res.data;
+          //把通过接口方式获取值的功能实现
+          var titlist = [];
+          titlist = OneOnMany.titleList;
+          var dalist = [];
+          dalist = OneOnMany.dataList;
+          // 如果没有可以编辑的字段，则不显示新增按钮
+          var index = titlist.findIndex(function (item) {
+            return item.sfbj === '1';
+          });
+          var isEdit = false;
+          if (index > -1) {
+            isEdit = true;
+          }
+
+          // 判断字段是否存在必填项
+          var btIndex = titlist.findIndex(function (item) {
+            return item.sfbt === '1';
+          });
+          // 纠错编辑模式不需要 加载空数据
+          // 若是编辑状态 且存在必填的字段 且最小条数限制大于0 且初始数据为空 时,datalist增加n（最小条数）条空的数据，方便用户操作
+          if (isEdit && _this.state.isEdit && btIndex > -1 && _this.props.data.tsxzzxz > 0 && dalist.length === 0 && _this.props.model !== 'editCheck') {
+            for (var i = 0; i < _this.props.data.tsxzzxz; i++) {
+              dalist.push({
+                seq: dalist.length + 1,
+                id: (0, _createUuid2.default)(),
+                add: true,
+                fieldPrefix: (0, _createUuid2.default)()
+              });
+            }
+          }
+
+          _this.props.handlOneOnManyDataList({ flid: _this.props.flid, dataList: dalist });
+
+          //用来设置 显示的纠错及补录的数据  --for 华农信息纠错
+          // -This is SAO operation for EditCheck- There is NOWAY TO
+          if (_this.props.editCheckList) {
+            var _this$props$editCheck = _this.props.editCheckList,
+                _this$props$editCheck2 = _this$props$editCheck.editCheck_UpdateList,
+                editCheck_UpdateList = _this$props$editCheck2 === undefined ? [] : _this$props$editCheck2,
+                editCheck_InsertList = _this$props$editCheck.editCheck_InsertList;
+            // 若editCheck_UpdateList纠错编辑数据不为空，查看该分类id是否存在纠错字段
+
+            if (editCheck_UpdateList.length > 0) {
+              var idxEditArry = editCheck_UpdateList.filter(function (idxEdit) {
+                return idxEdit.flid == _this.props.flid;
+              });
+              //该分类存在纠错数据
+              if (idxEditArry.length > 0) {
+                _this.setState({
+                  ifjcShow: true,
+                  jcList: idxEditArry[0].list
+                });
+                //将纠错信息放在dalist数据中，用于table的render
+                dalist && dalist.length > 0 && dalist.map(function (ditem) {
+                  idxEditArry[0].list && idxEditArry[0].list.length > 0 && idxEditArry[0].list.map(function (arrItem) {
+                    //找到当前行的id
+                    if (ditem.id == arrItem.jlpkid) {
+                      var records = arrItem.records;
+                      //将原值 新值 插入到字段的data中
+                      (0, _keys2.default)(ditem).map(function (dkeysItem) {
+                        if ((0, _typeof3.default)(ditem[dkeysItem]) !== 'object') {
+                          return;
+                        }
+                        // 找到zdmc
+                        var zdmc = titlist.filter(function (it) {
+                          return it.stlm === dkeysItem;
+                        })[0].title;
+                        var recordFilters = records.filter(function (ii) {
+                          return ii.zdmc === zdmc;
+                        });
+                        if (recordFilters.length > 0) {
+                          ditem[dkeysItem].jfJcShow = true; //是否显示纠错信息
+                          ditem[dkeysItem].xz = recordFilters[0].xz; //新值
+                          ditem[dkeysItem].yz = recordFilters[0].yz; //原值
+                        }
+                      });
+                    }
+                  });
+                });
+              }
+            }
+            if (editCheck_InsertList.length > 0) {
+              // 若editCheck_InsertList纠错补录数据不为空，查看该分类id是否存在补录数据
+              var idxInsertArry = editCheck_InsertList.filter(function (idxInsert) {
+                return idxInsert.zdflid === _this.props.flid;
+              });
+              // 若存在补录数据
+              if (idxInsertArry.length > 0) {
+                _this.setState({
+                  ifjcShow: true,
+                  blList: idxInsertArry
+                });
+                idxInsertArry.map(function (eItem) {
+                  var fIndex = dalist.findIndex(function (fItem) {
+                    return fItem.id === eItem.pkid;
+                  });
+                  // 若本条补录的数据通过审核 则将该条数据设置为补录的
+                  if (fIndex !== -1) {
+                    dalist[fIndex].isBl = true; //本行数据是否为补录的
+                  } else {
+                    // 若本条补录的数据未通过审核 则将该条数据插入到dalist中
+                    var objInsert = {};
+                    objInsert.seq = dalist.length + 1; //序号
+                    objInsert.isBl = true; //本行数据是否为补录的
+                    titlist.length > 0 && titlist.map(function (tItem) {
+                      if (tItem.sfxs !== '1') {
+                        return;
+                      }
+                      // 将补录的数据拼接成{字段名：{值}} 插入  WOFULE  用于后面数据展示render
+                      var _zdIndex = -1;
+                      if (eItem.zds && eItem.zds.length > 0) {
+                        _zdIndex = eItem.zds.findIndex(function (z) {
+                          return z.zdid === tItem.id;
+                        });
+                      }
+                      objInsert[tItem.stlm] = _zdIndex === -1 ? { text: '' } : { inittext: eItem.zds[_zdIndex].text, text: eItem.zds[_zdIndex].text, value: eItem.zds[_zdIndex].value, initValue: eItem.zds[_zdIndex].value };
+                    });
+                    dalist.push(objInsert);
+                  }
+                });
+              }
+            }
+          }
+
+          _this.setState({
+            bm: OneOnMany.titleList[0].bm,
+            zsbm: OneOnMany.titleList[0].zsbm,
+            titleList: titlist,
+            dataList: dalist,
+            isEdit: _this.state.isEdit && isEdit,
+            loading: false
+          }, function () {
+            var isAllNoEdit = true;
+            titlist.map(function (item) {
+              if (item.sfbj === '1') {
+                isAllNoEdit = false;
+              }
+              _this.setState({ isAllNoEdit: isAllNoEdit });
+              if (item.jkUrl !== null) {
+                var url = item.jkUrl;
+                params.t = new Date().getTime();
+                (0, _NHFetch2.default)(url, "GET", params).then(function (res) {
+                  if (res) {
+                    var result = {};
+                    result = res.data;
+                    var zzd = item.zzd; //要获取的值字段名称
+                    var wbzd = item.wbzd; //要获取的文本字段名称
+                    var fieldName = item.fieldName; //接口获取的对应的字段
+                    //遍历值集合替换里面的值
+                    var list = _this.state.dataList.map(function (item) {
+                      var valmap = {};
+                      valmap = item[fieldName];
+                      valmap.text = result[wbzd];
+                      valmap.inittext = result[wbzd];
+                      valmap.value = result[zzd];
+                      valmap.initValue = result[zzd];
+                      item[fieldName] = valmap;
+                      return item;
+                    });
+                    _this.setState({
+                      dataList: list
+                    });
+                    _this.props.handlOneOnManyDataList({ flid: _this.props.flid, dataList: list });
+                  }
+                });
+              }
+            });
+          });
+        }
+      }).catch(function () {
+        _this.setState({ loading: false });
+      });
+    };
+
+    _this.onSave = function (func) {
+      _this.nhEditForm.validateFields(function (err, values) {
+        if (err) {
+          return;
+        }
+        // 校验一对多情况时的条数限制
+        if (_this.state.dataList.length < _this.props.data.tsxzzxz) {
+          _message3.default.error(_this.props.data.flmc + "\u81F3\u5C11\u9700\u8981" + _this.props.data.tsxzzxz + "\u6761");
+          return;
+        }
+        _this.setState({
+          isEdit: false
+        });
+        var params = {
+          id: _this.props.objId,
+          sjkyh: _this.props.sjkyh,
+          dataList: _this.state.dataList,
+          deList: _this.state.deleteIdList,
+          bm: _this.state.bm,
+          zsbm: _this.state.zsbm,
+          flstdm: _this.props.flstdm,
+          titleList: _this.state.titleList,
+          deletList: _this.state.deleteList,
+          flid: _this.props.flid,
+          rwid: _this.props.rwid,
+          userId: _this.props.objId,
+          businessId: _this.props.pkid
+        };
+        var url = _this.props.baseUrl;
+        if (_this.props.model === 'editCheck') {
+          // 纠错编辑模式暂不执行接口保存
+          return;
+        }
+        (0, _NHFetch2.default)("api/sm-dynamic-form/openapi/dynamic/save/many", "POST", params).then(function (res) {
+          if (res && res.code === 200) {
+            if (func && typeof func === 'function') {
+              func(params);
+            }
+          }
+        });
+      });
+    };
+
+    _this.onClose = function (v) {
+      _this.setState({
+        isEdit: false,
+        dataList: _this.state.cacheDataList,
+        deleteIdList: _this.state.cacheDeleteIdList
+      }, function () {
+        if (_this.props.model === 'editCheck') {
+          var manyDetail = {
+            id: _this.props.objId,
+            sjkyh: _this.props.sjkyh,
+            dataList: _this.state.dataList,
+            deList: _this.state.deleteIdList,
+            bm: _this.state.bm,
+            zsbm: _this.state.zsbm,
+            flid: _this.props.flid,
+            baseUrl: _this.props.baseUrl,
+            flstdm: _this.props.flstdm,
+            titleList: _this.state.titleList,
+            deletList: _this.state.deleteList,
+            businessId: _this.props.pkid,
+            rwid: _this.props.rwid,
+            userId: _this.props.objId
+          };
+          _this.props.handlOneOnManyDetail(manyDetail, _this.state.cacheDataList);
+        }
+      });
+    };
+
+    _this.onEdit = function (v) {
+      _this.setState({
+        isEdit: true,
+        cacheDataList: deepCopy(_this.state.dataList),
+        cacheDeleteIdList: deepCopy(_this.state.deleteIdList)
+      });
+    };
+
+    _this.setDataList = function (dataList, deleteId, deleList) {
+      if (deleteId === undefined) {
+        _this.setState({
+          dataList: dataList
+        });
+      } else {
+        var deleteIdList = _this.state.deleteIdList;
+        var deleteList = _this.state.deleteList;
+        deleteList.push(deleList);
+        deleteIdList.push(deleteId);
+        _this.setState({
+          dataList: dataList,
+          deleteIdList: deleteIdList,
+          deleteList: deleteList
+        });
+      }
+      var manyDetail = {
+        id: _this.props.objId,
+        sjkyh: _this.props.sjkyh,
+        dataList: dataList,
+        deList: _this.state.deleteIdList,
+        bm: _this.state.bm,
+        zsbm: _this.state.zsbm,
+        flid: _this.props.flid,
+        baseUrl: _this.props.baseUrl,
+        flstdm: _this.props.flstdm,
+        titleList: _this.state.titleList,
+        deletList: _this.state.deleteList,
+        businessId: _this.props.pkid,
+        rwid: _this.props.rwid,
+        userId: _this.props.objId
+      };
+      _this.props.handlOneOnManyDetail(manyDetail, _this.state.cacheDataList);
+      _this.props.handlOneOnManyDataList({ flid: _this.props.flid, dataList: dataList });
+    };
+
+    _this.validate = function (func) {
+      var flag = true;
+      if (_this.nhEditForm) {
+        _this.nhEditForm.validateFields(function (err) {
+          if (err) {
+            flag = false;
+          }
+          func(flag);
+        });
+      } else {
+        func(flag);
+      }
+    };
+
+    _this.state = {
+      isEdit: props.model === "edit" /* || props.model === 'editCheck' */ && props.data.isEdit === "1" ? true : false, //当时编辑模式模式时，直接自动进入编辑模式
+      titleList: [],
+      dataList: [],
+
+      deleteIdList: [], //删除的id数据
+      cacheDataList: [], //缓存数据
+      initCacheDataList: [], //初始缓存数据
+      cacheDeleteIdList: [], //缓存删除的id数据
+      deleteList: [],
+      OneOnManyList: {}, //后台数据查询到的数据集合
+      bm: "", //表名
+      loading: true,
+      isAllNoEdit: false,
+
+      ifjcShow: false, //该分类是否存在纠错
+      jcList: [], //纠错数据
+      blList: [] //补录数据
+    };
+    return _this;
+  }
+
+  (0, _createClass3.default)(InfoItem, [{
+    key: "componentWillMount",
+    value: function componentWillMount() {
+      this.InitialOneOnOneInfo();
+    }
+  }, {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
+      if ('model' in nextProps && nextProps.model != this.props.model) {
+        this.setState({
+          isEdit: nextProps.model === "edit" /* || nextProps.model === "editCheck" */ && nextProps.data.isEdit === "1" ? true : false
+        });
+      }
+    }
+    // 保存
+
+
+    // 关闭
+
+
+    // 编辑
+
+
+    /**
+     * 校验该分类表单是否全部填写完成
+     */
+
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _props = this.props,
+          data = _props.data,
+          showTitle = _props.showTitle,
+          model = _props.model,
+          showHeader = _props.showHeader,
+          _props$oneOnManyProps = _props.oneOnManyProps,
+          oneOnManyProps = _props$oneOnManyProps === undefined ? { listType: '', pageSize: 0 } : _props$oneOnManyProps;
+      var listType = oneOnManyProps.listType,
+          pageSize = oneOnManyProps.pageSize;
+      var _state = this.state,
+          isEdit = _state.isEdit,
+          titleList = _state.titleList,
+          dataList = _state.dataList,
+          loading = _state.loading,
+          isAllNoEdit = _state.isAllNoEdit,
+          ifjcShow = _state.ifjcShow,
+          jcList = _state.jcList,
+          blList = _state.blList;
+
+      var isExtra = model === "view" || model === "edit" /* || model === "editCheck"  */ || isAllNoEdit === true ? false : true; //查看模式和编辑模式时不需要显示按钮
+      // 该分类是否存在可编辑的纠错字段
+      if (model === 'editCheck') {
+        var hasJczd = titleList.filter(function (item) {
+          return item.sfkfjc === '1' && item.sfbj === '1' && item.sfxs === '1';
+        }).length > 0;
+        isExtra = hasJczd ? true : false;
+      }
+
+      return _react2.default.createElement(
+        "div",
+        { className: "infoItem" },
+        showHeader !== false ? _react2.default.createElement(_NHTopTitle2.default, {
+          title: showTitle === true ? data.flmc : "",
+          id: data.flid,
+          isEdit: isEdit,
+          onSave: this.onSave,
+          onEdit: this.onEdit,
+          onClose: this.onClose,
+          isExtra: isExtra // 分类中没有字段时不显示编辑按钮
+          , ifjcShow: ifjcShow,
+          className: ifjcShow ? 'topTitle-warn' : ''
+        }) : null,
+        _react2.default.createElement(
+          _skeleton2.default,
+          { active: true, loading: loading },
+          !listType && titleList != undefined && titleList.length <= 5 || listType && titleList != undefined && listType === 'table' ? _react2.default.createElement(_infoItemTable2.default, {
+            ref: function ref(form) {
+              _this2.nhEditForm = form;
+            },
+            isEdit: isEdit,
+            titleList: titleList,
+            dataList: dataList,
+            tsxzzdz: data.tsxzzdz // 条数限制最大值
+            , setDataList: this.setDataList,
+            model: model,
+            jcList: jcList,
+            blList: blList,
+            pageSize: pageSize
+          }) : _react2.default.createElement(_infoItemCard2.default, {
+            ref: function ref(form) {
+              _this2.nhEditForm = form;
+            },
+            isEdit: isEdit,
+            titleList: titleList,
+            tsxzzdz: data.tsxzzdz // 条数限制最大值
+            , dataList: dataList,
+            setDataList: this.setDataList,
+            model: model,
+            jcList: jcList,
+            blList: blList
+          })
+        )
+      );
+    }
+  }]);
+  return InfoItem;
+}(_react2.default.Component);
+
+InfoItem.propTypes = {
+  showTitle: _propTypes2.default.bool
+};
+InfoItem.defaultProps = {
+  showTitle: true
+};
+exports.default = InfoItem;