dlt-for-react 1.0.1

package/lib/components/NHAuditSubmit/node.js

@@ -0,0 +1,653 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _icon = require("antd/lib/icon");
+
+var _icon2 = _interopRequireDefault(_icon);
+
+var _of = require("babel-runtime/core-js/array/of");
+
+var _of2 = _interopRequireDefault(_of);
+
+var _form = require("antd/lib/form");
+
+var _form2 = _interopRequireDefault(_form);
+
+var _button = require("antd/lib/button");
+
+var _button2 = _interopRequireDefault(_button);
+
+var _extends2 = require("babel-runtime/helpers/extends");
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _getIterator2 = require("babel-runtime/core-js/get-iterator");
+
+var _getIterator3 = _interopRequireDefault(_getIterator2);
+
+var _defineProperty2 = require("babel-runtime/helpers/defineProperty");
+
+var _defineProperty3 = _interopRequireDefault(_defineProperty2);
+
+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 _select = require("antd/lib/select");
+
+var _select2 = _interopRequireDefault(_select);
+
+var _input = require("antd/lib/input");
+
+var _input2 = _interopRequireDefault(_input);
+
+var _radio = require("antd/lib/radio");
+
+var _radio2 = _interopRequireDefault(_radio);
+
+var _checkbox = require("antd/lib/checkbox");
+
+var _checkbox2 = _interopRequireDefault(_checkbox);
+
+require("antd/lib/icon/style");
+
+require("antd/lib/form/style");
+
+require("antd/lib/button/style");
+
+require("antd/lib/select/style");
+
+require("antd/lib/input/style");
+
+require("antd/lib/radio/style");
+
+require("antd/lib/checkbox/style");
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _components = require("./components");
+
+var _Axios = require("./config/Axios");
+
+var _NHFetch = require("../../utils/NHFetch");
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var CheckboxGroup = _checkbox2.default.Group;
+var RadioGroup = _radio2.default.Group;
+var TextArea = _input2.default.TextArea;
+var Option = _select2.default.Option;
+
+var AuditNode = function (_React$Component) {
+  (0, _inherits3.default)(AuditNode, _React$Component);
+
+  function AuditNode(props) {
+    (0, _classCallCheck3.default)(this, AuditNode);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (AuditNode.__proto__ || (0, _getPrototypeOf2.default)(AuditNode)).call(this, props));
+
+    _this.getNextNodeInfo = function (nodeId) {
+      //let processApplyInfo = {};
+      var processApplyInfo = _this.props.processApplyInfo ? _this.props.processApplyInfo : {};
+      var processData = _this.props.data;
+      var processId = processData.processId;
+      var params = {
+        lcid: processId,
+        bpmjdid: nodeId
+      };
+      (0, _NHFetch2.default)("api/sm-bpm-expansion/flowSet/getNodeInfo", "GET", params).then(function (res) {
+        if (res && res.code === 200) {
+          if (!res.data) {
+            message.error('下一节点信息不存在');
+            return;
+          }
+          if (res.data.shrhqfsdm === "01") {
+            _this.getZhxgShrList(nodeId);
+          } else if (res.data.shrhqfsdm === "03") {
+            var url = res.data.shrhqgz;
+            processApplyInfo.jdid = res.data.jdid;
+            processApplyInfo.bpmjdid = nodeId;
+            processApplyInfo.ygbmid = _this.props.ygbmid;
+            (0, _NHFetch2.default)(url, "GET", processApplyInfo).then(function (res) {
+              if (res) {
+                _this.setState((0, _defineProperty3.default)({}, "WF_" + nodeId, res.data ? res.data : []));
+              }
+            });
+          }
+        }
+      });
+    };
+
+    _this.getZhxgShrList = function (nodeId) {
+      // let processApplyInfo = this.props.processApplyInfo;
+      var processData = _this.props.data;
+      var process = processData.processId;
+      var sqdxid = _this.props.sqdxid;
+      var params = {
+        jdid: nodeId,
+        lcid: process,
+        sqdxid: sqdxid
+      };
+      (0, _NHFetch2.default)("api/sm-bpm-expansion/processdefine/getNextNodeInfo", "GET", params).then(function (res) {
+        if (res && res.code === 200) {
+          _this.setState((0, _defineProperty3.default)({}, "WF_" + nodeId, res.data ? res.data.filter(function (item) {
+            return item !== null && item !== undefined;
+          }) : []));
+        }
+      });
+    };
+
+    _this.setSelectedNextNodeKeys = function () {
+      var nextNodeConfig = _this.props.data.nextNodeConfig;
+
+      if (nextNodeConfig) {
+        var _nextNodeConfig = JSON.parse(nextNodeConfig);
+        var values = _nextNodeConfig.filter(function (item) {
+          return JSON.parse(item.GatewayType_DefaultChecked) || JSON.parse(item.GatewayType_Disabled);
+        }).map(function (item) {
+          return item.NODEID;
+        });
+
+        var _iteratorNormalCompletion = true;
+        var _didIteratorError = false;
+        var _iteratorError = undefined;
+
+        try {
+          for (var _iterator = (0, _getIterator3.default)(_nextNodeConfig), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+            var item = _step.value;
+
+            //如果是学工，则按照学工的规则获取登录用户信息
+            if (item.initType !== "end") {
+              //如果下一个节点不是结束节点，则获取下一节点的审核人
+              _this.getNextNodeInfo(item.NODEID);
+            }
+          }
+        } catch (err) {
+          _didIteratorError = true;
+          _iteratorError = err;
+        } finally {
+          try {
+            if (!_iteratorNormalCompletion && _iterator.return) {
+              _iterator.return();
+            }
+          } finally {
+            if (_didIteratorError) {
+              throw _iteratorError;
+            }
+          }
+        }
+
+        _this.setState({ selectedNextNodeKeys: values });
+      }
+    };
+
+    _this.setOtherUserList = function () {
+      var currentNodeConfig = _this.props.data.currentNodeConfig;
+
+      if (currentNodeConfig) {
+        var _currentNodeConfig = currentNodeConfig !== "" ? JSON.parse(currentNodeConfig) : {};
+        if (_currentNodeConfig.ReassignmentOwner) {
+          var WF_OtherUserList = _currentNodeConfig.ReassignmentOwner.split(",").map(function (item, index) {
+            return {
+              label: _currentNodeConfig.ReassignmentOwner_show.split(",")[index],
+              value: item
+            };
+          });
+          _this.setState({ WF_OtherUserList: WF_OtherUserList });
+        }
+      }
+    };
+
+    _this.showSelector = function (fdName) {
+      var selectedSelectorKeys = [],
+          selectedSelectorNames = [];
+
+      // 设置之前选中的项
+      if (_this.state[fdName]) {
+        selectedSelectorKeys = _this.state[fdName].map(function (item) {
+          return item.value;
+        });
+        selectedSelectorNames = _this.state[fdName].map(function (item) {
+          return item.label;
+        });
+      }
+
+      _this.setState({
+        selectorVisible: true,
+        selectorFdName: fdName,
+        selectedSelectorKeys: selectedSelectorKeys,
+        selectedSelectorNames: selectedSelectorNames
+      });
+    };
+
+    _this.hideSelector = function () {
+      _this.setState({ selectorVisible: false });
+    };
+
+    _this.handleSelectorOk = function (result) {
+      var selectedKeys = result.selectedKeys,
+          selectedNames = result.selectedNames;
+      var selectorFdName = _this.state.selectorFdName;
+
+
+      var data = selectedKeys.map(function (item, index) {
+        return {
+          label: selectedNames[index],
+          value: item
+        };
+      });
+      _this.setState((0, _defineProperty3.default)({}, selectorFdName, data));
+    };
+
+    _this.getRemarkList = function () {
+      (0, _Axios.query)("bpm/rest/setting/opinion", "GET").then(function (res) {
+        var meta = res.meta,
+            data = res.data;
+
+        if (meta.success) {
+          _this.setState({
+            remarkList: decodeURIComponent(data.remark).split("##")
+          });
+        } else {
+          message.error(meta.message);
+        }
+      });
+    };
+
+    _this.handleRemarkChange = function (value) {
+      if (value) {
+        _this.props.form.setFieldsValue({
+          WF_Remark: value.label
+        });
+      }
+    };
+
+    _this.state = {
+      selectedNextNodeKeys: [], // 选中后继节点keys数组
+      selectorVisible: false, // 是否显示选择器对话框
+      remarkList: [], // 常用意见列表
+      selectorFdName: "", // 选择器绑定的表单字段的值
+      selectedSelectorKeys: [], // 选择器选中的key数组
+      selectedSelectorNames: [],
+      auditList: [] // 选择器选中的name数组
+    };
+    return _this;
+  }
+
+  (0, _createClass3.default)(AuditNode, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.setSelectedNextNodeKeys();
+      this.setOtherUserList();
+      this.getRemarkList();
+      // this.getNextNodeInfo();
+    }
+    //获取下一节点的信息
+
+    //获取综合学工的审核人列表
+
+    // 设置默认选中的后继节点以及下一节点默认选择的用户
+
+
+    // 设置默认转交的用户
+
+  }, {
+    key: "handleNextNodeChange",
+
+
+    // 后继节点改变事件
+    value: function handleNextNodeChange(values, type) {
+      if (type === "checkbox") {
+        this.setState({ selectedNextNodeKeys: values });
+      } else {
+        this.setState({ selectedNextNodeKeys: [values] });
+      }
+    }
+
+    // 选择器--显示
+
+
+    // 选择器--隐藏
+
+
+    // 选择器--保存
+
+
+    // 获取常用意见列表。后台返回结果是个编码后的用，分隔的字符串
+
+
+    // 办理意见下拉选择改变事件
+
+  }, {
+    key: "handleNodeToolBarClick",
+
+
+    // 操作按钮点击事件
+    value: function handleNodeToolBarClick(btnInfo) {
+      this.props.onOk(btnInfo);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _state = this.state,
+          selectedNextNodeKeys = _state.selectedNextNodeKeys,
+          selectorVisible = _state.selectorVisible,
+          remarkList = _state.remarkList,
+          selectedSelectorKeys = _state.selectedSelectorKeys,
+          selectedSelectorNames = _state.selectedSelectorNames,
+          auditList = _state.auditList;
+      var _props = this.props,
+          visible = _props.visible,
+          _props$data = _props.data,
+          _props$data$currentNo = _props$data.currentNodeName,
+          currentNodeName = _props$data$currentNo === undefined ? "" : _props$data$currentNo,
+          _props$data$nextNodeC = _props$data.nextNodeConfig,
+          nextNodeConfig = _props$data$nextNodeC === undefined ? "[]" : _props$data$nextNodeC,
+          _props$data$currentNo2 = _props$data.currentNodeConfig,
+          currentNodeConfig = _props$data$currentNo2 === undefined ? "{}" : _props$data$currentNo2,
+          _props$data$currentNo3 = _props$data.currentNodeToolbar,
+          currentNodeToolbar = _props$data$currentNo3 === undefined ? "[]" : _props$data$currentNo3,
+          _props$data$isFirstNo = _props$data.isFirstNodeFlag,
+          isFirstNodeFlag = _props$data$isFirstNo === undefined ? "true" : _props$data$isFirstNo,
+          _props$form = _props.form,
+          getFieldDecorator = _props$form.getFieldDecorator,
+          getFieldValue = _props$form.getFieldValue,
+          onCancel = _props.onCancel;
+
+      var formItemLayout = {
+        labelCol: { span: 8 },
+        wrapperCol: { span: 16 }
+      };
+
+      var _nextNodeConfig = nextNodeConfig ? JSON.parse(nextNodeConfig) : []; // 后继节点
+      var _gatewayType = _nextNodeConfig.length ? _nextNodeConfig[0].GatewayType : "checkbox"; // 后继节点类型，单选、多选
+      var _currentNodeConfig = currentNodeConfig !== "" ? JSON.parse(currentNodeConfig) : {}; // 当前节点
+      var _currentNodeToolbar = currentNodeToolbar ? JSON.parse(currentNodeToolbar) : []; // 操作按钮
+      var _isFirstNodeFlag = isFirstNodeFlag ? JSON.parse(isFirstNodeFlag) : true; //是否首环节
+      return _react2.default.createElement(
+        _react.Fragment,
+        null,
+        _react2.default.createElement(
+          _components.DragModal,
+          {
+            title: "\u5904\u7406\u6587\u6863",
+            width: 700,
+            visible: visible,
+            maskClosable: false,
+            footer: _currentNodeToolbar.map(function (item) {
+              var _id = item.TOOLBARID,
+                  _name = item.TOOLBARNAME;
+              var propeties = {};
+              if (_id === 'BU1001') {
+                propeties.loading = _this2.props.btnLoading;
+              }
+
+              // 首环节不显示转他人处理按钮
+              if (_isFirstNodeFlag && _id === "BU1002") {
+                return null;
+              }
+              return _react2.default.createElement(
+                _button2.default,
+                (0, _extends3.default)({
+                  key: _id,
+                  type: "primary",
+                  disabled:
+                  // 转他人处理时办理完成、回退首环节按钮禁用，否则转让人处理按钮禁用
+                  _id === "BU1001" && getFieldValue("WF_SendToOtherUser") || _id === "BU1005" && getFieldValue("WF_SendToOtherUser") || _id === "BU1002" && !getFieldValue("WF_SendToOtherUser")
+                }, propeties, {
+                  onClick: function onClick() {
+                    return _this2.handleNodeToolBarClick(item);
+                  }
+                }),
+                _name
+              );
+            }),
+            onCancel: onCancel
+          },
+          _react2.default.createElement(
+            "p",
+            { style: { color: "#1890ff" } },
+            "\u8BF7\u586B\u5199\u4EE5\u4E0B\u4FE1\u606F\u540E\u518D\u63D0\u4EA4(\u5F53\u524D\u8282\u70B9:",
+            currentNodeName || _currentNodeConfig.NODENAME,
+            "):"
+          ),
+          _react2.default.createElement(
+            _form2.default,
+            null,
+            !getFieldValue("WF_SendToOtherUser") && _react2.default.createElement(
+              _react.Fragment,
+              null,
+              _react2.default.createElement(
+                _form2.default.Item,
+                (0, _extends3.default)({}, formItemLayout, { label: "\u8BF7\u9009\u62E9\u540E\u7EE7\u8282\u70B9" }),
+                getFieldDecorator("WF_NextNodeid", {
+                  initialValue: _gatewayType === "checkbox" ? selectedNextNodeKeys : selectedNextNodeKeys[0]
+                })(_gatewayType === "checkbox" ? _react2.default.createElement(
+                  CheckboxGroup,
+                  {
+                    onChange: function onChange(checkedValues) {
+                      return _this2.handleNextNodeChange(checkedValues, _gatewayType);
+                    }
+                  },
+                  _nextNodeConfig.map(function (item) {
+                    return _react2.default.createElement(
+                      _checkbox2.default,
+                      {
+                        key: item.NODEID,
+                        value: item.NODEID,
+                        disabled: JSON.parse(item.GatewayType_Disabled)
+                      },
+                      item.NodeName_Router
+                    );
+                  })
+                ) : _react2.default.createElement(
+                  RadioGroup,
+                  {
+                    onChange: function onChange(e) {
+                      return _this2.handleNextNodeChange(e.target.value, _gatewayType);
+                    }
+                  },
+                  _nextNodeConfig.map(function (item) {
+                    return _react2.default.createElement(
+                      _radio2.default,
+                      {
+                        key: item.NODEID,
+                        value: item.NODEID,
+                        disabled: JSON.parse(item.GatewayType_Disabled)
+                      },
+                      item.NodeName_Router
+                    );
+                  })
+                ))
+              ),
+              _nextNodeConfig.filter(function (item) {
+                return selectedNextNodeKeys.includes(item.NODEID);
+              }).map(function (item) {
+                var userList = _this2.state["WF_" + item.NODEID] === undefined ? [] : _this2.state["WF_" + item.NODEID],
+                    isSingle = item.OwnerMaxUserNum === "1" ? true : false; // 是否单选
+                var initialValue = isSingle ? "" : [];
+                if (userList && userList.length) {
+                  if (isSingle) {
+                    initialValue = userList[0].value;
+                  } else {
+                    initialValue = userList.map(function (item) {
+                      return item.value;
+                    });
+                  }
+                }
+
+                return _react2.default.createElement(
+                  _form2.default.Item,
+                  (0, _extends3.default)({
+                    style: {
+                      display: item.USEPOSTOWNER === "1" && item.initType !== 'end' ? "block" : "none"
+                    },
+                    key: item.NODEID
+                  }, formItemLayout, {
+                    label: "\u8BF7\u9009\u62E9\u201C" + item.NodeName_Router + "\u201C\u7684\u53C2\u4E0E\u8005"
+                  }),
+                  getFieldDecorator("WF_" + item.NODEID, {
+                    initialValue: initialValue,
+                    rules: [{
+                      validator: function validator(rule, value, callback) {
+                        var min = item.OwnerMinUserNum * 1,
+                            max = item.OwnerMaxUserNum * 1;
+
+                        var _value = isSingle ? value == "" ? [] : (0, _of2.default)(value) : value;
+
+                        if (_value && max !== 0 && _value.length > max) {
+                          callback("\u73AF\u8282(" + item.NodeName_Router + ")\u8D85\u51FA\u6700\u5927\u53EF\u9009\u53C2\u4E0E\u4EBA\u6570(" + max + ")\uFF01");
+                        }
+                        if (_value && _value.length < min) {
+                          callback("\u73AF\u8282(" + item.NodeName_Router + ")\u5C11\u4E8E\u6700\u5C0F\u53C2\u4E0E\u4EBA\u6570(" + min + ")\uFF01");
+                        }
+
+                        callback();
+                      }
+                    }]
+                  })(
+                  // todo:判断是否disabled不起作用
+                  isSingle ? _react2.default.createElement(RadioGroup, {
+                    options: userList,
+                    disabled: item.OwnerSelectType == "2" ? true : false
+                  }) : _react2.default.createElement(CheckboxGroup, {
+                    options: userList,
+                    disabled: item.OwnerSelectType == "2" ? true : false
+                  })),
+                  item.OwnerSelectFlag === "1" && _react2.default.createElement(
+                    "a",
+                    {
+                      onClick: function onClick() {
+                        return _this2.showSelector("WF_" + item.NODEID);
+                      }
+                    },
+                    _react2.default.createElement(_icon2.default, { type: "user-add" })
+                  )
+                );
+              })
+            ),
+            _currentNodeConfig.NoReassFlag !== "1" && !_isFirstNodeFlag && _react2.default.createElement(
+              _form2.default.Item,
+              (0, _extends3.default)({}, formItemLayout, { label: "\u8F6C\u4ED6\u4EBA\u5904\u7406" }),
+              _react2.default.createElement(
+                "div",
+                null,
+                getFieldDecorator("WF_SendToOtherUser")(_react2.default.createElement(
+                  _checkbox2.default,
+                  null,
+                  "\u662F"
+                ))
+              ),
+              getFieldValue("WF_SendToOtherUser") && _react2.default.createElement(
+                _react.Fragment,
+                null,
+                getFieldDecorator("WF_OtherUserList", {
+                  initialValue: this.state["WF_OtherUserList"] ? this.state["WF_OtherUserList"].map(function (item) {
+                    return item.value;
+                  }) : []
+                })(_react2.default.createElement(CheckboxGroup, { options: this.state["WF_OtherUserList"] })),
+                _react2.default.createElement(
+                  "a",
+                  { href: "javascript:;", style: { display: "block" } },
+                  _currentNodeConfig.NoReassSelUserFlag !== "1" && _react2.default.createElement(_icon2.default, {
+                    type: "user-add",
+                    style: { marginRight: 10 },
+                    onClick: function onClick() {
+                      return _this2.showSelector("WF_OtherUserList");
+                    }
+                  })
+                ),
+                getFieldDecorator("WF_SendToOtherUserAndBack")(_react2.default.createElement(
+                  _checkbox2.default,
+                  null,
+                  "\u5B8C\u6210\u540E\u8FD4\u56DE\u7ED9\u6211"
+                ))
+              )
+            ),
+            _currentNodeConfig.NoCopyToFlag !== "1" && _react2.default.createElement(
+              _form2.default.Item,
+              (0, _extends3.default)({}, formItemLayout, { label: "\u6284\u9001" }),
+              getFieldDecorator("WF_SelCopyUser", {
+                initialValue: this.state["WF_SelCopyUser"] ? this.state["WF_SelCopyUser"].map(function (item) {
+                  return item.value;
+                }) : []
+              })(_react2.default.createElement(CheckboxGroup, { options: this.state["WF_SelCopyUser"] })),
+              _currentNodeConfig.NoCopyToSelectFlag !== "1" ? _react2.default.createElement(
+                "a",
+                { href: "javascript:;" },
+                _react2.default.createElement(_icon2.default, {
+                  type: "user-add",
+                  onClick: function onClick() {
+                    return _this2.showSelector("WF_SelCopyUser");
+                  }
+                })
+              ) :
+              // NoCopyToSelectFlag：1-禁止从地址本中选择传阅人员
+              _currentNodeConfig.CopyToOwner_show
+            ),
+            _currentNodeConfig.RemarkNullFlag !== "3" && _react2.default.createElement(
+              _form2.default.Item,
+              (0, _extends3.default)({}, formItemLayout, { label: "\u529E\u7406\u610F\u89C1" }),
+              _react2.default.createElement(
+                _select2.default,
+                {
+                  style: { marginBottom: 5 },
+                  placeholder: "---\u9009\u62E9\u5E38\u7528\u5904\u7406\u610F\u89C1---",
+                  allowClear: true,
+                  labelInValue: true,
+                  onChange: this.handleRemarkChange
+                },
+                remarkList.map(function (item, index) {
+                  return _react2.default.createElement(
+                    Option,
+                    { key: index, value: item },
+                    item
+                  );
+                })
+              ),
+              getFieldDecorator("WF_Remark", {
+                initialValue: _currentNodeConfig.DefaultRemark, // DefaultRemark：初始意见
+                rules: [(0, _extends3.default)({}, _currentNodeConfig.RemarkNullFlag === "2" ? { required: true, message: "请填写处理意见" } : {})]
+              })(_react2.default.createElement(TextArea, { rows: 4 }))
+            )
+          )
+        ),
+        selectorVisible && _react2.default.createElement(_components.Selector, {
+          visible: selectorVisible,
+          selectedKeys: selectedSelectorKeys.join(","),
+          selectedNames: selectedSelectorNames.join(","),
+          onOk: this.handleSelectorOk,
+          onCancel: this.hideSelector
+        })
+      );
+    }
+  }]);
+  return AuditNode;
+}(_react2.default.Component);
+
+exports.default = _form2.default.create()(AuditNode);