tplus-member 1.27.1 → 1.27.2

package/dist/views/memberDeduction/MemberDeductionView.js

@@ -0,0 +1,837 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _Modal5 = require('tinper-bee/dist/Modal');
+
+var _Modal6 = _interopRequireDefault(_Modal5);
+
+var _Button4 = require('tinper-bee/dist/Button');
+
+var _Button5 = _interopRequireDefault(_Button4);
+
+var _Table2 = require('tinper-bee/dist/Table');
+
+var _Table3 = _interopRequireDefault(_Table2);
+
+var _FormControl2 = require('tinper-bee/dist/FormControl');
+
+var _FormControl3 = _interopRequireDefault(_FormControl2);
+
+var _promise = require('babel-runtime/core-js/promise');
+
+var _promise2 = _interopRequireDefault(_promise);
+
+var _Icon2 = require('tinper-bee/dist/Icon');
+
+var _Icon3 = _interopRequireDefault(_Icon2);
+
+var _getIterator2 = require('babel-runtime/core-js/get-iterator');
+
+var _getIterator3 = _interopRequireDefault(_getIterator2);
+
+var _regenerator = require('babel-runtime/regenerator');
+
+var _regenerator2 = _interopRequireDefault(_regenerator);
+
+var _asyncToGenerator2 = require('babel-runtime/helpers/asyncToGenerator');
+
+var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
+
+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;
+
+require('tinper-bee/dist/Modal/index.css');
+
+require('tinper-bee/dist/Button/index.css');
+
+require('tinper-bee/dist/Table/index.css');
+
+require('tinper-bee/dist/FormControl/index.css');
+
+require('tinper-bee/dist/Icon/index.css');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _mutantsMicrofx = require('mutants-microfx');
+
+var _tplusComponentsTouch = require('tplus-components-touch');
+
+var _utils = require('../../utils');
+
+var _tplusPoslogin = require('tplus-poslogin');
+
+var _mutantsUtil = require('mutants-util');
+
+var _trim2 = require('lodash/trim');
+
+var _trim3 = _interopRequireDefault(_trim2);
+
+var _commonPersonModal = require('../commonPerson/commonPersonModal');
+
+var _commonPersonModal2 = _interopRequireDefault(_commonPersonModal);
+
+require('./memberDeduction.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var photo = 'https://newretail.static.chanjet.com/default_avatar.png';
+
+var MemberDeductionView = (0, _mutantsMicrofx.observer)(_class = function (_React$Component) {
+    (0, _inherits3.default)(MemberDeductionView, _React$Component);
+
+    function MemberDeductionView(props) {
+        var _this2 = this;
+
+        (0, _classCallCheck3.default)(this, MemberDeductionView);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (MemberDeductionView.__proto__ || (0, _getPrototypeOf2.default)(MemberDeductionView)).call(this, props));
+
+        _this.GetServiceProjectPackageAndDetail = function () {
+            var _ref = (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 _this.store.GetServiceProjectPackageAndDetail(DataSource, Condition, callback);
+
+                            case 2:
+                            case 'end':
+                                return _context.stop();
+                        }
+                    }
+                }, _callee, _this2);
+            }));
+
+            return function (_x, _x2, _x3) {
+                return _ref.apply(this, arguments);
+            };
+        }();
+
+        _this.getLocalStoreParam = function (fieldname) {
+            var data = _mutantsMicrofx.localStore.get('setting_setData') || [];
+            data = data.filter(function (item) {
+                return item.Name === fieldname;
+            });
+            return data && data.length > 0 ? data.shift().Value : null;
+        };
+
+        _this.renderOther = function (text, record, index, item) {
+            //增加宽度是为了控制超出之后显示省略号。
+            return _react2.default.createElement(
+                'div',
+                { className: 'row-cell-div row-cell-pad', style: { width: '100%' } },
+                text
+            );
+        };
+
+        _this.getRenderColumns = function (cols) {
+            var _ref2 = _this.state || {},
+                targetIndex = _ref2.targetIndex;
+
+            if (cols && cols.length > 0) {
+                var _iteratorNormalCompletion = true;
+                var _didIteratorError = false;
+                var _iteratorError = undefined;
+
+                try {
+                    for (var _iterator = (0, _getIterator3.default)(cols), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                        var item = _step.value;
+
+                        if (item.controlType === 'NumTextBox') {
+                            item.render = function (text, record, index) {
+                                var targetIndex = _this.state.targetIndex;
+
+                                if (targetIndex == index) {
+                                    return _react2.default.createElement(
+                                        'div',
+                                        { className: 'selectedCell' },
+                                        _react2.default.createElement(_tplusComponentsTouch.Ticon, { type: 'jianqu', className: 'iconKey', onClick: function onClick(e) {
+                                                return _this.handleClick(e, 'minus', record, index);
+                                            } }),
+                                        _react2.default.createElement(
+                                            'span',
+                                            { className: 'iconText row-cell-pad mouse}' },
+                                            text
+                                        ),
+                                        _react2.default.createElement(_tplusComponentsTouch.Ticon, { type: 'zengjia', className: 'iconKey', onClick: function onClick(e) {
+                                                return _this.handleClick(e, 'plus', record, index);
+                                            } })
+                                    );
+                                } else {
+                                    return text;
+                                }
+                            };
+                        } else if (item.controlType === 'addBtnBox') {
+                            item.render = function (text, record, index) {
+                                return record.person ? _react2.default.createElement(
+                                    'span',
+                                    { className: 'addPersonClass', onClick: function onClick() {
+                                            _this.addPerson(record, index);
+                                        } },
+                                    record.person
+                                ) : _react2.default.createElement(
+                                    _Button5.default,
+                                    { shape: 'border', colors: 'info', onClick: function onClick() {
+                                            _this.addPerson(record, index);
+                                        } },
+                                    _react2.default.createElement(_Icon3.default, { type: 'uf-plus', className: (targetIndex === index ? "addPersonBlue" : "") + ' addPersonClass' })
+                                );
+                            };
+                        } else if (item.controlType === 'SameName') {
+                            item.render = function (text, record, index) {
+                                var obj = {
+                                    children: text,
+                                    props: {}
+                                };
+
+                                var count = 0;
+                                // dataSource.map((value) => {
+                                //     if (value.ServiceProjectDetail && value.ServiceProjectDetail.length > 1) {
+                                //         if (index === count) {
+                                //             obj.props.rowSpan = value.ServiceProjectDetail.length
+                                //         }
+                                //         count = value.ServiceProjectDetail.length
+                                //     } else {
+                                //         count += 1;
+                                //     }
+                                // })
+
+                                // })
+                                // if (index === 2) {
+                                //     obj.props.rowSpan = 2;
+                                // }
+                                return obj;
+                            };
+                        } else if (item.controlType === 'PackageIsLimit') {
+                            item.render = function (text, record, index) {
+                                return !record.PackageIsLimit ? _react2.default.createElement(
+                                    'span',
+                                    { className: 'isLimitClass' },
+                                    '\u65E0\u9650\u6B21'
+                                ) : _react2.default.createElement(
+                                    'span',
+                                    { className: 'text' },
+                                    text
+                                );
+                            };
+                            // PackageIsLimit
+                        }
+                    }
+                } catch (err) {
+                    _didIteratorError = true;
+                    _iteratorError = err;
+                } finally {
+                    try {
+                        if (!_iteratorNormalCompletion && _iterator.return) {
+                            _iterator.return();
+                        }
+                    } finally {
+                        if (_didIteratorError) {
+                            throw _iteratorError;
+                        }
+                    }
+                }
+            }
+        };
+
+        _this.modalClick = function () {
+            _this.setState({
+                showQuantity: true
+            });
+        };
+
+        _this.plusClick = function (record, index, add) {
+            // if (record.ExpirationDate && new Date().getTime() >= new Date(record.ExpirationDate).getTime()) {
+            //     Message.warn('该卡已失效');
+            //     return false
+            // }
+            var thisUse = record.thisUse,
+                ProjectSplusTimes = record.ProjectSplusTimes,
+                ProjectSplusAmount = record.ProjectSplusAmount,
+                ProjectBuyTimes = record.ProjectBuyTimes,
+                ProjectUsedTimes = record.ProjectUsedTimes;
+
+            var status = false,
+                isServiceFee = false;
+            var arr = [];
+
+            var _ref3 = _this.store || {},
+                selectDeductionList = _ref3.selectDeductionList;
+
+            var CommissionAmount = void 0,
+                Percentage = void 0;
+            if (!record.PackageIsLimit) {
+                selectDeductionList && selectDeductionList.map(function (v, newIndex) {
+                    if (index === newIndex) {
+                        v.thisUse = thisUse + 1;
+                    }
+                    arr.push(v);
+                });
+            } else {
+
+                if (add && thisUse !== 0) {
+                    return false;
+                }
+                if (!record.PackageIsLimit) {
+                    if (selectDeductionList[index].ProjectSplusTimes === 0) return false;
+                }
+                if (ProjectSplusTimes === 0) {
+                    return false;
+                }
+
+                selectDeductionList && selectDeductionList.map(function (v, newIndex) {
+                    if (index === newIndex) {
+                        v.thisUse = thisUse + 1;
+                        if (record.PackageIsLimit) {
+                            v.ProjectSplusTimes = ProjectSplusTimes - 1;
+                            if (v.ProjectServicerPerfRate) {
+                                status = true;
+                                CommissionAmount = _this.store.changeDecimalBuZero(ProjectSplusAmount * v.thisUse / (ProjectBuyTimes - ProjectUsedTimes), 2);
+                                Percentage = _this.store.changeDecimalBuZero(CommissionAmount * 100 / ProjectSplusAmount, 2);
+                            }
+                        }
+                    }
+                    arr.push(v);
+                });
+            }
+            _this.updateDeduction(arr, index, CommissionAmount, Percentage, status);
+        };
+
+        _this.minusClick = function (record, index) {
+            var thisUse = record.thisUse,
+                ProjectSplusTimes = record.ProjectSplusTimes,
+                ProjectSplusAmount = record.ProjectSplusAmount,
+                ProjectBuyTimes = record.ProjectBuyTimes,
+                ProjectUsedTimes = record.ProjectUsedTimes;
+
+            var status = false;
+            var arr = [];
+
+            var _ref4 = _this.store || {},
+                selectDeductionList = _ref4.selectDeductionList;
+
+            var CommissionAmount = void 0,
+                Percentage = void 0;
+            if (!record.PackageIsLimit) {
+                selectDeductionList && selectDeductionList.map(function (v, newIndex) {
+                    if (index === newIndex) {
+                        v.thisUse = thisUse - 1;
+                    }
+                    arr.push(v);
+                });
+            } else {
+                if (ProjectSplusTimes === ProjectBuyTimes) {
+                    return false;
+                }
+                selectDeductionList && selectDeductionList.map(function (v, newIndex) {
+                    if (index === newIndex) {
+                        v.thisUse = thisUse - 1;
+                        if (record.PackageIsLimit) {
+                            v.ProjectSplusTimes = ProjectSplusTimes + 1;
+                            if (v.ProjectServicerPerfRate) {
+                                status = true;
+                                CommissionAmount = _this.store.changeDecimalBuZero(ProjectSplusAmount * v.thisUse / (ProjectBuyTimes - ProjectUsedTimes), 2);
+                                Percentage = _this.store.changeDecimalBuZero(CommissionAmount * 100 / ProjectSplusAmount, 2);
+                            }
+                        }
+                    }
+                    arr.push(v);
+                });
+            }
+            _this.updateDeduction(arr, index, CommissionAmount, Percentage, status);
+        };
+
+        _this.updateDeduction = function (arr, index, CommissionAmount, Percentage) {
+            _this.store.changeDeductionList(arr, index, CommissionAmount, Percentage);
+        };
+
+        _this.handleClick = function (_event, type) {
+            for (var _len = arguments.length, rest = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+                rest[_key - 2] = arguments[_key];
+            }
+
+            var lists = _this.props.dataSource;
+            switch (type) {
+                case 'rowClick':
+                    _this.rowClick(index);
+                    break;
+                case 'del':
+                    _this.delClick.apply(_this, [lists].concat(rest));
+                    _this.stopPropagation(_event);
+                    break;
+                case 'minus':
+                    _this.minusClick.apply(_this, rest);
+                    break;
+                case 'plus':
+                    _this.plusClick.apply(_this, rest);
+                    break;
+                case 'modal':
+                    _this.modalClick.apply(_this, rest);
+                    break;
+            }
+        };
+
+        _this.addPerson = function (record, index) {
+            _this.setState({
+                showModal: true,
+                targetRecord: record,
+                targetIndex: index
+            });
+            _this.store.getPersonDTOsByStoreID(record.isShowOtherStore);
+            _this.store.setDefaultPercent(index);
+        };
+
+        _this.changeDecimalMul = function (a, b) {
+            var c = 0,
+                d = a.toString(),
+                e = b.toString();
+            try {
+                c += d.split(".")[1].length;
+            } catch (f) {}
+            try {
+                c += e.split(".")[1].length;
+            } catch (f) {}
+            return Number(d.replace(".", "")) * Number(e.replace(".", "")) / Math.pow(10, c);
+        };
+
+        _this.close = function () {
+            _this.setState({
+                showModal: false
+            });
+        };
+
+        _this.ok = function () {
+            _this.setState({
+                showQuantity: false
+            });
+        };
+
+        _this.cancelDeduction = function () {
+            // this.store.cancelData();
+            _this.store.clearDeduction();
+            _mutantsMicrofx.stores.modalRouter.hide('/memberdeduction');
+        };
+
+        _this.confirmDeduction = function () {
+            var _ref5 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee2(status) {
+                return _regenerator2.default.wrap(function _callee2$(_context2) {
+                    while (1) {
+                        switch (_context2.prev = _context2.next) {
+                            case 0:
+                                if (status) {
+                                    _mutantsMicrofx.stores.modalRouter.hide('/memberdeduction');
+                                    _this.inputPwd();
+                                    _this.inputPwd.input.focus();
+                                } else {
+                                    _this.store.ConsumeByPost();
+                                }
+
+                            case 1:
+                            case 'end':
+                                return _context2.stop();
+                        }
+                    }
+                }, _callee2, _this2);
+            }));
+
+            return function (_x4) {
+                return _ref5.apply(this, arguments);
+            };
+        }();
+
+        _this.quantityClose = function () {
+            _this.setState({
+                showQuantity: false
+            });
+        };
+
+        _this.getDeductionData = function (storages) {
+            storages.map(function (value) {
+                value.ProjectSplusAmount = value.ProjectBuyTimes - value.ProjectUsedTimes;
+                value.ExpirationDate = (0, _utils.dateFormat)(value.ExpirationDate);
+            });
+            return storages;
+        };
+
+        _this.validePwd = function () {
+            var _ref6 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee3(value) {
+                var result;
+                return _regenerator2.default.wrap(function _callee3$(_context3) {
+                    while (1) {
+                        switch (_context3.prev = _context3.next) {
+                            case 0:
+                                _context3.next = 2;
+                                return _this.store.validePwd(value);
+
+                            case 2:
+                                result = _context3.sent;
+
+                                if (result == "") {
+                                    //成功
+                                    //返回
+                                    _this.store.ConsumeByPost();
+                                } else {
+                                    _this.state.inputPwdfunc();
+                                    _this.inputPwd.input.focus();
+                                    _tplusComponentsTouch.Message.error(result);
+                                }
+
+                            case 4:
+                            case 'end':
+                                return _context3.stop();
+                        }
+                    }
+                }, _callee3, _this2);
+            }));
+
+            return function (_x5) {
+                return _ref6.apply(this, arguments);
+            };
+        }();
+
+        _this.fKeyboardOnOk = function () {
+            var input = _this['inputPwd'].input;
+            return function (e) {
+                input && input.blur();
+                _tplusComponentsTouch.Keyboard.close();
+            };
+        };
+
+        _this.fKeyboardOnClose = function () {
+            var input = _this['inputPwd'].input;
+            return function (e) {
+                input && input.blur();
+                _tplusComponentsTouch.Keyboard.close();
+            };
+        };
+
+        _this.inputPwd = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee4() {
+            var _ref8, isHorizontalPad, isHorizontalSunMi, isHorizontalSunMi1, isMobileEnvironment1, that;
+
+            return _regenerator2.default.wrap(function _callee4$(_context4) {
+                while (1) {
+                    switch (_context4.prev = _context4.next) {
+                        case 0:
+                            _ref8 = _mutantsUtil.platform || {}, isHorizontalPad = _ref8.isHorizontalPad, isHorizontalSunMi = _ref8.isHorizontalSunMi;
+                            isHorizontalSunMi1 = !!isHorizontalSunMi;
+                            isMobileEnvironment1 = !!isHorizontalPad || !!isHorizontalSunMi;
+                            that = _this;
+                            return _context4.abrupt('return', new _promise2.default(function (resolve, reject) {
+                                var modal = (0, _tplusComponentsTouch.modalShower)({
+                                    onPressEnter: function onPressEnter() {
+                                        _tplusComponentsTouch.Keyboard.close();
+                                        var v = (0, _trim3.default)(that['inputPwd']['input']['value']);
+                                        // if (v !== '') {
+                                        modal.destroy();
+
+                                        that.validePwd(v);
+                                        // } else {
+                                        //   Message.info('请输入密码');
+                                        //   throw "error";
+                                        // }
+                                    },
+                                    onPressEsc: function onPressEsc() {
+                                        _tplusComponentsTouch.Keyboard.close();
+                                        reject('cancelpwd');
+                                    },
+                                    maskClosable: false,
+                                    keyboard: false,
+                                    closable: true,
+                                    title: '请输入密码',
+                                    width: 450,
+                                    className: isHorizontalSunMi1 || !isMobileEnvironment1 ? 'pwdModal' : 'pwdModal extraHeight',
+                                    // 储值卡结账时显示为密码框
+                                    content: _react2.default.createElement(
+                                        'div',
+                                        { className: 'scanInput' },
+                                        _react2.default.createElement(
+                                            'div',
+                                            { className: 'pwd' },
+                                            _react2.default.createElement(
+                                                'span',
+                                                { className: 'label' },
+                                                '\u4F1A\u5458\u652F\u4ED8\u5BC6\u7801\uFF1A'
+                                            ),
+                                            _react2.default.createElement(
+                                                'span',
+                                                null,
+                                                _react2.default.createElement(_FormControl3.default, {
+                                                    type: 'password',
+                                                    className: 'content',
+                                                    style: { marginLeft: '5px' },
+                                                    placeholder: '\u8F93\u5165\u5BC6\u7801',
+                                                    ref: function ref(input) {
+                                                        return that['inputPwd'] = input;
+                                                    },
+                                                    onFocus: function onFocus(e) {
+                                                        var inputTarget = that['inputPwd'].input;
+                                                        _tplusComponentsTouch.Keyboard.open(function (v) {
+                                                            var value = _tplusComponentsTouch.Keyboard.getNewValue(inputTarget, inputTarget.value, v);
+                                                            inputTarget.value = value;
+                                                        }, that.fKeyboardOnOk(), that.fKeyboardOnClose())();
+                                                    },
+                                                    onBlur: function onBlur(e) {
+                                                        _tplusComponentsTouch.Keyboard.close();
+                                                    }
+                                                })
+                                            )
+                                        ),
+                                        _react2.default.createElement(
+                                            'div',
+                                            { className: 'buttonRegion' },
+                                            _react2.default.createElement(
+                                                'div',
+                                                { className: 'fr' },
+                                                _react2.default.createElement(
+                                                    'button',
+                                                    {
+                                                        type: 'button',
+                                                        className: 'ant-btn ant-btn-lg', onClick: function onClick() {
+                                                            modal.destroy();
+                                                            that.cancelDeduction();
+                                                            reject('cancelpwd'); //
+                                                        } },
+                                                    '\u53D6\u6D88'
+                                                ),
+                                                _react2.default.createElement(
+                                                    'button',
+                                                    {
+                                                        type: 'button',
+                                                        className: 'ant-btn ant-btn-primary ant-btn-lg', onClick: function onClick() {
+                                                            var v = (0, _trim3.default)(that['inputPwd']['input']['value']);
+                                                            // if (v !== '') {
+                                                            modal.destroy();
+                                                            // if (isQuickPay) {
+                                                            //   window.__loadingModal = openLoadingModal()
+                                                            // }
+                                                            that.validePwd(v);
+                                                            // } else {
+                                                            //   Message.info('请输入密码');
+                                                            // }
+                                                        } },
+                                                    '\u786E\u5B9A'
+                                                )
+                                            )
+                                        )
+                                    )
+                                });
+                            }));
+
+                        case 5:
+                        case 'end':
+                            return _context4.stop();
+                    }
+                }
+            }, _callee4, _this2);
+        }));
+
+        _this.timerFun = null;
+        var amountPrecision = (0, _tplusPoslogin.PosInitData)("AmountPrecision");
+        var amountMaxLength = (0, _tplusPoslogin.PosInitData)("AmountMaxLength");
+        _this.state = {
+            memberDisabled: false,
+            detailDeductionColumn: [],
+            showDeductionModalData: [],
+            showModal: false,
+            showQuantity: false,
+            targetIndex: -1,
+            targetRecord: null,
+            //金额小数精度
+            amountPrecision: amountPrecision ? parseInt(amountPrecision) : '',
+            //金额最大位数 
+            amountMaxLength: amountMaxLength ? parseInt(amountMaxLength) : '',
+            inputPwdfunc: _this.inputPwd
+        };
+
+        _this.store = _mutantsMicrofx.stores.memberDeductionStore;
+        return _this;
+    }
+
+    (0, _createClass3.default)(MemberDeductionView, [{
+        key: 'componentDidMount',
+        value: function componentDidMount() {
+            this.store.getMemberProjectStorage();
+        }
+    }, {
+        key: 'componentDidUpdate',
+        value: function componentDidUpdate() {}
+
+        /* 浮点数做相乘处理 */
+
+    }, {
+        key: 'render',
+        value: function render() {
+            var _this3 = this;
+
+            var _ref9 = this.state || {},
+                showModal = _ref9.showModal,
+                showQuantity = _ref9.showQuantity,
+                targetIndex = _ref9.targetIndex,
+                targetRecord = _ref9.targetRecord,
+                amountMaxLength = _ref9.amountMaxLength,
+                amountPrecision = _ref9.amountPrecision;
+
+            var _ref10 = this.store || {},
+                data = _ref10.data,
+                selectDeductionList = _ref10.selectDeductionList,
+                memberData = _ref10.memberData,
+                member1 = _ref10.member1;
+
+            var _ref11 = memberData || {},
+                Name = _ref11.Name,
+                Mobilephone = _ref11.Mobilephone,
+                CardCode = _ref11.CardCode,
+                ImageFile = _ref11.ImageFile;
+
+            var columns = [{ title: "套餐", dataIndex: "PackageName", key: "PackageName", textAlign: 'center', width: 140, controlType: 'SameName' }, { title: "项目", dataIndex: "ProjectName", key: "ProjectName", textAlign: 'center', width: 86 }, { title: "总次数", dataIndex: "ProjectBuyTimes", key: "ProjectBuyTimes", textAlign: 'center', width: 92, controlType: 'PackageIsLimit' }, { title: "剩余次数", dataIndex: "ProjectSplusTimes", key: "ProjectSplusTimes", textAlign: 'center', width: 100, controlType: 'PackageIsLimit' }, { title: "本次使用", dataIndex: "thisUse", key: "thisUse", textAlign: 'center', width: 128, controlType: 'NumTextBox' }, { title: "失效时间", dataIndex: "ExpirationDate", key: "ExpirationDate", textAlign: 'center', width: 132 }, { title: "服务人员", dataIndex: "servicePerson", key: "servicePerson", textAlign: 'center', width: 92, controlType: 'addBtnBox' }];
+            var tabColumns = this.getRenderColumns(columns);
+            var commonParams = {
+                title: '服务人员',
+                showModal: showModal,
+                commonColumns: [{ title: '服务人员', value: '', type: '' }, { title: '服务费', value: '', type: 'serviceNumber' }, { title: '业绩比例%', value: '', type: 'amountNumber' }, { title: '业绩金额', value: '', type: 'number' }],
+                ok: function ok(v) {
+                    _this3.setState({
+                        showModal: false
+                    });
+                    if (v) {
+                        _this3.plusClick(selectDeductionList[targetIndex] || null, targetIndex, 'addPerson');
+                    }
+                },
+                close: function close() {
+                    _this3.setState({
+                        showModal: false
+                    });
+                },
+                targetRecord: targetRecord,
+                targetIndex: targetIndex,
+                isDeduction: true,
+                currentData: selectDeductionList && selectDeductionList[targetIndex]
+            };
+
+            return _react2.default.createElement(
+                'div',
+                { className: '' + _tplusComponentsTouch.hotKey.hotKeyBindClass('1') },
+                _react2.default.createElement(
+                    'div',
+                    { className: 'memberstore' },
+                    _react2.default.createElement(
+                        'div',
+                        { className: 'memberstore-head deduction-head' },
+                        _react2.default.createElement(
+                            'div',
+                            { className: 'imageContainer' },
+                            _react2.default.createElement('img', { src: ImageFile || photo }),
+                            _react2.default.createElement(
+                                'div',
+                                { className: 'imageContainer-message' },
+                                Name && _react2.default.createElement(
+                                    'div',
+                                    { className: 'divText' },
+                                    Name
+                                ),
+                                Name && _react2.default.createElement('div', { className: 'divBlank' }),
+                                _react2.default.createElement(
+                                    'div',
+                                    { className: 'divText' },
+                                    Mobilephone || CardCode
+                                )
+                            )
+                        )
+                    ),
+                    _react2.default.createElement('div', { className: 'line' }),
+                    _react2.default.createElement(
+                        'div',
+                        { className: 'form' },
+                        _react2.default.createElement(_Table3.default, {
+                            bodyDisplayInRow: true,
+                            columns: columns,
+                            data: selectDeductionList,
+                            parentNodeId: 'parent',
+                            height: 50,
+                            headerHeight: 50,
+                            onRowClick: function onRowClick(record, index, indent) {
+                                _this3.setState({
+                                    targetIndex: index
+                                });
+                            },
+                            rowClassName: function rowClassName(record, index, indent) {
+                                if (targetIndex == index) {
+                                    return 'row-selected';
+                                } else {
+                                    return '';
+                                }
+                            },
+                            scroll: { y: 227 } })
+                    ),
+                    _react2.default.createElement('div', { className: 'line2' }),
+                    _react2.default.createElement(
+                        'div',
+                        { className: 'footer deductionFooter' },
+                        _react2.default.createElement(
+                            _Button5.default,
+                            { shape: 'border', colors: 'dark', onClick: this.cancelDeduction },
+                            '\u53D6\u6D88'
+                        ),
+                        _react2.default.createElement(
+                            _Button5.default,
+                            { colors: 'warning', onClick: function onClick(e) {
+                                    return _this3.confirmDeduction(member1 && member1.needPwd);
+                                } },
+                            '\u786E\u5B9A'
+                        )
+                    )
+                ),
+                _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,
+                            '\u6570\u91CF'
+                        )
+                    ),
+                    _react2.default.createElement(
+                        _Modal6.default.Body,
+                        null,
+                        _react2.default.createElement(_tplusComponentsTouch.KeyboardInput, {
+                            precisionLength: amountPrecision,
+                            maxLength: amountMaxLength, handleOk: this.ok })
+                    )
+                ),
+                _react2.default.createElement(_commonPersonModal2.default, { commonParams: commonParams })
+            );
+        }
+    }]);
+    return MemberDeductionView;
+}(_react2.default.Component)) || _class;
+
+exports.default = MemberDeductionView;
+//# sourceMappingURL=MemberDeductionView.js.map