tplus-member 3.28.6 → 3.28.10

package/dist/member/memberMenu/index.js

@@ -0,0 +1,720 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = undefined;
+
+var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
+
+var _defineProperty3 = _interopRequireDefault(_defineProperty2);
+
+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, _class2, _temp;
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _mutantsMicrofx = require('mutants-microfx');
+
+var _mutantsAppfx = require('mutants-appfx');
+
+var _mobx = require('mobx');
+
+require('./style.less');
+
+var _tplusComponentsTouch = require('tplus-components-touch');
+
+var _mutantsUtil = require('mutants-util');
+
+var _modifyPass = require('./modifyPass');
+
+var _modifyPass2 = _interopRequireDefault(_modifyPass);
+
+var _changeMemberCard = require('./changeMemberCard');
+
+var _changeMemberCard2 = _interopRequireDefault(_changeMemberCard);
+
+var _propTypes = require('prop-types');
+
+var _api = require('../api');
+
+var _api2 = _interopRequireDefault(_api);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var menus = [{
+    key: 'storage',
+    name: '储值',
+    visible: true,
+    icon: 'chuzhi',
+    auth: 'MemberStorage',
+    SHORTCUT_KEY: ''
+}, {
+    key: 'changePassword',
+    name: '修改密码',
+    visible: true,
+    icon: 'xiugaimima1',
+    auth: 'ModifyPassword',
+    SHORTCUT_KEY: ''
+},
+//  {
+//     key: 'reportLoss',
+//     name: '挂失',
+//     visible: true,
+//     icon: 'guashi',
+//     auth:'RecordLoss'
+
+// },
+{
+    key: 'cancelLoss',
+    name: '取消挂失',
+    visible: true,
+    icon: 'quxiaoguashi',
+    auth: 'RecordLoss',
+    SHORTCUT_KEY: ''
+}, {
+    key: 'openCard',
+    name: '开卡',
+    visible: true,
+    icon: 'quxiaoguashi',
+    auth: 'MemberCardActive',
+    SHORTCUT_KEY: ''
+}, {
+    key: 'resetPassword',
+    name: '重置密码',
+    visible: true,
+    icon: 'chongzhimima',
+    auth: 'PosResetPwd',
+    SHORTCUT_KEY: ''
+}];
+var display = {
+    finish: ['storage', 'changePassword', 'reportLoss', 'cancelLoss'],
+    semi: ['openCard']
+};
+
+var _default = (0, _mutantsMicrofx.observer)(_class = (_temp = _class2 = function (_Component) {
+    (0, _inherits3.default)(_default, _Component);
+
+    function _default() {
+        var _this2 = this;
+
+        (0, _classCallCheck3.default)(this, _default);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (_default.__proto__ || (0, _getPrototypeOf2.default)(_default)).call(this));
+
+        _this.filterMenus = function (tags) {
+            return menus.filter(function (menu) {
+                return ~tags.indexOf(menu.key);
+            });
+        };
+
+        _this.controllerEvent = function (methodName, methodArgs) {
+            return _this.context.onEvent({ 'controllerEvent': _mutantsAppfx.Action.fromJS(_this.context.viewModel, methodName) }, 'controllerEvent', methodArgs);
+        };
+
+        _this.storageInit = function () {
+            var _this$props = _this.props,
+                member = _this$props.member,
+                loadUserInfo = _this$props.loadUserInfo,
+                selected = _this$props.selected;
+
+            var _ref = member || {},
+                ID = _ref.ID;
+
+            _mutantsMicrofx.stores.memberStore.init({
+                member: (0, _mobx.toJS)(member),
+                settlementControlEvent: {
+                    onSettleSuccess: function onSettleSuccess() {
+                        _mutantsMicrofx.stores.modalRouter.hide('/memberstore');
+                        loadUserInfo(selected, ID, member, true, true);
+                    }
+                },
+                callback: function callback() {
+                    _mutantsMicrofx.stores.modalRouter.show({
+                        url: '/memberstore',
+                        title: '会员储值',
+                        className: 'memberContainer1',
+                        memberClass: 'memberClassWidth',
+                        onHide: function onHide() {
+                            _mutantsMicrofx.stores.modalRouter.hide('/memberstore');
+                        }
+                    });
+                }
+            });
+        };
+
+        _this.changePasswordClick = function () {
+            if (_this.modifyPass) _this.modifyPass.handleOk();
+        };
+
+        _this.changePasswordCancel = function () {
+            _this.setState({ modifyPass: false });
+            _this.modifyPass.handleCancel();
+        };
+
+        _this.reportLoss = function () {
+            var _this$props2 = _this.props,
+                member = _this$props2.member,
+                handleChange = _this$props2.handleChange,
+                memberEnumState = _this$props2.memberEnumState;
+
+            _tplusComponentsTouch.ModalWraper.confirm({
+                title: '提示',
+                content: '确定要挂失该会员卡吗？',
+                onOk: function () {
+                    var _ref2 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee() {
+                        return _regenerator2.default.wrap(function _callee$(_context) {
+                            while (1) {
+                                switch (_context.prev = _context.next) {
+                                    case 0:
+                                        _this.api.RecordLoss(member).then(function (ret) {
+                                            var Success = ret.Success,
+                                                Msg = ret.Msg,
+                                                Data = ret.Data;
+
+                                            if (Success === true && Data) {
+                                                var dt = JSON.parse(Data);
+                                                member.Ts = dt.Ts;
+                                                member.MemberState.Id = memberEnumState.loss;
+                                                handleChange && handleChange(member);
+                                                _tplusComponentsTouch.Message.success('挂失成功。');
+                                            } else {
+                                                _tplusComponentsTouch.Message.error("挂失失败:" + Msg);
+                                            }
+                                        }).catch(function (e) {
+                                            console.log('err', e);
+                                        });
+
+                                    case 1:
+                                    case 'end':
+                                        return _context.stop();
+                                }
+                            }
+                        }, _callee, _this2);
+                    }));
+
+                    return function onOk() {
+                        return _ref2.apply(this, arguments);
+                    };
+                }(),
+                onCancel: function onCancel() {},
+
+                onHide: function onHide() {}
+            });
+        };
+
+        _this.cancelLoss = function () {
+            if (!_this.api) return;
+            var _this$props3 = _this.props,
+                member = _this$props3.member,
+                handleChange = _this$props3.handleChange,
+                memberEnumState = _this$props3.memberEnumState;
+
+            _tplusComponentsTouch.ModalWraper.confirm({
+                title: '提示',
+                content: '确定要取消挂失该会员卡吗？',
+                onOk: function () {
+                    var _ref3 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee2() {
+                        return _regenerator2.default.wrap(function _callee2$(_context2) {
+                            while (1) {
+                                switch (_context2.prev = _context2.next) {
+                                    case 0:
+                                        _this.api.UnRecordLoss(member).then(function (ret) {
+                                            var Success = ret.Success,
+                                                Msg = ret.Msg,
+                                                Data = ret.Data;
+
+                                            if (Success === true && Data) {
+                                                var dt = JSON.parse(Data);
+                                                member.Ts = dt.Ts;
+                                                member.MemberState.Id = memberEnumState.using;
+                                                handleChange && handleChange(member);
+                                                _tplusComponentsTouch.Message.success('取消挂失成功。');
+                                            } else {
+                                                _tplusComponentsTouch.Message.error("取消挂失败:" + Msg);
+                                            }
+                                        }).catch(function (e) {
+                                            console.log('err', e);
+                                        });
+
+                                    case 1:
+                                    case 'end':
+                                        return _context2.stop();
+                                }
+                            }
+                        }, _callee2, _this2);
+                    }));
+
+                    return function onOk() {
+                        return _ref3.apply(this, arguments);
+                    };
+                }(),
+                onCancel: function onCancel() {},
+
+                onHide: function onHide() {}
+            });
+        };
+
+        _this.openCard = function () {
+            var _this$props4 = _this.props,
+                member = _this$props4.member,
+                loadUserInfo = _this$props4.loadUserInfo,
+                selected = _this$props4.selected,
+                memberEnumState = _this$props4.memberEnumState;
+
+            var _ref4 = member || {},
+                ID = _ref4.ID,
+                IsStorage = _ref4.MemberType.IsStorage;
+
+            memberStore.GetMemberDTO(ID, false).then(function (ret) {
+                _mutantsMicrofx.stores.selectMemberStore.setCurMemberInfo(ret);
+                _mutantsMicrofx.stores.modalRouter.show({
+                    url: '/AA/OPENCARD',
+                    title: '开卡',
+                    className: 'memberAddModal',
+                    modalType: 'big',
+                    onHide: function onHide() {
+                        return _mutantsMicrofx.stores.modalRouter.hide('/AA/OPENCARD');
+                    },
+                    closeCk: function closeCk() {
+                        member.MemberState.Id = memberEnumState.using;
+                        // loadUserInfo(selected, ID, member, true, true);
+                    }
+                });
+                _tplusComponentsTouch.Loading.hide();
+            });
+            _mutantsMicrofx.stores.modalRouter.show((0, _defineProperty3.default)({
+                url: '/AA/OPENCARD',
+                title: '开卡',
+                className: 'memberAddModal',
+                modalType: 'big',
+                destroyOnClose: true,
+                onHide: function onHide() {
+                    return _mutantsMicrofx.stores.modalRouter.hide('/AA/OPENCARD');
+                },
+                closeCk: function closeCk() {
+                    member.MemberState.Id = memberEnumState.using;
+                    // loadUserInfo(selected, ID, member, true, true);
+                }
+            }, 'onHide', function onHide() {}));
+            _tplusComponentsTouch.Loading.hide();
+        };
+
+        _this.changeBtnDisabled = function (value) {
+            _this.setState({
+                btnDissabled: value
+            });
+        };
+
+        _this.getMenuItem = function (index, menu) {
+            var _this$props5 = _this.props,
+                member = _this$props5.member,
+                loadingBtn = _this$props5.loadingBtn;
+
+            var _ref5 = _this.state || {},
+                setPwdShortKey = _ref5.setPwdShortKey;
+
+            var newStyle = _mutantsUtil.localStore && _mutantsUtil.localStore.get('voucherDefaultPosMode') == 'voucher';
+            // 控制显示修改密码还是设置密码
+            if (menu.auth === 'ModifyPassword') {
+                return _react2.default.createElement(
+                    'div',
+                    { key: index, className: 'primary-color b-theme ' + ('hot-' + menu.auth) + '  ' + (loadingBtn === false ? 'member-menu-el' : 'member-menu-el disabled-member-select-btn ') + ' ' + (newStyle && 'memberHeight'),
+                        onClick: function onClick() {
+                            if (loadingBtn === false) _this.click(menu.key, menu.auth);
+                        }
+                    },
+                    member.WalletEnabled ? _react2.default.createElement(
+                        'div',
+                        null,
+                        _react2.default.createElement(_tplusComponentsTouch.Ticon, { icon: menu.icon }),
+                        _react2.default.createElement(
+                            'span',
+                            null,
+                            '\u4FEE\u6539\u5BC6\u7801'
+                        ),
+                        _react2.default.createElement(
+                            'div',
+                            { className: 'menuHotkey' },
+                            menu.SHORTCUT_KEY
+                        )
+                    ) : _react2.default.createElement(
+                        'div',
+                        null,
+                        _react2.default.createElement(_tplusComponentsTouch.Ticon, { icon: menu.icon }),
+                        _react2.default.createElement(
+                            'span',
+                            null,
+                            '\u8BBE\u7F6E\u5BC6\u7801'
+                        ),
+                        _react2.default.createElement(
+                            'div',
+                            { className: 'menuHotkey' },
+                            setPwdShortKey
+                        )
+                    )
+                );
+            } else if (!member.WalletEnabled && menu.auth === 'PosResetPwd') {
+                return;
+            } else {
+                return _react2.default.createElement(
+                    'div',
+                    { key: index, className: 'primary-color b-theme ' + ('hot-' + menu.auth) + '  ' + (loadingBtn === false ? 'member-menu-el' : 'member-menu-el disabled-member-select-btn ') + ' ' + (newStyle && 'memberHeight'),
+                        onClick: function onClick() {
+                            if (loadingBtn === false) _this.click(menu.key, menu.auth);
+                        }
+                    },
+                    _react2.default.createElement(_tplusComponentsTouch.Ticon, { icon: menu.icon }),
+                    _react2.default.createElement(
+                        'span',
+                        null,
+                        menu.name
+                    ),
+                    _react2.default.createElement(
+                        'div',
+                        { className: 'menuHotkey' },
+                        menu.SHORTCUT_KEY
+                    )
+                );
+            }
+        };
+
+        _this.state = {
+            menus: menus,
+            modifyPass: false,
+            passwordTitle: '换卡',
+            btnDissabled: true,
+            warnContent: '',
+            setPwdShortKey: ''
+        };
+        _this.api = _api2.default;
+        return _this;
+    }
+
+    (0, _createClass3.default)(_default, [{
+        key: 'componentWillMount',
+        value: function componentWillMount() {
+            this.changeDisplay('finish');
+        }
+    }, {
+        key: 'componentDidMount',
+        value: function componentDidMount() {
+            var _this3 = this;
+
+            var member = this.props.member;
+
+            var setting_setData = _mutantsUtil.localStore.get("setting_setData");
+            if (setting_setData == null) {
+                setting_setData = JSON.parse(localStorage.getItem("setting_setData"));
+            }
+            if (setting_setData && setting_setData.length != 0) {
+                setting_setData.forEach(function (settingItem) {
+                    if (settingItem.ParamType && settingItem.ParamType === "SHORTCUT_KEY") {
+                        var _ref6 = settingItem || {},
+                            Name = _ref6.Name,
+                            Value = _ref6.Value;
+
+                        menus.forEach(function (item) {
+                            if (item.auth === Name) {
+                                item.SHORTCUT_KEY = Value;
+                            }
+                        });
+                        if (Name === 'MemberSetPassword') {
+                            _this3.setState({
+                                setPwdShortKey: Value
+                            });
+                        }
+                    }
+                });
+            }
+            setTimeout(function () {
+                _this3.changeState();
+            }, 0);
+        }
+    }, {
+        key: 'componentWillReceiveProps',
+        value: function componentWillReceiveProps() {
+            this.changeState();
+        }
+    }, {
+        key: 'changeDisplay',
+        value: function changeDisplay() {
+            var flag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'finish';
+
+            var menus = this.filterMenus(display[flag]);
+            this.setState({ menus: menus });
+        }
+    }, {
+        key: 'changeState',
+        value: function changeState() {
+            var _props = this.props,
+                member = _props.member,
+                memberEnumState = _props.memberEnumState;
+
+            var list = menus;
+
+            if (member && member.MemberState) {
+                if (member.MemberState.Id == memberEnumState.notusing) {
+                    this.changeDisplay('semi');
+                    return;
+                }
+                this.changeDisplay('finish');
+                if (member.MemberState.Id == memberEnumState.loss) {
+                    list = menus.filter(function (menu) {
+                        return menu.key !== 'reportLoss' && menu.key !== 'openCard';
+                    });
+                } else {
+                    list = menus.filter(function (menu) {
+                        return menu.key !== 'cancelLoss' && menu.key !== 'openCard';
+                    });
+                }
+            }
+            this.setState({ menus: list });
+        }
+    }, {
+        key: 'handleEvent',
+        value: function () {
+            var _ref7 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee3(auth) {
+                var member, viewM;
+                return _regenerator2.default.wrap(function _callee3$(_context3) {
+                    while (1) {
+                        switch (_context3.prev = _context3.next) {
+                            case 0:
+                                member = this.props.member;
+                                _context3.next = 3;
+                                return this.controllerEvent('ValidateOperationName', { memberDto: member, operationName: auth });
+
+                            case 3:
+                                viewM = this.context.viewModel.getViewItem('Voucher');
+
+                                if (!(viewM && viewM.AuthType === false)) {
+                                    _context3.next = 8;
+                                    break;
+                                }
+
+                                return _context3.abrupt('return', false);
+
+                            case 8:
+                                return _context3.abrupt('return', true);
+
+                            case 9:
+                            case 'end':
+                                return _context3.stop();
+                        }
+                    }
+                }, _callee3, this);
+            }));
+
+            function handleEvent(_x2) {
+                return _ref7.apply(this, arguments);
+            }
+
+            return handleEvent;
+        }()
+    }, {
+        key: 'storage',
+        value: function () {
+            var _ref8 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee4() {
+                var member, _ref9, IsStorage, WalletEnabled, _ref10, isNewRetailBCPos;
+
+                return _regenerator2.default.wrap(function _callee4$(_context4) {
+                    while (1) {
+                        switch (_context4.prev = _context4.next) {
+                            case 0:
+                                member = this.props.member;
+                                _ref9 = member || {}, IsStorage = _ref9.MemberType.IsStorage, WalletEnabled = _ref9.WalletEnabled;
+
+                                if (!(IsStorage === false)) {
+                                    _context4.next = 5;
+                                    break;
+                                }
+
+                                _tplusComponentsTouch.Message.warn('当前会员没有启用储值.');
+                                return _context4.abrupt('return');
+
+                            case 5:
+                                _ref10 = _mutantsUtil.platform || {}, isNewRetailBCPos = _ref10.isNewRetailBCPos;
+
+                                if (isNewRetailBCPos) {
+                                    if (WalletEnabled) {
+                                        this.storageInit();
+                                    } else {
+                                        this.setState({ modifyPass: true, passwordTitle: '设置密码', warnContent: '' });
+                                    }
+                                } else {
+                                    this.storageInit();
+                                }
+
+                            case 7:
+                            case 'end':
+                                return _context4.stop();
+                        }
+                    }
+                }, _callee4, this);
+            }));
+
+            function storage() {
+                return _ref8.apply(this, arguments);
+            }
+
+            return storage;
+        }()
+
+        //修改密码
+
+    }, {
+        key: 'changePassword',
+
+        // 修改密码
+        value: function changePassword() {
+            this.setState({ modifyPass: true, passwordTitle: '修改密码' });
+        }
+
+        // 重置密码
+
+    }, {
+        key: 'resetPassword',
+        value: function resetPassword() {
+            this.setState({ modifyPass: true, passwordTitle: '重置密码' });
+        }
+
+        // 注销卡
+
+        //取消注销卡
+
+    }, {
+        key: 'click',
+        value: function click(key, auth) {
+            var _this4 = this;
+
+            this.setState({
+                warnContent: ''
+            });
+            this.handleEvent(auth).then(function (ret) {
+                if (ret === true) {
+                    var _ref11 = _mutantsUtil.platform || {},
+                        isHorizontalSunMi = _ref11.isHorizontalSunMi;
+
+                    switch (key) {
+                        case 'storage':
+                            _this4.storage();break;
+                        case 'changePassword':
+                            _this4.changePassword();break;
+                        case 'reportLoss':
+                            _this4.reportLoss();break;
+                        case 'cancelLoss':
+                            _this4.cancelLoss();break;
+                        case 'openCard':
+                            _this4.openCard();break;
+                        case 'resetPassword':
+                            _this4.resetPassword();break;
+                    }
+                }
+            });
+        }
+    }, {
+        key: 'jusIsAllAuthority',
+        value: function jusIsAllAuthority(count) {
+            var _ref12 = _mutantsUtil.platform || {},
+                isNewRetailBCPos = _ref12.isNewRetailBCPos;
+
+            if (isNewRetailBCPos) {
+                var changeIsAllAuthority = this.props.changeIsAllAuthority;
+
+                if (!count) {
+                    changeIsAllAuthority && changeIsAllAuthority();
+                }
+            }
+        }
+    }, {
+        key: 'render',
+        value: function render() {
+            var _this5 = this;
+
+            var _state = this.state,
+                menus = _state.menus,
+                modifyPass = _state.modifyPass,
+                passwordTitle = _state.passwordTitle,
+                btnDissabled = _state.btnDissabled;
+            var _props2 = this.props,
+                member = _props2.member,
+                authProcess = _props2.authProcess,
+                loadUserInfo = _props2.loadUserInfo,
+                selected = _props2.selected,
+                modifyMember = _props2.modifyMember;
+
+            return _react2.default.createElement(
+                'div',
+                { className: 'member-menu' },
+                menus && menus.map(function (menu, index) {
+                    var status = authProcess.execute(menu.auth);
+                    if (status) {
+                        return _this5.getMenuItem(index, menu);
+                    } else {
+                        if (menu.auth === 'ModifyPassword') {
+                            return _this5.getMenuItem(index, menu);
+                        } else {
+                            return '';
+                        }
+                    }
+                }),
+                _react2.default.createElement(
+                    _tplusComponentsTouch.ModalWraper,
+                    {
+                        title: !member.WalletEnabled ? '设置密码' : passwordTitle,
+                        show: modifyPass,
+                        ok: this.changePasswordClick,
+                        className: 'modify-password',
+                        modalType: 'mid',
+                        closeButton: true,
+                        exclueBoard: true,
+                        cancel: this.changePasswordCancel,
+                        btnDissabled: btnDissabled
+                    },
+                    passwordTitle === '换卡' ? _react2.default.createElement(_changeMemberCard2.default, { modifyMember: modifyMember, member: member, ref: function ref(_ref13) {
+                            return _this5.modifyPass = _ref13;
+                        }, cancelModal: this.changePasswordCancel }) : _react2.default.createElement(_modifyPass2.default, { changeBtnDisabled: this.changeBtnDisabled, loadUserInfo: loadUserInfo, selected: selected, storageInit: this.storageInit, passwordTitle: !member.WalletEnabled ? '设置密码' : passwordTitle, modifyMember: modifyMember, ref: function ref(_ref14) {
+                            return _this5.modifyPass = _ref14;
+                        }, member: member, cancelModal: this.changePasswordCancel })
+                )
+            );
+        }
+    }]);
+    return _default;
+}(_react.Component), _class2.contextTypes = {
+    onEvent: _propTypes.PropTypes.func,
+    viewModel: _propTypes.PropTypes.object,
+    stores: _propTypes.PropTypes.object
+}, _temp)) || _class;
+
+exports.default = _default;
+//# sourceMappingURL=index.js.map