fmui-base 1.0.0

package/lib/process_info/FlowChart.js

@@ -0,0 +1,231 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _Boxs = require('saltui/lib/Boxs');
+
+var _Boxs2 = _interopRequireDefault(_Boxs);
+
+var _Avatar = require('saltui/lib/Avatar');
+
+var _Avatar2 = _interopRequireDefault(_Avatar);
+
+var _db = require('../db/db');
+
+var _db2 = _interopRequireDefault(_db);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var HBox = _Boxs2.default.HBox,
+    Box = _Boxs2.default.Box,
+    VBox = _Boxs2.default.VBox;
+
+var Page = function (_React$Component) {
+  _inherits(Page, _React$Component);
+
+  function Page(props) {
+    _classCallCheck(this, Page);
+
+    var _this = _possibleConstructorReturn(this, (Page.__proto__ || Object.getPrototypeOf(Page)).call(this, props));
+
+    _this.state = {
+      processLogList: []
+    };
+
+    return _this;
+  }
+
+  _createClass(Page, [{
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      var t = this;
+      var taskId = this.props.taskId;
+      var listType = this.props.listType;
+      var processInstanceId = this.props.processInstanceId;
+      var dealwhithId = processInstanceId;
+      if (listType == "0") {
+        dealwhithId = taskId;
+      }
+      _db2.default.FlowModuleAPI.queryFlowChart({ taskId: dealwhithId, listType: listType }).then(function (content) {
+        // var allActivityList = content.allActivityList;//所有的流程节点
+        // var processLogList = content.processLogList;//流程日志
+        //var processLogList = content.processLogList;//流程已办节点
+        var processLogList = content.processLogList;
+        t.setState({
+          processLogList: processLogList
+        });
+      }).catch(function (error) {});
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+
+      var t = this;
+      var index = this.state.index;
+
+      //样式格式化
+      function formatIcon(type) {
+        if (type == 'startevent') {
+          return "iconfont icon-begin";
+        } else if (type == 'endevent') {
+          return "iconfont icon-end";
+        } else if (type == 'usertask') {
+          return "iconfont icon-mine";
+        }
+      }
+
+      //名称
+      function dealactionname(item) {
+        var name = '';
+        if (item.dealactionname) {
+          name += item.dealactionname;
+          if (item.nextactivityname) {
+            name += '至' + item.nextactivityname;
+          }
+        }
+        return name;
+      }
+
+      return _react2.default.createElement(
+        'div',
+        { className: 't-BCf t-PT10 t-PB10 t-PR' },
+        _react2.default.createElement('div', { className: 'dd-process-dec' }),
+        this.state.processLogList.map(function (item, i) {
+          var nameHtml = "";
+          if (item.receivenames != null && item.receivenames != '') {
+            var receivenames = item.receivenames.split('|');
+            var delContent = '（该用户账号已被删除，请联系管理员修改流程）';
+            var delContent1 = '（该用户账号已被删除）';
+            nameHtml = receivenames.map(function (item, index) {
+              var names = item.replace(delContent, '');
+              if (item.indexOf(delContent1) > -1) {
+                names = "";
+              }
+              return _react2.default.createElement(
+                'span',
+                null,
+                index == 0 ? names : "|" + names,
+                _react2.default.createElement(
+                  'i',
+                  { className: item.indexOf(delContent) > -1 ? "t-FCred" : 't-DN' },
+                  delContent
+                ),
+                _react2.default.createElement(
+                  'i',
+                  { className: item.indexOf(delContent1) > -1 ? "t-FCred" : 't-DN' },
+                  delContent1
+                )
+              );
+            });
+          }
+
+          return _react2.default.createElement(
+            HBox,
+            { className: 't-PR' },
+            _react2.default.createElement(
+              Box,
+              { className: 't-W44' },
+              _react2.default.createElement('div', { className: 'dd-border-o dd-Bgreen' })
+            ),
+            _react2.default.createElement(
+              Box,
+              { flex: 1, className: 't-PR t-M10' },
+              _react2.default.createElement(
+                Box,
+                { className: 't-PA', style: { top: "14", left: "-10" } },
+                _react2.default.createElement('img', { src: '../images/triangle.png' })
+              ),
+              _react2.default.createElement(
+                Box,
+                { className: 'dd-boxshow t-R6' },
+                _react2.default.createElement(
+                  Box,
+                  { className: 't-PT16 t-PR16 t-PL16 t-PB4 dd-bottom-border' },
+                  _react2.default.createElement(
+                    Box,
+                    { className: 't-omit' },
+                    item.curactivityname
+                  ),
+                  _react2.default.createElement(
+                    Box,
+                    { className: item.dealaction == 'commit' || item.dealaction == 'pass' || item.dealaction == 'transfer' || item.dealaction == 'addSign' || item.dealaction == 'jump' || item.dealaction == 'end' || item.dealaction == 'cancel' || item.dealaction == 'recall' ? 't-FCgreen t-PT0 t-FS12 t-omit' : item.dealaction == 'back' ? 't-FCred t-PT0 t-FS12 t-omit' : 't-PT0 t-FS12 t-omit' },
+                    dealactionname(item)
+                  )
+                ),
+                _react2.default.createElement(
+                  HBox,
+                  { className: 't-PL14 t-PR14 t-PT10 t-PB10  t-LH1_5', vAlign: 'center' },
+                  _react2.default.createElement(
+                    Box,
+                    { className: 't-MR10' },
+                    _react2.default.createElement(_Avatar2.default, { name: item.dealusername, src: this.state.dealusericon, defaultColor: '#F6BF26' })
+                  ),
+                  _react2.default.createElement(
+                    Box,
+                    { className: 't-PR5', flex: 1 },
+                    _react2.default.createElement(
+                      'div',
+                      { className: 't-omit t-FS16' },
+                      item.dealusername
+                    ),
+                    _react2.default.createElement(
+                      'div',
+                      { className: 't-FS12 t-omit' },
+                      item.dealuserorg
+                    )
+                  ),
+                  _react2.default.createElement(
+                    Box,
+                    { flex: 2 },
+                    _react2.default.createElement(
+                      HBox,
+                      null,
+                      _react2.default.createElement(
+                        Box,
+                        { flex: 1, className: 't-omit' },
+                        item.createdDate
+                      )
+                    )
+                  )
+                ),
+                _react2.default.createElement(
+                  HBox,
+                  { className: item.receivenames == null || item.receivenames == '' ? 't-DN' : 't-PL14 t-PR14 t-PT10 t-PB10 dd-top-border' },
+                  _react2.default.createElement(
+                    Box,
+                    { flex: 1 },
+                    '\u63A5\u6536\u8005'
+                  ),
+                  _react2.default.createElement(
+                    Box,
+                    { flex: 3, className: 't-FAR' },
+                    nameHtml
+                  )
+                )
+              )
+            )
+          );
+        }.bind(this))
+      );
+    }
+  }]);
+
+  return Page;
+}(_react2.default.Component);
+
+exports.default = Page;

package/lib/process_info/RelationProcess.js

@@ -0,0 +1,173 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _Boxs = require('saltui/lib/Boxs');
+
+var _Boxs2 = _interopRequireDefault(_Boxs);
+
+var _AngleRight = require('salt-icon/lib/AngleRight');
+
+var _AngleRight2 = _interopRequireDefault(_AngleRight);
+
+var _db = require('../db/db');
+
+var _db2 = _interopRequireDefault(_db);
+
+var _variables = require('../db/variables');
+
+var _variables2 = _interopRequireDefault(_variables);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var HBox = _Boxs2.default.HBox,
+    Box = _Boxs2.default.Box,
+    VBox = _Boxs2.default.VBox;
+
+var Page = function (_React$Component) {
+  _inherits(Page, _React$Component);
+
+  function Page(props) {
+    _classCallCheck(this, Page);
+
+    var _this = _possibleConstructorReturn(this, (Page.__proto__ || Object.getPrototypeOf(Page)).call(this, props));
+
+    _this.state = {
+      relationList: []
+    };
+
+    return _this;
+  }
+
+  _createClass(Page, [{
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      var t = this;
+      t.setState({
+        relationList: []
+      });
+      var processInstanceId = this.props.processInstanceId;
+      _db2.default.FlowModuleAPI.getRelationProcess({ processInstanceId: processInstanceId }).then(function (content) {
+        t.setState({
+          relationList: content
+        });
+      }).catch(function (error) {});
+    }
+  }, {
+    key: 'clickDetail',
+    value: function clickDetail(item) {
+      var processInstanceId = item.processInstanceId;
+      var formKey = item.formKey;
+      var module = item.module;
+      var url = "process/processDetails/-99/" + formKey + "/-99/-99/0/" + processInstanceId + "/" + module;
+      decodeURI(url);
+      location.hash = url;
+      //location.reload();
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var t = this;
+      return _react2.default.createElement(
+        'div',
+        { className: 't-BCf t-PR', style: { minHeight: 200 + 'px' } },
+        t.state.relationList.map(function (item, i) {
+          return _react2.default.createElement(
+            HBox,
+            { className: 't-BCf t-P16 t-PR12 dd-bottom-border', onClick: t.clickDetail.bind(this, item) },
+            _react2.default.createElement(
+              Box,
+              { flex: 1 },
+              _react2.default.createElement(
+                'div',
+                { className: 't-omit t-FC3 t-FS16 t-LH1_3 t-MR8' },
+                item.title
+              ),
+              _react2.default.createElement(
+                HBox,
+                { className: 't-FCddfontblue-40 t-LH1_3 t-PT8 t-FS14', vAlign: 'center' },
+                _react2.default.createElement(
+                  HBox,
+                  { vAlign: 'center' },
+                  _react2.default.createElement(
+                    Box,
+                    null,
+                    _react2.default.createElement('i', { className: 'iconfont icon-time t-MR4 t-FS14' })
+                  ),
+                  _react2.default.createElement(
+                    Box,
+                    null,
+                    _react2.default.createElement(
+                      'span',
+                      { className: 't-omit t-MR26' },
+                      item.startTime
+                    )
+                  )
+                ),
+                _react2.default.createElement(
+                  HBox,
+                  { flex: 1, vAlign: 'center' },
+                  _react2.default.createElement(
+                    Box,
+                    null,
+                    _react2.default.createElement(
+                      'span',
+                      { className: 't-list-text t-FCoranger t-omit t-MR4' },
+                      item.startUserName
+                    )
+                  )
+                )
+              )
+            ),
+            _react2.default.createElement(
+              Box,
+              null,
+              _react2.default.createElement(_AngleRight2.default, { width: 20, fill: '#ccc', className: 'demo-t-list-arrow' })
+            )
+          );
+        }.bind(this)),
+        _react2.default.createElement(
+          'div',
+          { className: t.state.relationList.length == 0 ? "nodata-wrapper" : "t-DN" },
+          _react2.default.createElement(
+            VBox,
+            { vAlign: 'center', hAlign: 'center', className: 'nodata' },
+            _react2.default.createElement(
+              Box,
+              null,
+              _react2.default.createElement(
+                'div',
+                null,
+                _react2.default.createElement('img', { src: _variables2.default.nodataIcon, alt: '', style: { width: 68 + 'px' } })
+              )
+            ),
+            _react2.default.createElement(
+              Box,
+              { className: 't-FCc' },
+              '\u6682\u65E0\u6570\u636E'
+            )
+          )
+        )
+      );
+    }
+  }]);
+
+  return Page;
+}(_react2.default.Component);
+
+exports.default = Page;

package/lib/process_info/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _processInfo = require('./processInfo');
+
+Object.defineProperty(exports, 'default', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_processInfo).default;
+  }
+});
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }