easy3wui 1.5.7 → 1.5.8-2.beta

package/lib/Easy3wFlow/index.js

@@ -2,6 +2,22 @@
 
 exports.__esModule = true;
 
+var _tooltip = require('antd/lib/tooltip');
+
+var _tooltip2 = _interopRequireDefault(_tooltip);
+
+var _row = require('antd/lib/row');
+
+var _row2 = _interopRequireDefault(_row);
+
+var _col = require('antd/lib/col');
+
+var _col2 = _interopRequireDefault(_col);
+
+var _icon = require('antd/lib/icon');
+
+var _icon2 = _interopRequireDefault(_icon);
+
 var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
 
 var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
@@ -14,6 +30,14 @@ var _inherits2 = require('babel-runtime/helpers/inherits');
 
 var _inherits3 = _interopRequireDefault(_inherits2);
 
+require('antd/lib/tooltip/style');
+
+require('antd/lib/row/style');
+
+require('antd/lib/col/style');
+
+require('antd/lib/icon/style');
+
 var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
@@ -34,8 +58,18 @@ var _classnames = require('classnames');
 
 var _classnames2 = _interopRequireDefault(_classnames);
 
+var _antd = require('antd');
+
+var _comonConfig = require('comonConfigPath/comonConfig');
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
+var _ref = _comonConfig.objEasy3wUIConfig || {},
+    objEasy3wFlow = _ref.objEasy3wFlow;
+
+var _ref2 = objEasy3wFlow || {},
+    projectType = _ref2.projectType;
+
 var Easy3wFlow = function (_Component) {
   (0, _inherits3['default'])(Easy3wFlow, _Component);
 
@@ -119,10 +153,10 @@ var Easy3wFlow = function (_Component) {
       });
 
       var renderMidTemp = flowData.map(function (flow) {
-        var item = flow.children.find(function (item, index, array) {
-          return item.status != '40';
+        var item = flow.children.find(function (obj) {
+          return obj.status !== '40';
         });
-        item = item ? item : flow.children[0];
+        item = item || flow.children[0];
         var firstItem = item || flow;
         // const firstItem = flow.children[0] || flow;
         var firstItemCode = firstItem.code;
@@ -133,31 +167,33 @@ var Easy3wFlow = function (_Component) {
         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 (flow.status === '10' || flow.status === '20' || flow.status === '30') {
+          if (status === '10' || status === '30') {
+            mainPage = handlePage;
           }
-          if (status === '20' || status === '30') {
-            mainPage = readPage;
+          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') ?
@@ -526,7 +562,7 @@ var Easy3wFlow = function (_Component) {
     var renderFlow = this.getFlowData(flowData);
     return _react2['default'].createElement(
       'div',
-      null,
+      { className: (0, _classnames2['default'])('Easy3wFlow') },
       flowData ? renderFlow : ''
     );
   };
@@ -542,5 +578,666 @@ Easy3wFlow.propTypes = {
   processCode: _propTypes2['default'].string.isRequired,
   flowCurCode: _propTypes2['default'].string
 };
-exports['default'] = Easy3wFlow;
+
+var Easy3wFlowTight = function (_Component2) {
+  (0, _inherits3['default'])(Easy3wFlowTight, _Component2);
+
+  function Easy3wFlowTight() {
+    var _temp2, _this2, _ret2;
+
+    (0, _classCallCheck3['default'])(this, Easy3wFlowTight);
+
+    for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+
+    return _ret2 = (_temp2 = (_this2 = (0, _possibleConstructorReturn3['default'])(this, _Component2.call.apply(_Component2, [this].concat(args))), _this2), _this2.getFlowData = function (flowData) {
+      var renderFlow = '';
+      var renderTop = '';
+      var renderMid = '';
+      var renderBottom = '';
+      var isDetail = false; // 是否节点标题居上
+      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'])('flowtext2');
+          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 _this2$props = _this2.props,
+          businessId = _this2$props.businessId,
+          processCode = _this2$props.processCode,
+          roleCode = _this2$props.roleCode,
+          flowCurCode = _this2$props.flowCurCode,
+          picTrianglePath = _this2$props.picTrianglePath,
+          flowCurMainCode = _this2$props.flowCurMainCode;
+      // 初始化选中节点
+
+      var initMainCode = '';
+      if (flowLength > 0) {
+        initMainCode = flowCurMainCode || flowData[0].code;
+        var findObj = flowData.find(function (item) {
+          return item.status === '10';
+        });
+        if (findObj) {
+          initMainCode = flowCurMainCode || findObj.code;
+        }
+      }
+      var renderTopTemp = flowData.map(function (flow, index) {
+        var styleflowcircle = (0, _classnames2['default'])(['flowcircle', 'haiergrey']);
+        if (flow.status === '10') {
+          styleflowcircle = flowCurCode.indexOf(flow.code) > -1 ? (0, _classnames2['default'])(['flowcircle-active-haierorange', 'haierorange']) : (0, _classnames2['default'])(['flowcircle', 'haierorange']);
+        } else if (flow.status === '20' || flow.status === '30') {
+          styleflowcircle = flowCurCode.indexOf(flow.code) > -1 ? (0, _classnames2['default'])(['flowcircle-active-haierblue', 'haierblue']) : (0, _classnames2['default'])(['flowcircle', 'haierblue']);
+        }
+        return _react2['default'].createElement(
+          'div',
+          { className: (0, _classnames2['default'])('renderTopTemp' + flowData.length) },
+          _react2['default'].createElement(
+            'div',
+            { className:
+              // 10待处理；20已完成；30已完成可编辑；40未开始；50终止
+              styleflowcircle
+              // flow.status === '10' ? classNames(['flowcircle', 'haierorange']) :
+              //  (
+              //    flow.status === '20' || flow.status === '30' ? classNames(['flowcircle', 'haierblue'])
+              //    : classNames(['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 && flow.children.find(function (item, index, array) {
+          return item.status !== '40';
+        });
+        item = item || (flow.children ? 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 + '&flowCurMainCode=' + (firstItem.mainCode || '1') + '&noReGetFlowFlag=1';
+        var readPage = firstItem.readPage + '?businessId=' + businessId + '&processCode=' + processCode + '&roleCode=' + roleCode + '&flowCurCode=' + firstItem.code + '&flowCurMainCode=' + (firstItem.mainCode || '1') + '&noReGetFlowFlag=1';
+        var handlIngPage = '/inside/SYS/FLOW/route/EFAC0000?businessId=' + businessId + '&processCode=' + processCode + '&roleCode=' + roleCode + '&flowCurCode=' + firstItem.code + '&flowCurMainCode=' + (firstItem.mainCode || '1') + '&noReGetFlowFlag=1';
+        var mainPage = null;
+        var nodeAuthFlag = firstItem.nodeAuthFlag,
+            status = firstItem.status;
+        var mainNodeState = flow.mainNodeState;
+
+        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 finishState = '';
+        if (flow.planDate) {
+          isDetail = true;
+        }
+        // 进行中
+        if (mainNodeState === 'normal') {
+          finishState = _react2['default'].createElement(_badge2['default'], { dot: 'true', className: (0, _classnames2['default'])('normal-style') });
+        }
+        // 延期
+        if (mainNodeState === 'delay') {
+          finishState = _react2['default'].createElement(_badge2['default'], { dot: 'true', className: (0, _classnames2['default'])('delay-style') });
+        }
+        // 按期完成
+        if (mainNodeState === 'onTimeFinish') {
+          finishState = _react2['default'].createElement(_badge2['default'], {
+            count: _react2['default'].createElement(_icon2['default'], { type: 'check-circle', style: { color: '#52c41a', paddingLeft: 12, paddingBottom: 3, fontSize: 12 } })
+          });
+        }
+        // 延期完成
+        if (mainNodeState === 'delayFinish') {
+          finishState = _react2['default'].createElement(_badge2['default'], { count: _react2['default'].createElement(_icon2['default'], { type: 'check-circle', style: { color: '#ea9d4f', paddingLeft: 12, paddingBottom: 3, fontSize: 12 } }) });
+        }
+        if (mainNodeState === 'wait') {
+          finishState = _react2['default'].createElement(_badge2['default'], { dot: 'true', className: (0, _classnames2['default'])('wait-style') });
+        }
+        var defaultMidTitle = _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 _this2.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 || ''
+          )
+        );
+
+        // 显示日期等详细信息
+        var detailMidTitle = _react2['default'].createElement(
+          _tooltip2['default'],
+          {
+            title: _react2['default'].createElement(
+              'div',
+              { style: { minWidth: '150px' } },
+              _react2['default'].createElement(
+                _row2['default'],
+                { wrap: false },
+                _react2['default'].createElement(
+                  _col2['default'],
+                  { span: 10, style: { textAlign: 'right' } },
+                  '\u8BA1\u5212\u65E5\u671F\uFF1A'
+                ),
+                _react2['default'].createElement(
+                  _col2['default'],
+                  { span: 14 },
+                  flow.planDate
+                )
+              ),
+              _react2['default'].createElement(
+                _row2['default'],
+                { wrap: false },
+                _react2['default'].createElement(
+                  _col2['default'],
+                  { span: 10, style: { textAlign: 'right' } },
+                  '\u5B9E\u9645\u65E5\u671F\uFF1A'
+                ),
+                _react2['default'].createElement(
+                  _col2['default'],
+                  { span: 14 },
+                  flow.finishDate
+                )
+              ),
+              _react2['default'].createElement(
+                _row2['default'],
+                { wrap: false },
+                _react2['default'].createElement(
+                  _col2['default'],
+                  { span: 10, style: { textAlign: 'right' } },
+                  '\u8D23\u4EFB\u4EBA\uFF1A'
+                ),
+                _react2['default'].createElement(
+                  _col2['default'],
+                  { span: 14 },
+                  flow.ownerName
+                )
+              )
+            )
+          },
+          _react2['default'].createElement(
+            'div',
+            { className: flow.status === '20' || flow.status === '30' ? (0, _classnames2['default'])('floawt1detail') : flow.status === '10' ? (0, _classnames2['default'])(['floawt1detail', 'bold']) : (0, _classnames2['default'])(['floawt1detail', 'textgrey'])
+            },
+            mainPage ? _react2['default'].createElement(
+              'a',
+              { onClick: function onClick() {
+                  return _this2.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('br', null),
+                _react2['default'].createElement(
+                  'span',
+                  { className: (0, _classnames2['default'])(['planDate-style']) },
+                  flow.planDate,
+                  ' ',
+                  _react2['default'].createElement(
+                    'span',
+                    null,
+                    finishState
+                  )
+                )
+              )
+            ) : _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('br', null),
+              _react2['default'].createElement(
+                'span',
+                { className: (0, _classnames2['default'])(['planDate-style']) },
+                flow.planDate,
+                ' ',
+                _react2['default'].createElement(
+                  'span',
+                  null,
+                  finishState
+                )
+              )
+            )
+          )
+        );
+        return _react2['default'].createElement(
+          'div',
+          { className: styleflowtext },
+          flow.showDateFlag ? detailMidTitle : defaultMidTitle
+        );
+      });
+
+      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 && subFlow.map(function (subItem) {
+        var handlePage = subItem.handlePage + '?businessId=' + businessId + '&processCode=' + processCode + '&roleCode=' + roleCode + '&flowCurCode=' + subItem.code + '&flowCurMainCode=' + (subItem.mainCode || '1') + '&noReGetFlowFlag=1';
+        var readPage = subItem.readPage + '?businessId=' + businessId + '&processCode=' + processCode + '&roleCode=' + roleCode + '&flowCurCode=' + subItem.code + '&flowCurMainCode=' + (subItem.mainCode || '1') + '&noReGetFlowFlag=1';
+        var handlIngPage = '/inside/SYS/FLOW/route/EFAC0000?businessId=' + businessId + '&processCode=' + processCode + '&roleCode=' + roleCode + '&flowCurCode=' + subItem.code + '&flowCurMainCode=' + (subItem.mainCode || '1') + '&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;
+          }
+        }
+
+        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 _this2.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') },
+        isDetail ? _react2['default'].createElement(
+          'div',
+          null,
+          renderMid,
+          renderTop
+        ) : _react2['default'].createElement(
+          'div',
+          null,
+          '  ',
+          renderTop,
+          renderMid,
+          ' '
+        ),
+        subFlowLength > 0 ? renderBottom : ''
+      );
+      return renderFlow;
+    }, _this2.dealURLClick = function (url, flowNode, flowType) {
+      var linkDealFunc = _this2.props.linkDealFunc;
+
+      linkDealFunc(url, flowNode, flowType);
+    }, _temp2), (0, _possibleConstructorReturn3['default'])(_this2, _ret2);
+  }
+
+  // 传入业务ID，角色ID,流程编码,当前打开的节点ID，是否只读  5个参数
+
+
+  Easy3wFlowTight.prototype.render = function render() {
+    var flowData = this.props.flowData;
+
+    var renderFlow = this.getFlowData(flowData);
+    return _react2['default'].createElement(
+      'div',
+      { className: (0, _classnames2['default'])('Easy3wFlowTight') },
+      flowData ? renderFlow : ''
+    );
+  };
+
+  return Easy3wFlowTight;
+}(_react.Component);
+
+Easy3wFlowTight.defaultProps = {
+  flowCurCode: '' };
+Easy3wFlowTight.propTypes = {
+  businessId: _propTypes2['default'].string.isRequired,
+  roleCode: _propTypes2['default'].string.isRequired,
+  processCode: _propTypes2['default'].string.isRequired,
+  flowCurCode: _propTypes2['default'].string
+};
+exports['default'] = projectType === '1' ? Easy3wFlowTight : Easy3wFlow;
 module.exports = exports['default'];