tplus-components-touch 3.27.42 → 3.27.44

package/dist/components/settlement/settlement.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _input = require('antd/es/input');
-
-var _input2 = _interopRequireDefault(_input);
-
 var _modal = require('antd/es/modal');
 
 var _modal2 = _interopRequireDefault(_modal);
 
+var _input = require('antd/es/input');
+
+var _input2 = _interopRequireDefault(_input);
+
 var _drawer = require('antd/es/drawer');
 
 var _drawer2 = _interopRequireDefault(_drawer);
@@ -90,10 +90,10 @@ var _inherits3 = _interopRequireDefault(_inherits2);
 
 var _class, _class2, _temp;
 
-require('antd/es/input/style');
-
 require('antd/es/modal/style');
 
+require('antd/es/input/style');
+
 require('antd/es/drawer/style');
 
 require('antd/es/table/style');
@@ -268,7 +268,8 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
       storageValue: '0.00',
       czkValue: null,
       isInputMember: false,
-      selectedRowIndex: 0
+      selectedRowIndex: 0,
+      isNotAutoFocus: true
       // 复核结算方式快捷键列表
     };
     _this2.compoundHotkeysList = (window.$.operationControl[5] ? window.$.operationControl[5].control || [] : []).map(function (key) {
@@ -382,7 +383,8 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
             var count = _this2.handleShowPrototype();
             if (!isReturn && isAutoShowCouponWhenCash && count > 0) {
               _this2.setState({
-                prototypeVisible: true
+                prototypeVisible: true,
+                isNotAutoFocus: false
               });
             } else {
               _this2.payQuick();
@@ -504,7 +506,8 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
             var count = _this2.handleShowPrototype();
             if (!isReturn && isAutoShowCouponWhenCash && count > 0) {
               _this2.setState({
-                prototypeVisible: true
+                prototypeVisible: true,
+                isNotAutoFocus: false
               });
             } else {
               _this2.payFun();
@@ -1314,7 +1317,9 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
       var _enumController$getEn12 = _mutantsUtil.enumController.getEnumOj(),
           PayStyle = _enumController$getEn12.PayStyle;
 
-      if (boriginReturn && (type == PayStyle.hyczk || type == PayStyle.djq || type == PayStyle.jfdx)) {
+      var storeType = _this2.props.type;
+
+      if (storeType != 1 && boriginReturn && (type == PayStyle.hyczk || type == PayStyle.djq || type == PayStyle.jfdx)) {
         _message2.default.info('原单退货时，该结算方式不可以删除。');
       } else {
         _this2.store.delPay(index, bookType);
@@ -2551,6 +2556,7 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
                           null,
                           _react2.default.createElement(_numkeyboardPassword2.default, {
                             className: 'content',
+                            placement: 'rightBottom',
                             newType: 'positive',
                             bordered: true,
                             placeholder: '\u8BF7\u8F93\u51656\u4F4D\u6570\u5B57\u5BC6\u7801',
@@ -2999,6 +3005,8 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
                   id: 'paymentAmount',
                   className: 'content',
                   type: 'text',
+                  bordered: true,
+                  placement: 'rightBottom',
                   placeholder: '\u8BF7\u8F93\u5165\u4ED8\u6B3E\u91D1\u989D',
                   disabled: paymode.value < 0,
                   defaultValue: that.getXianjinPayment(paymode.paymentType, paymode.value),
@@ -3070,6 +3078,7 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
                 _react2.default.createElement(_numKeyboardScan2.default, {
                   className: 'content ',
                   type: 'text',
+                  bordered: true,
                   placeholder: '\u626B\u63CF\u6216\u8F93\u5165\u4ED8\u6B3E\u7801',
                   ref: function ref(input) {
                     return that['inputS' + paymode.paymethodId] = input;
@@ -3298,6 +3307,7 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
       _this2.handleShowPrototype();
       _this2.setState({
         prototypeVisible: true,
+        isNotAutoFocus: true,
         isPrototypeClick: true
       });
     };
@@ -3471,11 +3481,11 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
     //jfdx
 
 
-    /**
-     *
-     * @param {*} thePaymodes 支付方式列表
-     * @param {*} currenIndex  当前支付方式下标
-     * @param {*} symbol  从当前currenIndex开始 还是从当前currenIndex截止
+    /**
+     *
+     * @param {*} thePaymodes 支付方式列表
+     * @param {*} currenIndex  当前支付方式下标
+     * @param {*} symbol  从当前currenIndex开始 还是从当前currenIndex截止
      */
 
     // 处理客显显示功能
@@ -3671,7 +3681,8 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
           storageValue = _state2.storageValue,
           czkValue = _state2.czkValue,
           newPassConfirm = _state2.newPassConfirm,
-          newPass = _state2.newPass;
+          newPass = _state2.newPass,
+          isNotAutoFocus = _state2.isNotAutoFocus;
 
       var _ref32 = _mutantsUtil.platform || {},
           isNewRetailBCPos = _ref32.isNewRetailBCPos;
@@ -3917,10 +3928,14 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
             var iconclass = PayIcon2[p.paymentType] ? 'color' + p.paymentType : "primary-color";
             return _react2.default.createElement(
               _button2.default,
-              { className: (0, _classnames4.default)({ "quick": true, "quick2": type == 1 }), key: 'paymentType_' + p.paymentType, onClick: function onClick() {
+              {
+                className: (0, _classnames4.default)({ "quick": true, "quick2": type == 1 }),
+                key: 'paymentType_' + p.paymentType,
+                onClick: function onClick() {
                   _this8.btnDebounced(p.paymentType, true);
                 },
-                disabled: productsIsEmpty || type != 1 && _this8.checkModeDisabled(p.paymentType, (_this8.context.viewModel.data.TotalTaxAmount || 0 - _this8.context.viewModel.data.OnlinePaymentAmount || 0) < 0, boriginReturn) },
+                disabled: productsIsEmpty || type != 1 && _this8.checkModeDisabled(p.paymentType, (_this8.context.viewModel.data.TotalTaxAmount || 0 - _this8.context.viewModel.data.OnlinePaymentAmount || 0) < 0, boriginReturn)
+              },
               _react2.default.createElement(
                 'div',
                 { className: (0, _classnames4.default)((_classnames2 = {}, (0, _defineProperty3.default)(_classnames2, iconclass, true), (0, _defineProperty3.default)(_classnames2, "icon", true), _classnames2)) },
@@ -3941,22 +3956,23 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
             this.props.isMemberPoints ? '立即兑换' : this.props.isMemberPointsReturn ? '退货' : settle.name
           )
         ),
-        type != 1 && !newStyle && _react2.default.createElement(
+        !newStyle && _react2.default.createElement(
           _drawer2.default,
           {
             title: '\u590D\u5408\u7ED3\u7B97',
             width: '600px',
             placement: 'right',
-            maskClosable: false,
+            maskClosable: true,
             closable: false,
             onClose: this.handleCancel,
             visible: this.state.visible,
             destroyOnClose: true,
-            className: 'settlement-wraper'
+            className: 'settlement-wraper',
+            style: { 'zIndex': 1006 }
           },
           _react2.default.createElement(
             'div',
-            { className: 'settlement ' + _index.hotKey.hotKeyBindClass('5') },
+            { className: 'settlement ' + _index.hotKey.hotKeyBindClass('5'), style: { height: '100%', paddingBottom: '68px' } },
             _react2.default.createElement(
               'div',
               { className: (0, _classnames4.default)({ "toolbar bg-subsidiary-gray-color4": true, "carousel": paymodes.length > carouselStart }) },
@@ -3971,7 +3987,7 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
             ),
             _react2.default.createElement(
               'div',
-              { className: 'paydetail', style: { maxHeight: document.body.clientHeight - (paymodes.length > 6 ? 275 : 200) + 'px' } },
+              { className: 'paydetail', style: { maxHeight: document.body.clientHeight - (paymodes.length > 6 ? 275 : 200) + 'px', height: 'calc(100% - 198px)' } },
               _react2.default.createElement(
                 'div',
                 { className: 'left' },
@@ -4001,7 +4017,7 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
                         mode.paymentType == PayStyle.hyczk || mode.paymentType == PayStyle.jfdx || mode.paymentType == PayStyle.djq ? _react2.default.createElement('input', { id: 'inputS' + index,
                           className: _index.hotKey.hotKeyNotFilter(),
                           onClick: function onClick() {
-                            _this8.editModal(index, mode.paymentType, boriginReturn);
+                            _this8.editModal(index, mode.paymentType, type != 1 ? boriginReturn : null);
                           }, value: (0, _utils.getFixedNumber)(mode.value) }) : _react2.default.createElement('input', { id: 'inputS' + index,
                           className: _index.hotKey.hotKeyNotFilter(),
                           value: mode.exchangeRate != 1 ? mode.value2 : mode.value,
@@ -4065,7 +4081,7 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
                         (0, _utils.getFixedNumber)(mode.balance)
                       ),
                       _react2.default.createElement('br', null),
-                      themodeHyczk && themodeHyczk.length && themodeHyczk[themodeHyczk.length - 1].paymethodId === mode.paymethodId && !isReturn && _react2.default.createElement(
+                      type != 1 && themodeHyczk && themodeHyczk.length && themodeHyczk[themodeHyczk.length - 1].paymethodId === mode.paymethodId && !isReturn && _react2.default.createElement(
                         _button2.default,
                         { onClick: function onClick() {
                             _this8.appendCzkmode(boriginReturn, 'noPlaySetPwd');
@@ -4159,7 +4175,7 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
                   ),
                   _react2.default.createElement(
                     'div',
-                    { className: 'receivable', style: { display: (DistributionMode.Id == 'ELECTRONIC' || DistributionMode.Id == 'CITY_DISTRIBUTE') && BuyerPayFreight && BuyerPayFreight > 0 ? 'block' : 'none' } },
+                    { className: 'receivable', style: { display: DistributionMode && (DistributionMode.Id == 'ELECTRONIC' || DistributionMode.Id == 'CITY_DISTRIBUTE') && BuyerPayFreight && BuyerPayFreight > 0 ? 'block' : 'none' } },
                     _react2.default.createElement(
                       'span',
                       null,
@@ -4172,7 +4188,7 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
                     )
                   )
                 ),
-                !isReturn && _react2.default.createElement(
+                type != 1 && !isReturn && _react2.default.createElement(
                   'div',
                   { onClick: this.prototypeDetailedClick, className: 'prototypeDetailed primary-color' },
                   '\u4F18\u60E0\u660E\u7EC6',
@@ -4211,18 +4227,19 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
             )
           )
         ),
-        type != 1 && newStyle && _react2.default.createElement(
+        newStyle && _react2.default.createElement(
           _drawer2.default,
           {
             title: '\u590D\u5408\u7ED3\u7B97',
             width: '600px',
             placement: 'right',
-            maskClosable: false,
+            maskClosable: true,
             closable: false,
             onClose: this.handleCancel,
             visible: this.state.visible,
             destroyOnClose: true,
-            className: 'settlement-wraper'
+            className: 'settlement-wraper',
+            style: { 'zIndex': 1006 }
           },
           _react2.default.createElement(
             'div',
@@ -4308,7 +4325,7 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
                   ),
                   _react2.default.createElement(
                     'div',
-                    { className: 'receivable', style: { display: (DistributionMode.Id == 'ELECTRONIC' || DistributionMode.Id == 'CITY_DISTRIBUTE') && BuyerPayFreight && BuyerPayFreight > 0 ? 'block' : 'none' } },
+                    { className: 'receivable', style: { display: DistributionMode && (DistributionMode.Id == 'ELECTRONIC' || DistributionMode.Id == 'CITY_DISTRIBUTE') && BuyerPayFreight && BuyerPayFreight > 0 ? 'block' : 'none' } },
                     _react2.default.createElement(
                       'span',
                       null,
@@ -4321,7 +4338,7 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
                     )
                   )
                 ),
-                !isReturn && _react2.default.createElement(
+                type != 1 && !isReturn && _react2.default.createElement(
                   'div',
                   { onClick: this.prototypeDetailedClick, className: 'prototypeDetailed primary-color' },
                   '\u4F18\u60E0\u660E\u7EC6',
@@ -4343,12 +4360,12 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
                     return m.paymentType === PayStyle.smzf;
                   });
                   //同时存在微信、支付宝(或者收钱吧)、扫码支付三种方式，在非退货模式下，隐藏微信、支付宝。
-                  var hotkeyIndex = index;
+                  var hotkeyIndex = mindex;
                   if (!isReturn && hasSMZF) {
                     if (mode.paymentType == PayStyle.wx || mode.paymentType == PayStyle.zfb) {
                       return null;
                     } else {
-                      var theArr = (0, _filter3.default)(paymode.paymodes, function (t) {
+                      var theArr = (0, _filter3.default)(thePaymodes, function (t) {
                         return t.paymentType != PayStyle.wx && t.paymentType != PayStyle.zfb;
                       });
                       hotkeyIndex = (0, _findIndex3.default)(theArr, function (m) {
@@ -4356,6 +4373,22 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
                       });
                     }
                   }
+                  var hyczkFindIndex = (0, _findIndex3.default)(thePaymodes, function (m) {
+                    return m.paymentType == PayStyle.hyczk;
+                  });
+                  var hyczkList = (0, _filter3.default)(thePaymodes, function (m) {
+                    return m.paymentType == PayStyle.hyczk;
+                  });
+                  var lastStorageCardIndex = 0;
+                  (0, _map3.default)(thePaymodes, function (m, i) {
+                    if (m.paymentType === PayStyle.hyczk) lastStorageCardIndex = i;
+                  });
+                  if (mindex > 0 && hyczkList.length > 1 && mindex > lastStorageCardIndex) {
+                    hotkeyIndex = hotkeyIndex - hyczkList.length + 1;
+                  }
+
+                  console.log(thePaymodes);
+
                   var index = mode.paymethodId;
                   return mode.paymentType == PayStyle.hyczk && (0, _findIndex3.default)(thePaymodes, function (m) {
                     return m.paymentType == PayStyle.hyczk;
@@ -4392,16 +4425,7 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
                           className: _index.hotKey.hotKeyNotFilter("paymode hotkey_" + _this8.compoundHotkeysList[hotkeyIndex]),
                           disabled: _this8.checkModeDisabled(mode.paymentType, brefund, boriginReturn),
                           onClick: function onClick() {
-                            // let czkinput = document.getElementById('inputS' + index);
-                            // if (mode.paymentType === PayStyle.hyczk) {
-                            //   const { isProhibitMeStorageCard } = this.props;
-                            //   if (isProhibitMeStorageCard) {
-                            //     Message.warn('储值卡不可键盘录入，请刷卡!');
-                            //     return;
-                            //   }
-                            // }
-                            // mode.paymentType == PayStyle.hyczk && czkinput && czkinput.value !== '0.00' ? this.editCzkModal() :
-                            if (mode.paymentType == PayStyle.hyczk) {
+                            if (type != 1 && mode.paymentType == PayStyle.hyczk) {
                               if (themodeHyczk && themodeHyczk.length === 0) {
                                 _this8.onHotKeyClick1(mode, index, boriginReturn);
                               }
@@ -4457,10 +4481,14 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
                           null,
                           '\u5361\u53F7\uFF1A'
                         ),
-                        _react2.default.createElement(
+                        type != 1 ? _react2.default.createElement(
                           'span',
                           null,
                           m && m.storageCardNo
+                        ) : _react2.default.createElement(
+                          'span',
+                          null,
+                          m.member && m.member.cardNo
                         ),
                         _react2.default.createElement(
                           'span',
@@ -4473,7 +4501,7 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
                           '\u652F\u4ED8\u91D1\u989D\uFF1A'
                         ),
                         _react2.default.createElement('br', null),
-                        themodeHyczk && themodeHyczk.length && themodeHyczk[themodeHyczk.length - 1].paymethodId === m.paymethodId && _react2.default.createElement(
+                        type != 1 && themodeHyczk && themodeHyczk.length && themodeHyczk[themodeHyczk.length - 1].paymethodId === m.paymethodId && _react2.default.createElement(
                           _button2.default,
                           { onClick: function onClick() {
                               return _this8.onHotKeyClick1(mode, index, boriginReturn);
@@ -4517,504 +4545,6 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
             )
           )
         ),
-        type == 1 && !newStyle && _react2.default.createElement(
-          _modal2.default,
-          {
-            wrapClassName: 'settlement-wraper2',
-            width: '600px',
-            visible: this.state.visible,
-            maskClosable: false,
-            title: "复合结算",
-            footer: null,
-            maskStyle: { 'z-index': '1004' },
-            onCancel: this.handleCancel,
-            destroyOnClose: true
-          },
-          _react2.default.createElement(
-            'div',
-            { className: 'settlement ' + _index.hotKey.hotKeyBindClass('5') },
-            _react2.default.createElement(
-              'div',
-              { className: 'settlementTop' },
-              _react2.default.createElement(
-                'div',
-                { className: (0, _classnames4.default)({ "toolbar": true, "toolbar2": type == 1, "carousel": paymodes.length > carouselStart2 }) },
-                paymodes.length <= carouselStart2 && _react2.default.createElement(
-                  'div',
-                  null,
-                  (0, _map3.default)(paymodes, function (mode, index) {
-                    return _this8.renderToolbtn(mode, index);
-                  })
-                ),
-                paymodes.length > carouselStart2 && this.paymodesCarouselList(params, paymodes, carouselStart2)
-              ),
-              _react2.default.createElement(
-                'div',
-                { className: 'rightheader' },
-                paymode.onlineamount > 0 && _react2.default.createElement(
-                  'div',
-                  { className: 'receivable' },
-                  _react2.default.createElement(
-                    'span',
-                    null,
-                    '\u7EBF\u4E0A\u5DF2\u6536'
-                  ),
-                  _react2.default.createElement(
-                    'span',
-                    null,
-                    paymode.onlineamount
-                  )
-                ),
-                _react2.default.createElement(
-                  'div',
-                  { className: 'receivable' },
-                  _react2.default.createElement(
-                    'span',
-                    null,
-                    '\u5E94\u6536\u91D1\u989D'
-                  ),
-                  _react2.default.createElement(
-                    'span',
-                    null,
-                    paymode.amount
-                  )
-                ),
-                _react2.default.createElement(
-                  'div',
-                  { className: 'receivable' },
-                  _react2.default.createElement(
-                    'span',
-                    null,
-                    '\u5269\u4F59\u5E94\u6536'
-                  ),
-                  _react2.default.createElement(
-                    'span',
-                    null,
-                    paymode.receivable
-                  )
-                ),
-                _react2.default.createElement(
-                  'div',
-                  { className: 'receivable' },
-                  _react2.default.createElement(
-                    'span',
-                    null,
-                    '\u5B9E\u6536\u91D1\u989D'
-                  ),
-                  _react2.default.createElement(
-                    'span',
-                    { className: 'received' },
-                    paymode.received
-                  )
-                ),
-                _react2.default.createElement(
-                  'div',
-                  { className: 'receivable', style: { display: this.checkCharge() ? 'block' : 'none' } },
-                  _react2.default.createElement(
-                    'span',
-                    null,
-                    '\u627E\u96F6\u91D1\u989D'
-                  ),
-                  _react2.default.createElement(
-                    'span',
-                    { className: 'received' },
-                    (0, _utils.getFixedNumber)(Math.abs(paymode.receivable))
-                  )
-                )
-              )
-            ),
-            _react2.default.createElement(
-              'div',
-              { className: 'paydetail' },
-              _react2.default.createElement(
-                'div',
-                { className: 'left' },
-                thePaymodes.length == 0 && _react2.default.createElement(
-                  'div',
-                  { className: 'emptydata detailempty2' },
-                  '\u8BF7\u6DFB\u52A0\u7ED3\u7B97\u65B9\u5F0F'
-                ),
-
-                // _map(_sortBy(thePaymodes, pay => pay['order'] || 0), (mode) => {
-                (0, _map3.default)(thePaymodes, function (mode) {
-                  var index = mode.paymethodId;
-                  return _react2.default.createElement(
-                    'div',
-                    { key: index + '', className: 'modeItem' },
-                    _react2.default.createElement(
-                      'div',
-                      { className: 'main b-theme-color ' + (currentIndex == index && 'settlement-pay-item-border') },
-                      _react2.default.createElement(
-                        'div',
-                        { className: (0, _classnames4.default)({ "name": true }) },
-                        mode.name
-                      ),
-                      _react2.default.createElement(
-                        'div',
-                        { className: (0, _classnames4.default)({ "content": true }) },
-                        mode.paymentType == PayStyle.hyczk || mode.paymentType == PayStyle.jfdx || mode.paymentType == PayStyle.djq ? _react2.default.createElement('input', { id: 'inputS' + index,
-                          onClick: function onClick() {
-                            _this8.editModal(index, mode.paymentType);
-                          }, value: (0, _utils.getFixedNumber)(mode.value) }) : _react2.default.createElement('input', { id: 'inputS' + index,
-                          value: mode.exchangeRate != 1 ? mode.value2 : mode.value,
-                          onBlur: function onBlur(e) {
-                            return _this8.onBlur(index, e);
-                          },
-                          onChange: function onChange(e) {
-                            return _this8.handleChange(index, e);
-                          },
-                          onFocus: function onFocus(e) {
-                            return _this8.onFocusHack(index, mode, paymode, e);
-                          }
-                        })
-                      ),
-                      _react2.default.createElement(
-                        'div',
-                        { className: 'minus', onClick: function onClick() {
-                            _this8.onDelPay(index);
-                          } },
-                        _react2.default.createElement(_ticon2.default, { type: 'shanchu', className: 'minusIcon primary-color' })
-                      )
-                    ),
-                    mode.paymentType == PayStyle.djq ? _react2.default.createElement(
-                      'div',
-                      { className: 'append', style: { display: mode.paymentType == PayStyle.hyczk || mode.paymentType == PayStyle.djq ? 'block' : 'none' } },
-                      _react2.default.createElement(
-                        'span',
-                        { className: 'balance' },
-                        '\u6EA2\u6536\u91D1\u989D\uFF1A'
-                      ),
-                      _react2.default.createElement(
-                        'span',
-                        null,
-                        mode.overchargesAmount
-                      )
-                    ) : _react2.default.createElement(
-                      'div',
-                      { className: 'append', style: { display: mode.paymentType == PayStyle.hyczk || mode.paymentType == PayStyle.djq ? 'block' : 'none' } },
-                      _react2.default.createElement(
-                        'span',
-                        { className: 'fl' },
-                        '\u5361\u53F7\uFF1A'
-                      ),
-                      _react2.default.createElement(
-                        'span',
-                        { className: 'fl' },
-                        mode && mode.storageCardNo
-                      ),
-                      _react2.default.createElement('br', null),
-                      _react2.default.createElement(
-                        'span',
-                        { className: 'balance fl' },
-                        '\u4F59\u989D\uFF1A'
-                      ),
-                      _react2.default.createElement(
-                        'span',
-                        { className: 'fl' },
-                        (0, _utils.getFixedNumber)(mode.balance)
-                      )
-                    )
-                  );
-                })
-              ),
-              _react2.default.createElement(
-                'div',
-                { className: 'right' },
-                _react2.default.createElement(
-                  'div',
-                  { className: this.isHorizontalPad ? 'keyboard_ios' : 'keyboard' },
-                  !this.isHorizontalPad && _react2.default.createElement(_keyboard2.default, { type: 'number', onChange: this.onKeyboardChange.bind(this) })
-                )
-              )
-            ),
-            _react2.default.createElement(
-              'div',
-              { className: 'payfooter2' },
-              _react2.default.createElement('span', { className: 'hotKeyEnter', onClick: this.onHotKeyEnter }),
-              _react2.default.createElement(
-                'span',
-                null,
-                _react2.default.createElement(
-                  _button2.default,
-                  { className: 'cancel', onClick: this.handleCancel },
-                  '\u53D6\u6D88'
-                )
-              ),
-              _react2.default.createElement(
-                'span',
-                null,
-                _react2.default.createElement(
-                  _button2.default,
-                  { type: 'primary', className: 'settle', onClick: this.handleSettle,
-                    disabled: this.checkSettleDisabled(paymode, thePaymodes) },
-                  '\u7ED3\u7B97'
-                )
-              )
-            )
-          )
-        ),
-        type == 1 && newStyle && _react2.default.createElement(
-          _modal2.default,
-          {
-            wrapClassName: 'settlement-wraper2',
-            width: '600px',
-            visible: this.state.visible,
-            maskClosable: false,
-            title: "复合结算",
-            footer: null,
-            backdropStyle: { 'z-index': '1004' },
-            onCancel: this.handleCancel,
-            destroyOnClose: true
-          },
-          _react2.default.createElement(
-            'div',
-            { className: 'settlement ' + _index.hotKey.hotKeyBindClass('5') },
-            _react2.default.createElement(
-              'div',
-              { className: 'paydetail newstyle newstyle2' },
-              _react2.default.createElement(
-                'div',
-                { className: 'top' },
-                _react2.default.createElement(
-                  'div',
-                  { className: 'righttop' },
-                  paymode.onlineamount > 0 && _react2.default.createElement(
-                    'div',
-                    { className: 'receivable' },
-                    _react2.default.createElement(
-                      'span',
-                      null,
-                      '\u7EBF\u4E0A\u5DF2\u6536'
-                    ),
-                    _react2.default.createElement(
-                      'span',
-                      null,
-                      paymode.onlineamount
-                    )
-                  ),
-                  _react2.default.createElement(
-                    'div',
-                    { className: 'receivable' },
-                    _react2.default.createElement(
-                      'span',
-                      null,
-                      '\u5E94\u6536\u91D1\u989D'
-                    ),
-                    _react2.default.createElement(
-                      'span',
-                      null,
-                      paymode.amount
-                    )
-                  ),
-                  _react2.default.createElement(
-                    'div',
-                    { className: 'receivable' },
-                    _react2.default.createElement(
-                      'span',
-                      null,
-                      '\u5269\u4F59\u5E94\u6536'
-                    ),
-                    _react2.default.createElement(
-                      'span',
-                      null,
-                      paymode.receivable
-                    )
-                  ),
-                  _react2.default.createElement(
-                    'div',
-                    { className: 'receivable' },
-                    _react2.default.createElement(
-                      'span',
-                      null,
-                      '\u5B9E\u6536\u91D1\u989D'
-                    ),
-                    _react2.default.createElement(
-                      'span',
-                      { className: 'received' },
-                      paymode.received
-                    )
-                  ),
-                  _react2.default.createElement(
-                    'div',
-                    { className: 'receivable', style: { display: this.checkCharge() ? 'block' : 'none' } },
-                    _react2.default.createElement(
-                      'span',
-                      null,
-                      '\u627E\u96F6\u91D1\u989D'
-                    ),
-                    _react2.default.createElement(
-                      'span',
-                      { className: 'received' },
-                      (0, _utils.getFixedNumber)(Math.abs(paymode.receivable))
-                    )
-                  )
-                )
-              ),
-              _react2.default.createElement(
-                'div',
-                { className: 'bottom' },
-                thePaymodes.length == 0 && _react2.default.createElement(
-                  'div',
-                  { className: 'emptydata detailempty' },
-                  '\u8BF7\u6DFB\u52A0\u7ED3\u7B97\u65B9\u5F0F'
-                ),
-
-                // _map(_sortBy(thePaymodes, pay => pay['order'] || 0), (mode) => {
-                (0, _map3.default)(thePaymodes, function (mode, mindex) {
-                  var isReturn = _this8.props.isReturn;
-
-                  var hasSMZF = (0, _find3.default)(thePaymodes, function (m) {
-                    return m.paymentType === PayStyle.smzf;
-                  });
-                  var hotkeyIndex = mindex;
-                  //同时存在微信、支付宝、扫码支付三种方式，在非退货模式下，隐藏微信、支付宝。
-                  if (!isReturn && hasSMZF) {
-                    if (mode.paymentType == PayStyle.wx || mode.paymentType == PayStyle.zfb) {
-                      return null;
-                    } else {
-                      var theArr = (0, _filter3.default)(thePaymodes, function (t) {
-                        return t.paymentType != PayStyle.wx && t.paymentType != PayStyle.zfb;
-                      });
-                      hotkeyIndex = (0, _findIndex3.default)(theArr, function (m) {
-                        return m.paymentType == mode.paymentType;
-                      });
-                    }
-                  }
-                  var index = mode.paymethodId;
-                  return mode.paymentType == PayStyle.hyczk && (0, _findIndex3.default)(thePaymodes, function (m) {
-                    return m.paymentType == PayStyle.hyczk;
-                  }) != mindex ? _react2.default.createElement('div', null) : _react2.default.createElement(
-                    'div',
-                    { key: index + '', className: 'modeItem' },
-                    _react2.default.createElement(
-                      'div',
-                      { className: (0, _classnames4.default)({ "main": true, "focusbottom": currentIndex == index }) },
-                      _react2.default.createElement(
-                        'div',
-                        { className: (0, _classnames4.default)({ "name": true }) },
-                        _react2.default.createElement(
-                          'div',
-                          { className: 'icon' },
-                          _react2.default.createElement(_ticon2.default, { type: PayIcon[mode.paymentType] || PayIcon['default'] })
-                        ),
-                        _react2.default.createElement(
-                          'div',
-                          { className: 'text' },
-                          mode.name
-                        ),
-                        _react2.default.createElement(
-                          'div',
-                          { className: 'hotkey' },
-                          _this8.isHorizontalPad ? '' : _this8.compoundHotkeysList[mindex] || ""
-                        )
-                      ),
-                      _react2.default.createElement(
-                        'div',
-                        { className: (0, _classnames4.default)({ "content": true }) },
-                        mode.paymentType == PayStyle.hyczk || mode.paymentType == PayStyle.jfdx || mode.paymentType == PayStyle.djq ? _react2.default.createElement('input', { id: 'inputS' + index
-                          // className={classnames({'paymode':mode.paymentType == PayStyle.hyczk?(_findIndex(thePaymodes,(m)=>{return m.paymentType==PayStyle.hyczk;})==mindex?true:false):true})}
-                          , className: _index.hotKey.hotKeyNotFilter("paymode hotkey_" + _this8.compoundHotkeysList[hotkeyIndex])
-                          // className="paymode"
-                          , disabled: _this8.checkModeDisabled(mode.paymentType, brefund, boriginReturn),
-                          onClick: function onClick() {
-                            _this8.onHotKeyClick1(mode, index, boriginReturn);
-                          },
-                          value: mode.paymentType == PayStyle.hyczk ? (0, _utils.getFixedNumber)((0, _reduce3.default)((0, _filter3.default)(thePaymodes, function (tm) {
-                            return tm.paymentType == PayStyle.hyczk;
-                          }), function (sum, m) {
-                            return Math.Add(sum, m.value);
-                          }, 0)) : (0, _utils.getFixedNumber)(mode.value) }) : _react2.default.createElement('input', { id: 'inputS' + index,
-                          className: _index.hotKey.hotKeyNotFilter("paymode hotkey_" + _this8.compoundHotkeysList[hotkeyIndex])
-                          // className="paymode"
-                          , disabled: _this8.checkModeDisabled(mode.paymentType, brefund, boriginReturn) || _this8.checkScanDisabled(mode.paymentType),
-                          value: mode.exchangeRate != 1 ? mode.value2 : mode.value,
-                          onClick: function onClick(e) {
-                            return _this8.onHotKeyClick2(index, mode, paymode, e);
-                          },
-                          onBlur: function onBlur(e) {
-                            return _this8.onBlur(index, e);
-                          },
-                          onFocus: function onFocus(e) {
-                            return _this8.onFocusHack(index, mode, paymode, e);
-                          },
-                          onChange: function onChange(e) {
-                            return _this8.handleChange(index, e);
-                          }
-                        })
-                      )
-                    ),
-                    mode.paymentType == PayStyle.djq && _react2.default.createElement(
-                      'div',
-                      { className: 'append' },
-                      _react2.default.createElement(
-                        'span',
-                        { className: 'balance' },
-                        '\u6EA2\u6536\u91D1\u989D\uFF1A'
-                      ),
-                      _react2.default.createElement(
-                        'span',
-                        null,
-                        mode.overchargesAmount
-                      )
-                    ),
-                    (0, _map3.default)((0, _filter3.default)(thePaymodes, function (tm) {
-                      return mode.paymentType == PayStyle.hyczk && parseFloat(tm.value || 0) != 0 && tm.paymentType == PayStyle.hyczk;
-                    }), function (m) {
-                      return _react2.default.createElement(
-                        'div',
-                        { className: 'append' },
-                        _react2.default.createElement(
-                          'span',
-                          null,
-                          '\u5361\u53F7\uFF1A'
-                        ),
-                        _react2.default.createElement(
-                          'span',
-                          null,
-                          m.member && m.member.cardNo
-                        ),
-                        _react2.default.createElement(
-                          'span',
-                          { className: 'fr' },
-                          (0, _utils.getFixedNumber)(m.value)
-                        ),
-                        _react2.default.createElement(
-                          'span',
-                          { className: 'balance fr' },
-                          '\u652F\u4ED8\u91D1\u989D\uFF1A'
-                        )
-                      );
-                    })
-                  );
-                })
-              )
-            ),
-            _react2.default.createElement(
-              'div',
-              { className: 'payfooter2' },
-              _react2.default.createElement('span', { className: 'hotKeyEnter', onClick: this.onHotKeyEnter }),
-              _react2.default.createElement(
-                'span',
-                null,
-                _react2.default.createElement(
-                  _button2.default,
-                  { className: 'cancel', onClick: this.handleCancel },
-                  '\u53D6\u6D88'
-                )
-              ),
-              _react2.default.createElement(
-                'span',
-                null,
-                _react2.default.createElement(
-                  _button2.default,
-                  { type: 'primary', className: 'settle', onClick: this.handleSettle,
-                    disabled: this.checkSettleDisabled(paymode, thePaymodes) },
-                  '\u7ED3\u7B97'
-                )
-              )
-            )
-          )
-        ),
         _react2.default.createElement(
           _modal2.default,
           {
@@ -5027,6 +4557,7 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
             onCancel: this.handleCzkCancel,
             keyboard: false,
             centered: !this.isHorizontalPad ? true : false,
+            zIndex: 1007,
             footer: _react2.default.createElement(
               'div',
               { className: 'action' },
@@ -5304,6 +4835,7 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
             onCancel: this.handleMoreCzkCancel,
             keyboard: false,
             centered: !this.isHorizontalPad ? true : false,
+            zIndex: 1007,
             footer: _react2.default.createElement(
               'div',
               { className: 'action' },
@@ -5345,7 +4877,8 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
             onCancel: this.handleSetPwdCancel,
             keyboard: false,
             centered: !this.isHorizontalPad ? true : false,
-            title: '\u8BBE\u7F6E\u5BC6\u7801'
+            title: '\u8BBE\u7F6E\u5BC6\u7801',
+            zIndex: 1007
           }, 'footer', _react2.default.createElement(
             'div',
             { className: 'action' },
@@ -5441,6 +4974,7 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
             onCancel: this.handleDjqCancel,
             centered: !this.isHorizontalPad ? true : false,
             title: Differentiate.COUPON + '支付',
+            zIndex: 1007,
             footer: _react2.default.createElement(
               'div',
               { className: 'action' },
@@ -5763,6 +5297,7 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
             centered: !this.isHorizontalPad ? true : false,
             title: "积分抵现",
             destroyOnClose: true,
+            zIndex: 1007,
             footer: _react2.default.createElement(
               'div',
               { className: 'action' },
@@ -5935,7 +5470,7 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
         ),
         _react2.default.createElement(_index3.default, { discount: {
             discountTotalAmount: discountTotalAmount, discountRetailTotalAount: discountRetailTotalAount, discountPrototypeTotalAmount: discountPrototypeTotalAmount
-          }, handleprototypeCancel: this.handleprototypeCancel, isHorizontalPad: this.isHorizontalPad, dataSource: dataSource, prototypeVisible: this.state.prototypeVisible })
+          }, handleprototypeCancel: this.handleprototypeCancel, isHorizontalPad: this.isHorizontalPad, dataSource: dataSource, prototypeVisible: this.state.prototypeVisible, isNotAutoFocus: isNotAutoFocus })
       );
     }
   }]);