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

pos module

'use strict';

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

var _regenerator = require('babel-runtime/regenerator');

var _regenerator2 = _interopRequireDefault(_regenerator);

var _asyncToGenerator2 = require('babel-runtime/helpers/asyncToGenerator');

var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);

var _extends2 = require('babel-runtime/helpers/extends');

var _extends3 = _interopRequireDefault(_extends2);

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 _Table2 = require('tinper-bee/dist/Table');

var _Table3 = _interopRequireDefault(_Table2);

var _dec, _class, _class3, _class4, _temp;

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

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

var _propTypes2 = _interopRequireDefault(_propTypes);

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

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

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

var _pageStores = require('../../../pageStores');

var _cloneDeep = require('lodash/cloneDeep');

var _cloneDeep2 = _interopRequireDefault(_cloneDeep);

var _multiSelect = require('bee-table/build/lib/multiSelect.js');

var _multiSelect2 = _interopRequireDefault(_multiSelect);

var _AuthProcess = require('../../../domain/retail/auth/AuthProcess');

require('./style.less');

var _uiCommon = require('../../../util/uiCommon');

var _uiCommon2 = _interopRequireDefault(_uiCommon);

var _viewModel = require('../../../pageStores/WithoutVoucherStore/viewModel');

var _viewModel2 = _interopRequireDefault(_viewModel);

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

var MultiSelectTable = (0, _multiSelect2.default)(_Table3.default, function () {
  return null;
});

/* 金额等 保留两位小数 */
var format = function format(columns) {
  columns.forEach(function (el, index) {
    el.render = function (text, record, index) {
      var textValue = text;
      if ('decimal' in el) {
        textValue = !isNaN(text) ? text.toFixed(el.decimal) : text;
      }
      return _react2.default.createElement(
        'div',
        { title: textValue, className: el.FieldName == 'Memo' ? 'td-memo' : 'td-cell', style: 'width' in el ? { width: el.width + 'px' } : {} },
        textValue
      );
    };
  });
};
var NestedTable = (_dec = (0, _mutantsAppfx.injectViewModel)('Voucher'), _dec(_class = (0, _mutantsMicrofx.observer)(_class = function (_Component) {
  (0, _inherits3.default)(NestedTable, _Component);

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

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

    _this.expandedRowRender = function (record, index, indent) {
      var innerColumns = _this.props.innerColumns;

      var voucherVM = _this.props.viewModel;
      var voucherVMColumns = voucherVM.columns.map(function (el) {
        return (0, _extends3.default)({}, el);
      });
      voucherVMColumns.forEach(function (el) {
        el.width = 164;
        if ('quick' in el) el.quick = false;
      });
      innerColumns = innerColumns.concat(voucherVMColumns);
      var innderData = record.data;
      return _react2.default.createElement(_tplusComponentsTouch.TouchTable, {
        className: 'withoutVoucher-child',
        columns: innerColumns,
        autoScroll: true,
        dataSource: innderData,
        height: '24',
        headerHeight: '32px',
        delRow: false
      });
    };

    _this.haveExpandIcon = function (record, index) {
      //控制是否显示行展开icon，该参数只有在和expandedRowRender同时使用才生效
      if (index == 0) {
        return true;
      }
      return false;
    };

    _this.rowClick = function (record, index, indent) {
      var rowClick = _this.props.rowClick;

      rowClick(record, index, indent);
    };

    return _this;
  }
  // getData=(expanded, record)=>{
  //    //当点击展开的时候才去请求数据
  //    this.setState({});
  // }


  (0, _createClass3.default)(NestedTable, [{
    key: 'render',
    value: function render() {
      var _props = this.props,
          outColumns = _props.outColumns,
          data = _props.data,
          targetIndex = _props.targetIndex;

      var controllerEvent = this.controllerEvent;
      data = data || [];
      return _react2.default.createElement(MultiSelectTable
      // className={hotKey.hotKeyBindClass('3', 'withoutVoucher-father')}  不知道为什么要设置hotkeyId=3  权限配置并没有
      , { className: 'withoutVoucher-father',
        columns: outColumns,
        data: data,
        expandedRowRender: this.expandedRowRender,
        height: '50px',
        scroll: { y: 310 },
        rowClassName: function rowClassName(record, index, indent) {
          if (targetIndex == index) {
            return 'selected';
          } else {
            return '';
          }
        },
        headerScroll: false,
        onRowClick: this.rowClick,
        collapsedIcon: _react2.default.createElement(_tplusComponentsTouch.Ticon, { type: 'shouqi', className: 'hotRegion' }),
        expandedIcon: _react2.default.createElement(_tplusComponentsTouch.Ticon, { type: 'zhankai-', className: 'hotRegion' })
      });
    }
  }]);
  return NestedTable;
}(_react.Component)) || _class) || _class);

var WithoutVoucherModal = (0, _mutantsMicrofx.observer)(_class3 = (_temp = _class4 = function (_Component2) {
  (0, _inherits3.default)(WithoutVoucherModal, _Component2);

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

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

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

    return _this2;
  }

  (0, _createClass3.default)(WithoutVoucherModal, [{
    key: 'ok',
    value: function () {
      var _ref = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee() {
        var controllerEvent, targetIndex, hide;
        return _regenerator2.default.wrap(function _callee$(_context) {
          while (1) {
            switch (_context.prev = _context.next) {
              case 0:
                controllerEvent = this.controllerEvent;
                targetIndex = _pageStores.withoutVoucherStore.targetIndex, hide = _pageStores.withoutVoucherStore.hide;
                _context.next = 4;
                return controllerEvent('loadVoucher', { targetIndex: targetIndex });

              case 4:
                hide();

              case 5:
              case 'end':
                return _context.stop();
            }
          }
        }, _callee, this);
      }));

      function ok() {
        return _ref.apply(this, arguments);
      }

      return ok;
    }()
  }, {
    key: 'render',
    value: function render() {
      var _this4 = this;

      var visible = _pageStores.withoutVoucherStore.visible,
          hide = _pageStores.withoutVoucherStore.hide,
          deleteRow = _pageStores.withoutVoucherStore.deleteRow;

      var controllerEvent = this.controllerEvent;

      var _ref2 = _mutantsUtil.platform || {},
          isHorizontalPad = _ref2.isHorizontalPad,
          isHorizontalSunMi = _ref2.isHorizontalSunMi;

      var outColumns = _pageStores.withoutVoucherStore.outColumns,
          targetIndex = _pageStores.withoutVoucherStore.targetIndex,
          data = _pageStores.withoutVoucherStore.data,
          innerColumns = _pageStores.withoutVoucherStore.innerColumns,
          rowClick = _pageStores.withoutVoucherStore.rowClick;

      outColumns = (0, _cloneDeep2.default)(outColumns);

      /* 金额等 保留两位小数 */
      format(outColumns);
      if (outColumns[outColumns.length - 1]) {
        outColumns[outColumns.length - 1].render = function (text, record, index) {
          var _this3 = this;

          return _react2.default.createElement(
            'div',
            { className: 'quick' },
            _react2.default.createElement(
              'div',
              { className: 'delete', style: {} },
              text,
              _react2.default.createElement(_tplusComponentsTouch.Ticon, { type: 'shanchu', className: 'hotRegion', onClick: function onClick() {
                  _tplusComponentsTouch.ModalWraper.confirm({
                    title: "温馨提示",
                    content: '本地缓存数据，清除后无法找回，是否确认？',
                    okText: '确定',
                    okType: 'warning',
                    onOk: function () {
                      var _ref3 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee2() {
                        var status;
                        return _regenerator2.default.wrap(function _callee2$(_context2) {
                          while (1) {
                            switch (_context2.prev = _context2.next) {
                              case 0:
                                status = _AuthProcess.AuthProcess.execute('ReverseOperation');

                                if (!status) {
                                  controllerEvent('authorityValidate', {
                                    callback: function callback(result) {
                                      if (result) {
                                        deleteRow(text, record, index);
                                        controllerEvent('clearWithoutVoucherData', { index: index });
                                      }
                                    }
                                  });
                                } else {
                                  deleteRow(text, record, index);
                                  controllerEvent('clearWithoutVoucherData', { index: index });
                                }

                              case 2:
                              case 'end':
                                return _context2.stop();
                            }
                          }
                        }, _callee2, _this3);
                      }));

                      return function onOk() {
                        return _ref3.apply(this, arguments);
                      };
                    }(),
                    onCancel: function onCancel() {}
                  });
                } })
            ),
            !isHorizontalPad && !isHorizontalSunMi && _react2.default.createElement(
              'div',
              { className: 'print' },
              _react2.default.createElement(_tplusComponentsTouch.Ticon, { type: 'dayinji', className: 'hotRegion',
                onClick: function onClick() {
                  controllerEvent('printWithoutVoucherData', { index: index });
                }
              })
            )
          );
        };
      }

      var childProps = { outColumns: outColumns, targetIndex: targetIndex, data: data, innerColumns: innerColumns, rowClick: rowClick };
      if (!visible) return null;
      return _react2.default.createElement(
        _tplusComponentsTouch.ModalWraper,
        {
          show: visible,
          animation: true,
          modalType: 'big',
          ok: function ok() {
            _this4.ok();
          },
          cancel: hide,
          title: '\u89E3\u6302',
          className: _tplusComponentsTouch.hotKey.hotKeyBindClass('2')
        },
        _react2.default.createElement(NestedTable, childProps)
      );
    }
  }]);
  return WithoutVoucherModal;
}(_react.Component), _class4.contextTypes = {
  router: _propTypes2.default.object,
  onEvent: _propTypes2.default.func,
  onAction: _propTypes2.default.func,
  stores: _propTypes2.default.object,
  viewModel: _propTypes2.default.object
}, _temp)) || _class3;

exports.default = WithoutVoucherModal;
//# sourceMappingURL=index.js.map