easy3wui 1.5.22 → 1.5.23

package/lib/Easy3wFlow/index.js

@@ -0,0 +1,546 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _badge = require('antd/lib/badge');
+
+var _badge2 = _interopRequireDefault(_badge);
+
+require('antd/lib/badge/style');
+
+var _router = require('dva/router');
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var Easy3wFlow = function (_Component) {
+  (0, _inherits3['default'])(Easy3wFlow, _Component);
+
+  function Easy3wFlow() {
+    var _temp, _this, _ret;
+
+    (0, _classCallCheck3['default'])(this, Easy3wFlow);
+
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.getFlowData = function (flowData) {
+      var renderFlow = '';
+      var renderTop = '';
+      var renderMid = '';
+      var renderBottom = '';
+      var styleflowline = (0, _classnames2['default'])('flowline4');
+      var styleflowtext = (0, _classnames2['default'])('flowtext3');
+
+      var flowLength = flowData.length;
+      switch (flowLength) {
+        case 2:
+          styleflowline = (0, _classnames2['default'])('flowline2');
+          styleflowtext = (0, _classnames2['default'])('flowtext3');
+          break;
+        case 3:
+          styleflowline = (0, _classnames2['default'])('flowline3');
+          styleflowtext = (0, _classnames2['default'])('flowtext3');
+          break;
+        case 4:
+          styleflowline = (0, _classnames2['default'])('flowline4');
+          styleflowtext = (0, _classnames2['default'])('flowtext4');
+          break;
+        case 5:
+          styleflowline = (0, _classnames2['default'])('flowline5');
+          styleflowtext = (0, _classnames2['default'])('flowtext5');
+          break;
+        case 6:
+          styleflowline = (0, _classnames2['default'])('flowline6');
+          styleflowtext = (0, _classnames2['default'])('flowtext6');
+          break;
+        case 7:
+          styleflowline = (0, _classnames2['default'])('flowline7');
+          styleflowtext = (0, _classnames2['default'])('flowtext7');
+          break;
+        case 8:
+          styleflowline = (0, _classnames2['default'])('flowline8');
+          styleflowtext = (0, _classnames2['default'])('flowtext8');
+          break;
+        case 9:
+          styleflowline = (0, _classnames2['default'])('flowline9');
+          styleflowtext = (0, _classnames2['default'])('flowtext9');
+          break;
+        default:
+          break;
+      }
+      var _this$props = _this.props,
+          businessId = _this$props.businessId,
+          processCode = _this$props.processCode,
+          roleCode = _this$props.roleCode,
+          flowCurCode = _this$props.flowCurCode,
+          picTrianglePath = _this$props.picTrianglePath;
+
+      var renderTopTemp = flowData.map(function (flow, index) {
+        return _react2['default'].createElement(
+          'div',
+          null,
+          _react2['default'].createElement(
+            'div',
+            { className:
+              // 10待处理；20已完成；30已完成可编辑；40未开始；50终止
+              flow.status === '10' ? (0, _classnames2['default'])(['flowcircle', 'haierorange']) : flow.status === '20' || flow.status === '30' ? (0, _classnames2['default'])(['flowcircle', 'haierblue']) : (0, _classnames2['default'])(['flowcircle', 'haiergrey'])
+            },
+            index + 1
+          ),
+          index !== flowData.length - 1 ? _react2['default'].createElement('div', {
+            className: flow.status === '20' || flow.status === '30' ? (0, _classnames2['default'])(styleflowline, 'haierblue') : (0, _classnames2['default'])(styleflowline, 'haiergrey')
+          }) : null
+        );
+      });
+
+      var renderMidTemp = flowData.map(function (flow) {
+        var item = flow.children.find(function (item, index, array) {
+          return item.status != '40';
+        });
+        item = item ? item : flow.children[0];
+        var firstItem = item || flow;
+        // const firstItem = flow.children[0] || flow;
+        var firstItemCode = firstItem.code;
+        var handlePage = firstItem.handlePage + '?businessId=' + businessId + '&processCode=' + processCode + '&roleCode=' + roleCode + '&flowCurCode=' + firstItemCode + '&noReGetFlowFlag=1';
+        var readPage = firstItem.readPage + '?businessId=' + businessId + '&processCode=' + processCode + '&roleCode=' + roleCode + '&flowCurCode=' + firstItem.code + '&noReGetFlowFlag=1';
+        var handlIngPage = '/inside/SYS/FLOW/route/EFAC0000?businessId=' + businessId + '&processCode=' + processCode + '&roleCode=' + roleCode + '&flowCurCode=' + firstItem.code + '&noReGetFlowFlag=1';
+        var mainPage = null;
+        var nodeAuthFlag = firstItem.nodeAuthFlag,
+            status = firstItem.status;
+
+        if (status === '10' || status === '30') {
+          mainPage = handlePage;
+        }
+        if (status === '20') {
+          if (firstItem.readPage) {
+            mainPage = readPage;
+          }
+        }
+        if (status === '40') {
+          mainPage = null;
+        }
+        // flag 等于 0 时
+        // 10 待处理-跳转到一个统一的页面
+        // 20 和 30 已完成- 跳转到readPage
+        // 40 未开始，只显示节点
+        if (nodeAuthFlag === '0') {
+          if (status === '10') {
+            mainPage = handlIngPage;
+          }
+          if (status === '20' || status === '30') {
+            mainPage = readPage;
+          }
+          if (status === '40') {
+            mainPage = null;
+          }
+        }
+        var processIng = _react2['default'].createElement(_badge2['default'], { status: 'processing' });
+        // const mainPage = ((firstItem.status === '10' || firstItem.status === '30') ?
+        //   `${firstItem.handlePage}?businessId=${businessId}&processCode=${processCode}&roleCode=${roleCode}&flowCurCode=${firstItemCode}&noReGetFlowFlag=1`
+        //   : (firstItem.status === '20' ?
+        //     (firstItem.readPage ? `${firstItem.readPage}?businessId=${businessId}&processCode=${processCode}&roleCode=${roleCode}&flowCurCode=${firstItem.code}&noReGetFlowFlag=1` : null)
+        //     : null));
+        return _react2['default'].createElement(
+          'div',
+          { className: styleflowtext },
+          _react2['default'].createElement(
+            'div',
+            { className: flow.status === '20' || flow.status === '30' ? (0, _classnames2['default'])('floawt1') : flow.status === '10' ? (0, _classnames2['default'])(['floawt1', 'bold']) : (0, _classnames2['default'])(['floawt1', 'textgrey'])
+            },
+            mainPage ? _react2['default'].createElement(
+              'a',
+              { onClick: function onClick() {
+                  return _this.dealURLClick(mainPage || '', flow, 1);
+                } },
+              _react2['default'].createElement(
+                'div',
+                {
+                  className: flow.status === '10' ? (0, _classnames2['default'])(['textorange']) : flow.status === '20' || flow.status === '30' ? (0, _classnames2['default'])(['textblue']) : (0, _classnames2['default'])(['textgrey'])
+                },
+                flow.name || ''
+              )
+            ) : _react2['default'].createElement(
+              'div',
+              {
+                className: flow.status === '10' ? (0, _classnames2['default'])(['textorange']) : flow.status === '20' || flow.status === '30' ? (0, _classnames2['default'])(['textblue']) : (0, _classnames2['default'])('textgrey')
+              },
+              flow.name || ''
+            )
+          )
+        );
+      });
+
+      renderTop = _react2['default'].createElement(
+        'div',
+        { className: (0, _classnames2['default'])(['flowtop', 'clearfloat']) },
+        _react2['default'].createElement(
+          'div',
+          { className: (0, _classnames2['default'])(['floatcenter', 'clearfloat']) },
+          renderTopTemp
+        )
+      );
+      renderMid = _react2['default'].createElement(
+        'div',
+        { className: (0, _classnames2['default'])(['flowmid', 'clearfloat']) },
+        _react2['default'].createElement(
+          'div',
+          { className: (0, _classnames2['default'])(['floatcenter', 'clearfloat']) },
+          renderMidTemp
+        )
+      );
+      var flowIndex = 0;
+      var subFlowLength = 0;
+      var subFlow = [];
+      var i = 0;
+      if (flowCurCode) {
+        flowData.forEach(function (item) {
+          if (flowCurCode.startsWith(item.code)) {
+            flowIndex = i;
+            subFlow = item.children;
+          }
+          i += 1;
+        });
+      } else {
+        flowData.forEach(function (item) {
+          if (item.children && item.status === '10') {
+            flowIndex = i;
+            subFlow = item.children;
+          }
+          i += 1;
+        });
+      }
+      subFlowLength = subFlow.length;
+
+      var renderBottomTemp = subFlow.map(function (subItem) {
+        var handlePage = subItem.handlePage + '?businessId=' + businessId + '&processCode=' + processCode + '&roleCode=' + roleCode + '&flowCurCode=' + subItem.code + '&noReGetFlowFlag=1';
+        var readPage = subItem.readPage + '?businessId=' + businessId + '&processCode=' + processCode + '&roleCode=' + roleCode + '&flowCurCode=' + subItem.code + '&noReGetFlowFlag=1';
+        var handlIngPage = '/inside/SYS/FLOW/route/EFAC0000?businessId=' + businessId + '&processCode=' + processCode + '&roleCode=' + roleCode + '&flowCurCode=' + subItem.code + '&noReGetFlowFlag=1';
+        var page = null;
+        var nodeAuthFlag = subItem.nodeAuthFlag,
+            status = subItem.status;
+
+        if (status === '10' || status === '30') {
+          page = handlePage;
+        }
+        if (status === '20') {
+          if (subItem.readPage) {
+            page = readPage;
+          }
+        }
+        if (status === '40') {
+          page = null;
+        }
+        // flag 等于 0 时
+        // 10 待处理-跳转到一个统一的页面
+        // 20 和 30 已完成- 跳转到readPage
+        // 40 未开始，只显示节点
+        if (nodeAuthFlag === '0') {
+          if (status === '10') {
+            page = handlIngPage;
+          }
+          if (status === '20' || status === '30') {
+            page = readPage;
+          }
+          if (status === '40') {
+            page = null;
+          }
+        }
+        // const page = ((subItem.status === '10' || subItem.status === '30') ?
+        //   `${subItem.handlePage}?businessId=${businessId}&processCode=${processCode}&roleCode=${roleCode}&flowCurCode=${subItem.code}&noReGetFlowFlag=1`
+        //   : (subItem.status === '20' ?
+        //     (subItem.readPage ? `${subItem.readPage}?businessId=${businessId}&processCode=${processCode}&roleCode=${roleCode}&flowCurCode=${subItem.code}&noReGetFlowFlag=1` : null)
+        //     : null));
+        var processIng = _react2['default'].createElement(_badge2['default'], { status: 'processing' });
+        return _react2['default'].createElement(
+          'div',
+          {
+            // style={{ marginLeft: '25px'}}
+            className: subItem.requiredNode === '0' ? subItem.status === '20' || subItem.status === '30' ? (0, _classnames2['default'])(['flowdoc', 'w3', 'borderblueDashed']) : subItem.status === '10' ? (0, _classnames2['default'])(['flowdoc', 'w3', 'borderorangeDashed']) : (0, _classnames2['default'])(['flowdoc', 'w3', 'bordergrayDashed']) : subItem.status === '20' || subItem.status === '30' ? (0, _classnames2['default'])(['flowdoc', 'w3', 'borderblue']) : subItem.status === '10' ? (0, _classnames2['default'])(['flowdoc', 'w3', 'borderorange']) : (0, _classnames2['default'])(['flowdoc', 'w3', 'bordergray'])
+          },
+          _react2['default'].createElement(
+            'div',
+            { className: subItem.status === '20' || subItem.status === '30' ? (0, _classnames2['default'])(['flowbottomtextblue', 'fx']) : subItem.status === '10' ? (0, _classnames2['default'])(['flowbottomtextorange', 'fx']) : (0, _classnames2['default'])(['flowbottomtextgrey', 'fx'])
+            },
+            subItem.code === flowCurCode ? processIng : '',
+            page ? _react2['default'].createElement(
+              'a',
+              { onClick: function onClick() {
+                  return _this.dealURLClick(page || '', subItem, 2);
+                } },
+              subItem.name || ''
+            ) : _react2['default'].createElement(
+              'div',
+              null,
+              subItem.name
+            )
+          ),
+          subItem.status === '20' || subItem.status === '30' ? _react2['default'].createElement('img', { src: picTrianglePath, alt: '\u84DD\u4E09\u89D2' }) : null
+        );
+      });
+      var stylefloatcenter = (0, _classnames2['default'])(['floatcenter4_1']);
+      switch (flowLength) {
+        case 2:
+          switch (flowIndex + 1) {
+            case 1:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter2_1']);
+              break;
+            case 2:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter2_2']);
+              break;
+            default:
+              break;
+          }
+          break;
+        case 3:
+          switch (flowIndex + 1) {
+            case 1:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter3_1']);
+              break;
+            case 2:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter3_2']);
+              break;
+            case 3:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter3_3']);
+              break;
+            default:
+              break;
+          }
+          break;
+        case 4:
+          switch (flowIndex + 1) {
+            case 1:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter4_1']);
+              break;
+            case 2:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter4_2']);
+              break;
+            case 3:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter4_3']);
+              break;
+            case 4:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter4_4']);
+              break;
+            default:
+              break;
+          }
+          break;
+        case 5:
+          switch (flowIndex + 1) {
+            case 1:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter5_1']);
+              break;
+            case 2:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter5_2']);
+              break;
+            case 3:
+              stylefloatcenter = subFlowLength === 1 ? (0, _classnames2['default'])(['floatcenter5_3_1']) : (0, _classnames2['default'])(['floatcenter5_3']);
+              break;
+            case 4:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter5_4']);
+              break;
+            case 5:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter5_5']);
+              break;
+            default:
+              break;
+          }
+          break;
+        case 6:
+          switch (flowIndex + 1) {
+            case 1:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter6_1']);
+              break;
+            case 2:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter6_2']);
+              break;
+            case 3:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter6_3']);
+              break;
+            case 4:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter6_4']);
+              break;
+            case 5:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter6_5']);
+              break;
+            case 6:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter6_6']);
+              break;
+            default:
+              break;
+          }
+          break;
+        case 7:
+          switch (flowIndex + 1) {
+            case 1:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter7_1']);
+              break;
+            case 2:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter7_2']);
+              break;
+            case 3:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter7_3']);
+              break;
+            case 4:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter7_4']);
+              break;
+            case 5:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter7_5']);
+              break;
+            case 6:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter7_6']);
+              break;
+            case 7:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter7_7']);
+              break;
+            default:
+              break;
+          }
+          break;
+        case 8:
+          switch (flowIndex + 1) {
+            case 1:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter8_1']);
+              break;
+            case 2:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter8_2']);
+              break;
+            case 3:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter8_3']);
+              break;
+            case 4:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter8_4']);
+              break;
+            case 5:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter8_5']);
+              break;
+            case 6:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter8_6']);
+              break;
+            case 7:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter8_7']);
+              break;
+            case 8:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter8_8']);
+              break;
+            default:
+              break;
+          }
+          break;
+        case 9:
+          switch (flowIndex + 1) {
+            case 1:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter9_1']);
+              break;
+            case 2:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter9_2']);
+              break;
+            case 3:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter9_3']);
+              break;
+            case 4:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter9_4']);
+              break;
+            case 5:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter9_5']);
+              break;
+            case 6:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter9_6']);
+              break;
+            case 7:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter9_7']);
+              break;
+            case 8:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter9_8']);
+              break;
+            case 9:
+              stylefloatcenter = (0, _classnames2['default'])(['floatcenter9_9']);
+              break;
+            default:
+              break;
+          }
+          break;
+        default:
+          break;
+      }
+
+      renderBottom = _react2['default'].createElement(
+        'div',
+        { className: (0, _classnames2['default'])(['flowbottom', 'clearfloat']) },
+        _react2['default'].createElement(
+          'div',
+          { className: (0, _classnames2['default'])(['stylefloatcenter', 'clearfloat']) },
+          _react2['default'].createElement(
+            'div',
+            { className: (0, _classnames2['default'])('marAuto') },
+            renderBottomTemp
+          )
+        )
+      );
+
+      renderFlow = _react2['default'].createElement(
+        'div',
+        { className: (0, _classnames2['default'])('flowmain') },
+        renderTop,
+        renderMid,
+        renderBottom
+      );
+      return renderFlow;
+    }, _this.dealURLClick = function (url, flowNode, flowType) {
+      var linkDealFunc = _this.props.linkDealFunc;
+
+      linkDealFunc(url, flowNode, flowType);
+    }, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret);
+  }
+
+  // 传入业务ID，角色ID,流程编码,当前打开的节点ID，是否只读  5个参数
+
+
+  Easy3wFlow.prototype.render = function render() {
+    var flowData = this.props.flowData;
+
+    var renderFlow = this.getFlowData(flowData);
+    return _react2['default'].createElement(
+      'div',
+      null,
+      flowData ? renderFlow : ''
+    );
+  };
+
+  return Easy3wFlow;
+}(_react.Component);
+
+Easy3wFlow.defaultProps = {
+  flowCurCode: '' };
+Easy3wFlow.propTypes = {
+  businessId: _propTypes2['default'].string.isRequired,
+  roleCode: _propTypes2['default'].string.isRequired,
+  processCode: _propTypes2['default'].string.isRequired,
+  flowCurCode: _propTypes2['default'].string
+};
+exports['default'] = Easy3wFlow;
+module.exports = exports['default'];