tplus-components-touch 3.26.20 → 3.26.24

package/dist/components/settlement/moreCzkTable/index.js

@@ -0,0 +1,156 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _table = require('antd/es/table');
+
+var _table2 = _interopRequireDefault(_table);
+
+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('antd/es/table/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _mutantsMicrofx = require('mutants-microfx');
+
+require('./style.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var PrototypeTableModal = (0, _mutantsMicrofx.observer)(_class = function (_Component) {
+  (0, _inherits3.default)(PrototypeTableModal, _Component);
+
+  function PrototypeTableModal() {
+    var _ref;
+
+    var _temp, _this, _ret;
+
+    (0, _classCallCheck3.default)(this, PrototypeTableModal);
+
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = PrototypeTableModal.__proto__ || (0, _getPrototypeOf2.default)(PrototypeTableModal)).call.apply(_ref, [this].concat(args))), _this), _this.getRowClassName = function (record, index) {
+      var selectedRowIndex = _this.props.selectedRowIndex;
+
+      if (selectedRowIndex == index) {
+        return 'row-selected';
+      } else {
+        return '';
+      }
+    }, _this.onRowClick = function (record, index) {
+      _this.props.setMoreCzkIndex(index);
+    }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
+  }
+
+  (0, _createClass3.default)(PrototypeTableModal, [{
+    key: 'getColumns',
+    value: function getColumns(data1) {
+      // 卡类型
+      var cardTypeEnumList = {
+        BALANCE_CARD: "余额卡",
+        ELEC_STORAGE_CARD: "电子储值卡",
+        STORAGE_CARD: "储值卡",
+        PHYSICAL_STORAGE_CARD: "实体储值卡"
+      };
+      var columns = [{
+        title: '卡号',
+        dataIndex: 'StorageCardNo',
+        key: 'StorageCardNo',
+        ellipsis: true,
+        align: 'center',
+        width: 200
+      }, {
+        title: '卡类型',
+        dataIndex: 'CardTypeEnum',
+        key: 'CardTypeEnum',
+        ellipsis: true,
+        align: 'center',
+        width: 120,
+        render: function render(showText) {
+          return _react2.default.createElement(
+            'div',
+            null,
+            cardTypeEnumList[showText]
+          );
+        }
+      }, {
+        title: '会员手机号',
+        dataIndex: 'Mobilephone',
+        key: 'Mobilephone',
+        ellipsis: true,
+        align: 'center',
+        width: 120
+      }, {
+        title: '会员',
+        dataIndex: 'Name',
+        key: 'Name',
+        ellipsis: true,
+        align: 'center',
+        width: 160
+      }, {
+        title: '余额',
+        dataIndex: 'BalanceStorage',
+        key: 'BalanceStorage',
+        ellipsis: true,
+        align: 'center',
+        width: 160
+      }];
+      return columns;
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      var dataSource = this.props.dataSource;
+
+      var columns = this.getColumns(dataSource);
+      return _react2.default.createElement(_table2.default, {
+        className: 'moreCzkTable',
+        dataSource: dataSource,
+        columns: columns,
+        rowClassName: this.getRowClassName,
+        scroll: { y: 257 },
+        pagination: false,
+        onRow: function onRow(record, index) {
+          return {
+            onClick: function onClick() {
+              return _this2.onRowClick(record, index);
+            }
+          };
+        } });
+    }
+  }]);
+  return PrototypeTableModal;
+}(_react.Component)) || _class;
+
+exports.default = PrototypeTableModal;
+//# sourceMappingURL=index.js.map

package/dist/components/settlement/moreCzkTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/settlement/moreCzkTable/index.js"],"names":["PrototypeTableModal","observer","getRowClassName","record","index","selectedRowIndex","props","onRowClick","setMoreCzkIndex","data1","cardTypeEnumList","BALANCE_CARD","ELEC_STORAGE_CARD","STORAGE_CARD","PHYSICAL_STORAGE_CARD","columns","title","dataIndex","key","ellipsis","align","width","render","showText","dataSource","getColumns","y","onClick","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AACA;;AAEA;;;;IAGqBA,mB,OADpBC,wB;;;;;;;;;;;;;;sOA4DCC,e,GAAkB,UAACC,MAAD,EAASC,KAAT,EAAmB;AAAA,UAC3BC,gBAD2B,GACN,MAAKC,KADC,CAC3BD,gBAD2B;;AAEnC,UAAIA,oBAAoBD,KAAxB,EAA+B;AAC7B,eAAO,cAAP;AACD,OAFD,MAEO;AACL,eAAO,EAAP;AACD;AACF,K,QAEDG,U,GAAa,UAACJ,MAAD,EAASC,KAAT,EAAmB;AAC9B,YAAKE,KAAL,CAAWE,eAAX,CAA2BJ,KAA3B;AACD,K;;;;;+BArEUK,K,EAAO;AACd;AACF,UAAMC,mBAAmB;AACrBC,sBAAc,KADO;AAErBC,2BAAmB,OAFE;AAGrBC,sBAAc,KAHO;AAIrBC,+BAAuB;AAJF,OAAzB;AAMA,UAAIC,UAAU,CACZ;AACEC,eAAO,IADT;AAEEC,mBAAW,eAFb;AAGEC,aAAK,eAHP;AAIEC,kBAAU,IAJZ;AAKEC,eAAO,QALT;AAMEC,eAAO;AANT,OADY,EASZ;AACEL,eAAO,KADT;AAEEC,mBAAW,cAFb;AAGEC,aAAK,cAHP;AAIEC,kBAAU,IAJZ;AAKEC,eAAO,QALT;AAMEC,eAAO,GANT;AAOEC,gBAAQ,gBAACC,QAAD,EAAc;AAClB,iBACI;AAAA;AAAA;AAAMb,6BAAiBa,QAAjB;AAAN,WADJ;AAGD;AAXL,OATY,EAsBZ;AACEP,eAAO,OADT;AAEEC,mBAAW,aAFb;AAGEC,aAAK,aAHP;AAIEC,kBAAU,IAJZ;AAKEC,eAAO,QALT;AAMEC,eAAO;AANT,OAtBY,EA8BZ;AACEL,eAAO,IADT;AAEEC,mBAAW,MAFb;AAGEC,aAAK,MAHP;AAIEC,kBAAU,IAJZ;AAKEC,eAAO,QALT;AAMEC,eAAO;AANT,OA9BY,EAsCZ;AACEL,eAAO,IADT;AAEEC,mBAAW,gBAFb;AAGEC,aAAK,gBAHP;AAIEC,kBAAU,IAJZ;AAKEC,eAAO,QALT;AAMEC,eAAO;AANT,OAtCY,CAAd;AA+CA,aAAON,OAAP;AACD;;;6BAeQ;AAAA;;AAAA,UACCS,UADD,GACe,KAAKlB,KADpB,CACCkB,UADD;;AAEP,UAAIT,UAAU,KAAKU,UAAL,CAAgBD,UAAhB,CAAd;AACA,aACI;AACA,mBAAU,cADV;AAEA,oBAAYA,UAFZ;AAGA,iBAAST,OAHT;AAIA,sBAAc,KAAKb,eAJnB;AAKA,gBAAQ,EAAEwB,GAAG,GAAL,EALR;AAMA,oBAAY,KANZ;AAOA,eAAO,eAACvB,MAAD,EAASC,KAAT,EAAmB;AACtB,iBAAO;AACHuB,qBAAS;AAAA,qBAAM,OAAKpB,UAAL,CAAgBJ,MAAhB,EAAwBC,KAAxB,CAAN;AAAA;AADN,WAAP;AAGH,SAXD,GADJ;AAcD;;;EAzF8CwB,gB;;kBAA5B5B,mB","file":"index.js","sourcesContent":["import React, { Component } from 'react';\r\nimport { observer } from \"mutants-microfx\"\r\nimport { Table } from 'antd';\r\nimport './style.less';\r\n\r\n@observer\r\nexport default class PrototypeTableModal extends Component {\r\n  getColumns(data1) {\r\n      // 卡类型\r\n    const cardTypeEnumList = {\r\n        BALANCE_CARD: \"余额卡\",  \r\n        ELEC_STORAGE_CARD: \"电子储值卡\",\r\n        STORAGE_CARD: \"储值卡\",\r\n        PHYSICAL_STORAGE_CARD: \"实体储值卡\"\r\n    }\r\n    let columns = [\r\n      {\r\n        title: '卡号',\r\n        dataIndex: 'StorageCardNo',\r\n        key: 'StorageCardNo',\r\n        ellipsis: true,\r\n        align: 'center',\r\n        width: 200,\r\n      },\r\n      {\r\n        title: '卡类型',\r\n        dataIndex: 'CardTypeEnum',\r\n        key: 'CardTypeEnum',\r\n        ellipsis: true,\r\n        align: 'center',\r\n        width: 120,\r\n        render: (showText) => {\r\n            return (\r\n                <div>{cardTypeEnumList[showText]}</div>\r\n            )\r\n          }\r\n      },\r\n      {\r\n        title: '会员手机号',\r\n        dataIndex: 'Mobilephone',\r\n        key: 'Mobilephone',\r\n        ellipsis: true,\r\n        align: 'center',\r\n        width: 120,\r\n      },\r\n      {\r\n        title: '会员',\r\n        dataIndex: 'Name',\r\n        key: 'Name',\r\n        ellipsis: true,\r\n        align: 'center',\r\n        width: 160,\r\n      },\r\n      {\r\n        title: '余额',\r\n        dataIndex: 'BalanceStorage',\r\n        key: 'BalanceStorage',\r\n        ellipsis: true,\r\n        align: 'center',\r\n        width: 160,\r\n      }\r\n    ]\r\n    return columns;\r\n  }\r\n\r\n  getRowClassName = (record, index) => {\r\n    const { selectedRowIndex } = this.props;\r\n    if (selectedRowIndex == index) {\r\n      return 'row-selected'\r\n    } else {\r\n      return '';\r\n    }\r\n  }\r\n\r\n  onRowClick = (record, index) => {\r\n    this.props.setMoreCzkIndex(index)\r\n  }\r\n\r\n  render() {\r\n    const  {dataSource} = this.props;\r\n    let columns = this.getColumns(dataSource);\r\n    return (\r\n        <Table\r\n        className='moreCzkTable'\r\n        dataSource={dataSource}\r\n        columns={columns}\r\n        rowClassName={this.getRowClassName}\r\n        scroll={{ y: 257 }}\r\n        pagination={false}\r\n        onRow={(record, index) => {\r\n            return {\r\n                onClick: () => this.onRowClick(record, index)\r\n            }\r\n        }} ></Table>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/components/settlement/settlement.js

@@ -208,6 +208,10 @@ var _index2 = require('./prototypeTable/index');
 
 var _index3 = _interopRequireDefault(_index2);
 
+var _moreCzkTable = require('./moreCzkTable');
+
+var _moreCzkTable2 = _interopRequireDefault(_moreCzkTable);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var hasElectron = _mutantsMicrofx.env.platform === _mutantsMicrofx.env.constant.platform.electron;
@@ -228,6 +232,7 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
       czkVisible: false,
       djqVisible: false,
       jfdxVisible: false,
+      moreCzkVisible: false,
       showSetPwdModal: false,
       prototypeVisible: false, // 优惠明细弹出框
       currentIndex: 0,
@@ -246,6 +251,7 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
       protytypeCount: null,
       isPrototypeClick: false,
       dataSource: [],
+      memberdata1: [],
       discountTotalAmount: null,
       discountRetailTotalAount: null,
       discountPrototypeTotalAmount: null,
@@ -254,7 +260,8 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
       couponLight: true,
       storageValue: '0.00',
       czkValue: null,
-      isInputMember: false };
+      isInputMember: false,
+      selectedRowIndex: 0 };
     _this2.compoundHotkeysList = (window.$.operationControl[5] ? window.$.operationControl[5].control || [] : []).map(function (key) {
       return key.toLocaleUpperCase();
     });
@@ -554,9 +561,55 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
       });
     };
 
+    _this2.handleCzkMoreData = function (params) {
+      _this2._val = _this2.store.paymode.currentMode.value;
+      var currentMode = _this2.store.paymode.currentMode;
+
+      var maxamount = Math.min(currentMode.maxamount, currentMode.balance);
+      if (_this2.store.bquick && currentMode.storageCardNo && parseFloat(_this2.store.paymode.amount) > parseFloat(maxamount)) {
+        _message2.default.error("本单最大可用储值卡结算金额为：" + (0, _utils.getFixedNumber)(maxamount) + "，请使用复合结算！", {
+          duration: 4
+        });
+      } else {
+        if (params) {
+          _this2.setState({
+            czkVisible: true
+          });
+        }
+        var brefund = _this2.store.brefund;
+
+        var value11 = currentMode && (0, _utils.getFixedNumber)(brefund ? currentMode.value : Math.min(currentMode.value, currentMode.maxamount, currentMode.balance));
+        _this2.setState({
+          storageValue: value11
+        });
+        if (currentMode.storageCardNo) {
+          _this2.setState({
+            czkValue: currentMode.storageCardNo
+          });
+        } else {
+          _this2.setState({
+            czkValue: null
+          });
+        }
+      }
+      if (params) {
+        setTimeout(function () {
+          if (!currentMode.storageCardNo) {
+            _this2.czkInput && _this2.czkInput.input.focus();
+          } else {
+            if (_this2.inputCzkAmount && _this2.inputCzkAmount.input) {
+              _this2.inputCzkAmount.input.focus();
+              _this2.inputCzkAmount.input.setSelectionRange(0, _this2.inputCzkAmount.input.value.length);
+            }
+          }
+        }, 500);
+        _this2.connectRfCard();
+      }
+    };
+
     _this2.showCzkModal = function () {
-      var _ref = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee(id, append, params) {
-        var _enumController$getEn2, PayStyle, _ref2, isInputMember, currentMode, maxamount, brefund, value11;
+      var _ref = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee(id, append) {
+        var _enumController$getEn2, PayStyle, _ref2, isInputMember, memberdata1;
 
         return _regenerator2.default.wrap(function _callee$(_context) {
           while (1) {
@@ -569,7 +622,7 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
                 _context.t0 = isInputMember && _this2.store.paymode.currentMode.memberId;
 
                 if (!_context.t0) {
-                  _context.next = 7;
+                  _context.next = 8;
                   break;
                 }
 
@@ -577,47 +630,29 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
                 return _this2.store.updateCurrentMode(_this2.store.paymode.currentMode.memberId);
 
               case 7:
-                _this2._val = _this2.store.paymode.currentMode.value;
-                currentMode = _this2.store.paymode.currentMode;
-                maxamount = Math.min(currentMode.maxamount, currentMode.balance);
+                _context.t0 = _context.sent;
+
+              case 8:
+                memberdata1 = _context.t0;
 
-                if (_this2.store.bquick && currentMode.storageCardNo && parseFloat(_this2.store.paymode.amount) > parseFloat(maxamount)) {
-                  _message2.default.error("本单最大可用储值卡结算金额为：" + (0, _utils.getFixedNumber)(maxamount) + "，请使用复合结算！", {
-                    duration: 4
+                if (memberdata1 && memberdata1.length === 1) {
+                  _this2.handleCzkMoreData(true);
+                } else if (memberdata1 && memberdata1.length >= 1) {
+                  _this2.setState({
+                    czkVisible: true,
+                    moreCzkVisible: true,
+                    memberdata1: memberdata1
                   });
                 } else {
                   _this2.setState({
                     czkVisible: true
                   });
-                  brefund = _this2.store.brefund;
-                  value11 = currentMode && (0, _utils.getFixedNumber)(brefund ? currentMode.value : Math.min(currentMode.value, currentMode.maxamount, currentMode.balance));
-
-                  _this2.setState({
-                    storageValue: value11
-                  });
-                  if (currentMode.storageCardNo) {
-                    _this2.setState({
-                      czkValue: currentMode.storageCardNo
-                    });
-                  } else {
-                    _this2.setState({
-                      czkValue: null
-                    });
-                  }
-                }
-                setTimeout(function () {
-                  if (!currentMode.storageCardNo) {
+                  setTimeout(function () {
                     _this2.czkInput && _this2.czkInput.input.focus();
-                  } else {
-                    if (_this2.inputCzkAmount && _this2.inputCzkAmount.input) {
-                      _this2.inputCzkAmount.input.focus();
-                      _this2.inputCzkAmount.input.setSelectionRange(0, _this2.inputCzkAmount.input.value.length);
-                    }
-                  }
-                }, 500);
-                _this2.connectRfCard();
+                  }, 300);
+                }
 
-              case 13:
+              case 10:
               case 'end':
                 return _context.stop();
             }
@@ -625,11 +660,41 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
         }, _callee, _this3);
       }));
 
-      return function (_x, _x2, _x3) {
+      return function (_x, _x2) {
         return _ref.apply(this, arguments);
       };
     }();
 
+    _this2.handleMoreCzkCancel = function () {
+      _this2.setState({
+        moreCzkVisible: false,
+        selectedRowIndex: 0
+      });
+      setTimeout(function () {
+        _this2.czkInput && _this2.czkInput.input.focus();
+      }, 300);
+    };
+
+    _this2.setMoreCzkIndex = function (index) {
+      _this2.setState({
+        selectedRowIndex: index
+      });
+    };
+
+    _this2.handleMoreCzkOk = function () {
+      var _this2$state = _this2.state,
+          memberdata1 = _this2$state.memberdata1,
+          selectedRowIndex = _this2$state.selectedRowIndex;
+
+      _this2.store.paymode.updateCardInfo(memberdata1[selectedRowIndex]);
+      _this2.handleCzkMoreData();
+      _this2.store.handleCzkData(memberdata1[selectedRowIndex]);
+      _this2.setState({
+        moreCzkVisible: false,
+        selectedRowIndex: 0
+      });
+    };
+
     _this2.handleCzkData = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee2() {
       var _enumController$getEn3, PayStyle;
 
@@ -728,7 +793,7 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
         }, _callee3, _this3);
       }));
 
-      return function (_x4) {
+      return function (_x3) {
         return _ref4.apply(this, arguments);
       };
     }();
@@ -755,13 +820,13 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
     };
 
     _this2.handleSetModal = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee4() {
-      var _this2$state, newPass, newPassConfirm, isInputMember, updataMemberInfo, result, cardTypeEnum, resp;
+      var _this2$state2, newPass, newPassConfirm, isInputMember, updataMemberInfo, result, cardTypeEnum, resp;
 
       return _regenerator2.default.wrap(function _callee4$(_context4) {
         while (1) {
           switch (_context4.prev = _context4.next) {
             case 0:
-              _this2$state = _this2.state, newPass = _this2$state.newPass, newPassConfirm = _this2$state.newPassConfirm, isInputMember = _this2$state.isInputMember;
+              _this2$state2 = _this2.state, newPass = _this2$state2.newPass, newPassConfirm = _this2$state2.newPassConfirm, isInputMember = _this2$state2.isInputMember;
               updataMemberInfo = _this2.props.updataMemberInfo;
               _context4.next = 4;
               return _this2.store.queryPwd(newPass, newPassConfirm);
@@ -1398,7 +1463,7 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
         return;
       }
       _this2.czkdebounced = (0, _debounce3.default)((0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee5() {
-        var _this2$store$paymode$2, cardTypeEnum, walletEnabled;
+        var memberdata1, _this2$store$paymode$2, cardTypeEnum, walletEnabled;
 
         return _regenerator2.default.wrap(function _callee5$(_context5) {
           while (1) {
@@ -1408,11 +1473,21 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
                 return _this2.store.loadCzk(v);
 
               case 2:
-                _this2$store$paymode$2 = _this2.store.paymode.currentMode, cardTypeEnum = _this2$store$paymode$2.cardTypeEnum, walletEnabled = _this2$store$paymode$2.walletEnabled;
+                memberdata1 = _context5.sent;
+
+                if (memberdata1 && memberdata1.length === 1) {
+                  _this2$store$paymode$2 = _this2.store.paymode.currentMode, cardTypeEnum = _this2$store$paymode$2.cardTypeEnum, walletEnabled = _this2$store$paymode$2.walletEnabled;
 
-                if (_this2.store.paymode.currentMode.storageCardNo) {
+                  if (_this2.store.paymode.currentMode.storageCardNo) {
+                    _this2.setState({
+                      czkValue: _this2.store.paymode.currentMode.storageCardNo
+                    });
+                  }
+                } else if (memberdata1 && memberdata1.length >= 1) {
                   _this2.setState({
-                    czkValue: _this2.store.paymode.currentMode.storageCardNo
+                    czkVisible: true,
+                    moreCzkVisible: true,
+                    memberdata1: memberdata1
                   });
                 }
 
@@ -1975,7 +2050,7 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
             }, _callee10, this, [[1, 35], [5, 18, 22, 30], [23,, 25, 29]]);
           }));
 
-          return function handleUserInputs(_x7) {
+          return function handleUserInputs(_x6) {
             return _ref19.apply(this, arguments);
           };
         }();
@@ -2152,7 +2227,7 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
                     }, _callee9, _this3);
                   }));
 
-                  return function commit(_x6) {
+                  return function commit(_x5) {
                     return _ref18.apply(this, arguments);
                   };
                 }();
@@ -2167,7 +2242,7 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
         }, _callee11, _this3);
       }));
 
-      return function (_x5) {
+      return function (_x4) {
         return _ref17.apply(this, arguments);
       };
     }();
@@ -2270,7 +2345,7 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
           }, _callee13, this, [[1, 34], [5, 18, 22, 30], [23,, 25, 29]]);
         }));
 
-        return function handleUserInputs(_x9) {
+        return function handleUserInputs(_x8) {
           return _ref23.apply(this, arguments);
         };
       }();
@@ -2358,7 +2433,7 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
                   }, _callee12, _this3);
                 }));
 
-                return function commit(_x8) {
+                return function commit(_x7) {
                   return _ref22.apply(this, arguments);
                 };
               }();
@@ -2558,7 +2633,7 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
         }, _callee15, _this3);
       }));
 
-      return function (_x10) {
+      return function (_x9) {
         return _ref24.apply(this, arguments);
       };
     }();
@@ -3166,9 +3241,9 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
         isPrototypeClick: false
       });
       var that = _this2;
-      var _this2$state2 = _this2.state,
-          bquick = _this2$state2.bquick,
-          isPrototypeClick = _this2$state2.isPrototypeClick;
+      var _this2$state3 = _this2.state,
+          bquick = _this2$state3.bquick,
+          isPrototypeClick = _this2$state3.isPrototypeClick;
 
       if (!isPrototypeClick) {
         if (bquick) {
@@ -4905,7 +4980,7 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
                       }, _callee16, _this8);
                     }));
 
-                    return function (_x12) {
+                    return function (_x11) {
                       return _ref32.apply(this, arguments);
                     };
                   }(),
@@ -5013,6 +5088,42 @@ var Settlement = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (
             )
           )
         ),
+        _react2.default.createElement(
+          _modal2.default,
+          {
+            wrapClassName: _index.hotKey.hotKeyBindClass('5', 'moreCzkModal') + ' ' + (this.isHorizontalPad ? 'extraHeight' : ''),
+            width: '400px',
+            visible: this.state.moreCzkVisible,
+            maskClosable: false,
+            destroyOnClose: true,
+            title: "储值结算",
+            onCancel: this.handleMoreCzkCancel,
+            keyboard: false,
+            centered: !this.isHorizontalPad ? true : false,
+            footer: _react2.default.createElement(
+              'div',
+              { className: 'action' },
+              _react2.default.createElement(
+                _button2.default,
+                { onClick: this.handleMoreCzkCancel },
+                '\u53D6\u6D88'
+              ),
+              _react2.default.createElement(
+                _button2.default,
+                { type: 'primary', onClick: this.handleMoreCzkOk },
+                '\u786E\u5B9A'
+              )
+            )
+          },
+          _react2.default.createElement(
+            'div',
+            null,
+            _react2.default.createElement(_moreCzkTable2.default, {
+              setMoreCzkIndex: this.setMoreCzkIndex,
+              selectedRowIndex: this.state.selectedRowIndex,
+              dataSource: this.state.memberdata1 })
+          )
+        ),
         _react2.default.createElement(
           _modal2.default,
           (0, _defineProperty3.default)({