tplus-pos/dist/components/modalWraperPosTouch/batchlist/index.js

pos module

'use strict';

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

var _Button2 = require('tinper-bee/dist/Button');

var _Button3 = _interopRequireDefault(_Button2);

var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');

var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);

var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');

var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);

var _createClass2 = require('babel-runtime/helpers/createClass');

var _createClass3 = _interopRequireDefault(_createClass2);

var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');

var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);

var _inherits2 = require('babel-runtime/helpers/inherits');

var _inherits3 = _interopRequireDefault(_inherits2);

var _dec, _class, _class2, _temp;

require('tinper-bee/dist/Button/index.css');

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _mobx = require('mobx');

var _tplusComponentsTouch = require('tplus-components-touch');

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _mutantsMicrofx = require('mutants-microfx');

var _mutantsAppfx = require('mutants-appfx');

var _mutantsUtil = require('mutants-util');

require('./style.less');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var BatchModal = (_dec = (0, _mutantsAppfx.injectViewModel)('BatchModal'), _dec(_class = (0, _mutantsMicrofx.observer)(_class = (_temp = _class2 = function (_Component) {
  (0, _inherits3.default)(BatchModal, _Component);

  function BatchModal(props, context) {
    (0, _classCallCheck3.default)(this, BatchModal);

    var _this = (0, _possibleConstructorReturn3.default)(this, (BatchModal.__proto__ || (0, _getPrototypeOf2.default)(BatchModal)).call(this, props, context));

    _this.controllerEvent = function (methodName, methodArgs) {
      _this.context.onEvent({ 'controllerEvent': _mutantsAppfx.Action.fromJS(_this.context.viewModel, methodName) }, 'controllerEvent', methodArgs);
    };

    _this.componentDidMount = function () {
      // 初始化选中第一行
      // this.props.viewModel.changeTargetIndex({index:0});
    };

    _this.rowClick = function (type, index, record, fieldName, column) {
      if (!record) return;
      //业务逻辑
      switch (type) {
        case 'click':
          {
            _this.props.viewModel.changeTargetIndex({ index: index });
            break;
          }
        case 'update':
          {
            _this.controllerEvent('batchUpdate', { index: index, record: record });
            break;
          }
        case 'updateField':
          _this.controllerEvent('batchUpdateFlow', { index: index, record: record, fieldName: fieldName, column: column });
          break;
      }
    };

    return _this;
  }

  (0, _createClass3.default)(BatchModal, [{
    key: 'renderHead',
    value: function renderHead() {
      var head = this.props.viewModel.head;

      if (!head) return null;
      return _react2.default.createElement(
        'div',
        { className: 'modal-head-left' },
        head.map(function (el, index) {
          return _react2.default.createElement(
            'span',
            { key: index },
            _react2.default.createElement(
              'span',
              { className: 'modal-head-title' },
              el.Title
            ),
            ':\xA0',
            _react2.default.createElement(
              'span',
              { className: 'modal-head-value' },
              el.Value
            )
          );
        })
      );
    }
  }, {
    key: 'render',
    value: function render() {
      var _this2 = this;

      var _ref = _mutantsUtil.platform || {},
          isHorizontalPad = _ref.isHorizontalPad;

      var _props$viewModel = this.props.viewModel,
          _ok = _props$viewModel.ok,
          _cancel = _props$viewModel.cancel,
          selectBatchView = _props$viewModel.selectBatchView,
          batchsData = _props$viewModel.batchsData,
          batchWrite = _props$viewModel.batchWrite,
          selectVisible = _props$viewModel.selectVisible,
          cancelEnable = _props$viewModel.cancelEnable,
          targetIndex = _props$viewModel.targetIndex;
      //Touch 的datasource 需要使用原始的js类型  否则会破坏监听效果

      var tableDataSource = (0, _mobx.toJS)(batchsData);
      if (targetIndex == -1) {
        this.props.viewModel.changeTargetIndex({ index: 0 });
      }
      var voucherDefaultPosMode = _mutantsMicrofx.localStore && _mutantsMicrofx.localStore.get('voucherDefaultPosMode') || 'touch';
      return _react2.default.createElement(
        'div',
        null,
        _react2.default.createElement(
          _tplusComponentsTouch.ModalWraper,
          {
            key: 'batch',
            show: selectVisible,
            modalType: 'big',
            title: '\u9009\u62E9\u6279\u6B21',
            className: _tplusComponentsTouch.hotKey.hotKeyBindClass('8', 'modal-batchlist'),
            cancel: function cancel() {
              _cancel();
            },
            ok: function ok() {
              _ok();
            }
            // footer= {<div>
            //       <Button disabled={!cancelEnable} type="cancel" onClick={()=>{cancel()}}>取消</Button>
            //       <Button type="success"  onClick={()=>{ ok()  }}> 确定</Button>
            //   </div>}
          },
          _react2.default.createElement(
            'div',
            { className: 'modal-batchlist-content' },
            _react2.default.createElement(
              'div',
              { className: 'modal-head' },
              _react2.default.createElement(
                _Button3.default,
                { className: 'modal-head-right', style: { float: 'right' }, onClick: batchWrite },
                '\u6279\u53F7\u5F55\u5165'
              ),
              this.renderHead()
            ),
            _react2.default.createElement(
              'div',
              { className: 'modal-body' },
              _react2.default.createElement(_tplusComponentsTouch.TouchTable, {
                delRow: false,
                dataSource: tableDataSource,
                columns: selectBatchView,
                rowIndex: targetIndex,
                rowClick: function rowClick(type, index, record, fieldName, column) {
                  console.log('record=======', record);_this2.rowClick(type, index, record, fieldName, column);
                }
              })
            ),
            voucherDefaultPosMode == 'voucher' && !isHorizontalPad ? _react2.default.createElement(
              'div',
              { className: 'modal-footer' },
              '\u2191\u2193\u65B9\u5411\u952E\uFF1A\u9009\u62E9\u6279\u53F7\u3001F6\uFF1A\u6279\u53F7\u5F55\u5165'
            ) : null
          )
        )
      );
    }
  }]);
  return BatchModal;
}(_react.Component), _class2.contextTypes = {
  viewModel: _propTypes2.default.object,
  onEvent: _propTypes2.default.func,
  onAction: _propTypes2.default.func
}, _temp)) || _class) || _class);
exports.default = BatchModal;
//# sourceMappingURL=index.js.map