qm-bus/lib/UploadBox/components/protocol-panel.js

千米公有云业务组件库

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _button = require('antd/lib/button');

var _button2 = _interopRequireDefault(_button);

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; }; }();

require('../index.less');

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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 ProtocolPanel = function (_React$Component) {
  _inherits(ProtocolPanel, _React$Component);

  function ProtocolPanel() {
    _classCallCheck(this, ProtocolPanel);

    return _possibleConstructorReturn(this, (ProtocolPanel.__proto__ || Object.getPrototypeOf(ProtocolPanel)).apply(this, arguments));
  }

  _createClass(ProtocolPanel, [{
    key: 'render',
    value: function render() {
      var _this2 = this;

      return _react2.default.createElement(
        'div',
        { className: 'upload-picture-library modal-body-main' },
        _react2.default.createElement(
          'div',
          { className: 'upload-box-protocol' },
          _react2.default.createElement(
            'div',
            { className: 'title' },
            _react2.default.createElement(
              'strong',
              null,
              '\u5A92\u4F53\u7D20\u6750\u4E0A\u4F20\u670D\u52A1\u534F\u8BAE'
            )
          ),
          _react2.default.createElement(
            'div',
            { className: 'content' },
            _react2.default.createElement(
              'p',
              { className: 'item' },
              '\u60A8\u597D\uFF0C\u4E3A\u4FDD\u969C\u60A8\u7684\u6743\u76CA\uFF0C\u7EF4\u62A4\u5343\u7C73\u5E73\u53F0\u7684\u6B63\u5E38\u79E9\u5E8F\u3002\u60A8\u5728\u6C5F\u82CF\u5343\u7C73\u7F51\u7EDC\u79D1\u6280\u80A1\u4EFD\u6709\u9650\u516C\u53F8\uFF08\u4EE5\u4E0B\u7EDF\u79F0\u201C\u5343\u7C73\u201D\uFF09\u5E73\u53F0\u5236\u4F5C\u3001\u53D1\u5E03\u548C\u4F20\u64AD\u7684\u7D20\u6750\uFF08\u5305\u62EC\u56FE\u7247\u3001\u89C6\u9891\u3001\u5F55\u50CF\u7B49\uFF0C\u4EE5\u4E0B\u6216\u79F0\u201C\u4F5C\u54C1\u201D\uFF09\u65F6\u5E94\u4E25\u683C\u9075\u5B88\u672C\u89C4\u5219\uFF0C\u5728\u4F7F\u7528\u672C\u670D\u52A1\u4E4B\u524D\uFF0C\u8BF7\u60A8\u4ED4\u7EC6\u9605\u8BFB\u5E76\u786E\u8BA4\u5982\u4E0B\u5185\u5BB9\uFF1A'
            ),
            _react2.default.createElement(
              'p',
              { className: 'item' },
              '1\u3001\u60A8\u5E94\u4FDD\u8BC1\u60A8\u5F55\u5236\u6216\u4F7F\u7528\u5343\u7C73\u4EA7\u54C1\u670D\u52A1',
              _react2.default.createElement(
                'strong',
                null,
                '\u4E0A\u4F20\u3001\u4F20\u64AD\u7684\u5185\u5BB9\u4E0D\u8FDD\u53CD\u6CD5\u5F8B\u6CD5\u89C4\u7684\u89C4\u5B9A\uFF0C\u4E0D\u5305\u542B\u66B4\u529B\u3001\u8272\u60C5\u3001\u53CD\u52A8\u7B49\u4E00\u5207\u8FDD\u6CD5\u6216\u4E0D\u826F\u56E0\u7D20\uFF0C\u540C\u65F6\u4E0D\u4FB5\u72AF\u4EFB\u4F55\u7B2C\u4E09\u4EBA\u7684\u4EFB\u4F55\u5408\u6CD5\u6743\u5229\u3002'
              )
            ),
            _react2.default.createElement(
              'p',
              { className: 'item' },
              '2\u3001\u60A8\u5E94\u4FDD\u8BC1\u60A8\u5BF9\u5236\u4F5C/\u4E0A\u4F20/\u4F20\u64AD\u7684\u4F5C\u54C1\u4EAB\u6709\u5408\u6CD5\u6743\u5229\uFF0C\u60A8\u5BF9\u60A8\u7684\u5236\u4F5C\u3001\u4E0A\u4F20\u3001\u4F20\u64AD\u884C\u4E3A\u72EC\u7ACB\u627F\u62C5\u6CD5\u5F8B\u8D23\u4EFB\u3002',
              _react2.default.createElement(
                'strong',
                null,
                '\u5982\u60A8\u63D0\u4F9B\u7684\u4F5C\u54C1\u5BFC\u81F4\u5343\u7C73\u6216\u5176\u5173\u8054\u516C\u53F8\u906D\u53D7\u6709\u5173\u4F5C\u54C1\u548C\u5185\u5BB9\u6216\u5176\u4ED6\u5408\u6CD5\u6743\u76CA\u7684\u4E89\u8BAE\u6216\u8005\u7D22\u8D54\uFF0C\u6216\u53D7\u5230\u76F8\u5173\u653F\u5E9C\u90E8\u95E8\u7684\u4EFB\u4F55\u5F62\u5F0F\u7684\u5904\u7F5A\u6216\u627F\u62C5\u4EFB\u4F55\u5F62\u5F0F\u7684\u8D23\u4EFB\uFF0C\u60A8\u5E94\u627F\u62C5\u7531\u6B64\u4EA7\u751F\u7684\u5168\u90E8\u6CD5\u5F8B\u8D23\u4EFB\u5E76\u4F7F\u5343\u7C73\u53CA\u5176\u5173\u8054\u516C\u53F8\u514D\u8D23\u3002'
              )
            ),
            _react2.default.createElement(
              'p',
              { className: 'item' },
              '3\u3001\u60A8\u540C\u610F\u6388\u4E88',
              _react2.default.createElement(
                'strong',
                null,
                '\u5343\u7C73\u5BF9\u4E0A\u8FF0\u4F5C\u54C1\u548C\u5185\u5BB9\u5728\u5168\u7403\u8303\u56F4\u5185\u7684\u514D\u8D39\u3001\u4E0D\u53EF\u64A4\u9500\u7684\u3001\u65E0\u9650\u671F\u7684\u3001\u5E76\u4E14\u53EF\u8F6C\u8BA9\u7684\u975E\u72EC\u5BB6\u4F7F\u7528\u6743\u8BB8\u53EF\uFF0C\u5343\u7C73\u6709\u6743\u6839\u636E\u9700\u8981\u4F20\u64AD\u3001\u5C55\u793A\u53CA\u63A8\u5E7F\u4E0A\u8FF0\u4F5C\u54C1\u548C\u5185\u5BB9\u3002'
              )
            ),
            _react2.default.createElement(
              'p',
              { className: 'item' },
              '4\u3001',
              _react2.default.createElement(
                'strong',
                null,
                '\u5343\u7C73\u4E0D\u4FDD\u8BC1\u60A8\u6240\u6709\u7684\u4E0A\u4F20\u5185\u5BB9\u80FD\u591F\u901A\u8FC7\u5343\u7C73\u5E73\u53F0\u5BA1\u6838\u800C\u4E3A\u5176\u4ED6\u7528\u6237\u6240\u83B7\u53D6\u3001\u6D4F\u89C8\uFF0C\u4E5F\u65E0\u6CD5\u4EE5\u4E13\u4E1A\u7B2C\u4E09\u65B9\u7684\u80FD\u529B\u5BF9\u60A8\u4E0A\u4F20\u3001\u4F20\u64AD\u7684\u6240\u6709\u5185\u5BB9\u8FDB\u884C\u76D1\u6D4B\u548C\u5BA1\u6838\uFF0C\u4F46\u5343\u7C73\u4FDD\u7559\u6839\u636E\u56FD\u5BB6\u6CD5\u5F8B\u3001\u6CD5\u89C4\u7684\u8981\u6C42\u5BF9\u60A8\u4E0A\u4F20\u3001\u4F20\u64AD\u7684\u5185\u5BB9\u8FDB\u884C\u4E0D\u5B9A\u65F6\u62BD\u67E5\u7684\u6743\u5229\uFF0C\u5E76\u6709\u6743\u5728\u4E0D\u4E8B\u5148\u901A\u77E5\u7684\u60C5\u51B5\u4E0B\u79FB\u9664\u8FDD\u6CD5\u3001\u4FB5\u6743\u7684\u4F5C\u54C1\u3002\u6B64\u6761\u7684\u89C4\u5B9A\u5E76\u4E0D\u6392\u9664\u60A8\u5BF9\u4E0A\u4F20\u5185\u5BB9\u7684\u5408\u6CD5\u6027\u62C5\u4FDD\uFF08\u5305\u542B\u4F46\u4E0D\u9650\u4E8E\u7248\u6743\u5408\u6CD5\uFF09\uFF0C\u4EA6\u975E\u8868\u660E\u5343\u7C73\u6709\u8D23\u4EFB\u53CA\u80FD\u529B\u5224\u65AD\u60A8\u4E0A\u4F20\u4F5C\u54C1\u7684\u7248\u6743\u5F52\u5C5E\u3002\u7531\u6B64\u4EA7\u751F\u7684\u6CD5\u5F8B\u8D23\u4EFB\u5E94\u7531\u60A8\u72EC\u81EA\u627F\u62C5\u3002'
              )
            ),
            _react2.default.createElement(
              'p',
              { className: 'item' },
              '5\u3001\u5343\u7C73\u5982\u8BA4\u4E3A\u60A8\u4E0A\u4F20/\u4F20\u64AD\u7684\u5185\u5BB9\u8FDD\u53CD\u6CD5\u5F8B\u89C4\u5B9A\u6216\u5343\u7C73\u5E73\u53F0\u8981\u6C42\uFF0C\u6709\u6743\u6309\u7167\u6CD5\u5F8B\u89C4\u5B9A\u6216\u5343\u7C73\u5E73\u53F0\u89C4\u5219\u8FDB\u884C\u5904\u7406\uFF08\u5305\u62EC\u4F46\u4E0D\u9650\u4E8E\u5BF9\u8BE5\u7B49\u5185\u5BB9\u8FDB\u884C\u5220\u9664\u6216\u4FEE\u6539\uFF09\u3002'
            )
          )
        ),
        _react2.default.createElement(
          'div',
          { className: 'modal-footer-main' },
          _react2.default.createElement(
            _button2.default,
            { size: 'large', type: 'primary', onClick: function onClick() {
                return _this2.props.switchView('upload');
              } },
            '\u77E5\u9053\u4E86'
          )
        )
      );
    }
  }]);

  return ProtocolPanel;
}(_react2.default.Component);

exports.default = ProtocolPanel;