tplus-components-touch 3.22.16 → 3.22.17

package/dist/components/billSearch/index.js

@@ -0,0 +1,2063 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _table = require('antd/es/table');
+
+var _table2 = _interopRequireDefault(_table);
+
+var _radio = require('antd/es/radio');
+
+var _radio2 = _interopRequireDefault(_radio);
+
+var _button = require('antd/es/button');
+
+var _button2 = _interopRequireDefault(_button);
+
+var _input = require('antd/es/input');
+
+var _input2 = _interopRequireDefault(_input);
+
+var _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');
+
+var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
+
+var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
+
+var _defineProperty3 = _interopRequireDefault(_defineProperty2);
+
+var _extends4 = require('babel-runtime/helpers/extends');
+
+var _extends5 = _interopRequireDefault(_extends4);
+
+var _regenerator = require('babel-runtime/regenerator');
+
+var _regenerator2 = _interopRequireDefault(_regenerator);
+
+var _asyncToGenerator2 = require('babel-runtime/helpers/asyncToGenerator');
+
+var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
+
+var _checkbox = require('antd/es/checkbox');
+
+var _checkbox2 = _interopRequireDefault(_checkbox);
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _select = require('antd/es/select');
+
+var _select2 = _interopRequireDefault(_select);
+
+var _datePicker = require('antd/es/date-picker');
+
+var _datePicker2 = _interopRequireDefault(_datePicker);
+
+require('antd/es/table/style');
+
+require('antd/es/radio/style');
+
+require('antd/es/button/style');
+
+require('antd/es/input/style');
+
+require('antd/es/checkbox/style');
+
+require('antd/es/select/style');
+
+require('antd/es/date-picker/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _index = require('../../index');
+
+var _tplusPoslogin = require('tplus-poslogin');
+
+var _mutantsAppfx = require('mutants-appfx');
+
+var _moment = require('moment');
+
+var _moment2 = _interopRequireDefault(_moment);
+
+var _tools = require('../../util/tools');
+
+var _tools2 = _interopRequireDefault(_tools);
+
+var _api = require('./api');
+
+var _api2 = _interopRequireDefault(_api);
+
+require('./index.less');
+
+var _mutantsUtil = require('mutants-util');
+
+var _find2 = require('lodash/find');
+
+var _find3 = _interopRequireDefault(_find2);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/**
+ * 单据查询
+ */
+
+var SELECT_LIST = {
+  VoucherState: [],
+  Navigator: [],
+  DeliveryStatus: [],
+  DistributionMode: [],
+  DataSource: [],
+  RetailType: [],
+  VoucherType: [],
+  Cashier: []
+};
+var RangePicker = _datePicker2.default.RangePicker;
+
+
+var Option = _select2.default.Option;
+
+var BillSearch = function (_React$Component) {
+  (0, _inherits3.default)(BillSearch, _React$Component);
+
+  function BillSearch(props) {
+    var _this2 = this;
+
+    (0, _classCallCheck3.default)(this, BillSearch);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (BillSearch.__proto__ || (0, _getPrototypeOf2.default)(BillSearch)).call(this, props));
+
+    _this.initDetailColumn = function (detailColumn, isCheckbox, checkIndexs) {
+      var _this$state = _this.state,
+          selectedIndexList = _this$state.selectedIndexList,
+          isPickupCard = _this$state.isPickupCard;
+
+      selectedIndexList = checkIndexs ? checkIndexs : selectedIndexList;
+      var columns = [];
+      var fixedIndex = 0;
+      // 退货增加checkbox
+      if (isCheckbox === true) {
+        var obj = {
+          title: '',
+          width: 40,
+          fixed: 'left'
+        };
+        obj.render = function (text, record, index) {
+          var checked = selectedIndexList.indexOf(index) > -1;
+          if (isPickupCard) {
+            return _react2.default.createElement(_checkbox2.default, { checked: true });
+          } else {
+            return _react2.default.createElement(
+              'div',
+              { onClick: function onClick() {
+                  return _this.handleCheckBox(1, !checked, record, index);
+                } },
+              _react2.default.createElement(_checkbox2.default, { checked: checked, onChange: function onChange() {
+                  return _this.handleCheckBox(1, !checked, record, index);
+                } })
+            );
+          }
+        };
+        columns.push(obj);
+      }
+      detailColumn.map(function (v, index) {
+        var obj = {
+          title: v.OriginalTitle,
+          dataIndex: v.FieldName,
+          key: v.FieldName,
+          width: v.Width || 120,
+          className: "rowClassName",
+          Precision: v.Precision,
+          IsFormat: v.IsFormat,
+          ellipsis: true
+        };
+        if (v.FieldName == 'InventoryName') {
+          fixedIndex = index;
+          obj.fixed = 'left';
+          obj.width = 120;
+          if (isCheckbox === true) {
+            obj.render = function (text, record, index) {
+              var checked = selectedIndexList.indexOf(index) > -1;
+              if (isPickupCard) {
+                return _react2.default.createElement(
+                  'div',
+                  { className: 'columnTitle' },
+                  text
+                );
+              } else {
+                return _react2.default.createElement(
+                  'div',
+                  { className: 'columnTitle', onClick: function onClick() {
+                      return _this.handleCheckBox(1, !checked, record, index);
+                    } },
+                  text
+                );
+              }
+            };
+          } else {
+            obj.render = function (text) {
+              return _react2.default.createElement(
+                'div',
+                { className: 'columnTitle' },
+                text
+              );
+            };
+          }
+        }
+        if (['Quantity', 'RetailPrice', 'TaxPrice', 'TaxAmount', 'Detaildiscountamount', 'Quantity2', 'MemberPrice', 'BookingAmount', 'BookingQuantity'].indexOf(v.FieldName) != -1) {
+          obj.textAlign = 'right';
+        }
+        if (v.Precision && v.IsFormat) {
+          obj.render = function (text, record, index) {
+            var val = text || text === 0 ? text : '';
+            var renderText = _api2.default.formatNumber(val, v.Precision);
+            return _react2.default.createElement(
+              'span',
+              null,
+              renderText
+            );
+          };
+        }
+        if (v.FieldName == 'VoucherDate' || v.FieldName == 'ProductionDate' || v.FieldName == 'ExpiryDate') {
+          obj.render = function (text, record, index) {
+            var renderText = _tools2.default.dateFormat(text);
+            return _react2.default.createElement(
+              'span',
+              null,
+              renderText
+            );
+          };
+        }
+        columns.push(obj);
+      });
+      if (isCheckbox === true) {
+        var _ref = [columns[fixedIndex + 1], columns[1]];
+        columns[1] = _ref[0];
+        columns[fixedIndex + 1] = _ref[1];
+      } else {
+        var _ref2 = [columns[fixedIndex], columns[0]];
+        columns[0] = _ref2[0];
+        columns[fixedIndex] = _ref2[1];
+      }
+      return columns;
+    };
+
+    _this.handleSettleColumn = function (modalData) {
+      var column = [{ title: "结算方式", dataIndex: "Amount", key: "Amount", textAlign: 'center' }];
+      // let columnWidth = modalData.length < 4? 570/modalData.length : 142.5
+      modalData.forEach(function (v, index) {
+        var obj = {
+          title: v.SettleName,
+          dataIndex: 'Amount' + index,
+          key: 'Amount' + index,
+          textAlign: 'center',
+          ellipsis: true,
+          render: function render(text, record, index) {
+            var renderText = _api2.default.formatNumber(text, 2);
+            return _react2.default.createElement(
+              'span',
+              null,
+              renderText
+            );
+          }
+        };
+        column.push(obj);
+      });
+      return column;
+    };
+
+    _this.handleSettleResult = function (settleResult) {
+      var result = [{ Amount: "金额" }];
+      settleResult.forEach(function (v, index) {
+        result[0]['Amount' + index] = v.Amount;
+      });
+      return result;
+    };
+
+    _this.getBillList = function () {
+      var _ref3 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee(status) {
+        var type, term, _ref4, TotalTaxAmount, TotalCount, TotalPage, PageSize, CurrentPage, Data;
+
+        return _regenerator2.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                type = _this.props.type;
+
+                _this.setState({ loading: true });
+                term = _this.getSearchOption();
+                _context.next = 5;
+                return _api2.default.searchRetailList(term);
+
+              case 5:
+                _ref4 = _context.sent;
+                TotalTaxAmount = _ref4.TotalTaxAmount;
+                TotalCount = _ref4.TotalCount;
+                TotalPage = _ref4.TotalPage;
+                PageSize = _ref4.PageSize;
+                CurrentPage = _ref4.CurrentPage;
+                Data = _ref4.Data;
+
+                console.log(TotalCount, '-------------------------');
+                if (!TotalCount || TotalCount == 0) {
+                  if (type === 2) {
+                    _index.Message.error('单据不存在或无可退货商品！');
+                  } else {
+                    _index.Message.error('无单据信息');
+                  }
+                }
+                _this.setState({
+                  TotalTaxAmount: TotalTaxAmount,
+                  tableDataList: Data,
+                  TotalPage: TotalPage,
+                  loading: false,
+                  currentIndex: status ? _this.state.currentIndex : 1
+                });
+
+              case 15:
+              case 'end':
+                return _context.stop();
+            }
+          }
+        }, _callee, _this2);
+      }));
+
+      return function (_x) {
+        return _ref3.apply(this, arguments);
+      };
+    }();
+
+    _this.getSearchOption = function () {
+      var type = _this.props.type;
+      var _this$state2 = _this.state,
+          currentIndex = _this$state2.currentIndex,
+          value1 = _this$state2.value1,
+          value2 = _this$state2.value2,
+          value3 = _this$state2.value3,
+          value4 = _this$state2.value4,
+          value5 = _this$state2.value5,
+          value6 = _this$state2.value6,
+          option = _this$state2.option;
+
+      return (0, _extends5.default)({
+        CurrentPage: currentIndex, // int   当前页，默认1
+        PageSize: 15, // int   页大小，默认10
+        StartVoucherDate: '', // datetime 单据开始日期
+        EndVoucherDate: '', // datetime 单据结束日期
+        Key: value3, // 单据编号，支持模糊查询
+        KeyType: type === 2 ? '1' : '0', //区分原单退货与单据查询
+        Inventory: value4, //string  商品名称（条形码、助记码、商品编码、商品名称）
+        Member: value5, //string 会员（会员卡号、手机号、会员名称）
+        SerialNumber: value6,
+        VoucherType: '', // int  单据业务类型，下拉单选，返回对应业务类型Id
+        VoucherState: '', // int  单据状态，下拉单选，返回枚举Id
+        Navigator: '', // string  导购，多选，返回导购Id，多个用英文逗号隔开，如：1,2,3,4
+        Cashier: '', // string  收银员，多选，返回收银员Id，多个用英文逗号隔开，如：1,2,3,4
+        StartAdmount: value1, // decimal   起始金额
+        EndAdmount: value2 // decimal  结束金额
+      }, option);
+    };
+
+    _this.previous = function () {
+      _this.setState({
+        currentIndex: _this.state.currentIndex - 1
+      }, function () {
+        _this.getBillList('pageChange');
+      });
+    };
+
+    _this.next = function () {
+      _this.setState({
+        currentIndex: _this.state.currentIndex + 1
+      }, function () {
+        _this.getBillList('pageChange');
+      });
+    };
+
+    _this.handleCheckBox = function (state, checked, record, index) {
+      var arr1 = [],
+          arr2 = [];
+      var _this$state3 = _this.state,
+          selectedList = _this$state3.selectedList,
+          selectedIndexList = _this$state3.selectedIndexList,
+          detailColumnMeta = _this$state3.detailColumnMeta,
+          showModalData = _this$state3.showModalData;
+
+      switch (state) {
+        case 0:
+          //全选
+          if (checked === true) {
+            showModalData.map(function (item, ix) {
+              arr1.push(ix);arr2.push(item);
+            });
+          }
+          break;
+        case 1:
+          //单选
+          if (checked === true) {
+            if (selectedIndexList.length > 0) {
+              if (selectedIndexList.indexOf(index) == -1) {
+                var arr11 = [],
+                    arr12 = [],
+                    arr21 = [],
+                    arr22 = [];
+                for (var i = 0; i < selectedIndexList.length; i++) {
+                  var item = selectedIndexList[i];
+                  if (index > item) {
+                    arr11.push(selectedIndexList[i]);
+                    arr12.push(selectedList[i]);
+                  } else {
+                    arr21.push(selectedIndexList[i]);
+                    arr22.push(selectedList[i]);
+                  }
+                }
+                arr1 = [].concat(arr11, [index], arr21);
+                arr2 = [].concat(arr12, [record], arr22);
+              }
+            } else {
+              arr1.push(index);
+              arr2.push(record);
+            }
+          } else {
+            if (selectedIndexList.indexOf(index) > -1) {
+              selectedIndexList.map(function (item, ix) {
+                if (item !== index) {
+                  arr1.push(selectedIndexList[ix]);
+                  arr2.push(selectedList[ix]);
+                }
+              });
+            }
+          }
+          break;
+      }
+      console.log(arr1, 'arr1------');
+      var detailColumn = _this.initDetailColumn(detailColumnMeta, true, arr1);
+      _this.setState({ detailColumn: detailColumn, selectedList: arr2, selectedIndexList: arr1 });
+    };
+
+    _this.onDateChange = function (dateArray) {
+      console.log('dateArray => ', dateArray);
+      var date1 = void 0,
+          date2 = void 0;
+      if (!dateArray || dateArray.length == 0) {
+        console.log('没有传入dateArray');
+        date1 = date2 = '';
+      } else {
+        date1 = _tools2.default.dateFormat(new Date(dateArray[0]), 'yyyy-MM-dd');
+        date2 = _tools2.default.dateFormat(new Date(dateArray[1]), 'yyyy-MM-dd');
+      }
+      _this.setState({
+        option: (0, _extends5.default)({}, _this.state.option, { StartVoucherDate: date1, EndVoucherDate: date2 })
+      });
+    };
+
+    _this.handleChange = function (type, value) {
+      _this.setState({
+        option: (0, _extends5.default)({}, _this.state.option, (0, _defineProperty3.default)({}, type, Array.isArray(value) ? value.join(',') : value))
+      });
+    };
+
+    _this.search = function () {
+      _this.setState({
+        currentIndex: 1
+      }, function () {
+        _this.getBillList(null);
+        _index.Keyboard.close();
+      });
+    };
+
+    _this.onKeyup = function (e) {
+      if (e.keyCode == 13) {
+        _this.search();
+      }
+    };
+
+    _this.onChange = function (type, e) {
+      _this.setState((0, _defineProperty3.default)({}, 'value' + type, e.target.value));
+    };
+
+    _this.onFocus = function (type) {
+      _this.type = type;
+      if (_this.props.type && _this.props.type != 2) {
+        _this['input' + ty].input.select();
+      }
+      _index.Keyboard.open(function (v) {
+        _this.setState((0, _defineProperty3.default)({}, 'value' + _this.type, _index.Keyboard.getNewValue(_this['input' + _this.type].input, _this.state['value' + _this.type], v)));
+      }, function () {
+        _this.search();
+        _index.Keyboard.close();
+      })();
+    };
+
+    _this.onBlur = function (type) {
+      var value = parseFloat(_this.state['value' + type]);
+      _this.setState((0, _defineProperty3.default)({}, 'value' + type, isNaN(value) ? '' : parseFloat((value + '').substring(0, _this.props.amountMaxLength || 12))));
+    };
+
+    _this.modalCancel = function () {
+      var type = _this.props.type;
+      var isLook = _this.state.isLook;
+
+      if (type === 2 && isLook === false) {
+        _this.setState({ show: false, selectedList: [], selectedIndexList: [] });
+      } else {
+        _this.setState({ show: false });
+      }
+    };
+
+    _this.modalOk = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee2() {
+      var _this$props, type, rowPrintClick, storeData, _this$state4, record, isLook, isPickupCard, result, term, _ref6, Data;
+
+      return _regenerator2.default.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _this$props = _this.props, type = _this$props.type, rowPrintClick = _this$props.rowPrintClick, storeData = _this$props.storeData;
+              _this$state4 = _this.state, record = _this$state4.record, isLook = _this$state4.isLook, isPickupCard = _this$state4.isPickupCard;
+
+              if (!(type === 2 && isLook === false)) {
+                _context2.next = 24;
+                break;
+              }
+
+              if (!isPickupCard) {
+                _context2.next = 21;
+                break;
+              }
+
+              _context2.next = 6;
+              return _api2.default.getRefundConsumer(record.ID, storeData);
+
+            case 6:
+              result = _context2.sent;
+
+              if (!result.successful) {
+                _context2.next = 18;
+                break;
+              }
+
+              _this.setState({
+                show: false
+              });
+              _index.Message.success('退货成功');
+              term = _this.getSearchOption();
+              _context2.next = 13;
+              return _api2.default.searchRetailList(term);
+
+            case 13:
+              _ref6 = _context2.sent;
+              Data = _ref6.Data;
+
+              _this.setState({
+                tableDataList: Data
+              });
+              _context2.next = 19;
+              break;
+
+            case 18:
+              _index.Message.warn(result.errorMsg);
+
+            case 19:
+              _context2.next = 22;
+              break;
+
+            case 21:
+              _this.handleRefundClick();
+
+            case 22:
+              _context2.next = 25;
+              break;
+
+            case 24:
+              //打印小票
+              rowPrintClick && rowPrintClick(record);
+
+            case 25:
+            case 'end':
+              return _context2.stop();
+          }
+        }
+      }, _callee2, _this2);
+    }));
+
+    _this.handleRefundClick = function (status) {
+      var _this$props2 = _this.props,
+          handleRefundEvent = _this$props2.handleRefundEvent,
+          closeParentPage = _this$props2.closeParentPage;
+      var _this$state5 = _this.state,
+          selectedList = _this$state5.selectedList,
+          refundInventoryDto = _this$state5.refundInventoryDto,
+          isPickupCard = _this$state5.isPickupCard,
+          showModalData = _this$state5.showModalData;
+
+      if (!isPickupCard && selectedList && selectedList.length == 0) {
+        _index.Message.warn('至少选择一个退货信息');
+        return;
+      }
+      var noSerialNumberList = selectedList.filter(function (item) {
+        var obj = item.RetailDetailDTO;
+        //商品是序列号但原单未录
+        if (obj.Inventory && obj.Inventory.IsSerialNumber && !obj.SerialNumber) {
+          return true;
+        }
+        return false;
+      });
+      if (noSerialNumberList && noSerialNumberList.length > 0) {
+        _index.Message.warn('原单中的序列号商品缺少序列号，请使用非原单退货！');
+        return;
+      }
+      var infoList = selectedList.filter(function (item) {
+        var obj = item.RetailDetailDTO;
+        if (obj.PromotionTypeStr || obj.PromotionIdStr || obj.PromotionCode) {
+          return true;
+        }
+        return false;
+      });
+      // let infoStatus = JSON.getCellValue(refundInventoryDto, "HasPromotionUsed");
+      if (infoList && infoList.length > 0 && !status) {
+        //如果存在促销优惠商品，则执行确认逻辑。
+        var that = _this;
+        _index.ModalWraper.confirm({
+          className: 'tplus-confirm-modal',
+          title: "温馨提示",
+          content: '存在促销活动优惠的商品，是否确认退货？',
+          cancelable: false,
+          onOk: function onOk() {
+            that.handleRefundClick(true);
+          },
+          onCancel: function onCancel() {}
+        });
+        return;
+      }
+      var arr = [];
+      isPickupCard ? showModalData.map(function (item) {
+        arr.push(item.RetailDetailDTO);
+      }) : selectedList.map(function (item) {
+        arr.push(item.RetailDetailDTO);
+      });
+      refundInventoryDto.RetailDetails = arr;
+      handleRefundEvent && handleRefundEvent(refundInventoryDto);
+      _this.setState({ show: false, selectedList: [], selectedIndexList: [] });
+      closeParentPage && closeParentPage();
+    };
+
+    _this.rowShowClick = function () {
+      var _ref7 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee3(record) {
+        var type;
+        return _regenerator2.default.wrap(function _callee3$(_context3) {
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                type = _this.props.type;
+
+                if (type === 2) {
+                  //退货
+                  _this.rowRefundDetail(record, true);
+                } else {
+                  _this.rowSearchDetail(record);
+                }
+
+              case 2:
+              case 'end':
+                return _context3.stop();
+            }
+          }
+        }, _callee3, _this2);
+      }));
+
+      return function (_x2) {
+        return _ref7.apply(this, arguments);
+      };
+    }();
+
+    _this.rowPrintClick = function (record) {
+      _this.props.rowPrintClick && _this.props.rowPrintClick(record);
+    };
+
+    _this.rowRefundClick = function () {
+      var _ref8 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee4(record) {
+        return _regenerator2.default.wrap(function _callee4$(_context4) {
+          while (1) {
+            switch (_context4.prev = _context4.next) {
+              case 0:
+                _this.rowRefundDetail(record, false);
+
+              case 1:
+              case 'end':
+                return _context4.stop();
+            }
+          }
+        }, _callee4, _this2);
+      }));
+
+      return function (_x3) {
+        return _ref8.apply(this, arguments);
+      };
+    }();
+
+    _this.rowSearchDetail = function () {
+      var _ref9 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee5(record) {
+        var result, result1, PaymentData, detailColumnMeta, themode, detailColumn, detailSettleColumn, settleResult;
+        return _regenerator2.default.wrap(function _callee5$(_context5) {
+          while (1) {
+            switch (_context5.prev = _context5.next) {
+              case 0:
+                console.log('单据明细:', record);
+                _context5.next = 3;
+                return _api2.default.getRetailDetail(record.Code, 0);
+
+              case 3:
+                result = _context5.sent;
+                _context5.next = 6;
+                return _api2.default.getRetailDetailInfo(record.Code);
+
+              case 6:
+                result1 = _context5.sent;
+                PaymentData = result1.PaymentData;
+                detailColumnMeta = _this.state.detailColumnMeta;
+                themode = (0, _find3.default)(PaymentData, { 'SettleCode': "PICKUPCARD" });
+
+                _this.setState({
+                  isPickupCard: themode ? true : false
+                });
+                detailColumn = _this.initDetailColumn(detailColumnMeta, false);
+
+                PaymentData = typeof PaymentData === 'string' ? JSON.parse(PaymentData) : PaymentData;
+                detailSettleColumn = _this.handleSettleColumn(PaymentData);
+                settleResult = _this.handleSettleResult(PaymentData);
+
+                _this.setState({
+                  showModalData: result,
+                  showSettleModalData: settleResult,
+                  detailSettleColumn: detailSettleColumn,
+                  record: record,
+                  show: true,
+                  isLook: true,
+                  detailColumn: detailColumn
+                });
+
+              case 16:
+              case 'end':
+                return _context5.stop();
+            }
+          }
+        }, _callee5, _this2);
+      }));
+
+      return function (_x4) {
+        return _ref9.apply(this, arguments);
+      };
+    }();
+
+    _this.rowRefundDetail = function () {
+      var _ref10 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee6(record, isLook) {
+        var _this$state6, HeadFieldDesign, detailColumnMeta, result, result1, PaymentData, detailSettleColumn, settleResult, RetailDTO, DetailData, themode, detailColumn;
+
+        return _regenerator2.default.wrap(function _callee6$(_context6) {
+          while (1) {
+            switch (_context6.prev = _context6.next) {
+              case 0:
+                _context6.prev = 0;
+
+                console.log('单据明细(退货):', record);
+                _this.setState({ loading: true });
+                _this$state6 = _this.state, HeadFieldDesign = _this$state6.HeadFieldDesign, detailColumnMeta = _this$state6.detailColumnMeta;
+                _context6.next = 6;
+                return _api2.default.getOrigRetailData(record.ID, { HeadFieldDesign: HeadFieldDesign, list: detailColumnMeta });
+
+              case 6:
+                result = _context6.sent;
+                _context6.next = 9;
+                return _api2.default.getRetailDetailInfo(record.Code);
+
+              case 9:
+                result1 = _context6.sent;
+                PaymentData = result1.PaymentData;
+
+                PaymentData = typeof PaymentData === 'string' ? JSON.parse(PaymentData) : PaymentData;
+                detailSettleColumn = _this.handleSettleColumn(PaymentData);
+                settleResult = _this.handleSettleResult(PaymentData);
+                RetailDTO = result.RetailDTO, DetailData = result.DetailData;
+
+                RetailDTO = typeof RetailDTO === 'string' ? JSON.parse(RetailDTO) : RetailDTO;
+                DetailData = typeof DetailData === 'string' ? JSON.parse(DetailData) : DetailData;
+                _this.initDetailData(RetailDTO, DetailData);
+                themode = (0, _find3.default)(PaymentData, { 'SettleCode': "PICKUPCARD" });
+
+                _this.setState({
+                  isPickupCard: themode ? true : false
+                });
+                detailColumn = _this.initDetailColumn(detailColumnMeta, !isLook);
+
+                _this.setState({
+                  refundInventoryDto: RetailDTO,
+                  showModalData: DetailData,
+                  showSettleModalData: settleResult,
+                  detailSettleColumn: detailSettleColumn,
+                  record: record,
+                  show: true,
+                  isLook: isLook,
+                  detailColumn: detailColumn,
+                  loading: false
+                });
+                _context6.next = 27;
+                break;
+
+              case 24:
+                _context6.prev = 24;
+                _context6.t0 = _context6['catch'](0);
+
+                _this.setState({ loading: false });
+
+              case 27:
+              case 'end':
+                return _context6.stop();
+            }
+          }
+        }, _callee6, _this2, [[0, 24]]);
+      }));
+
+      return function (_x5, _x6) {
+        return _ref10.apply(this, arguments);
+      };
+    }();
+
+    _this.clearValue = function (type) {
+      _this.setState((0, _defineProperty3.default)({}, type, ''));
+    };
+
+    _this.emptyFunc = function () {
+      return _react2.default.createElement(_index.ProgressState, {
+        state: "empty",
+        stateCommonStyle: { height: "100%" },
+        empty: { info: '暂无数据～～', buttonVisible: false } });
+    };
+
+    _this.changeSearchFilterItemShow = function () {
+      _this.setState({
+        searchFilterItemShow: !_this.state.searchFilterItemShow
+      });
+    };
+
+    _this.onClickAll = function (type) {
+      if (type == 'date') {
+        // 清空日期
+        _this.setState({
+          option: (0, _extends5.default)({}, _this.state.option, {
+            StartVoucherDate: '',
+            EndVoucherDate: ''
+          })
+        });
+      } else if (type == 'money') {
+        // 清空金额
+        _this.setState({
+          value1: '',
+          value2: ''
+        });
+      } else if (type === 'value4') {
+        _this.setState({
+          value4: ''
+        });
+      } else if (type === 'value5') {
+        _this.setState({
+          value5: ''
+        });
+      } else if (type === 'value6') {
+        _this.setState({
+          value6: ''
+        });
+      } else {
+        // 剩下的一些单选
+        _this.setState({
+          option: (0, _extends5.default)({}, _this.state.option, (0, _defineProperty3.default)({}, type, ''))
+        });
+      }
+    };
+
+    _this.dateFormat = function (date) {
+      if (date) {
+        var _date = (0, _moment2.default)(date);
+        return _date._isValid ? _date : '';
+      }
+      return '';
+    };
+
+    _this.state = {
+      currentIndex: 1,
+      value1: '',
+      value2: '',
+      value3: '',
+      value4: '',
+      value5: '',
+      value6: '',
+      tableDataList: [],
+      show: false,
+      isLook: true, //区别查看、退货
+      selectList: SELECT_LIST, // 收银员,业务状态，单据状态，导购员的下拉选项
+      // navigatorList: [], // 导购的下拉
+      record: {}, // 打印小票，用来记录 弹出框 弹出信息
+      showModalData: [{}], // 弹出框显示的信息
+      showSettleModalData: [{}],
+      detailColumn: [], // 弹出框 的栏目信息
+      detailColumnMeta: [], // 弹出框 的api取出来的栏目信息
+      detailSettleColumn: [],
+      selectedList: [], // 弹出框 checkbox选中的值集合。
+      selectedIndexList: [], // 弹出框 checkbox选中的索引集合。
+      refundInventoryDto: '', //退货相关信息
+      listColumn: [],
+      HeadFieldDesign: [],
+      loading: false,
+      option: {
+        StartVoucherDate: '', // 单据开始日期
+        EndVoucherDate: '', // 单据结束日期
+        VoucherCode: '', //
+        VoucherType: '', // 据业务类型，下拉选项，返回对应业务类型Id
+        VoucherState: '', // 单据状态，下拉选项，返回枚举Id
+        Navigator: '', // 导购，多选，返回导购Id，多个用英文逗号隔开，如：1,2,3,4
+        Cashier: '', // 收银员，多选，返回收银员Id，多个用英文逗号隔开，如：1,2,3,4
+        DataSource: '', // 数据来源 ，下拉选项，返回枚举Id
+        DistributionMode: '', // 配送方式 ，下拉选项，返回枚举Id
+        DeliveryStatus: '', // 发货状态 ，下拉选项，返回枚举Id
+        RetailType: '',
+        IdStore: props.idStore || ''
+      },
+      searchFilterItemShow: false,
+      TotalTaxAmount: 0, // 合计
+      isPickupCard: false
+    };
+
+    var _ref11 = _mutantsUtil.platform || {},
+        isNewRetailBCPos = _ref11.isNewRetailBCPos;
+
+    _this.isNewRetailBCPos = !!isNewRetailBCPos;
+    return _this;
+  }
+
+  (0, _createClass3.default)(BillSearch, [{
+    key: 'componentDidMount',
+    value: function () {
+      var _ref12 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee7() {
+        return _regenerator2.default.wrap(function _callee7$(_context7) {
+          while (1) {
+            switch (_context7.prev = _context7.next) {
+              case 0:
+                this.getData();
+
+              case 1:
+              case 'end':
+                return _context7.stop();
+            }
+          }
+        }, _callee7, this);
+      }));
+
+      function componentDidMount() {
+        return _ref12.apply(this, arguments);
+      }
+
+      return componentDidMount;
+    }()
+  }, {
+    key: 'getData',
+    value: function () {
+      var _ref13 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee9() {
+        var _this3 = this;
+
+        var that, _props, idStore, type, storeData, listColumn, selectListData, selectList, _ref14, HeadFieldDesign, detailColumn, value3, IdmarketingOrgan, POSCode, VoucherDate, result, Code, DetailColumn, ListColumn, detailColumnMeta, endTime, startTime;
+
+        return _regenerator2.default.wrap(function _callee9$(_context9) {
+          while (1) {
+            switch (_context9.prev = _context9.next) {
+              case 0:
+                that = this;
+                _props = this.props, idStore = _props.idStore, type = _props.type, storeData = _props.storeData;
+                _context9.next = 4;
+                return _api2.default.getPOSSearchRetailListDesigns();
+
+              case 4:
+                listColumn = _context9.sent;
+                _context9.next = 7;
+                return _api2.default.getRetailSearchItemList(idStore);
+
+              case 7:
+                selectListData = _context9.sent;
+                selectList = SELECT_LIST;
+
+                selectListData && selectListData.forEach(function (item) {
+                  selectList[item.ItemType] = item.Items;
+                });
+                console.log(listColumn, selectList, 'select-----');
+                _context9.next = 13;
+                return _api2.default.getPOSSearchDesigns();
+
+              case 13:
+                _ref14 = _context9.sent;
+                HeadFieldDesign = _ref14.HeadFieldDesign;
+                detailColumn = _ref14.list;
+                value3 = '';
+
+                if (!(type === 2)) {
+                  _context9.next = 27;
+                  break;
+                }
+
+                //退货
+                IdmarketingOrgan = storeData.IdmarketingOrgan, POSCode = storeData.POSCode, VoucherDate = storeData.VoucherDate;
+                _context9.next = 21;
+                return _api2.default.getPOSOrigReturnListInitData({ IdmarketingOrgan: IdmarketingOrgan, POSCode: POSCode, VoucherDate: VoucherDate });
+
+              case 21:
+                result = _context9.sent;
+                Code = result.Code, DetailColumn = result.DetailColumn, ListColumn = result.ListColumn;
+
+                value3 = Code;
+                listColumn = ListColumn;
+                HeadFieldDesign = DetailColumn.HeadFieldDesign;
+                detailColumn = DetailColumn.list;
+
+              case 27:
+                detailColumnMeta = detailColumn;
+
+                detailColumn = this.initDetailColumn(detailColumn, false);
+                listColumn = listColumn.map(function (v) {
+                  var obj = {
+                    title: v.OriginalTitle,
+                    dataIndex: v.FieldName,
+                    key: v.FieldName,
+                    width: v.Width || 100,
+                    className: "rowClassName",
+                    Precision: v.Precision,
+                    IsFormat: v.IsFormat,
+                    ellipsis: true
+                  };
+                  if (v.FieldName == 'VoucherDate' || v.FieldName == 'BusiTypeName') {
+                    obj.width = 110;
+                  }
+                  if (v.FieldName == 'Code') {
+                    obj.width = 210;
+                    obj.className = 'rowClassName rtl';
+                    obj.render = function (text) {
+                      var num = parseInt(obj.width / 8) - 2;
+                      var renderText = text.length > num ? '...' + text.substring(text.length - num) : text;
+                      return _react2.default.createElement(
+                        'span',
+                        { style: { cursor: 'default' }, title: text },
+                        renderText
+                      );
+                    };
+                  }
+                  if (v.Precision && v.IsFormat) {
+                    obj.render = function (text, record, index) {
+                      var val = text || text === 0 ? text : '';
+                      var renderText = _api2.default.formatNumber(val, v.Precision);
+                      return _react2.default.createElement(
+                        'span',
+                        null,
+                        renderText
+                      );
+                    };
+                  }
+                  if (v.FieldName == 'VoucherDate' || v.FieldName == 'ProductionDate' || v.FieldName == 'ExpiryDate') {
+                    obj.render = function (text, record, index) {
+                      var renderText = _tools2.default.dateFormat(text);
+                      return _react2.default.createElement(
+                        'span',
+                        null,
+                        renderText
+                      );
+                    };
+                  }
+                  return obj;
+                });
+                listColumn.push({
+                  title: "操作",
+                  dataIndex: "i",
+                  key: "i",
+                  width: 100,
+                  className: 'text-center',
+                  fixed: "right",
+                  render: function render(text, record, index) {
+                    if (record.other) {
+                      return null;
+                    }
+                    return _react2.default.createElement(
+                      'div',
+                      { className: 'bill-content-operation', title: text },
+                      _react2.default.createElement(
+                        'a',
+                        { href: 'javascript:;', onClick: that.rowShowClick.bind(that, record), title: '\u67E5\u770B' },
+                        '\u67E5\u770B'
+                      ),
+                      type === 2 ? _react2.default.createElement(
+                        'a',
+                        { href: 'javascript:;', onClick: that.rowRefundClick.bind(that, record), title: '\u9000\u8D27' },
+                        '\u9000\u8D27'
+                      ) : _react2.default.createElement(
+                        'a',
+                        { href: 'javascript:;', onClick: that.rowPrintClick.bind(that, record), title: '\u6253\u5C0F\u7968' },
+                        '\u6253\u5C0F\u7968'
+                      )
+                    );
+                  }
+                });
+                endTime = (0, _moment2.default)().format('l');
+                startTime = (0, _moment2.default)().format('l');
+
+                if (type === 2) startTime = (0, _moment2.default)().subtract(7, 'days').format('YYYY/MM/DD');
+                this.setState({
+                  value3: value3,
+                  HeadFieldDesign: HeadFieldDesign,
+                  detailColumn: detailColumn,
+                  detailColumnMeta: detailColumnMeta,
+                  selectList: selectList,
+                  listColumn: listColumn,
+                  option: (0, _extends5.default)({}, this.state.option, { StartVoucherDate: startTime, EndVoucherDate: endTime })
+                }, (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee8() {
+                  return _regenerator2.default.wrap(function _callee8$(_context8) {
+                    while (1) {
+                      switch (_context8.prev = _context8.next) {
+                        case 0:
+                          if (!(type !== 2)) {
+                            _context8.next = 4;
+                            break;
+                          }
+
+                          _context8.next = 3;
+                          return _this3.getBillList(null);
+
+                        case 3:
+                          _this3.forceUpdate();
+
+                        case 4:
+                        case 'end':
+                          return _context8.stop();
+                      }
+                    }
+                  }, _callee8, _this3);
+                })));
+
+              case 35:
+              case 'end':
+                return _context9.stop();
+            }
+          }
+        }, _callee9, this);
+      }));
+
+      function getData() {
+        return _ref13.apply(this, arguments);
+      }
+
+      return getData;
+    }()
+
+    // 获取弹出框表格列信息
+
+
+    // 处理checkbox选中
+
+
+    // 弹框的确认事件
+
+
+    // 执行退货逻辑
+
+
+    // 打开查看页面
+
+
+    // 执行打印小票
+
+
+    // 打开退货页面
+
+
+    //单据查询（查看）
+
+
+    //原单退货（查看、退货）
+
+  }, {
+    key: 'initDetailData',
+
+    /**
+     * 初始化数据
+     * @param {*} retailDTO
+     * @param {*} detailData
+     */
+    value: function initDetailData(retailDTO, detailData) {
+      if (!retailDTO) {
+        return;
+      }
+      if (!detailData) {
+        return;
+      }
+
+      var _loop = function _loop(index) {
+        var detail = detailData[index];
+        var detailId = detail.detailId;
+        detailData[index].RetailDetailDTO = retailDTO.RetailDetails.find(function (detail) {
+          return detail.ID == detailId;
+        });
+      };
+
+      for (var index = 0; index < detailData.length; index++) {
+        _loop(index);
+      }
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _this4 = this;
+
+      var that = this;
+      var loadingIcon = _react2.default.createElement('img', { src: 'https://newretail.static.chanjet.com/loading.gif', style: { width: '200px', height: '189px' } });
+      var _props2 = this.props,
+          isUUser = _props2.isUUser,
+          type = _props2.type;
+      var _state = this.state,
+          currentIndex = _state.currentIndex,
+          value1 = _state.value1,
+          value2 = _state.value2,
+          value3 = _state.value3,
+          value4 = _state.value4,
+          value5 = _state.value5,
+          value6 = _state.value6,
+          tableDataList = _state.tableDataList,
+          show = _state.show,
+          isLook = _state.isLook,
+          option = _state.option,
+          showModalData = _state.showModalData,
+          detailColumn = _state.detailColumn,
+          showSettleModalData = _state.showSettleModalData,
+          detailSettleColumn = _state.detailSettleColumn,
+          TotalPage = _state.TotalPage,
+          searchFilterItemShow = _state.searchFilterItemShow,
+          record = _state.record,
+          listColumn = _state.listColumn,
+          selectedIndexList = _state.selectedIndexList,
+          HeadFieldDesign = _state.HeadFieldDesign,
+          isPickupCard = _state.isPickupCard;
+
+
+      tableDataList = [].concat((0, _toConsumableArray3.default)(tableDataList));
+      tableDataList.push({
+        VoucherType: "",
+        Code: "",
+        ID: tableDataList.length,
+        TotalTaxAmount: this.state.TotalTaxAmount,
+        VoucherDate: "合计",
+        other: true,
+        rownumber: tableDataList.length
+      });
+
+      // checkbox一些参数。
+      var check = {
+        isShowCheck: type === 2 ? isLook ? false : true : false,
+        isChecked: selectedIndexList.length > 0 && showModalData.length === selectedIndexList.length,
+        checkedCount: selectedIndexList.length,
+        pickupChecked: isPickupCard ? true : false,
+        checkBoxEvent: function checkBoxEvent(isAll, checked) {
+          return _this4.handleCheckBox(isAll, checked);
+        }
+
+        //是否退货
+      };var isRefund = type === 2;
+
+      //小畅电商
+      var isEnableMinMall = !!(0, _tplusPoslogin.PosInitData)('IsEnableMinMall');
+
+      //是否启用电商
+      var isCommerce = (0, _tplusPoslogin.PosInitData)('ECommerce');
+      var isSpecialQuery = isUUser || isCommerce;
+
+      // 动态计算bill-title bill-content 高度 （根据筛选条件的个数 每行30px）
+      // 行数 line
+      var line = 0;
+
+      if (isRefund) {
+        //退货
+        line = 7;
+      } else {
+        line = isSpecialQuery ? 10 : isEnableMinMall ? 9 : 7;
+      }
+
+      // let billTitleHeight = (30 + 16) * line + 30 - 8;
+      var billTitleHeight = 240;
+
+      if (!searchFilterItemShow) {
+        billTitleHeight = 0;
+      }
+
+      var otherHeight = billTitleHeight + 32 + 16 + 10 + 16 + 30 + 10; // 最后一个10 是用来调整误差的
+
+      if (searchFilterItemShow) {
+        otherHeight += 16; // 打开状态，要多减去FilterTitle 的marginTop 16px
+      }
+
+      var billContentHeight = "calc(100% - " + otherHeight + "px)";
+
+      var isEnableMember = (0, _tplusPoslogin.PosInitData)('isEnableMember');
+      //启用序列号
+      var isEnableSerialNumber = (0, _tplusPoslogin.PosInitData)("IsEnableSerialNumber");
+      return _react2.default.createElement(
+        'div',
+        { className: 'bill' },
+        _react2.default.createElement(
+          'div',
+          { className: 'bill-filter' },
+          searchFilterItemShow ? _react2.default.createElement('div', { className: 'mask1' }) : null,
+          searchFilterItemShow ? _react2.default.createElement('div', { className: 'mask2' }) : null,
+          _react2.default.createElement(
+            'div',
+            { className: 'bill-filter-on-off ' + (searchFilterItemShow ? "bill-filter-on-off-show" : ""), onClick: this.changeSearchFilterItemShow },
+            '\u9AD8\u7EA7\u7B5B\u9009',
+            _react2.default.createElement(_index.Ticon, { type: 'shaixuan', className: 'bill-search-icon' })
+          ),
+          _react2.default.createElement(
+            'div',
+            { className: 'bill-title-item' },
+            _react2.default.createElement(
+              'div',
+              { className: 'bill-title-search' },
+              _react2.default.createElement(
+                _input2.default.Group,
+                { className: 'bill-group' },
+                _react2.default.createElement(_input2.default, {
+                  prefix: _react2.default.createElement(_index.Ticon, { type: 'sousuo', className: 'bill-search-icon' }),
+                  suffix: value3 ? _react2.default.createElement(_index.Ticon, { type: 'guanbi-yuan', className: 'bill-search-icon-right', onClick: this.clearValue.bind(this, 'value3'), onMouseDown: function onMouseDown(e) {
+                      return e.preventDefault();
+                    } }) : null,
+                  type: 'text',
+                  placeholder: '\u5355\u636E\u7F16\u7801',
+                  value: value3,
+                  className: 'bill-title-search-input',
+                  onChange: this.onChange.bind(this, 3),
+                  onClick: this.onFocus.bind(this, 3),
+                  onKeyUp: this.onKeyup,
+                  onBlur: function onBlur() {
+                    _index.Keyboard.close();
+                  },
+                  ref: function ref(input) {
+                    return _this4.input3 = input;
+                  } })
+              )
+            ),
+            _react2.default.createElement(
+              _button2.default,
+              { onClick: this.search, type: 'primary', className: 'bill-search-button' },
+              '\u641C\u7D22'
+            )
+          )
+        ),
+        _react2.default.createElement(
+          'div',
+          { className: 'bill-title ' + (searchFilterItemShow ? '' : 'bill-title-close'), style: { height: billTitleHeight } },
+          _react2.default.createElement(
+            'div',
+            { className: 'bill-title-item' },
+            _react2.default.createElement(
+              'label',
+              null,
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u5546'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u54C1'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u540D'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u79F0'
+              )
+            ),
+            ':',
+            _react2.default.createElement(
+              'div',
+              { className: 'bill-title-item-all ' + (value4 ? '' : 'text-default'), onClick: this.onClickAll.bind(this, 'value4') },
+              '\u5168\u90E8'
+            ),
+            _react2.default.createElement(_input2.default, { type: 'text',
+              placeholder: '\u6761\u5F62\u7801/\u52A9\u8BB0\u7801/\u5546\u54C1\u7F16\u7801/\u5546\u54C1\u540D\u79F0',
+              value: value4,
+              className: 'bill-title-txt-input android_focus_keyboard',
+              onChange: this.onChange.bind(this, 4),
+              onClick: this.onFocus.bind(this, 4),
+              ref: function ref(input) {
+                return _this4.input4 = input;
+              } })
+          ),
+          isEnableSerialNumber === 'true' && _react2.default.createElement(
+            'div',
+            { className: 'bill-title-item' },
+            _react2.default.createElement(
+              'label',
+              null,
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u5E8F'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u5217'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u53F7'
+              )
+            ),
+            ':',
+            _react2.default.createElement(
+              'div',
+              { className: 'bill-title-item-all ' + (value6 ? '' : 'text-default'), onClick: this.onClickAll.bind(this, 'value6') },
+              '\u5168\u90E8'
+            ),
+            _react2.default.createElement(_input2.default, { type: 'text',
+              placeholder: '\u8BF7\u8F93\u5165\u5E8F\u5217\u53F7',
+              value: value6,
+              className: 'bill-title-txt-input',
+              onChange: this.onChange.bind(this, 6),
+              onClick: this.onFocus.bind(this, 6),
+              ref: function ref(input) {
+                return _this4.input6 = input;
+              } })
+          ),
+          isEnableMember && _react2.default.createElement(
+            'div',
+            { className: 'bill-title-item' },
+            _react2.default.createElement(
+              'label',
+              null,
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u4F1A'
+              ),
+              _react2.default.createElement('span', null),
+              _react2.default.createElement('span', null),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u5458'
+              )
+            ),
+            ':',
+            _react2.default.createElement(
+              'div',
+              { className: 'bill-title-item-all ' + (value5 ? '' : 'text-default'), onClick: this.onClickAll.bind(this, 'value5') },
+              '\u5168\u90E8'
+            ),
+            _react2.default.createElement(_input2.default, { type: 'text',
+              placeholder: '\u4F1A\u5458\u5361\u53F7/\u624B\u673A\u53F7/\u4F1A\u5458\u540D\u79F0',
+              value: value5,
+              className: 'bill-title-txt-input android_focus_keyboard',
+              onChange: this.onChange.bind(this, 5),
+              onClick: this.onFocus.bind(this, 5),
+              ref: function ref(input) {
+                return _this4.input5 = input;
+              } })
+          ),
+          _react2.default.createElement(
+            'div',
+            { className: 'bill-title-item' },
+            _react2.default.createElement(
+              'label',
+              null,
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u5355'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u636E'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u65E5'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u671F'
+              )
+            ),
+            ':',
+            _react2.default.createElement(
+              'div',
+              { className: 'bill-title-item-all ' + (option.StartVoucherDate ? '' : 'text-default'), onClick: this.onClickAll.bind(this, 'date') },
+              '\u5168\u90E8'
+            ),
+            _react2.default.createElement(RangePicker, {
+              placeholder: ['开始', '结束'],
+              format: 'YYYY-MM-DD',
+              onChange: this.onDateChange,
+              defaultValue: [(0, _moment2.default)(), (0, _moment2.default)()],
+              value: [this.dateFormat(option.StartVoucherDate), this.dateFormat(option.EndVoucherDate)]
+            })
+          ),
+          isRefund === false && (isSpecialQuery || isEnableMinMall) ? _react2.default.createElement(
+            'div',
+            { className: 'bill-title-item' },
+            _react2.default.createElement(
+              'label',
+              null,
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u53D1'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u8D27'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u72B6'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u6001'
+              )
+            ),
+            ':',
+            _react2.default.createElement(
+              'div',
+              { className: 'bill-title-item-all ' + (option.DeliveryStatus ? '' : 'text-default'), onClick: this.onClickAll.bind(this, 'DeliveryStatus') },
+              '\u5168\u90E8'
+            ),
+            this.state.selectList["DeliveryStatus"].length > 0 ? _react2.default.createElement(
+              _radio2.default.Group,
+              {
+                // name="fruit"
+                value: this.state.option.DeliveryStatus,
+                onChange: function onChange(e) {
+                  return _this4.handleChange('DeliveryStatus', e.target.value);
+                } },
+              this.state.selectList["DeliveryStatus"].map(function (v) {
+                return _react2.default.createElement(
+                  _radio2.default.Button,
+                  { value: v.Id + '', key: v.Id, checked: v.ID == _this4.state.option.DeliveryStatus },
+                  v.Name
+                );
+              })
+            ) : null
+          ) : null,
+          isRefund === false && isSpecialQuery ? _react2.default.createElement(
+            'div',
+            { className: 'bill-title-item' },
+            _react2.default.createElement(
+              'label',
+              null,
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u6570'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u636E'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u6765'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u6E90'
+              )
+            ),
+            ':',
+            _react2.default.createElement(
+              'div',
+              { className: 'bill-title-item-all ' + (option.DataSource ? '' : 'text-default'), onClick: this.onClickAll.bind(this, 'DataSource') },
+              '\u5168\u90E8'
+            ),
+            this.state.selectList['DataSource'].length > 0 ? _react2.default.createElement(
+              _radio2.default.Group,
+              {
+                // name="fruit"
+                value: this.state.option.DataSource,
+                onChange: function onChange(e) {
+                  return _this4.handleChange('DataSource', e.target.value);
+                } },
+              this.state.selectList['DataSource'].map(function (v) {
+                return _react2.default.createElement(
+                  _radio2.default.Button,
+                  { value: v.Id + '', key: v.Id, checked: v.ID == _this4.state.option.DataSource },
+                  v.Name
+                );
+              })
+            ) : null
+          ) : null,
+          isRefund === false && isSpecialQuery ? _react2.default.createElement(
+            'div',
+            { className: 'bill-title-item' },
+            _react2.default.createElement(
+              'label',
+              null,
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u914D'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u9001'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u65B9'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u5F0F'
+              )
+            ),
+            ':',
+            _react2.default.createElement(
+              'div',
+              { className: 'bill-title-item-all ' + (option.DistributionMode ? '' : 'text-default'), onClick: this.onClickAll.bind(this, 'DistributionMode') },
+              '\u5168\u90E8'
+            ),
+            this.state.selectList['DistributionMode'].length > 0 ? _react2.default.createElement(
+              _radio2.default.Group,
+              {
+                // name="fruit"
+                value: this.state.option.DistributionMode,
+                onChange: function onChange(e) {
+                  return _this4.handleChange('DistributionMode', e.target.value);
+                } },
+              this.state.selectList['DistributionMode'].map(function (v) {
+                return _react2.default.createElement(
+                  _radio2.default.Button,
+                  { value: v.Id + '', key: v.Id, checked: v.ID == _this4.state.option.DistributionMode },
+                  v.Name
+                );
+              })
+            ) : null
+          ) : null,
+          isRefund === false && _react2.default.createElement(
+            'div',
+            { className: 'bill-title-item' },
+            this.isNewRetailBCPos ? _react2.default.createElement(
+              'label',
+              null,
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u5355'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u636E'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u7C7B'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u578B'
+              )
+            ) : _react2.default.createElement(
+              'label',
+              null,
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u4E1A'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u52A1'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u7C7B'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u578B'
+              )
+            ),
+            ':',
+            _react2.default.createElement(
+              'div',
+              { className: 'bill-title-item-all ' + (option.VoucherType ? '' : 'text-default'), onClick: this.onClickAll.bind(this, 'VoucherType') },
+              '\u5168\u90E8'
+            ),
+            this.state.selectList['VoucherType'].length > 0 ? _react2.default.createElement(
+              _radio2.default.Group,
+              {
+                value: this.state.option.VoucherType,
+                onChange: function onChange(e) {
+                  return _this4.handleChange('VoucherType', e.target.value);
+                } },
+              this.state.selectList['VoucherType'].map(function (v) {
+                return _react2.default.createElement(
+                  _radio2.default.Button,
+                  { value: v.Id + '', key: v.Id, checked: v.ID == _this4.state.option.VoucherType },
+                  v.Name
+                );
+              })
+            ) : null
+          ),
+          _react2.default.createElement(
+            'div',
+            { className: 'bill-title-item' },
+            _react2.default.createElement(
+              'label',
+              null,
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u4E1A'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u52A1'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u7C7B'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u578B'
+              )
+            ),
+            ':',
+            _react2.default.createElement(
+              'div',
+              { className: 'bill-title-item-all ' + (option.RetailType ? '' : 'text-default'), onClick: this.onClickAll.bind(this, 'RetailType') },
+              '\u5168\u90E8'
+            ),
+            this.state.selectList['RetailType'].length > 0 ? _react2.default.createElement(
+              _radio2.default.Group,
+              {
+                value: this.state.option.RetailType,
+                onChange: function onChange(e) {
+                  return _this4.handleChange('RetailType', e.target.value);
+                } },
+              this.state.selectList['RetailType'].map(function (v) {
+                return _react2.default.createElement(
+                  _radio2.default.Button,
+                  { value: v.Id + '', key: v.Id, checked: v.ID == _this4.state.option.RetailType },
+                  v.Name
+                );
+              })
+            ) : null
+          ),
+          _react2.default.createElement(
+            'div',
+            { className: 'bill-title-item' },
+            _react2.default.createElement(
+              'label',
+              null,
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u91D1'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u989D'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u8303'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u56F4'
+              )
+            ),
+            ':',
+            _react2.default.createElement(
+              'div',
+              { className: 'bill-title-item-all ' + (value1 || value2 ? '' : 'text-default'), onClick: this.onClickAll.bind(this, 'money') },
+              '\u5168\u90E8'
+            ),
+            _react2.default.createElement(_input2.default, { type: 'text',
+              value: value1,
+              className: 'bill-title-money-input',
+              onChange: this.onChange.bind(this, 1),
+              onClick: this.onFocus.bind(this, 1),
+              onBlur: this.onBlur.bind(this, 1),
+              ref: function ref(input) {
+                return _this4.input1 = input;
+              } }),
+            _react2.default.createElement(
+              'span',
+              { className: 'bill-title-money-middle' },
+              '\u81F3'
+            ),
+            _react2.default.createElement(_input2.default, { type: 'text',
+              value: value2,
+              className: 'bill-title-money-input',
+              onChange: this.onChange.bind(this, 2),
+              onClick: this.onFocus.bind(this, 2),
+              onBlur: this.onBlur.bind(this, 2),
+              ref: function ref(input) {
+                return _this4.input2 = input;
+              } })
+          ),
+          _react2.default.createElement(
+            'div',
+            { className: 'bill-title-item' },
+            _react2.default.createElement(
+              'label',
+              null,
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u5BFC'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u8D2D'
+              )
+            ),
+            ':',
+            _react2.default.createElement(
+              'div',
+              { className: 'bill-title-item-all ' + (option.Navigator ? '' : 'text-default'), onClick: this.onClickAll.bind(this, 'Navigator') },
+              '\u5168\u90E8'
+            ),
+            _react2.default.createElement(
+              _select2.default,
+              {
+                mode: 'multiple',
+                showArrow: true,
+                notFoundContent: ' ',
+                optionLabelProp: 'showValue',
+                style: { width: '200px', marginRight: 6 },
+                onChange: this.handleChange.bind(this, 'Navigator'),
+                showSearch: false,
+                value: option.Navigator ? option.Navigator.split(",") : [],
+                maxTagCount: 2
+              },
+              this.state.selectList['Navigator'].map(function (v) {
+                return _react2.default.createElement(
+                  Option,
+                  { key: v.Id, value: v.Id + '', showValue: v.Name },
+                  v.Name
+                );
+              })
+            )
+          ),
+          _react2.default.createElement(
+            'div',
+            { className: 'bill-title-item' },
+            _react2.default.createElement(
+              'label',
+              null,
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u6536'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u94F6'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u5458'
+              )
+            ),
+            ':',
+            _react2.default.createElement(
+              'div',
+              { className: 'bill-title-item-all ' + (option.Cashier ? '' : 'text-default'), onClick: this.onClickAll.bind(this, 'Cashier') },
+              '\u5168\u90E8'
+            ),
+            _react2.default.createElement(
+              _select2.default,
+              {
+                mode: 'multiple',
+                showArrow: true,
+                notFoundContent: ' ',
+                style: { width: '200px', marginRight: 6 },
+                onChange: this.handleChange.bind(this, 'Cashier'),
+                showSearch: false,
+                value: option.Cashier ? option.Cashier.split(",") : [],
+                maxTagCount: 2
+              },
+              this.state.selectList['Cashier'].map(function (v) {
+                return _react2.default.createElement(
+                  Option,
+                  { key: v.Id, value: v.Id + '' },
+                  v.Name
+                );
+              })
+            )
+          )
+        ),
+        _react2.default.createElement(
+          'div',
+          { className: 'bill-content ' + (tableDataList && tableDataList.length > 1 ? '' : 'nodata') + ' ', style: { height: billContentHeight } },
+          tableDataList.length > 1 ? _react2.default.createElement(_table2.default, {
+            columns: listColumn,
+            dataSource: tableDataList,
+            parentNodeId: 'parent',
+            loading: {
+              spinning: this.state.loading,
+              indicator: loadingIcon
+            },
+            sticky: true,
+            pagination: false,
+            scroll: { x: 900, y: "calc(~'100% - 75px')" },
+            className: 'bill-table' }) : this.emptyFunc()
+        ),
+        _react2.default.createElement(
+          'div',
+          { className: 'bill-page' },
+          _react2.default.createElement(_index.Page, {
+            total: TotalPage,
+            currentIndex: currentIndex,
+            previous: this.previous,
+            next: this.next
+          })
+        ),
+        _react2.default.createElement(
+          _index.ModalWraper,
+          {
+            show: show,
+            cancel: this.modalCancel,
+            ok: this.modalOk,
+            okText: type === 2 ? isLook ? '打小票' : '退货' : '打小票',
+            title: '\u5355\u636E\u660E\u7EC6',
+            className: 'bill-modal',
+            width: '802',
+            option: option,
+            okable: type === 2 ? isLook ? false : true : true,
+            check: check,
+            modalType: 'big'
+          },
+          _react2.default.createElement(
+            'div',
+            { className: 'bill-modal-content' },
+            _react2.default.createElement(
+              'div',
+              { className: 'bill-modal-content-header' },
+              HeadFieldDesign ? HeadFieldDesign.map(function (item) {
+                if (!item.IsShow) {
+                  return null;
+                }
+                var renderText = item.FieldName == 'VoucherDate' ? _tools2.default.dateFormat(record[item.FieldName]) : record[item.FieldName];
+                var col = listColumn.find(function (it) {
+                  return it.key == item.FieldName;
+                });
+                if (col && col.Precision && col.IsFormat) {
+                  renderText = _api2.default.formatNumber(renderText, col.Precision);
+                }
+                return _react2.default.createElement(
+                  'div',
+                  { className: 'bill-modal-content-header-item', key: item.FieldName },
+                  _react2.default.createElement(
+                    'span',
+                    null,
+                    item.OriginalTitle,
+                    ':'
+                  ),
+                  ' ',
+                  _react2.default.createElement(
+                    'span',
+                    null,
+                    renderText
+                  )
+                );
+              }) : null
+            ),
+            _react2.default.createElement(
+              'div',
+              { className: 'bill-modal-content-table' },
+              _react2.default.createElement(_table2.default, {
+                columns: detailColumn,
+                dataSource: showModalData,
+                parentNodeId: 'parent',
+                scroll: { y: 257 },
+                pagination: false,
+                className: 'bill-modal-table' })
+            ),
+            _react2.default.createElement(
+              'div',
+              { className: 'bill-settlement' },
+              _react2.default.createElement(_table2.default, {
+                columns: detailSettleColumn,
+                dataSource: showSettleModalData,
+                parentNodeId: 'parent',
+                scroll: { y: 257 },
+                pagination: false })
+            )
+          )
+        )
+      );
+    }
+  }]);
+  return BillSearch;
+}(_react2.default.Component);
+
+exports.default = BillSearch;
+//# sourceMappingURL=index.js.map