easy3wui 1.5.21 → 1.5.22

package/lib/Easy3wFlow/index.js

@@ -1,546 +0,0 @@
-'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'];