tplus-portaltouch 1.27.1 → 1.27.2

package/dist/components/dutyandsettle/dutysettlebill.js

@@ -0,0 +1,897 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = undefined;
+
+var _FormControl2 = require('tinper-bee/dist/FormControl');
+
+var _FormControl3 = _interopRequireDefault(_FormControl2);
+
+var _Tabs3 = require('tinper-bee/dist/Tabs');
+
+var _Tabs4 = _interopRequireDefault(_Tabs3);
+
+var _Table2 = require('tinper-bee/dist/Table');
+
+var _Table3 = _interopRequireDefault(_Table2);
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _class;
+
+require('tinper-bee/dist/FormControl/index.css');
+
+require('tinper-bee/dist/Tabs/index.css');
+
+require('tinper-bee/dist/Table/index.css');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _map2 = require('lodash/map');
+
+var _map3 = _interopRequireDefault(_map2);
+
+var _each2 = require('lodash/each');
+
+var _each3 = _interopRequireDefault(_each2);
+
+var _reduce2 = require('lodash/reduce');
+
+var _reduce3 = _interopRequireDefault(_reduce2);
+
+var _concat2 = require('lodash/concat');
+
+var _concat3 = _interopRequireDefault(_concat2);
+
+var _find2 = require('lodash/find');
+
+var _find3 = _interopRequireDefault(_find2);
+
+var _slice2 = require('lodash/slice');
+
+var _slice3 = _interopRequireDefault(_slice2);
+
+var _truncate2 = require('lodash/truncate');
+
+var _truncate3 = _interopRequireDefault(_truncate2);
+
+var _mobxReact = require('mobx-react');
+
+var _moment = require('moment');
+
+var _moment2 = _interopRequireDefault(_moment);
+
+var _tplusComponentsTouch = require('tplus-components-touch');
+
+var _dutyService = require('../../dutyService');
+
+var _tplusPoslogin = require('tplus-poslogin');
+
+var _mutantsUtil = require('mutants-util');
+
+var _mutantsMicrofx = require('mutants-microfx');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var TabPane = _Tabs4.default.TabPane;
+
+var _default = (0, _mobxReact.observer)(_class = function (_Component) {
+    (0, _inherits3.default)(_default, _Component);
+
+    function _default(props) {
+        (0, _classCallCheck3.default)(this, _default);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (_default.__proto__ || (0, _getPrototypeOf2.default)(_default)).call(this, props));
+
+        _this._val = 0;
+
+        _this.tabClick = function (key) {};
+
+        _this.handleChange = function (value) {
+            _this.setState({
+                plusminus: value,
+                amountChange: Math.abs(_this.state.amountChange) * value
+            });
+            _this.props.onImprestAmountChange && _this.props.onImprestAmountChange(Math.abs(_this.state.amountChange) * value);
+        };
+
+        _this.onChange = function (val) {
+            var value = val;
+            if (isNaN(val) || parseFloat(val) >= 100000000000) {
+                value = _this._val;
+            } else {
+                _this._val = val;
+            }
+            var change = parseFloat(_this.state.plusminus) * parseFloat(value || 0);
+            _this.setState({
+                change: value,
+                amountChange: change
+            });
+            _this.props.onImprestAmountChange && _this.props.onImprestAmountChange(change);
+        };
+
+        _this.keyboardOnOk = function (e) {
+            _this.inputTarget.input.blur();
+            _tplusComponentsTouch.Keyboard.close();
+        };
+
+        _this.keyboardOnClose = function (e) {
+            _this.inputTarget.input.blur();
+            _tplusComponentsTouch.Keyboard.close();
+        };
+
+        _this.renderVisibleData = function (voucherInfo, bsupport, IsEnableUMember, IsCommerce, RetailAmount, ReturnAmount, GiveChangeForStorage, StorageAmount, WipeChange, OnlineAmount, CashOutAmount, CouponsDeduct, CouponsAmount, TotalCount, Price, TotalCustom) {
+            var divs = [];
+            var item = (0, _find3.default)(voucherInfo, function (info) {
+                return info.Name == "RetailAmount";
+            });
+            if (!item || item.Visible) {
+                divs.push(_react2.default.createElement(
+                    'div',
+                    { className: 'content' },
+                    _react2.default.createElement(
+                        'div',
+                        null,
+                        '\u9500\u552E\u91D1\u989D'
+                    ),
+                    _react2.default.createElement(
+                        'div',
+                        null,
+                        (0, _dutyService.getFixedNumber)(RetailAmount)
+                    )
+                ));
+            }
+            item = (0, _find3.default)(voucherInfo, function (info) {
+                return info.Name == "ReturnAmount";
+            });
+            if (!item || item.Visible) {
+                divs.push(_react2.default.createElement(
+                    'div',
+                    { className: 'content' },
+                    _react2.default.createElement(
+                        'div',
+                        null,
+                        '\u9000\u8D27\u91D1\u989D'
+                    ),
+                    _react2.default.createElement(
+                        'div',
+                        null,
+                        (0, _dutyService.getFixedNumber)(ReturnAmount)
+                    )
+                ));
+            }
+            item = (0, _find3.default)(voucherInfo, function (info) {
+                return info.Name == "NetSalesAmount";
+            });
+            if (!item || item.Visible) {
+                divs.push(_react2.default.createElement(
+                    'div',
+                    { className: 'content' },
+                    _react2.default.createElement(
+                        'div',
+                        null,
+                        '\u51C0\u9500\u552E\u91D1\u989D'
+                    ),
+                    _react2.default.createElement(
+                        'div',
+                        null,
+                        (0, _dutyService.getFixedNumber)(RetailAmount + ReturnAmount)
+                    )
+                ));
+            }
+            item = (0, _find3.default)(voucherInfo, function (info) {
+                return info.Name == "GiveChangeForStorage";
+            });
+            if ((!item || item.Visible) && bsupport) {
+                divs.push(_react2.default.createElement(
+                    'div',
+                    { className: 'content' },
+                    _react2.default.createElement(
+                        'div',
+                        null,
+                        '\u627E\u96F6\u8F6C\u50A8\u503C'
+                    ),
+                    _react2.default.createElement(
+                        'div',
+                        null,
+                        (0, _dutyService.getFixedNumber)(GiveChangeForStorage)
+                    )
+                ));
+            }
+            item = (0, _find3.default)(voucherInfo, function (info) {
+                return info.Name == "StorageAmount";
+            });
+            if (!item || item.Visible) {
+                divs.push(_react2.default.createElement(
+                    'div',
+                    { className: 'content' },
+                    _react2.default.createElement(
+                        'div',
+                        null,
+                        '\u50A8\u503C\u9500\u552E\u91D1\u989D'
+                    ),
+                    _react2.default.createElement(
+                        'div',
+                        null,
+                        (0, _dutyService.getFixedNumber)(StorageAmount)
+                    )
+                ));
+            }
+            item = (0, _find3.default)(voucherInfo, function (info) {
+                return info.Name == "WipeChange";
+            });
+            if (!item || item.Visible) {
+                divs.push(_react2.default.createElement(
+                    'div',
+                    { className: 'content' },
+                    _react2.default.createElement(
+                        'div',
+                        null,
+                        '\u62B9\u96F6'
+                    ),
+                    _react2.default.createElement(
+                        'div',
+                        null,
+                        (0, _dutyService.getFixedNumber)(WipeChange)
+                    )
+                ));
+            }
+            item = (0, _find3.default)(voucherInfo, function (info) {
+                return info.Name == "OnlineAmount";
+            });
+            if ((!item || item.Visible) && (IsEnableUMember || IsCommerce)) {
+                divs.push(_react2.default.createElement(
+                    'div',
+                    { className: 'content' },
+                    _react2.default.createElement(
+                        'div',
+                        null,
+                        '\u7EBF\u4E0A\u6536\u6B3E\u91D1\u989D'
+                    ),
+                    _react2.default.createElement(
+                        'div',
+                        null,
+                        (0, _dutyService.getFixedNumber)(OnlineAmount)
+                    )
+                ));
+            }
+            item = (0, _find3.default)(voucherInfo, function (info) {
+                return info.Name == "CashOutAmount";
+            });
+            if (!item || item.Visible) {
+                divs.push(_react2.default.createElement(
+                    'div',
+                    { className: 'content' },
+                    _react2.default.createElement(
+                        'div',
+                        null,
+                        '\u62B5\u73B0\u9500\u552E\u91D1\u989D'
+                    ),
+                    _react2.default.createElement(
+                        'div',
+                        null,
+                        (0, _dutyService.getFixedNumber)(CashOutAmount)
+                    )
+                ));
+            }
+            item = (0, _find3.default)(voucherInfo, function (info) {
+                return info.Name == "CouponsDeduct";
+            });
+            if (!item || item.Visible) {
+                divs.push(_react2.default.createElement(
+                    'div',
+                    { className: 'content' },
+                    _react2.default.createElement(
+                        'div',
+                        null,
+                        '\u5238\u6298\u6263\uFF08\u8D1F\u52B3\u52A1\u884C\uFF09'
+                    ),
+                    _react2.default.createElement(
+                        'div',
+                        null,
+                        (0, _dutyService.getFixedNumber)(CouponsDeduct)
+                    )
+                ));
+            }
+            item = (0, _find3.default)(voucherInfo, function (info) {
+                return info.Name == "CouponsAmount";
+            });
+            if ((!item || item.Visible) && (IsEnableUMember || IsCommerce)) {
+                divs.push(_react2.default.createElement(
+                    'div',
+                    { className: 'content' },
+                    _react2.default.createElement(
+                        'div',
+                        null,
+                        '\u4EE3\u91D1\u5238\u62B5\u6263'
+                    ),
+                    _react2.default.createElement(
+                        'div',
+                        null,
+                        (0, _dutyService.getFixedNumber)(CouponsAmount)
+                    )
+                ));
+            }
+            item = (0, _find3.default)(voucherInfo, function (info) {
+                return info.Name == "TotalCount";
+            });
+            if (!item || item.Visible) {
+                divs.push(_react2.default.createElement(
+                    'div',
+                    { className: 'content' },
+                    _react2.default.createElement(
+                        'div',
+                        null,
+                        '\u6C34\u5355\u603B\u6570'
+                    ),
+                    _react2.default.createElement(
+                        'div',
+                        null,
+                        TotalCount || 0
+                    )
+                ));
+            }
+            item = (0, _find3.default)(voucherInfo, function (info) {
+                return info.Name == "Price";
+            });
+            if (!item || item.Visible) {
+                divs.push(_react2.default.createElement(
+                    'div',
+                    { className: 'content' },
+                    _react2.default.createElement(
+                        'div',
+                        null,
+                        '\u5BA2\u5355\u4EF7'
+                    ),
+                    _react2.default.createElement(
+                        'div',
+                        null,
+                        (0, _dutyService.getFixedNumber)(Price, (0, _tplusPoslogin.PosInitData)('PricePrecision'))
+                    )
+                ));
+            }
+            item = (0, _find3.default)(voucherInfo, function (info) {
+                return info.Name == "TotalCustom";
+            });
+            if (!item || item.Visible) {
+                divs.push(_react2.default.createElement(
+                    'div',
+                    { className: 'content' },
+                    _react2.default.createElement(
+                        'div',
+                        null,
+                        '\u6765\u5BA2\u6570\u91CF'
+                    ),
+                    _react2.default.createElement(
+                        'div',
+                        null,
+                        TotalCustom || 0
+                    )
+                ));
+            }
+            if (divs.length % 2 != 0) {
+                divs.push(_react2.default.createElement(
+                    'div',
+                    { className: 'content' },
+                    _react2.default.createElement(
+                        'div',
+                        null,
+                        " "
+                    ),
+                    _react2.default.createElement(
+                        'div',
+                        null,
+                        " "
+                    )
+                ));
+            }
+
+            return divs;
+        };
+
+        _this.renderHeadData = function (voucherInfo, type, Code, Name, POSCode, POSName, POS, Maker) {
+            var divs = [];
+            var item = (0, _find3.default)(voucherInfo, function (info) {
+                return info.Name == "Code";
+            });
+            if (!item || item.Visible) {
+                divs.push(_react2.default.createElement(
+                    'div',
+                    { className: 'item' },
+                    _react2.default.createElement(
+                        'div',
+                        { className: 'label' },
+                        type == 'offDuty' ? "交班单号：" : "日结单号："
+                    ),
+                    _react2.default.createElement(
+                        'div',
+                        { className: 'content' },
+                        Code
+                    )
+                ));
+            }
+            item = (0, _find3.default)(voucherInfo, function (info) {
+                return info.Name == "Store";
+            });
+            if (!item || item.Visible) {
+                divs.push(_react2.default.createElement(
+                    'div',
+                    { className: 'item' },
+                    _react2.default.createElement(
+                        'div',
+                        { className: 'label' },
+                        '\u95E8\u5E97\uFF1A'
+                    ),
+                    _react2.default.createElement(
+                        'div',
+                        { className: 'content' },
+                        Name
+                    )
+                ));
+            }
+            item = (0, _find3.default)(voucherInfo, function (info) {
+                return info.Name == "POSCode";
+            });
+            if (!item || item.Visible) {
+                divs.push(_react2.default.createElement(
+                    'div',
+                    { className: 'item' },
+                    _react2.default.createElement(
+                        'div',
+                        { className: 'label' },
+                        'POS\u7F16\u7801\uFF1A'
+                    ),
+                    _react2.default.createElement(
+                        'div',
+                        { className: 'content' },
+                        POSCode
+                    )
+                ));
+            }
+            item = (0, _find3.default)(voucherInfo, function (info) {
+                return info.Name == "POSName";
+            });
+            if (!item || item.Visible) {
+                divs.push(_react2.default.createElement(
+                    'div',
+                    { className: 'item' },
+                    _react2.default.createElement(
+                        'div',
+                        { className: 'label' },
+                        'POS\u540D\u79F0\uFF1A'
+                    ),
+                    _react2.default.createElement(
+                        'div',
+                        { className: 'content' },
+                        POSName || POS
+                    )
+                ));
+            }
+            item = (0, _find3.default)(voucherInfo, function (info) {
+                return info.Name == "Maker";
+            });
+            if (!item || item.Visible) {
+                divs.push(_react2.default.createElement(
+                    'div',
+                    { className: 'item' },
+                    _react2.default.createElement(
+                        'div',
+                        { className: 'label' },
+                        '\u6536\u94F6\u5458\uFF1A'
+                    ),
+                    _react2.default.createElement(
+                        'div',
+                        { className: 'content' },
+                        Maker
+                    )
+                ));
+            }
+            return divs;
+        };
+
+        _this.state = {
+            plusminus: "1",
+            amountChange: 0,
+            change: 0,
+            showInput: false
+        };
+        return _this;
+    }
+
+    (0, _createClass3.default)(_default, [{
+        key: 'componentDidMount',
+        value: function componentDidMount() {}
+    }, {
+        key: 'checkItemVisible',
+        value: function checkItemVisible(voucherInfo, key) {
+            var item = (0, _find3.default)(voucherInfo, function (info) {
+                return info.Name == key;
+            });
+            return !item || item.Visible;
+        }
+    }, {
+        key: 'render',
+        value: function render() {
+            var _this2 = this;
+
+            var _props = this.props,
+                bill = _props.bill,
+                bhistory = _props.bhistory,
+                type = _props.type,
+                voucherInfo = _props.voucherInfo;
+
+            var _ref = _mutantsUtil.platform || {},
+                isHorizontalPad = _ref.isHorizontalPad;
+
+            var Name = _tplusPoslogin.TStore.restore().storeName;
+            //let UserName=PosInitData('UserName');
+            var IsEnableUMember = (0, _tplusPoslogin.PosInitData)('IsEnableUMember');
+            var IsCommerce = (0, _tplusPoslogin.PosInitData)('ECommerce') && !(0, _tplusPoslogin.PosInitData)('ControlMeiTuan'); //是否开启电商
+            var bPosDaily = (0, _tplusPoslogin.PosInitData)('POSCheckWays') == _dutyService.PosCheckWays.POS;
+            var bsupport = false;
+            var showAmount = type == 'offDuty' && !bPosDaily || type != 'offDuty' && bPosDaily;
+            // let { Code,POSCode, POSName, Store:{ Name }={},UserName,WorkingDate, WorkingTime,
+
+            var _ref2 = bill || {},
+                Maker = _ref2.Maker,
+                Code = _ref2.Code,
+                POSCode = _ref2.POSCode,
+                POSName = _ref2.POSName,
+                POS = _ref2.POS,
+                WorkingDate = _ref2.WorkingDate,
+                WorkingTime = _ref2.WorkingTime,
+                StartDate = _ref2.StartDate,
+                StartTime = _ref2.StartTime,
+                ShiftDate = _ref2.ShiftDate,
+                ShiftTime = _ref2.ShiftTime,
+                WipeChange = _ref2.WipeChange,
+                RetailAmount = _ref2.RetailAmount,
+                ReturnAmount = _ref2.ReturnAmount,
+                GiveChangeForStorage = _ref2.GiveChangeForStorage,
+                StorageAmount = _ref2.StorageAmount,
+                CashOutAmount = _ref2.CashOutAmount,
+                CouponsAmount = _ref2.CouponsAmount,
+                CouponsDeduct = _ref2.CouponsDeduct,
+                TotalCount = _ref2.TotalCount,
+                Price = _ref2.Price,
+                _ref2$InitialAmount = _ref2.InitialAmount,
+                InitialAmount = _ref2$InitialAmount === undefined ? 0 : _ref2$InitialAmount,
+                _ref2$ImprestAmount = _ref2.ImprestAmount,
+                ImprestAmount = _ref2$ImprestAmount === undefined ? 0 : _ref2$ImprestAmount,
+                _ref2$ShiftVoucherDet = _ref2.ShiftVoucherDetails,
+                ShiftVoucherDetails = _ref2$ShiftVoucherDet === undefined ? [] : _ref2$ShiftVoucherDet,
+                Memo = _ref2.Memo,
+                _ref2$DailyDetails = _ref2.DailyDetails,
+                DailyDetails = _ref2$DailyDetails === undefined ? [] : _ref2$DailyDetails,
+                TotalCustom = _ref2.TotalCustom,
+                OnlineAmount = _ref2.OnlineAmount;
+
+            var timecontent = _react2.default.createElement(
+                'span',
+                null,
+                _react2.default.createElement(
+                    'p',
+                    null,
+                    (0, _moment2.default)(WorkingDate || StartDate).format(_dutyService.DateFormat2) + ' ' + (WorkingTime || StartTime) + ' 至'
+                ),
+                _react2.default.createElement(
+                    'p',
+                    null,
+                    ShiftTime ? (0, _moment2.default)(ShiftDate).format(_dutyService.DateFormat2) + ' ' + ShiftTime : (0, _moment2.default)().format(_dutyService.DateFormat)
+                )
+            );
+            var rdetials = (0, _concat3.default)(ShiftVoucherDetails, DailyDetails);
+            var detials = [];
+            (0, _each3.default)(rdetials, function (detail) {
+                detials.push({
+                    name: detail.SettleStyle.Name,
+                    origamount: detail.OrigAmount,
+                    amount: detail.Amount,
+                    MemberDepositAmount: detail.MemberDepositAmount,
+                    TotalOrigAmount: detail.TotalOrigAmount,
+                    TotalAmount: detail.TotalAmount
+                });
+                if (detail.NativeTitle) {
+                    detials.push({
+                        name: detail.NativeTitle,
+                        origamount: detail.Amount,
+                        amount: 0,
+                        TotalOrigAmount: detail.TotalAmount,
+                        TotalAmount: 0
+                    });
+                }
+            });
+            var columns = [{
+                title: "结算方式/收入类型",
+                dataIndex: "type",
+                key: "type",
+                width: 150,
+                fixed: 'left',
+                className: "column"
+            }];
+            var data = {};
+            var data1 = {};
+            var data2 = {};
+            data.type = "零售收款金额";
+            data1.type = "会员充值金额";
+            data2.type = "合计";
+            var datas = [];
+            (0, _each3.default)(detials, function (detail, index) {
+                columns.push({
+                    title: detail.name.length > 6 ? (0, _truncate3.default)(detail.name, { length: 6, omission: '' }) + '...' : detail.name, //detail.name,
+                    dataIndex: "data" + index,
+                    key: "data" + index,
+                    width: 130,
+                    textAlign: 'right',
+                    className: "column"
+                });
+                data["data" + index] = (0, _dutyService.getFixedNumber)(detail.origamount);
+                data1["data" + index] = (0, _dutyService.getFixedNumber)(detail.MemberDepositAmount || 0);
+                data2["data" + index] = (0, _dutyService.getFixedNumber)(detail.TotalOrigAmount || 0);
+            });
+            columns.push({
+                title: "合计",
+                dataIndex: "total",
+                key: "total",
+                width: 100,
+                textAlign: 'right',
+                className: "column"
+            });
+            data["total"] = (0, _dutyService.getFixedNumber)((0, _reduce3.default)(detials, function (sum, detail) {
+                return sum + parseFloat(detail.amount);
+            }, 0));
+            data1["total"] = (0, _dutyService.getFixedNumber)((0, _reduce3.default)(detials, function (sum, detail) {
+                return sum + parseFloat(detail.MemberDepositAmount || 0);
+            }, 0));
+            data2["total"] = (0, _dutyService.getFixedNumber)((0, _reduce3.default)(detials, function (sum, detail) {
+                return sum + parseFloat(detail.TotalAmount || 0);
+            }, 0));
+            if (this.checkItemVisible(voucherInfo, "OrigAmount")) {
+                datas.push(data);
+            }
+            if (this.checkItemVisible(voucherInfo, "MemberDepositAmount")) {
+                datas.push(data1);
+            }
+            if (this.checkItemVisible(voucherInfo, "TotalOrigAmount")) {
+                datas.push(data2);
+            }
+            var divs = this.renderVisibleData(voucherInfo, bsupport, IsEnableUMember, IsCommerce, RetailAmount, ReturnAmount, GiveChangeForStorage, StorageAmount, WipeChange, OnlineAmount, CashOutAmount, CouponsDeduct, CouponsAmount, TotalCount, Price, TotalCustom);
+            var headers = this.renderHeadData(voucherInfo, type, Code, Name, POSCode, POSName, POS, Maker);
+            return _react2.default.createElement(
+                'div',
+                { className: 'offDuty' },
+                _react2.default.createElement(
+                    'div',
+                    { className: 'header' },
+                    (0, _map3.default)(headers, function (item) {
+                        return item;
+                    }),
+                    _react2.default.createElement(
+                        'div',
+                        { className: 'item' },
+                        _react2.default.createElement(
+                            'div',
+                            { className: 'label' },
+                            '\u65F6\u95F4\uFF1A'
+                        ),
+                        _react2.default.createElement(
+                            'div',
+                            { className: 'content' },
+                            !(WorkingDate || StartDate) ? '' : timecontent
+                        )
+                    )
+                ),
+                _react2.default.createElement(
+                    'div',
+                    { className: (0, _classnames2.default)({ "body": true, 'bodyP': !bhistory }) },
+                    _react2.default.createElement(
+                        _Tabs4.default,
+                        { defaultActiveKey: '1', onChange: this.tabClick },
+                        _react2.default.createElement(
+                            TabPane,
+                            { tab: '\u6536\u94F6\u7EDF\u8BA1', key: '1' },
+                            _react2.default.createElement(
+                                'div',
+                                { className: (0, _classnames2.default)({ "cashstat": true, "cashstatP": !bhistory }) },
+                                _react2.default.createElement(_Table3.default, {
+                                    columns: columns,
+                                    data: datas })
+                            )
+                        ),
+                        _react2.default.createElement(
+                            TabPane,
+                            { tab: '\u9500\u552E\u770B\u677F', key: '2' },
+                            _react2.default.createElement(
+                                'div',
+                                { className: (0, _classnames2.default)({ "salestat": true, "salestatP": !bhistory }) },
+                                _react2.default.createElement(
+                                    'div',
+                                    { className: 'stat' },
+                                    _react2.default.createElement(
+                                        'div',
+                                        { className: 'title' },
+                                        _react2.default.createElement(
+                                            'div',
+                                            null,
+                                            '\u9500\u552E\u6570\u636E'
+                                        ),
+                                        _react2.default.createElement(
+                                            'div',
+                                            null,
+                                            '\u91D1\u989D'
+                                        )
+                                    ),
+                                    (0, _map3.default)((0, _slice3.default)(divs, 0, divs.length / 2), function (item) {
+                                        return item;
+                                    })
+                                ),
+                                _react2.default.createElement(
+                                    'div',
+                                    { className: 'stat' },
+                                    _react2.default.createElement(
+                                        'div',
+                                        { className: 'title' },
+                                        _react2.default.createElement(
+                                            'div',
+                                            null,
+                                            '\u9500\u552E\u6570\u636E'
+                                        ),
+                                        _react2.default.createElement(
+                                            'div',
+                                            null,
+                                            '\u91D1\u989D'
+                                        )
+                                    ),
+                                    (0, _map3.default)((0, _slice3.default)(divs, divs.length / 2), function (item) {
+                                        return item;
+                                    })
+                                )
+                            )
+                        )
+                    )
+                ),
+                _react2.default.createElement(
+                    'div',
+                    { className: 'footer' },
+                    showAmount && this.checkItemVisible(voucherInfo, "InitialAmount") && _react2.default.createElement(
+                        'div',
+                        { className: 'item' },
+                        _react2.default.createElement(
+                            'div',
+                            { className: 'label paddingtop' },
+                            '\u5907\u7528\u91D1\u521D\u59CB\u91D1\u989D\uFF1A'
+                        ),
+                        _react2.default.createElement(
+                            'div',
+                            { className: 'content paddingtop' },
+                            (0, _dutyService.getFixedNumber)(InitialAmount)
+                        )
+                    ),
+                    showAmount && this.checkItemVisible(voucherInfo, "ImprestAmount") && _react2.default.createElement(
+                        'div',
+                        { className: 'item', style: { display: bhistory ? 'none' : 'inline-block' } },
+                        _react2.default.createElement(
+                            'div',
+                            { className: 'label paddingtop' },
+                            '\u5907\u7528\u91D1\uFF1A'
+                        ),
+                        _react2.default.createElement(
+                            'div',
+                            { className: 'content content2' },
+                            _react2.default.createElement(
+                                'div',
+                                { className: 'plusminus' },
+                                _react2.default.createElement(
+                                    'button',
+                                    { className: (0, _classnames2.default)({ "selected": this.state.plusminus == "1" }), onClick: function onClick() {
+                                            return _this2.handleChange(1);
+                                        } },
+                                    '\u589E'
+                                ),
+                                _react2.default.createElement(
+                                    'button',
+                                    { className: (0, _classnames2.default)({ "selected": this.state.plusminus == "-1" }), onClick: function onClick() {
+                                            return _this2.handleChange(-1);
+                                        } },
+                                    '\u51CF'
+                                )
+                            ),
+                            _react2.default.createElement(
+                                'div',
+                                { className: 'amountchange' },
+                                _react2.default.createElement(_FormControl3.default, {
+                                    type: 'text',
+                                    onChange: this.onChange,
+                                    value: this.state.change,
+                                    ref: function ref(_ref3) {
+                                        return _this2.inputTarget = _ref3;
+                                    },
+                                    onFocus: function onFocus(e) {
+                                        _this2.setState({ showInput: true });
+                                        if (!isHorizontalPad) {
+                                            //针对pad适配
+                                            setTimeout(function () {
+                                                _this2.hiddenDiv.scrollIntoView(true);
+                                            }, 100);
+                                        }
+                                        _tplusComponentsTouch.Keyboard.open(function (v) {
+                                            var value = _tplusComponentsTouch.Keyboard.getNewValue(_this2.inputTarget.input, _this2.inputTarget.input.value, v);
+                                            _this2.onChange(value);
+                                        }, _this2.keyboardOnOk, _this2.keyboardOnClose)();
+                                    },
+                                    onBlur: function onBlur(e) {
+                                        _this2.setState({ showInput: false });
+                                        _tplusComponentsTouch.Keyboard.close();
+                                        _this2.setState({ change: (0, _dutyService.getFixedNumber)(_this2.state.change) });
+                                    }
+                                })
+                            )
+                        )
+                    ),
+                    showAmount && this.checkItemVisible(voucherInfo, "ImprestBalanceAmount") && _react2.default.createElement(
+                        'div',
+                        { className: 'item' },
+                        _react2.default.createElement(
+                            'div',
+                            { className: 'label paddingtop' },
+                            '\u5907\u7528\u91D1\u91D1\u989D\uFF1A'
+                        ),
+                        _react2.default.createElement(
+                            'div',
+                            { className: 'content paddingtop' },
+                            (0, _dutyService.getFixedNumber)(InitialAmount + (!!bhistory ? ImprestAmount : parseFloat((0, _dutyService.getFixedNumber)(this.state.amountChange))))
+                        )
+                    ),
+                    this.checkItemVisible(voucherInfo, "Memo") && _react2.default.createElement(
+                        'div',
+                        { className: 'item' },
+                        _react2.default.createElement(
+                            'div',
+                            { className: 'label paddingtop' },
+                            '\u5907\u6CE8\uFF1A'
+                        ),
+                        _react2.default.createElement(
+                            'div',
+                            { className: 'content demo paddingtop' },
+                            Memo
+                        )
+                    )
+                ),
+                _react2.default.createElement('div', { className: this.state.showInput ? 'showgap' : 'notshowinput' }),
+                _react2.default.createElement('div', { ref: function ref(_ref4) {
+                        return _this2.hiddenDiv = _ref4;
+                    }, className: this.state.showInput ? 'showinput' : 'notshowinput' })
+            );
+        }
+    }]);
+    return _default;
+}(_react.Component)) || _class;
+
+exports.default = _default;
+//# sourceMappingURL=dutysettlebill.js.map