tplus-member 1.27.1 → 1.27.2

package/dist/views/memberProject/GroupProjectModal.js

@@ -0,0 +1,676 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _regenerator = require('babel-runtime/regenerator');
+
+var _regenerator2 = _interopRequireDefault(_regenerator);
+
+var _asyncToGenerator2 = require('babel-runtime/helpers/asyncToGenerator');
+
+var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
+
+var _Button4 = require('tinper-bee/dist/Button');
+
+var _Button5 = _interopRequireDefault(_Button4);
+
+var _Modal5 = require('tinper-bee/dist/Modal');
+
+var _Modal6 = _interopRequireDefault(_Modal5);
+
+var _Table2 = require('tinper-bee/dist/Table');
+
+var _Table3 = _interopRequireDefault(_Table2);
+
+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 _class, _class2, _temp, _initialiseProps;
+
+require('tinper-bee/dist/Button/index.css');
+
+require('tinper-bee/dist/Modal/index.css');
+
+require('tinper-bee/dist/Table/index.css');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _mobxReact = require('mobx-react');
+
+var _tplusComponentsTouch = require('tplus-components-touch');
+
+var _tplusPoslogin = require('tplus-poslogin');
+
+var _SelectProjectModal = require('./SelectProjectModal');
+
+var _SelectProjectModal2 = _interopRequireDefault(_SelectProjectModal);
+
+var _commonPersonModal = require('../commonPerson/commonPersonModal');
+
+var _commonPersonModal2 = _interopRequireDefault(_commonPersonModal);
+
+require('./memberProject.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (_Component) {
+  (0, _inherits3.default)(_default, _Component);
+
+  function _default(props, context) {
+    (0, _classCallCheck3.default)(this, _default);
+
+    //金额小数精度
+    var _this = (0, _possibleConstructorReturn3.default)(this, (_default.__proto__ || (0, _getPrototypeOf2.default)(_default)).call(this, props, context));
+
+    _initialiseProps.call(_this);
+
+    var amountPrecision = (0, _tplusPoslogin.PosInitData)("AmountPrecision");
+    //金额最大位数 
+    var amountMaxLength = (0, _tplusPoslogin.PosInitData)("AmountMaxLength");
+    var amountPricePrecision = (0, _tplusPoslogin.PosInitData)("PricePrecision");
+    _this.state = {
+      visibleSelectProject: false,
+      selectRowIndex: -1,
+      setState: false,
+      showQuantity: false,
+      isShowType: '',
+      targetRecord: null,
+      amountPrecision: amountPrecision ? parseInt(amountPrecision) : '',
+      amountPricePrecision: amountPricePrecision ? parseInt(amountPricePrecision) : '',
+      amountMaxLength: amountMaxLength ? parseInt(amountMaxLength) : ''
+    };
+    _this.store = stores.memberProjectStore;
+    return _this;
+  }
+
+  /*以下为触发事件*/
+
+
+  //套餐为自定义时，需要实时计算金额
+
+
+  (0, _createClass3.default)(_default, [{
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      var _state = this.state,
+          visibleSelectProject = _state.visibleSelectProject,
+          showModal = _state.showModal,
+          showQuantity = _state.showQuantity,
+          isShowType = _state.isShowType,
+          targetRecord = _state.targetRecord,
+          selectRowIndex = _state.selectRowIndex,
+          amountPrecision = _state.amountPrecision,
+          amountPricePrecision = _state.amountPricePrecision;
+      var visible = this.props.visible;
+
+      var footer = this.footer();
+      var columns = this.getRenderTableColumns();
+      var data = this.getRenderTableDataSource();
+      var commonParams = {
+        title: '储值业务员',
+        showModal: showModal,
+        targetRecord: targetRecord,
+        targetIndex: selectRowIndex,
+        commonColumns: [{ title: '业务员', value: '', type: '', ID: 0 }, { title: '业绩比例%', value: '', type: 'amountNumber', ID: 1 }],
+        ok: function ok() {
+          _this2.setState({
+            showModal: false
+          });
+        },
+        close: function close() {
+          _this2.setState({
+            showModal: false
+          });
+        },
+        propSalesPerson: this.store.salesPerson,
+        currentData: data && data[selectRowIndex]
+      };
+      var pricis = 0;
+
+      return _react2.default.createElement(
+        _tplusComponentsTouch.ModalWraper,
+        {
+          show: visible,
+          animation: true,
+          modalType: 'big',
+          className: 'modal-GroupProjectModal-form',
+          title: '\u9879\u76EE\u5217\u8868',
+          onHide: this.wraperCancel,
+          footer: footer
+        },
+        _react2.default.createElement(
+          'div',
+          { className: 'container' },
+          _react2.default.createElement(
+            'div',
+            { className: 'first' },
+            _react2.default.createElement(
+              _Button5.default,
+              { onClick: this.openSelectProjectModal },
+              '\u9009\u62E9\u9879\u76EE'
+            )
+          ),
+          _react2.default.createElement(
+            'div',
+            { className: 'second' },
+            _react2.default.createElement(_Table3.default, {
+              columns: columns,
+              data: data,
+              scroll: { y: 257 },
+              height: 50,
+              headerHeight: 50,
+              rowClassName: this.getRowClassName,
+              onRowClick: function onRowClick(record, index) {
+                _this2.handleClick(null, 'rowClick', '', record, index);
+              }
+            })
+          ),
+          _react2.default.createElement(
+            _Modal6.default,
+            { centered: true, show: showQuantity, className: 'quantityClass', onHide: this.quantityClose },
+            _react2.default.createElement(
+              _Modal6.default.Header,
+              { closeButton: true, closeButtonProps: { fieldId: 'closeBtn' } },
+              _react2.default.createElement(
+                _Modal6.default.Title,
+                null,
+                isShowType ? '单价' : '次数'
+              )
+            ),
+            _react2.default.createElement(
+              _Modal6.default.Body,
+              null,
+              isShowType ? _react2.default.createElement(_tplusComponentsTouch.KeyboardIntegerInput, {
+                type: 'number2',
+                isPrice: true,
+                handleOk: this.quantityOk,
+                precisionLength: amountPricePrecision,
+                maxLength: 8 + amountPricePrecision
+              }) : _react2.default.createElement(_tplusComponentsTouch.KeyboardIntegerInput, {
+                type: 'number2',
+                isPrice: false,
+                precisionLength: amountPricePrecision,
+                maxLength: 5 + amountPricePrecision,
+                handleOk: this.quantityOk })
+            )
+          ),
+          _react2.default.createElement(_SelectProjectModal2.default, { visible: visibleSelectProject, cancle: this.closeSelectProjectModal, compute: this.computeGroupProject }),
+          _react2.default.createElement(_commonPersonModal2.default, { commonParams: commonParams })
+        )
+      );
+    }
+  }]);
+  return _default;
+}(_react.Component), _initialiseProps = function _initialiseProps() {
+  var _this3 = this;
+
+  this.cancel = function () {
+    _this3.props.cancle();
+    _this3.store.clearMoreProjectList();
+  };
+
+  this.wraperCancel = function () {
+    _this3.cancel();
+    // this.clearParams();
+  };
+
+  this.quantityOk = function (v) {
+    if (!v) {
+      return false;
+    }
+    var _state2 = _this3.state,
+        isShowType = _state2.isShowType,
+        selectRowIndex = _state2.selectRowIndex;
+    var projectList = _this3.store.projectList;
+
+    _this3.setState({
+      showQuantity: false
+    });
+    var arr = [];
+    projectList.map(function (value, index) {
+      if (selectRowIndex === index) {
+        if (isShowType) {
+          value.UnitPrice = parseFloat(v);
+        } else {
+          value.Quantity = parseInt(v);
+        }
+        arr.push(value);
+      } else {
+        arr.push(value);
+      }
+    });
+    // this.store.updateGroupProjectList(arr)
+    _this3.updateGroupProject(arr);
+  };
+
+  this.quantityClose = function () {
+    _this3.setState({
+      showQuantity: false
+    });
+  };
+
+  this.ok = function () {
+    var _ref = _this3.store || {},
+        projectList = _ref.projectList,
+        groupAmount = _ref.groupAmount,
+        isGroup = _ref.isGroup;
+
+    var status = true;
+    projectList.map(function (value) {
+      if (parseInt(value.Quantity) === 0) {
+        status = false;
+      }
+    });
+    if (status) {
+      if (groupAmount.length > 14) {
+        _tplusComponentsTouch.Message.warn("储值金额不允许超过14位！");
+        return false;
+      }
+
+      var _ref2 = _this3.props || {},
+          childCom = _ref2.childCom;
+
+      _this3.store.changeProject(projectList);
+      if (isGroup) {
+        _this3.store.changeAmount(groupAmount);
+        childCom.inputChange(groupAmount, 'child');
+      }
+      _this3.props.cancle();
+      _this3.setState({ selectRowIndex: -1 });
+    } else {
+      _tplusComponentsTouch.Message.warn('项目次数不能为0，请输入次数!');
+    }
+  };
+
+  this.footer = function () {
+    var _ref3 = _this3.store || {},
+        groupQuantity = _ref3.groupQuantity,
+        groupAmount = _ref3.groupAmount,
+        isGroup = _ref3.isGroup;
+    // groupAmount = parseInt(groupAmount).toFixed(2);
+
+
+    var amountPrecision = (0, _tplusPoslogin.PosInitData)("AmountPrecision");
+    amountPrecision = amountPrecision ? parseInt(amountPrecision) : '';
+    return _react2.default.createElement(
+      'div',
+      { className: 'footerContainer' },
+      _react2.default.createElement(
+        'div',
+        { className: 'remark' },
+        _react2.default.createElement(
+          'span',
+          null,
+          '\u5171',
+          groupQuantity,
+          '\u4E2A\u9879\u76EE'
+        ),
+        isGroup && _react2.default.createElement(
+          'span',
+          null,
+          '\xA5',
+          _this3.changeDecimalBuZero(groupAmount, amountPrecision)
+        )
+      ),
+      _react2.default.createElement(
+        _Button5.default,
+        { type: 'cancel', onClick: _this3.cancel },
+        '\u53D6\u6D88'
+      ),
+      _react2.default.createElement(
+        _Button5.default,
+        { type: 'success', onClick: _this3.ok },
+        '\u786E\u5B9A'
+      )
+    );
+  };
+
+  this.clearParams = function () {
+    _this3.setState({ selectRowIndex: -1 });
+    _this3.store.clearGroupProjectParams();
+  };
+
+  this.GetServiceProject = function () {
+    var _ref4 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee(DataSource, Condition, callback) {
+      return _regenerator2.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return _this3.store.GetServiceProject(DataSource, Condition, callback);
+
+            case 2:
+            case 'end':
+              return _context.stop();
+          }
+        }
+      }, _callee, _this3);
+    }));
+
+    return function (_x, _x2, _x3) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+
+  this.openSelectProjectModal = function () {
+    var DataSource = 2;
+    _this3.GetServiceProject(DataSource, '');
+    _this3.setState({ visibleSelectProject: true });
+  };
+
+  this.closeSelectProjectModal = function () {
+    _this3.setState({ visibleSelectProject: false });
+  };
+
+  this.modalClick = function (index, numType) {
+    _this3.setState({
+      showQuantity: true
+    });
+    if (numType) {
+      _this3.setState({
+        isShowType: 'numType'
+      });
+    } else {
+      _this3.setState({
+        isShowType: ''
+      });
+    }
+  };
+
+  this.handleClick = function (_event, type, text, record, index, numType) {
+    switch (type) {
+      case 'rowClick':
+        _this3.rowClick(index);
+        break;
+      case 'del':
+        _this3.delClick(record);
+        _this3.stopPropagation(_event);
+        break;
+      case 'minus':
+        _this3.minusClick(record);
+        _this3.stopPropagation(_event);
+        break;
+      case 'plus':
+        _this3.plusClick(record);
+        _this3.stopPropagation(_event);
+        break;
+      case 'modal':
+        _this3.modalClick(index, numType);
+        break;
+      case 'storesSales':
+        _this3.storesSales(record, index);
+        _this3.stopPropagation(_event);
+        break;
+    }
+  };
+
+  this.rowClick = function (index) {
+    var selectRowIndex = _this3.state.selectRowIndex;
+
+    if (selectRowIndex == index) return;
+    _this3.setState({ selectRowIndex: index });
+  };
+
+  this.delClick = function (item) {
+    var _ref5 = _this3.store || {},
+        projectList = _ref5.projectList;
+
+    var arr = projectList ? projectList.filter(function (v) {
+      return v.ID !== item.ID;
+    }) : [];
+    _this3.updateGroupProject(arr);
+  };
+
+  this.minusClick = function (record) {
+    var Quantity = record.Quantity;
+
+    var arr = [];
+
+    var _ref6 = _this3.store || {},
+        projectList = _ref6.projectList;
+
+    projectList && projectList.map(function (v) {
+      if (record.ID == v.ID) {
+        v.Quantity = Quantity - 1;
+      }
+      arr.push(v);
+    });
+    _this3.updateGroupProject(arr);
+  };
+
+  this.plusClick = function (record) {
+    var Quantity = record.Quantity;
+
+    var arr = [];
+
+    var _ref7 = _this3.store || {},
+        projectList = _ref7.projectList;
+
+    projectList && projectList.map(function (v) {
+      if (record.ID == v.ID) {
+        v.Quantity = Quantity + 1;
+      }
+      arr.push(v);
+    });
+    _this3.updateGroupProject(arr);
+  };
+
+  this.stopPropagation = function (_event) {
+    if (_event && _event.stopPropagation) {
+      _event.stopPropagation();
+    }
+  };
+
+  this.updateGroupProject = function (arr) {
+    _this3.store.changeProjectList(arr);
+    _this3.computeGroupProject();
+  };
+
+  this.getRowClassName = function (record, index) {
+    var selectRowIndex = _this3.state.selectRowIndex;
+
+    if (selectRowIndex == index) {
+      return 'row-selected';
+    } else {
+      return '';
+    }
+  };
+
+  this.storesSales = function (record, index) {
+    _this3.setState({
+      showModal: true,
+      targetRecord: record,
+      selectRowIndex: index
+    });
+    _this3.store.getPersonDTOsByStoreID(record.isShowOtherStore);
+  };
+
+  this.changeDecimalBuZero = function (number, bitNum) {
+    if (bitNum == 0) return number;
+    var f_x = parseFloat(number);
+    if (isNaN(f_x)) {
+      return '';
+    }
+    var newBitNum = Math.pow(10, bitNum);
+    f_x = Math.round(number * newBitNum) / newBitNum;
+    var s_x = f_x.toString();
+    var pos_decimal = s_x.indexOf('.');
+    if (pos_decimal < 0) {
+      pos_decimal = s_x.length;
+      s_x += '.';
+    }
+    while (s_x.length <= pos_decimal + bitNum) {
+      s_x += '0';
+    }
+    return s_x;
+  };
+
+  this.getRenderTableColumns = function () {
+    var _ref8 = _this3.store || true,
+        isGroup = _ref8.isGroup,
+        isNullPackage = _ref8.isNullPackage;
+
+    var arr = [{
+      key: 'Name',
+      dataIndex: 'Name',
+      title: '项目',
+      width: '30%',
+      textAlign: 'left',
+      readOnly: true,
+      render: function render(text, record, index) {
+        return text;
+      }
+    }, {
+      key: 'Quantity',
+      dataIndex: 'Quantity',
+      title: '次数',
+      width: '20%',
+      textAlign: 'center',
+      readOnly: true,
+      render: function render(text, record, index) {
+        var selectRowIndex = _this3.state.selectRowIndex;
+
+        var _ref9 = _this3.store || true,
+            IsLimit = _ref9.IsLimit;
+        // isGroup为true或者没有Quantity，数量不可修改
+
+
+        if (!IsLimit) {
+          return _react2.default.createElement(
+            'span',
+            { className: 'isLimitClass' },
+            '\u65E0\u9650\u6B21'
+          );
+        } else {
+          if (selectRowIndex == index) {
+            return _react2.default.createElement(
+              'div',
+              { className: 'quantity' },
+              _react2.default.createElement(_tplusComponentsTouch.Ticon, { type: 'jianqu', className: 'iconKey', onClick: function onClick(event) {
+                  return _this3.handleClick(event, 'minus', text, record, index);
+                } }),
+              _react2.default.createElement(
+                'span',
+                { onClick: function onClick(e) {
+                    return _this3.handleClick(e, 'modal', text, record, index);
+                  }, className: 'iconText row-cell-pad mouse ' },
+                text
+              ),
+              _react2.default.createElement(_tplusComponentsTouch.Ticon, { type: 'zengjia', className: 'iconKey', onClick: function onClick(event) {
+                  return _this3.handleClick(event, 'plus', text, record, index);
+                } })
+            );
+          } else {
+            return text;
+          }
+        }
+      }
+    }, {
+      key: 'UnitPrice',
+      dataIndex: 'UnitPrice',
+      title: '零售价',
+      width: '20%',
+      textAlign: 'center',
+      readOnly: true,
+      render: function render(text, record, index) {
+        var selectRowIndex = _this3.state.selectRowIndex;
+
+        if (selectRowIndex == index) {
+          var amountPricePrecision = _this3.state.amountPricePrecision;
+
+          return _react2.default.createElement(
+            'div',
+            { className: 'price' },
+            _react2.default.createElement(
+              'span',
+              null,
+              _this3.changeDecimalBuZero(text, amountPricePrecision)
+            )
+          );
+        } else {
+          return text;
+        }
+      }
+    }, {
+      key: 'person',
+      dataIndex: 'person',
+      title: '储值业务员',
+      width: '20%',
+      textAlign: 'center',
+      readOnly: true,
+      render: function render(text, record, index) {
+        return _react2.default.createElement(
+          'a',
+          { href: '#', onClick: function onClick(event) {
+              return _this3.handleClick(event, 'storesSales', text, record, index);
+            } },
+          text
+        );
+      }
+    }, {
+      key: 'del',
+      width: '10%',
+      dataIndex: 'del',
+      title: '',
+      className: 'shanchu',
+      textAlign: 'center',
+      render: function render(text, record, index) {
+        return _react2.default.createElement(_tplusComponentsTouch.Ticon, { type: 'shanchu', onClick: function onClick(event) {
+            return _this3.handleClick(event, 'del', text, record, index);
+          } });
+      }
+    }];
+    return arr;
+  };
+
+  this.getRenderTableDataSource = function () {
+    var lists = _this3.store.projectList;
+    return lists ? lists : [];
+  };
+
+  this.computeGroupProject = function () {
+    var _ref10 = _this3.store || {},
+        projectList = _ref10.projectList;
+
+    var num = 0,
+        total = 0;
+    if (projectList && projectList.length > 0) {
+      projectList.map(function (v) {
+        var Quantity = v.Quantity,
+            UnitPrice = v.UnitPrice;
+
+        total += Quantity * UnitPrice;
+      });
+      num = projectList.length;
+    }
+    _this3.store.changeGroupAmount(total);
+    _this3.store.changeGroupQuantity(num);
+  };
+}, _temp)) || _class;
+
+exports.default = _default;
+//# sourceMappingURL=GroupProjectModal.js.map