fmui-base 2.2.85 → 2.2.87

package/lib/tblform/FlowCommentPane.js

@@ -0,0 +1,252 @@
+'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 _List = require('../comment_list/List');
+
+var _List2 = _interopRequireDefault(_List);
+
+var _CheckboxField = require('saltui/lib/CheckboxField');
+
+var _CheckboxField2 = _interopRequireDefault(_CheckboxField);
+
+var _TextareaField = require('saltui/lib/TextareaField');
+
+var _TextareaField2 = _interopRequireDefault(_TextareaField);
+
+var _FoldablePane = require('saltui/lib/FoldablePane');
+
+var _FoldablePane2 = _interopRequireDefault(_FoldablePane);
+
+var _Slot = require('saltui/lib/Slot');
+
+var _Slot2 = _interopRequireDefault(_Slot);
+
+var _Boxs = require('saltui/lib/Boxs');
+
+var _Boxs2 = _interopRequireDefault(_Boxs);
+
+var _upload = require('../upload/upload');
+
+var _upload2 = _interopRequireDefault(_upload);
+
+var _table = require('../form/table');
+
+var _table2 = _interopRequireDefault(_table);
+
+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; } /**
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * 流程批示意见区块（默认意见、退回意见等），与 TblForm 纯表单分离使用
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                */
+
+
+var HBox = _Boxs2.default.HBox;
+
+var FlowCommentPane = function (_BaseTable) {
+  _inherits(FlowCommentPane, _BaseTable);
+
+  function FlowCommentPane() {
+    _classCallCheck(this, FlowCommentPane);
+
+    return _possibleConstructorReturn(this, (FlowCommentPane.__proto__ || Object.getPrototypeOf(FlowCommentPane)).apply(this, arguments));
+  }
+
+  _createClass(FlowCommentPane, [{
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      var t = this;
+      return _react2.default.createElement(
+        'div',
+        null,
+        _react2.default.createElement('div', { className: t.props.commentBackList && t.props.commentBackList.length > 0 ? 't-H10 t-BCf7' : 't-DN' }),
+        _react2.default.createElement(
+          'div',
+          { className: t.props.commentBackList && t.props.commentBackList.length > 0 ? '' : 't-DN' },
+          _react2.default.createElement(
+            HBox,
+            { className: 't-field-box' },
+            _react2.default.createElement(
+              'div',
+              { className: 't-field-layout-h-label' },
+              '\u9000\u56DE\u610F\u89C1'
+            ),
+            _react2.default.createElement(
+              'div',
+              { className: 't-PT10 t-FB1' },
+              _react2.default.createElement(_List2.default, {
+                list: t.props.commentBackList,
+                isCaUser: t.props.isCaUser,
+                caFirm: t.props.caFirm,
+                caESignatureName: t.props.caESignatureName,
+                caFormSign: t.props.caFormSign
+              })
+            )
+          )
+        ),
+        _react2.default.createElement('div', { className: t.props.commentDefaultList && t.props.commentDefaultList.length > 0 || t.props.commentField === 'default' ? 't-H10 t-BCf7' : 't-DN' }),
+        _react2.default.createElement(
+          'div',
+          { className: t.props.commentDefaultList && t.props.commentDefaultList.length > 0 || t.props.commentField === 'default' ? '' : 't-DN' },
+          _react2.default.createElement(
+            HBox,
+            { className: 'flex-comment default-comment t-field-box' },
+            _react2.default.createElement(
+              'div',
+              { className: 't-field-layout-h-label t-FBJ' },
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u6279\u793A\u610F\u89C1'
+              )
+            ),
+            _react2.default.createElement(
+              'div',
+              { className: 't-PT10 t-FB1' },
+              t.props.commentDefaultList && t.props.commentDefaultList.length > 0 ? _react2.default.createElement(_List2.default, {
+                list: t.props.commentDefaultList,
+                isCaUser: t.props.isCaUser,
+                caFirm: t.props.caFirm,
+                caESignatureName: t.props.caESignatureName,
+                caFormSign: t.props.caFormSign
+              }) : '',
+              _react2.default.createElement(
+                'div',
+                { className: t.props.commentField === 'default' ? 't-PL10 t-PR10' : 't-DN' },
+                _react2.default.createElement(
+                  'div',
+                  { className: 'theme-color t-P6 commonwords' },
+                  _react2.default.createElement(
+                    'div',
+                    { onClick: this.selectCommonwords.bind(this) },
+                    '\u5E38\u7528\u8BED'
+                  ),
+                  _react2.default.createElement(
+                    'div',
+                    {
+                      className: t.props.inscriptionShow && typeof t.props.inscriptionShow !== 'undefined' && t.props.inscriptionShow.indexOf('seal') !== -1 ? '' : 't-DN',
+                      onClick: this.selectCommentSeal.bind(this)
+                    },
+                    '\u7B7E\u540D\u5370\u7AE0'
+                  ),
+                  _react2.default.createElement(
+                    'div',
+                    {
+                      className: t.props.commentAttitude === '1' || t.props.commentAttitude === '2' ? '' : 't-DN',
+                      onClick: this.selectAttitude.bind(this)
+                    },
+                    '\u6001\u5EA6'
+                  ),
+                  _react2.default.createElement(
+                    'div',
+                    { onClick: this.skipToCommonwordsSet.bind(this) },
+                    '\u7F16\u8F91'
+                  )
+                ),
+                _react2.default.createElement(_TextareaField2.default, {
+                  readOnly: false,
+                  minRows: 5,
+                  maxRows: 10,
+                  placeholder: '\u8BF7\u8F93\u5165\u6279\u793A\u610F\u89C1',
+                  value: this.state.spyj,
+                  onChange: this.changeSpyj1.bind(this)
+                }),
+                _react2.default.createElement(
+                  'div',
+                  { className: t.props.commentUpload === '1' ? '' : 't-DN' },
+                  _react2.default.createElement(_upload2.default, {
+                    ref: 'upload_default',
+                    canAdd: true,
+                    dir: t.props.module,
+                    fileSizeLimit: 0,
+                    canDel: true,
+                    limitNo: 5,
+                    initList: this.state.commentInitList,
+                    onChange: function onChange(value) {
+                      _this2.changeSpyj4(_this2, value);
+                    },
+                    onDel: function onDel(value) {
+                      t.changeSpyj4(_this2, value);
+                    }
+                  })
+                ),
+                _react2.default.createElement(_CheckboxField2.default, {
+                  className: t.props.hasCommentField === '1' ? '' : 't-DN',
+                  data: this.state.savePhraseList,
+                  mode: 'list',
+                  onChange: this.selectSavePhrase.bind(this),
+                  required: false
+                }),
+                _react2.default.createElement(
+                  _FoldablePane2.default,
+                  { foldHeight: 0, isFold: this.state.fold },
+                  _react2.default.createElement(
+                    'div',
+                    { className: 'phrase-list' },
+                    this.state.phraseListNew.length > 0 ? this.state.phraseListNew.map(function (item) {
+                      return _react2.default.createElement(
+                        'div',
+                        {
+                          key: item.value,
+                          className: 'phrase-item',
+                          onClick: this.phraseItemClick.bind(this, item.value)
+                        },
+                        item.value
+                      );
+                    }.bind(this)) : ''
+                  )
+                ),
+                _react2.default.createElement(
+                  _FoldablePane2.default,
+                  { foldHeight: 0, isFold: this.state.atfold },
+                  _react2.default.createElement(
+                    'div',
+                    { className: 'phrase-list' },
+                    this.state.attitudeList.length > 0 ? this.state.attitudeList.map(function (item) {
+                      return _react2.default.createElement(
+                        'div',
+                        {
+                          key: item.value,
+                          className: 'phrase-item',
+                          onClick: this.phraseItemClick.bind(this, item.value)
+                        },
+                        item.value
+                      );
+                    }.bind(this)) : ''
+                  )
+                ),
+                _react2.default.createElement(_Slot2.default, {
+                  ref: 'slotCommentSeal',
+                  data: this.state.signatureList,
+                  value: this.state.chooseSignature,
+                  title: '\u9009\u62E9\u7B7E\u540D\u5370\u7AE0',
+                  onConfirm: this.handleConfirmCommentSeal.bind(this),
+                  onChange: this.handleChangeCommentSeal.bind(this)
+                })
+              )
+            )
+          )
+        )
+      );
+    }
+  }]);
+
+  return FlowCommentPane;
+}(_table2.default);
+
+exports.default = FlowCommentPane;