tplus-member 3.26.2 → 3.26.6

package/dist/views/MemberStoreNewView.js

@@ -0,0 +1,526 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+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 _select = require('antd/es/select');
+
+var _select2 = _interopRequireDefault(_select);
+
+var _form = require('antd/es/form');
+
+var _form2 = _interopRequireDefault(_form);
+
+var _class;
+
+require('antd/es/select/style');
+
+require('antd/es/form/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _mutantsMicrofx = require('mutants-microfx');
+
+var _tplusComponentsTouch = require('tplus-components-touch');
+
+var _tplusPoslogin = require('tplus-poslogin');
+
+var _utils = require('../utils');
+
+require('./MemberStoreNew.less');
+
+var _PresetDetailView = require('./PresetDetailView');
+
+var _PresetDetailView2 = _interopRequireDefault(_PresetDetailView);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var FormItem = _form2.default.Item;
+var Option = _select2.default.Option;
+var photo = 'https://newretail.static.chanjet.com/default_avatar.png';
+
+var MemberStoreNewView = (0, _mutantsMicrofx.observer)(_class = function (_Component) {
+    (0, _inherits3.default)(MemberStoreNewView, _Component);
+
+    function MemberStoreNewView(props) {
+        var _this2 = this;
+
+        (0, _classCallCheck3.default)(this, MemberStoreNewView);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (MemberStoreNewView.__proto__ || (0, _getPrototypeOf2.default)(MemberStoreNewView)).call(this, props));
+
+        _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.handleChange = function (info, type, value) {
+            var _this$state = _this.state,
+                isCanUpdate = _this$state.isCanUpdate,
+                percentNumber = _this$state.percentNumber,
+                changeStatus = _this$state.changeStatus;
+
+            if (changeStatus) {
+                // if (type == 'PresentAmount') {
+                //     this.editPresentAmount = true;
+                //     if (isCanUpdate && this.inputStorageAmount) {
+                //         let thisStorageInput = this.inputStorageAmount.input.input;
+                //         let maxValue = (thisStorageInput.value * parseInt(percentNumber)) / 100;
+                //         if (thisPresentInput.value > maxValue) {
+                //             Message.warn(`本次储值最大可赠送金额为${maxValue}，请修改`, { top: 300, duration: 3 })
+                //             this.setState({ memberDisabled: true })
+                //             thisPresentInput.focus();
+                //             return;
+                //         } else {
+                //             this.setState({ memberDisabled: false })
+                //         }
+                //     }
+                // } else {
+                //     this.editPresentAmount = false;
+                // }
+                var timer = _this.timerFun;
+                if (timer != null) {
+                    window.clearTimeout(timer);
+                }
+
+                var store = _mutantsMicrofx.stores.memberStore;
+
+                var _ref = store || {},
+                    changeValue = _ref.changeValue;
+
+                var strfun = 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:
+                                        console.log('this' + type + ' value:' + value);
+                                        _context.next = 3;
+                                        return changeValue(info, type, value, { isCanUpdate: isCanUpdate, percentValue: percentNumber });
+
+                                    case 3:
+                                    case 'end':
+                                        return _context.stop();
+                                }
+                            }
+                        }, _callee, _this2);
+                    }));
+
+                    return function strfun() {
+                        return _ref2.apply(this, arguments);
+                    };
+                }();
+                _this.timerFun = window.setTimeout(strfun, 400);
+            } else {
+                _this.setState({
+                    changeStatus: false
+                });
+            }
+        };
+
+        _this.getPersonList = function () {
+            var store = _mutantsMicrofx.stores.memberStore;
+
+            var _ref3 = store || {},
+                data = _ref3.data,
+                initPersonList = _ref3.initPersonList;
+
+            var _ref4 = data || {},
+                Idstore = _ref4.Idstore;
+
+            initPersonList(Idstore);
+        };
+
+        _this.initFormData = function () {
+            var store = _mutantsMicrofx.stores.memberStore;
+
+            var _ref5 = store || {},
+                data = _ref5.data;
+
+            var _ref6 = data || {},
+                StorageDetails = _ref6.StorageDetails;
+        };
+
+        _this.setSelectAmount = function (amount, index) {
+            _this.setState({
+                currentValue: amount,
+                changeStatus: false
+            });
+            setTimeout(function () {
+                _this.inputStorageAmount && _this.inputStorageAmount.inputChange("");
+                // this.inputStorageAmount && this.inputStorageAmount.input.input.focus();
+                _this.setState({
+                    changeStatus: true
+                });
+            }, 100);
+            var store = _mutantsMicrofx.stores.memberStore;
+
+            var _ref7 = store || {},
+                changeGiftSingle = _ref7.changeGiftSingle,
+                setCurrentIndex = _ref7.setCurrentIndex;
+
+            setCurrentIndex && setCurrentIndex(index);
+            changeGiftSingle(amount);
+        };
+
+        _this.checkPresentDetail = function () {
+            _this.setState({
+                showPresentDetail: true
+            });
+        };
+
+        _this.modalCancel = function () {
+            _this.setState({
+                showPresentDetail: false
+            });
+        };
+
+        _this.modalOk = function () {
+            _this.modalCancel();
+        };
+
+        _this.timerFun = null;
+        var canUpdate = _this.getLocalStoreParam('CanModifyPresentAmount');
+        canUpdate = canUpdate == '1' ? true : false;
+        var percent = _this.getLocalStoreParam('PresentAmountLimitPercent');
+        _this.state = {
+            isCanUpdate: canUpdate,
+            percentNumber: percent,
+            memberDisabled: false,
+            currentValue: null,
+            showPresentDetail: false,
+            amountList: [100, 200, 300, 400, 500, 600, 700],
+            changeStatus: true
+        };
+        return _this;
+    }
+
+    (0, _createClass3.default)(MemberStoreNewView, [{
+        key: 'componentDidUpdate',
+        value: function componentDidUpdate() {
+            var isCanUpdate = this.state.isCanUpdate;
+
+            var store = _mutantsMicrofx.stores.memberStore;
+
+            var _ref8 = store || {},
+                isInput = _ref8.isInput;
+
+            if (isInput) {
+                this.inputStorageAmount && this.inputStorageAmount.inputChange('');
+            }
+            if (!this.editPresentAmount && isCanUpdate) {
+                this.initFormData();
+            }
+        }
+    }, {
+        key: 'render',
+        value: function render() {
+            var _this3 = this;
+
+            var store = _mutantsMicrofx.stores.memberStore;
+            var _state = this.state,
+                isCanUpdate = _state.isCanUpdate,
+                memberDisabled = _state.memberDisabled,
+                amountList = _state.amountList,
+                showPresentDetail = _state.showPresentDetail;
+
+            var _ref9 = store || {},
+                clearCon = _ref9.clearCon,
+                data = _ref9.data,
+                changeValue = _ref9.changeValue,
+                personList = _ref9.personList,
+                settlementControlEvent = _ref9.settlementControlEvent,
+                storageAmountSpecData = _ref9.storageAmountSpecData,
+                giftSingle = _ref9.giftSingle,
+                giftList = _ref9.giftList,
+                noIsMinAmount = _ref9.noIsMinAmount,
+                currentIndex = _ref9.currentIndex,
+                setCurrentIndex = _ref9.setCurrentIndex;
+
+            var _ref10 = data || {},
+                Member = _ref10.Member,
+                Person = _ref10.Person,
+                StorageDetails = _ref10.StorageDetails;
+
+            var _ref11 = storageAmountSpecData || {},
+                storageAmountSpecList = _ref11.storageAmountSpecList;
+
+            // const { storageAmountSpecList } = storageAmountSpecData;
+
+
+            var _ref12 = Member || {},
+                Name = _ref12.Name,
+                MemberMobile = _ref12.MemberMobile,
+                ImageFile = _ref12.ImageFile,
+                _ref12$BalanceStorage = _ref12.BalanceStorage,
+                BalanceStorage = _ref12$BalanceStorage === undefined ? 0 : _ref12$BalanceStorage,
+                _ref12$PresentAmount = _ref12.PresentAmount,
+                PresentAmount = _ref12$PresentAmount === undefined ? 0 : _ref12$PresentAmount,
+                CardTypeEnum = _ref12.CardTypeEnum,
+                StorageCardNo = _ref12.StorageCardNo,
+                IsSale = _ref12.IsSale,
+                IsCustomStorage = _ref12.IsCustomStorage;
+
+            var salesman = Member ? JSON.getCellValue(Member, "Person.Name") : '';
+            var thisPresentAmount = StorageDetails ? JSON.getCellValue(StorageDetails[0], "ThisPresentAmount") : '';
+            thisPresentAmount = thisPresentAmount === null || thisPresentAmount === undefined ? '' : thisPresentAmount;
+            var thisStorageAmount = StorageDetails ? JSON.getCellValue(StorageDetails[0], "ThisStorageAmount") : '';
+            thisStorageAmount = thisStorageAmount === null || thisStorageAmount === undefined ? '' : thisStorageAmount;
+            //金额小数精度
+            var amountPrecision = (0, _tplusPoslogin.PosInitData)("AmountPrecision");
+            amountPrecision = amountPrecision ? parseInt(amountPrecision) : '';
+            //金额最大位数 
+            var amountMaxLength = (0, _tplusPoslogin.PosInitData)("AmountMaxLength");
+            amountMaxLength = amountMaxLength ? parseInt(amountMaxLength) : '';
+            //储值参数
+            var storeInfo = _tplusPoslogin.TStore.restore();
+            var settlementParams = (0, _extends3.default)({
+                dataSource: data ? data.DataSource : {},
+                initData: _tplusPoslogin.PosInitData,
+                storeInfo: storeInfo,
+                showAmount: false,
+                isMemberStorePage: true,
+                amount: thisStorageAmount,
+                type: 1,
+                dto: data,
+                memberDisabled: memberDisabled
+            }, settlementControlEvent, {
+                noIsMinAmount: noIsMinAmount
+            });
+            console.log('储值金额:' + thisStorageAmount);
+            console.log('储值settlementParams', settlementParams);
+            return _react2.default.createElement(
+                'div',
+                { className: '' + _tplusComponentsTouch.hotKey.hotKeyBindClass('1') },
+                data && _react2.default.createElement(
+                    'div',
+                    { className: 'memberstore' },
+                    _react2.default.createElement(
+                        'div',
+                        { className: 'memberstore-head' },
+                        _react2.default.createElement(
+                            'div',
+                            { className: 'imageContainer' },
+                            CardTypeEnum === 'BALANCE_CARD' && _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' },
+                                    MemberMobile || StorageCardNo
+                                )
+                            )
+                        ),
+                        _react2.default.createElement(
+                            'div',
+                            { className: 'message' },
+                            _react2.default.createElement(
+                                'span',
+                                null,
+                                (0, _utils.formatPrecision)(BalanceStorage)
+                            ),
+                            _react2.default.createElement('br', null),
+                            _react2.default.createElement(
+                                'span',
+                                null,
+                                '\u4F59\u989D'
+                            )
+                        )
+                    ),
+                    _react2.default.createElement('div', { className: 'line' }),
+                    _react2.default.createElement(
+                        'div',
+                        { className: 'form' },
+                        _react2.default.createElement(
+                            FormItem,
+                            { key: 1 },
+                            _react2.default.createElement(
+                                'div',
+                                { className: 'one' },
+                                '\u5F00\u5361\u4E1A\u52A1\u5458'
+                            ),
+                            _react2.default.createElement(
+                                'div',
+                                { className: 'two' },
+                                salesman
+                            )
+                        ),
+                        _react2.default.createElement(
+                            FormItem,
+                            { key: 2 },
+                            _react2.default.createElement(
+                                'div',
+                                { className: 'one' },
+                                '\u5BFC\u8D2D\u5458'
+                            ),
+                            _react2.default.createElement(
+                                'div',
+                                { className: 'two' },
+                                _react2.default.createElement(
+                                    _select2.default,
+                                    {
+                                        placeholder: '\u8BF7\u9009\u62E9\u5BFC\u8D2D\u5458',
+                                        style: { width: 300, marginRight: 6 },
+                                        showSearch: false,
+                                        notFoundContent: '空',
+                                        onFocus: this.getPersonList,
+                                        onChange: function onChange(value, item) {
+                                            return changeValue(data, 'Person', item.props.ot);
+                                        }
+                                    },
+                                    personList && personList.map(function (item) {
+                                        return _react2.default.createElement(
+                                            Option,
+                                            { key: item.ID, ot: item, value: item.ID },
+                                            item.Name
+                                        );
+                                    })
+                                )
+                            )
+                        ),
+                        _react2.default.createElement(
+                            FormItem,
+                            { key: 3, className: 'storageAmount' },
+                            _react2.default.createElement(
+                                'div',
+                                { className: 'one' },
+                                '\u50A8\u503C\u91D1\u989D'
+                            ),
+                            _react2.default.createElement(
+                                'div',
+                                { className: 'two' },
+                                _react2.default.createElement(
+                                    'div',
+                                    { onClick: function onClick() {
+                                            return _this3.checkPresentDetail();
+                                        }, className: 'primary-color checkPresentDetails' },
+                                    '\u67E5\u770B\u793C\u5305\u8BE6\u60C5'
+                                ),
+                                storageAmountSpecList && _react2.default.createElement(
+                                    'div',
+                                    { className: 'detailAmount' },
+                                    storageAmountSpecList.map(function (value, index) {
+                                        return _react2.default.createElement(
+                                            'span',
+                                            { onClick: function onClick() {
+                                                    return _this3.setSelectAmount(value, index);
+                                                }, className: '' + (index === currentIndex && 'primary-color b-theme-color') },
+                                            '\xA5',
+                                            value.storageAmount
+                                        );
+                                    })
+                                ),
+                                (CardTypeEnum === 'BALANCE_CARD' || IsSale === 'SOLD' && IsCustomStorage || BalanceStorage + PresentAmount === 0 && IsCustomStorage) && _react2.default.createElement(_tplusComponentsTouch.NumKeyboard, {
+                                    className: 'content',
+                                    type: 'text',
+                                    bordered: true,
+                                    placeholder: '\u5176\u4ED6\u91D1\u989D',
+                                    style: { width: 300, height: 32 },
+                                    maxLength: 12,
+                                    precisionLength: 2,
+                                    ref: function ref(input) {
+                                        return _this3.inputStorageAmount = input;
+                                    },
+                                    onFocus: function onFocus() {
+                                        setCurrentIndex && setCurrentIndex(null);
+                                        _this3.inputStorageAmount && !_this3.inputStorageAmount.input.input.value && clearCon();
+                                    },
+                                    onChange: function onChange(value) {
+                                        return _this3.handleChange(data, 'StoreAmount', value);
+                                    }
+                                })
+                            )
+                        ),
+                        _react2.default.createElement(
+                            FormItem,
+                            { key: 4, className: 'gift' },
+                            _react2.default.createElement(
+                                'div',
+                                { className: 'one' },
+                                '\u793C\u5305\u8BE6\u60C5'
+                            ),
+                            _react2.default.createElement(
+                                'div',
+                                { className: 'giftDetail' },
+                                giftSingle
+                            )
+                        )
+                    ),
+                    _react2.default.createElement('div', { className: 'line2' }),
+                    _react2.default.createElement(
+                        'div',
+                        { className: 'footer' },
+                        _react2.default.createElement(
+                            'div',
+                            { className: 'storage-footer' },
+                            _react2.default.createElement(_tplusComponentsTouch.Settlement, settlementParams)
+                        )
+                    )
+                ),
+                _react2.default.createElement(
+                    _tplusComponentsTouch.ModalWraper,
+                    {
+                        className: 'presentModalWraper',
+                        show: showPresentDetail,
+                        centered: true,
+                        title: '\u793C\u5305\u8BE6\u60C5',
+                        cancel: this.modalCancel,
+                        backdropStyle: {
+                            'z-index': '1002'
+                        },
+                        ok: this.modalOk },
+                    _react2.default.createElement(_PresetDetailView2.default, { giftList: giftList })
+                )
+            );
+        }
+    }]);
+    return MemberStoreNewView;
+}(_react.Component)) || _class;
+
+exports.default = MemberStoreNewView;
+//# sourceMappingURL=MemberStoreNewView.js.map

package/dist/views/MemberStoreNewView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-member/views/MemberStoreNewView.js"],"names":["FormItem","Item","Option","photo","MemberStoreNewView","observer","props","getLocalStoreParam","fieldname","data","localStore","get","filter","item","Name","length","shift","Value","handleChange","info","type","value","state","isCanUpdate","percentNumber","changeStatus","timer","timerFun","window","clearTimeout","store","stores","memberStore","changeValue","strfun","console","log","percentValue","setTimeout","setState","getPersonList","initPersonList","Idstore","initFormData","StorageDetails","setSelectAmount","amount","index","currentValue","inputStorageAmount","inputChange","changeGiftSingle","setCurrentIndex","checkPresentDetail","showPresentDetail","modalCancel","modalOk","canUpdate","percent","memberDisabled","amountList","isInput","editPresentAmount","clearCon","personList","settlementControlEvent","storageAmountSpecData","giftSingle","giftList","noIsMinAmount","currentIndex","Member","Person","storageAmountSpecList","MemberMobile","ImageFile","BalanceStorage","PresentAmount","CardTypeEnum","StorageCardNo","IsSale","IsCustomStorage","salesman","JSON","getCellValue","thisPresentAmount","undefined","thisStorageAmount","amountPrecision","parseInt","amountMaxLength","storeInfo","TStore","restore","settlementParams","dataSource","DataSource","initData","PosInitData","showAmount","isMemberStorePage","dto","hotKey","hotKeyBindClass","width","marginRight","ot","map","ID","storageAmount","height","input","Component"],"mappings":"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","file":"MemberStoreNewView.js","sourcesContent":["import React, { Component } from 'react';\nimport { Form, Select } from 'antd';\nimport { observer, stores, localStore } from \"mutants-microfx\";\nimport { Settlement, NumKeyboard, hotKey, ModalWraper } from 'tplus-components-touch';\nimport { PosInitData, TStore } from 'tplus-poslogin';\nimport { formatPrecision } from '../utils';\nimport './MemberStoreNew.less';\nimport PresetDetailView from './PresetDetailView'\nconst FormItem = Form.Item;\nconst Option = Select.Option;\nconst photo = 'https://newretail.static.chanjet.com/default_avatar.png'\n\n@observer\nclass MemberStoreNewView extends Component{\n\n    constructor(props) {\n        super(props)\n        this.timerFun = null;\n        let canUpdate = this.getLocalStoreParam('CanModifyPresentAmount')\n        canUpdate = canUpdate == '1' ? true : false;\n        let percent = this.getLocalStoreParam('PresentAmountLimitPercent')\n        this.state = {\n            isCanUpdate: canUpdate,\n            percentNumber: percent,\n            memberDisabled: false,\n            currentValue: null,\n            showPresentDetail: false,\n            amountList: [\n                100,200,300,400,500,600,700\n            ],\n            changeStatus: true\n        }\n    }\n    getLocalStoreParam = (fieldname) => {\n        let data = localStore.get('setting_setData') || [];\n        data = data.filter(item => item.Name === fieldname);\n        return (data && data.length > 0) ? data.shift().Value : null;\n    }\n    handleChange = (info, type, value) => {\n        const { isCanUpdate, percentNumber, changeStatus } = this.state;\n        if (changeStatus) {\n            // if (type == 'PresentAmount') {\n            //     this.editPresentAmount = true;\n            //     if (isCanUpdate && this.inputStorageAmount) {\n            //         let thisStorageInput = this.inputStorageAmount.input.input;\n            //         let maxValue = (thisStorageInput.value * parseInt(percentNumber)) / 100;\n            //         if (thisPresentInput.value > maxValue) {\n            //             Message.warn(`本次储值最大可赠送金额为${maxValue}，请修改`, { top: 300, duration: 3 })\n            //             this.setState({ memberDisabled: true })\n            //             thisPresentInput.focus();\n            //             return;\n            //         } else {\n            //             this.setState({ memberDisabled: false })\n            //         }\n            //     }\n            // } else {\n            //     this.editPresentAmount = false;\n            // }\n            let timer = this.timerFun;\n            if (timer != null) {\n                window.clearTimeout(timer);\n            }\n    \n            const store = stores.memberStore;\n            const { changeValue } = store || {};\n            const strfun = async () => {\n                console.log(`this${type} value:` + value);\n                await changeValue(info, type, value, { isCanUpdate, percentValue: percentNumber })\n            }\n            this.timerFun = window.setTimeout(strfun, 400);\n        } else {\n            this.setState({\n                changeStatus: false\n            })\n        }\n    }\n\n    getPersonList = () => {\n        const store = stores.memberStore;\n        const { data, initPersonList } = store || {};\n        const { Idstore } = data || {};\n        initPersonList(Idstore)\n    }\n\n    initFormData = () => {\n        const store = stores.memberStore;\n        const { data } = store || {};\n        const { StorageDetails } = data || {};\n    }\n    componentDidUpdate() {\n        const { isCanUpdate } = this.state;\n        const store = stores.memberStore;\n        const { isInput } = store || {};\n        if (isInput) {\n            this.inputStorageAmount && this.inputStorageAmount.inputChange('');\n        }\n        if (!this.editPresentAmount && isCanUpdate) {\n            this.initFormData();\n        } \n    }\n\n    setSelectAmount = (amount, index) => {\n        this.setState({\n            currentValue: amount,\n            changeStatus: false\n        })\n        setTimeout(() => {\n            this.inputStorageAmount && this.inputStorageAmount.inputChange(\"\");\n            // this.inputStorageAmount && this.inputStorageAmount.input.input.focus();\n            this.setState({\n                changeStatus: true\n            })\n        }, 100)\n        const store = stores.memberStore;\n        const { changeGiftSingle, setCurrentIndex } = store || {};\n        setCurrentIndex && setCurrentIndex(index);\n        changeGiftSingle(amount)\n    }\n\n    checkPresentDetail = () => {\n        this.setState({\n            showPresentDetail: true\n        })\n    }\n\n    modalCancel = () => {\n        this.setState({\n            showPresentDetail: false\n        })\n    }\n\n    modalOk = () => {\n       this.modalCancel();\n    }\n\n    render(){\n        const store = stores.memberStore;\n        const { isCanUpdate,memberDisabled, amountList, showPresentDetail } = this.state;\n        const { clearCon, data, changeValue, personList, settlementControlEvent, storageAmountSpecData, giftSingle, giftList, noIsMinAmount, currentIndex, setCurrentIndex} = store || {};\n        const { Member, Person, StorageDetails } = data || {};\n        const { storageAmountSpecList } = storageAmountSpecData || {};\n        \n        // const { storageAmountSpecList } = storageAmountSpecData;\n        const { Name, MemberMobile, ImageFile, BalanceStorage = 0, PresentAmount = 0,CardTypeEnum, StorageCardNo, IsSale, IsCustomStorage } = Member || {};\n        let salesman = Member ? JSON.getCellValue(Member, \"Person.Name\") : '';\n        let thisPresentAmount = StorageDetails ? JSON.getCellValue(StorageDetails[0], \"ThisPresentAmount\") : '';\n        thisPresentAmount = (thisPresentAmount === null || thisPresentAmount === undefined) ? '' : thisPresentAmount;\n        let thisStorageAmount = StorageDetails ? JSON.getCellValue(StorageDetails[0], \"ThisStorageAmount\") : '';\n        thisStorageAmount = (thisStorageAmount === null || thisStorageAmount === undefined) ? '' : thisStorageAmount;\n        //金额小数精度\n        let amountPrecision = PosInitData(\"AmountPrecision\");\n        amountPrecision = amountPrecision ? parseInt(amountPrecision) : '';\n        //金额最大位数 \n        let amountMaxLength = PosInitData(\"AmountMaxLength\");\n        amountMaxLength = amountMaxLength ? parseInt(amountMaxLength) : '';\n        //储值参数\n        const storeInfo = TStore.restore()\n        let settlementParams = {\n            dataSource: data ? data.DataSource : {},\n            initData: PosInitData,\n            storeInfo: storeInfo,\n            showAmount: false,\n            isMemberStorePage: true,\n            amount: thisStorageAmount,\n            type: 1,\n            dto: data,\n            memberDisabled: memberDisabled,\n            ...settlementControlEvent,\n            noIsMinAmount: noIsMinAmount,\n        }\n        console.log('储值金额:' + thisStorageAmount)\n        console.log('储值settlementParams', settlementParams)\n        return (\n            <div className={`${hotKey.hotKeyBindClass('1')}`}>\n                {\n                    data &&\n                    <div className='memberstore'>\n                        <div className='memberstore-head'>\n                            <div className='imageContainer'>\n                                {\n                                    CardTypeEnum === 'BALANCE_CARD' && <img src={ImageFile || photo} />\n                                }\n                                <div className='imageContainer-message'>\n                                    {\n                                        Name && <div className='divText'>{Name}</div>\n                                    }\n                                    {\n                                        Name && <div className='divBlank'></div>\n                                    }\n                                    <div className='divText'>{MemberMobile || StorageCardNo}</div>\n                                </div>\n                            </div>\n                            {/* <div className='message'>\n                                <span>{formatPrecision(TotalBalanceAmount)}</span>\n                                <br />\n                                <span>储值总额</span>\n                            </div> */}\n                            <div className='message'>\n                                <span>{formatPrecision(BalanceStorage)}</span>\n                                <br />\n                                <span>余额</span>\n                            </div>\n                        </div>\n                        <div className='line'></div>\n                        <div className='form'>\n                            <FormItem key={1}>\n                                <div className='one'>开卡业务员</div>\n                                <div className='two'>{salesman}</div>\n                            </FormItem>\n                            <FormItem key={2}>\n                                <div className='one'>导购员</div>\n                                <div className='two'>\n                                    <Select\n                                        placeholder='请选择导购员'\n                                        style={{ width: 300, marginRight: 6 }}\n                                        showSearch={false}\n                                        notFoundContent={'空'}\n                                        onFocus={this.getPersonList}\n                                        onChange={(value, item) => changeValue(data, 'Person', item.props.ot)}\n                                    >\n                                        {\n                                            personList && personList.map(item => {\n                                                return <Option key={item.ID} ot={item} value={item.ID}>{item.Name}</Option>\n                                            })\n                                        }\n                                    </Select>\n                                </div>\n                            </FormItem>\n                            <FormItem key={3} className='storageAmount'>\n                                <div className='one'>储值金额</div>\n                                <div className='two'>\n                                    <div onClick={() => this.checkPresentDetail()} className='primary-color checkPresentDetails'>查看礼包详情</div>\n                                    {\n                                        storageAmountSpecList && <div className='detailAmount'>\n                                            {\n                                                storageAmountSpecList.map((value, index) => {\n                                                    return (\n                                                        <span onClick={() => this.setSelectAmount(value, index)} className={`${index === currentIndex && 'primary-color b-theme-color'}`}>¥{value.storageAmount}</span>\n                                                    )\n                                                })\n                                            }\n                                        </div>\n                                    }\n                                    {\n                                        (CardTypeEnum === 'BALANCE_CARD'|| (IsSale === 'SOLD' && IsCustomStorage) || (BalanceStorage+PresentAmount === 0 && IsCustomStorage)) && <NumKeyboard\n                                            className=\"content\"\n                                            type='text'\n                                            bordered\n                                            placeholder='其他金额'\n                                            style={{ width: 300, height: 32 }}\n                                            maxLength={12}\n                                            precisionLength={2}\n                                            ref={input => this.inputStorageAmount = input}\n                                            onFocus={() => {\n                                                setCurrentIndex && setCurrentIndex(null);\n                                                this.inputStorageAmount && !this.inputStorageAmount.input.input.value && clearCon();\n                                            }}\n                                            onChange={value => this.handleChange(data, 'StoreAmount', value)}\n                                        />\n                                    }\n                                </div>\n                            </FormItem>\n                            <FormItem key={4} className='gift'>\n                                <div className='one'>礼包详情</div>\n                                <div className='giftDetail'>\n                                  { giftSingle }\n                                </div>\n                            </FormItem>\n                        </div>\n                        <div className='line2'></div>\n                        <div className='footer'>\n                            <div className='storage-footer'>\n                                <Settlement {...settlementParams} />\n                            </div>\n                        </div>\n                    </div>\n                }\n                <ModalWraper \n                    className='presentModalWraper'\n                    show={showPresentDetail} \n                    centered={true} \n                    title='礼包详情'\n                    cancel={this.modalCancel}\n                    backdropStyle={{\n                        'z-index': '1002'\n                    }}\n                    ok={this.modalOk}>\n                        <PresetDetailView giftList={giftList}/>\n                </ModalWraper>\n            </div>\n        )\n    }\n}\nexport default MemberStoreNewView;"]}