fmui-base 2.3.52 → 2.3.54

package/lib/process_info/MessageBoard.js

@@ -0,0 +1,564 @@
+'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 _Toast = require('saltui/lib/Toast');
+
+var _Toast2 = _interopRequireDefault(_Toast);
+
+var _Button = require('saltui/lib/Button');
+
+var _Button2 = _interopRequireDefault(_Button);
+
+var _Dialog = require('saltui/lib/Dialog');
+
+var _Dialog2 = _interopRequireDefault(_Dialog);
+
+var _TextareaField = require('saltui/lib/TextareaField');
+
+var _TextareaField2 = _interopRequireDefault(_TextareaField);
+
+var _Boxs = require('saltui/lib/Boxs');
+
+var _Boxs2 = _interopRequireDefault(_Boxs);
+
+var _Group = require('saltui/lib/Group');
+
+var _Group2 = _interopRequireDefault(_Group);
+
+var _upload = require('../upload/upload');
+
+var _upload2 = _interopRequireDefault(_upload);
+
+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;
+
+/**
+ * 移动端流程留言页签：对齐 PC 附件区 + 留言区
+ */
+
+var MessageBoard = function (_React$Component) {
+  _inherits(MessageBoard, _React$Component);
+
+  function MessageBoard(props) {
+    _classCallCheck(this, MessageBoard);
+
+    var _this = _possibleConstructorReturn(this, (MessageBoard.__proto__ || Object.getPrototypeOf(MessageBoard)).call(this, props));
+
+    _this.state = {
+      messageContent: '',
+      msglist: [],
+      replyDraft: {},
+      replyOpenId: '',
+      attmPreList: [],
+      pendingUploadList: [],
+      uploadKey: 0
+    };
+    return _this;
+  }
+
+  _createClass(MessageBoard, [{
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      this.reloadAll();
+    }
+  }, {
+    key: 'componentDidUpdate',
+    value: function componentDidUpdate(prevProps) {
+      if (prevProps.processInstanceId !== this.props.processInstanceId) {
+        this.reloadAll();
+      }
+    }
+  }, {
+    key: 'getLinkParams',
+    value: function getLinkParams() {
+      return {
+        modelflag: 'flow',
+        linkid: this.props.processInstanceId || ''
+      };
+    }
+  }, {
+    key: 'reloadAll',
+    value: function reloadAll() {
+      if (this.props.enableAttachmentArea === '1') {
+        this.loadAttachment();
+      }
+      if (this.props.enableMessageBoard === '1') {
+        this.loadMessages();
+      }
+    }
+  }, {
+    key: 'loadMessages',
+    value: function loadMessages() {
+      var t = this;
+      var params = this.getLinkParams();
+      if (!params.linkid) {
+        return;
+      }
+      _db2.default.FlowModuleAPI.getMessageReplyInfo(params).then(function (content) {
+        var data = content || {};
+        var msglist = data.msglist || [];
+        var replist = data.replist || [];
+        var withReplies = msglist.map(function (msg) {
+          var replies = replist.filter(function (r) {
+            return String(r.message_id) === String(msg.id);
+          });
+          return Object.assign({}, msg, { replies: replies });
+        });
+        t.setState({
+          msglist: withReplies,
+          replyOpenId: '',
+          replyDraft: {}
+        });
+      }).catch(function () {
+        _Toast2.default.show({ type: 'error', content: '加载留言失败' });
+      });
+    }
+  }, {
+    key: 'loadAttachment',
+    value: function loadAttachment() {
+      var t = this;
+      var params = this.getLinkParams();
+      if (!params.linkid) {
+        return;
+      }
+      _db2.default.FlowModuleAPI.getAttachmentAreaInfo(params).then(function (content) {
+        var data = content || {};
+        t.setState({
+          attmPreList: data.attmPreList || [],
+          pendingUploadList: [],
+          uploadKey: t.state.uploadKey + 1
+        });
+      }).catch(function () {
+        _Toast2.default.show({ type: 'error', content: '加载附件区失败' });
+      });
+    }
+  }, {
+    key: 'onMessageChange',
+    value: function onMessageChange(value) {
+      var text = value || '';
+      if (text.length > 1000) {
+        text = text.substring(0, 1000);
+      }
+      this.setState({ messageContent: text });
+    }
+  }, {
+    key: 'saveMessage',
+    value: function saveMessage() {
+      var t = this;
+      var content = (this.state.messageContent || '').trim();
+      if (!content) {
+        _Toast2.default.show({ type: 'error', content: '请输入留言' });
+        return;
+      }
+      var params = Object.assign({}, this.getLinkParams(), { messageContent: content });
+      _db2.default.FlowModuleAPI.saveMessageReply(params).then(function () {
+        _Toast2.default.show({ type: 'success', content: '添加成功！' });
+        t.setState({ messageContent: '' });
+        t.loadMessages();
+      }).catch(function (err) {
+        _Toast2.default.show({ type: 'error', content: err && err.errorMsg || '添加失败' });
+      });
+    }
+  }, {
+    key: 'toggleReply',
+    value: function toggleReply(msgId) {
+      this.setState({
+        replyOpenId: this.state.replyOpenId === msgId ? '' : msgId
+      });
+    }
+  }, {
+    key: 'onReplyChange',
+    value: function onReplyChange(msgId, value) {
+      var text = value || '';
+      if (text.length > 1000) {
+        text = text.substring(0, 1000);
+      }
+      var draft = Object.assign({}, this.state.replyDraft);
+      draft[msgId] = text;
+      this.setState({ replyDraft: draft });
+    }
+  }, {
+    key: 'saveReply',
+    value: function saveReply(msgId) {
+      var t = this;
+      var replyContent = ((this.state.replyDraft || {})[msgId] || '').trim();
+      if (!replyContent) {
+        _Toast2.default.show({ type: 'error', content: '请先填写留言回复的内容！' });
+        return;
+      }
+      _db2.default.FlowModuleAPI.saveMessageReplyDetails({
+        messageId: msgId,
+        replyContent: replyContent
+      }).then(function () {
+        _Toast2.default.show({ type: 'success', content: '添加成功！' });
+        t.loadMessages();
+      }).catch(function (err) {
+        _Toast2.default.show({ type: 'error', content: err && err.errorMsg || '回复失败' });
+      });
+    }
+  }, {
+    key: 'confirmDelete',
+    value: function confirmDelete(title, onOk) {
+      _Dialog2.default.confirm({
+        locale: 'zh_CN',
+        title: '提示',
+        content: title || '确认删除？',
+        onConfirm: function onConfirm() {
+          if (typeof onOk === 'function') {
+            onOk();
+          }
+        }
+      });
+    }
+  }, {
+    key: 'deleteMessage',
+    value: function deleteMessage(id) {
+      var t = this;
+      this.confirmDelete('确认删除该留言？', function () {
+        _db2.default.FlowModuleAPI.deleteMessageReply({ id: id }).then(function () {
+          _Toast2.default.show({ type: 'success', content: '删除成功' });
+          t.loadMessages();
+        }).catch(function (err) {
+          _Toast2.default.show({ type: 'error', content: err && err.errorMsg || '删除失败' });
+        });
+      });
+    }
+  }, {
+    key: 'deleteReply',
+    value: function deleteReply(id) {
+      var t = this;
+      this.confirmDelete('确认删除该回复？', function () {
+        _db2.default.FlowModuleAPI.deleteMessageReplyDetails({ id: id }).then(function () {
+          _Toast2.default.show({ type: 'success', content: '删除成功' });
+          t.loadMessages();
+        }).catch(function (err) {
+          _Toast2.default.show({ type: 'error', content: err && err.errorMsg || '删除失败' });
+        });
+      });
+    }
+  }, {
+    key: 'onUploadChange',
+    value: function onUploadChange(value) {
+      this.setState({ pendingUploadList: value || [] });
+    }
+  }, {
+    key: 'saveAttachment',
+    value: function saveAttachment() {
+      var t = this;
+      var list = this.state.pendingUploadList || [];
+      if (!list.length) {
+        _Toast2.default.show({ type: 'error', content: '请先添加附件' });
+        return;
+      }
+      var fileids = list.map(function (f) {
+        return f.id;
+      }).filter(Boolean).join('|');
+      if (!fileids) {
+        _Toast2.default.show({ type: 'error', content: '请先添加附件' });
+        return;
+      }
+      var params = Object.assign({}, this.getLinkParams(), {
+        fileids: fileids,
+        attEncrypts: ''
+      });
+      _db2.default.FlowModuleAPI.saveAttachmentArea(params).then(function () {
+        _Toast2.default.show({ type: 'success', content: '保存成功' });
+        t.loadAttachment();
+      }).catch(function (err) {
+        _Toast2.default.show({ type: 'error', content: err && err.errorMsg || '保存失败' });
+      });
+    }
+  }, {
+    key: 'deleteAttachment',
+    value: function deleteAttachment(item) {
+      var t = this;
+      this.confirmDelete('确认删除该附件？', function () {
+        _db2.default.FlowModuleAPI.deleteAttachmentArea({
+          id: item.attmAreaId,
+          fileId: item.id,
+          checksum: item.checksum || ''
+        }).then(function () {
+          _Toast2.default.show({ type: 'success', content: '删除成功' });
+          t.loadAttachment();
+        }).catch(function (err) {
+          _Toast2.default.show({ type: 'error', content: err && err.errorMsg || '删除失败' });
+        });
+      });
+    }
+  }, {
+    key: 'formatMsgDate',
+    value: function formatMsgDate(v) {
+      if (!v) {
+        return '';
+      }
+      if (typeof v === 'string') {
+        return v.length > 16 ? v.substring(0, 16) : v;
+      }
+      return String(v);
+    }
+  }, {
+    key: 'renderAttachmentBlock',
+    value: function renderAttachmentBlock() {
+      var t = this;
+      if (this.props.enableAttachmentArea !== '1') {
+        return null;
+      }
+      var attmList = this.state.attmPreList || [];
+      return _react2.default.createElement(
+        'div',
+        { className: 't-MB12' },
+        _react2.default.createElement(
+          'div',
+          { className: 't-PL16 t-PR16 t-PT12 t-PB8 t-FS15 t-FC3' },
+          '\u9644\u4EF6\u533A\uFF08',
+          attmList.length,
+          '\uFF09'
+        ),
+        _react2.default.createElement(
+          _Group2.default.List,
+          null,
+          _react2.default.createElement(
+            'div',
+            { className: 't-PL16 t-PR16 t-PB12' },
+            _react2.default.createElement(_upload2.default, {
+              key: 'msgAttUpload_' + t.state.uploadKey,
+              required: false,
+              canAdd: true,
+              canDel: true,
+              initList: [],
+              initIds: '',
+              dir: 'messageboard',
+              onChange: function onChange(value) {
+                t.onUploadChange(value);
+              },
+              onDel: function onDel(value) {
+                t.onUploadChange(value);
+              }
+            }),
+            _react2.default.createElement(
+              'div',
+              { className: 't-TR t-MT10' },
+              _react2.default.createElement(
+                _Button2.default,
+                { type: 'primary', size: 'small', display: 'inline', onClick: t.saveAttachment.bind(t) },
+                '\u6DFB\u52A0\u9644\u4EF6'
+              )
+            )
+          )
+        ),
+        attmList.map(function (item, idx) {
+          return _react2.default.createElement(
+            'div',
+            { key: 'attm_' + (item.attmAreaId || item.id || idx), className: 't-BCf t-PL16 t-PR16 t-PT12 t-PB12 dd-bottom-border' },
+            _react2.default.createElement(
+              HBox,
+              { vAlign: 'center' },
+              _react2.default.createElement(
+                Box,
+                { flex: 1, className: 't-FS14 t-FC3 t-omit' },
+                item.name || '附件'
+              ),
+              item.canDelete ? _react2.default.createElement(
+                Box,
+                null,
+                _react2.default.createElement(
+                  'span',
+                  { className: 't-FCred t-FS14', onClick: t.deleteAttachment.bind(t, item) },
+                  '\u5220\u9664'
+                )
+              ) : null
+            ),
+            _react2.default.createElement(
+              'div',
+              { className: 't-FS12 t-FCddfontblue-40 t-MT6' },
+              (item.createdBy || '') + ' ' + t.formatMsgDate(item.createdDate)
+            )
+          );
+        })
+      );
+    }
+  }, {
+    key: 'renderMessageBlock',
+    value: function renderMessageBlock() {
+      var t = this;
+      if (this.props.enableMessageBoard !== '1') {
+        return null;
+      }
+      var msglist = this.state.msglist || [];
+      return _react2.default.createElement(
+        'div',
+        null,
+        _react2.default.createElement(
+          'div',
+          { className: 't-PL16 t-PR16 t-PT12 t-PB8 t-FS15 t-FC3' },
+          '\u7559\u8A00\u533A\uFF08',
+          msglist.length,
+          '\uFF09'
+        ),
+        _react2.default.createElement(
+          _Group2.default.List,
+          null,
+          _react2.default.createElement(
+            'div',
+            { className: 't-PL16 t-PR16 t-PB12' },
+            _react2.default.createElement(_TextareaField2.default, {
+              label: '',
+              minRows: 3,
+              maxRows: 6,
+              placeholder: '\u8BF7\u8F93\u5165\u7559\u8A00',
+              value: t.state.messageContent,
+              onChange: t.onMessageChange.bind(t)
+            }),
+            _react2.default.createElement(
+              'div',
+              { className: 't-TR t-MT10' },
+              _react2.default.createElement(
+                _Button2.default,
+                { type: 'primary', size: 'small', display: 'inline', onClick: t.saveMessage.bind(t) },
+                '\u6DFB\u52A0\u7559\u8A00'
+              )
+            )
+          )
+        ),
+        msglist.map(function (msg) {
+          var replies = msg.replies || [];
+          var open = t.state.replyOpenId === msg.id;
+          return _react2.default.createElement(
+            'div',
+            { key: 'msg_' + msg.id, className: 't-BCf t-PL16 t-PR16 t-PT12 t-PB12 dd-bottom-border t-MB8' },
+            _react2.default.createElement(
+              HBox,
+              { vAlign: 'center' },
+              _react2.default.createElement(
+                Box,
+                { flex: 1, className: 't-FS13 t-FCddfontblue-40' },
+                (msg.msgusername || '') + ' ' + t.formatMsgDate(msg.msgdate) + ' 留言'
+              ),
+              msg.canDelete ? _react2.default.createElement(
+                Box,
+                null,
+                _react2.default.createElement(
+                  'span',
+                  { className: 't-FCred t-FS14', onClick: t.deleteMessage.bind(t, msg.id) },
+                  '\u5220\u9664'
+                )
+              ) : null
+            ),
+            _react2.default.createElement(
+              'div',
+              { className: 't-FS15 t-FC3 t-MT8', style: { wordBreak: 'break-all' } },
+              msg.message_content
+            ),
+            _react2.default.createElement(
+              'div',
+              { className: 't-TR t-MT8' },
+              _react2.default.createElement(
+                'span',
+                { className: 'theme-color t-FS14', onClick: t.toggleReply.bind(t, msg.id) },
+                '\u56DE\u590D'
+              )
+            ),
+            open ? _react2.default.createElement(
+              'div',
+              { className: 't-MT8' },
+              _react2.default.createElement(_TextareaField2.default, {
+                label: '',
+                minRows: 2,
+                maxRows: 5,
+                placeholder: '\u8BF7\u8F93\u5165\u56DE\u590D\u5185\u5BB9',
+                value: (t.state.replyDraft || {})[msg.id] || '',
+                onChange: function onChange(v) {
+                  t.onReplyChange(msg.id, v);
+                }
+              }),
+              _react2.default.createElement(
+                'div',
+                { className: 't-TR t-MT8' },
+                _react2.default.createElement(
+                  _Button2.default,
+                  { type: 'primary', size: 'small', display: 'inline', onClick: t.saveReply.bind(t, msg.id) },
+                  '\u63D0\u4EA4'
+                )
+              )
+            ) : null,
+            replies.map(function (rep) {
+              return _react2.default.createElement(
+                'div',
+                { key: 'rep_' + rep.id, className: 't-MT10 t-PL12', style: { borderLeft: '2px solid #e5e5e5' } },
+                _react2.default.createElement(
+                  HBox,
+                  { vAlign: 'center' },
+                  _react2.default.createElement(
+                    Box,
+                    { flex: 1, className: 't-FS12 t-FCddfontblue-40' },
+                    (rep.repusername || '') + ' ' + t.formatMsgDate(rep.repdate)
+                  ),
+                  rep.canDelete ? _react2.default.createElement(
+                    Box,
+                    null,
+                    _react2.default.createElement(
+                      'span',
+                      { className: 't-FCred t-FS12', onClick: t.deleteReply.bind(t, rep.id) },
+                      '\u5220\u9664'
+                    )
+                  ) : null
+                ),
+                _react2.default.createElement(
+                  'div',
+                  { className: 't-FS14 t-FC3 t-MT4', style: { wordBreak: 'break-all' } },
+                  rep.reply_content
+                )
+              );
+            })
+          );
+        }),
+        msglist.length === 0 ? _react2.default.createElement(
+          VBox,
+          { vAlign: 'center', hAlign: 'center', className: 't-PT40 t-PB40' },
+          _react2.default.createElement(
+            Box,
+            { className: 't-FCddfontblue-40 t-FS14' },
+            '\u6682\u65E0\u7559\u8A00'
+          )
+        ) : null
+      );
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      return _react2.default.createElement(
+        'div',
+        { className: 't-BCf7', style: { minHeight: 200 } },
+        this.renderAttachmentBlock(),
+        this.renderMessageBlock()
+      );
+    }
+  }]);
+
+  return MessageBoard;
+}(_react2.default.Component);
+
+exports.default = MessageBoard;