tplus-components-touch 1.27.1 → 1.27.2

package/dist/components/billSearch/index.js

@@ -0,0 +1,2030 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _Table4 = require('tinper-bee/dist/Table');
+
+var _Table5 = _interopRequireDefault(_Table4);
+
+var _InputGroup9 = require('tinper-bee/dist/InputGroup');
+
+var _InputGroup10 = _interopRequireDefault(_InputGroup9);
+
+var _FormControl7 = require('tinper-bee/dist/FormControl');
+
+var _FormControl8 = _interopRequireDefault(_FormControl7);
+
+var _Select5 = require('tinper-bee/dist/Select');
+
+var _Select6 = _interopRequireDefault(_Select5);
+
+var _Radio9 = require('tinper-bee/dist/Radio');
+
+var _Radio10 = _interopRequireDefault(_Radio9);
+
+var _Button2 = require('tinper-bee/dist/Button');
+
+var _Button3 = _interopRequireDefault(_Button2);
+
+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 _Checkbox2 = require('tinper-bee/dist/Checkbox');
+
+var _Checkbox3 = _interopRequireDefault(_Checkbox2);
+
+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);
+
+require('tinper-bee/dist/Table/index.css');
+
+require('tinper-bee/dist/InputGroup/index.css');
+
+require('tinper-bee/dist/FormControl/index.css');
+
+require('tinper-bee/dist/Select/index.css');
+
+require('tinper-bee/dist/Radio/index.css');
+
+require('tinper-bee/dist/Button/index.css');
+
+require('tinper-bee/dist/Checkbox/index.css');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _index = require('../../index');
+
+var _Datepicker = require('tinper-bee/lib/Datepicker');
+
+var DatePicker = _interopRequireWildcard(_Datepicker);
+
+var _moment = require('moment');
+
+var _moment2 = _interopRequireDefault(_moment);
+
+var _tools = require('../../util/tools');
+
+var _tools2 = _interopRequireDefault(_tools);
+
+require('./index.less');
+
+var _api = require('./api');
+
+var _api2 = _interopRequireDefault(_api);
+
+var _tplusPoslogin = require('tplus-poslogin');
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+require('bee-datepicker/build/DatePicker.css'); /**
+                                                 * 单据查询
+                                                 */
+
+var YearPicker = DatePicker.YearPicker,
+    MonthPicker = DatePicker.MonthPicker,
+    WeekPicker = DatePicker.WeekPicker,
+    RangePicker = DatePicker.RangePicker;
+
+var Option = _Select6.default.Option;
+var OptGroup = _Select6.default.OptGroup;
+
+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 selectedIndexList = _this.state.selectedIndexList;
+
+      selectedIndexList = checkIndexs ? checkIndexs : selectedIndexList;
+      var columns = [];
+      // 退货增加checkbox
+      if (isCheckbox === true) {
+        var obj = {
+          title: '',
+          width: 40,
+          fixed: 'left'
+        };
+        obj.render = function (text, record, index) {
+          var checked = selectedIndexList.indexOf(index) > -1;
+          return _react2.default.createElement(
+            'div',
+            { onClick: function onClick() {
+                return _this.handleCheckBox(1, !checked, record, index);
+              } },
+            _react2.default.createElement(_Checkbox3.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
+        };
+        if (v.FieldName == 'InventoryName') {
+          obj.fixed = 'left';
+          obj.width = 120;
+          if (isCheckbox === true) {
+            obj.render = function (text, record, index) {
+              var checked = selectedIndexList.indexOf(index) > -1;
+              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);
+      });
+      return columns;
+    };
+
+    _this.handleSettleColumn = function (modalData) {
+      var column = [{ title: "结算方式", dataIndex: "Amount", key: "Amount", width: 120, textAlign: 'center' }];
+      var columnWidth = modalData.length < 4 ? 638 / modalData.length : 159.5;
+      modalData.forEach(function (v, index) {
+        var obj = {
+          title: v.SettleName,
+          dataIndex: 'Amount' + index,
+          key: 'Amount' + index,
+          textAlign: 'center',
+          width: columnWidth,
+          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) {
+      _this.setState({
+        getTradeNo: null
+      });
+      var result = [{ Amount: "金额" }];
+      settleResult.forEach(function (v, index) {
+        result[0]['Amount' + index] = v.Amount;
+        v.TradeNo && _this.setState({
+          getTradeNo: v.TradeNo
+        });
+      });
+      return result;
+    };
+
+    _this.getBillList = function () {
+      var _ref = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee(status) {
+        var type, term, _ref2, 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:
+                _ref2 = _context.sent;
+                TotalTaxAmount = _ref2.TotalTaxAmount;
+                TotalCount = _ref2.TotalCount;
+                TotalPage = _ref2.TotalPage;
+                PageSize = _ref2.PageSize;
+                CurrentPage = _ref2.CurrentPage;
+                Data = _ref2.Data;
+
+                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 14:
+              case 'end':
+                return _context.stop();
+            }
+          }
+        }, _callee, _this2);
+      }));
+
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }();
+
+    _this.getSearchOption = function () {
+      var type = _this.props.type;
+      var _this$state = _this.state,
+          currentIndex = _this$state.currentIndex,
+          value1 = _this$state.value1,
+          value2 = _this$state.value2,
+          value3 = _this$state.value3,
+          value4 = _this$state.value4,
+          value5 = _this$state.value5,
+          value6 = _this$state.value6,
+          option = _this$state.option;
+
+      return (0, _extends5.default)({
+        CurrentPage: currentIndex, // int   当前页，默认1
+        PageSize: 15, // int   页大小，默认10 
+        StartVoucherDate: '', // datetime 单据开始日期
+        EndVoucherDate: '', // datetime 单据结束日期
+        StartCreatedTime: '', // datetime 单据开始日期
+        EndCreatedTime: '', // datetime 单据结束日期
+        TradeNo: value6, //交易流水号
+        Key: value3, // 单据编号，支持模糊查询
+        KeyType: type === 2 ? '1' : '0', //区分原单退货与单据查询
+        Inventory: value4, //string  商品名称（条形码、助记码、存货编码、存货名称）
+        Member: value5, //string 会员（会员卡号、手机号、会员名称）
+        BusinessType: '', // 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$state2 = _this.state,
+          selectedList = _this$state2.selectedList,
+          selectedIndexList = _this$state2.selectedIndexList,
+          detailColumnMeta = _this$state2.detailColumnMeta,
+          showModalData = _this$state2.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;
+      }
+      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.onDateChange1 = 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 HH:mm:ss');
+        date2 = _tools2.default.dateFormat(new Date(dateArray[1]), 'yyyy-MM-dd HH:mm:ss');
+      }
+      _this.setState({
+        option: (0, _extends5.default)({}, _this.state.option, { StartCreatedTime: date1, EndCreatedTime: 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, value) {
+      _this.setState((0, _defineProperty3.default)({}, 'value' + type, 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 = function () {
+      var _this$props = _this.props,
+          type = _this$props.type,
+          rowPrintClick = _this$props.rowPrintClick;
+      var _this$state3 = _this.state,
+          record = _this$state3.record,
+          isLook = _this$state3.isLook;
+
+      if (type === 2 && isLook === false) {
+        //退货
+        _this.handleRefundClick();
+      } else {
+        //打印小票
+        rowPrintClick && rowPrintClick(record);
+      }
+    };
+
+    _this.handleRefundClick = function (status) {
+      var _this$props2 = _this.props,
+          handleRefundEvent = _this$props2.handleRefundEvent,
+          closeParentPage = _this$props2.closeParentPage;
+      var _this$state4 = _this.state,
+          selectedList = _this$state4.selectedList,
+          refundInventoryDto = _this$state4.refundInventoryDto;
+
+      if (selectedList && selectedList.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 = [];
+      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 _ref3 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee2(record) {
+        var type;
+        return _regenerator2.default.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                type = _this.props.type;
+
+                if (type === 2) {
+                  //退货
+                  _this.rowRefundDetail(record, true);
+                } else {
+                  _this.rowSearchDetail(record);
+                }
+
+              case 2:
+              case 'end':
+                return _context2.stop();
+            }
+          }
+        }, _callee2, _this2);
+      }));
+
+      return function (_x2) {
+        return _ref3.apply(this, arguments);
+      };
+    }();
+
+    _this.rowPrintClick = function (record) {
+      _this.props.rowPrintClick && _this.props.rowPrintClick(record);
+    };
+
+    _this.rowRefundClick = function () {
+      var _ref4 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee3(record) {
+        return _regenerator2.default.wrap(function _callee3$(_context3) {
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                _this.rowRefundDetail(record, false);
+
+              case 1:
+              case 'end':
+                return _context3.stop();
+            }
+          }
+        }, _callee3, _this2);
+      }));
+
+      return function (_x3) {
+        return _ref4.apply(this, arguments);
+      };
+    }();
+
+    _this.rowSearchDetail = function () {
+      var _ref5 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee4(record) {
+        var result, result1, PaymentData, detailColumnMeta, detailColumn, detailSettleColumn, settleResult;
+        return _regenerator2.default.wrap(function _callee4$(_context4) {
+          while (1) {
+            switch (_context4.prev = _context4.next) {
+              case 0:
+                console.log('单据明细:', record);
+                _context4.next = 3;
+                return _api2.default.getRetailDetail(record.Code, 0);
+
+              case 3:
+                result = _context4.sent;
+                _context4.next = 6;
+                return _api2.default.getRetailDetailInfo(record.Code);
+
+              case 6:
+                result1 = _context4.sent;
+                PaymentData = result1.PaymentData;
+                detailColumnMeta = _this.state.detailColumnMeta;
+                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 14:
+              case 'end':
+                return _context4.stop();
+            }
+          }
+        }, _callee4, _this2);
+      }));
+
+      return function (_x4) {
+        return _ref5.apply(this, arguments);
+      };
+    }();
+
+    _this.rowRefundDetail = function () {
+      var _ref6 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee5(record, isLook) {
+        var _this$state5, HeadFieldDesign, detailColumnMeta, result, result1, PaymentData, detailSettleColumn, settleResult, RetailDTO, DetailData, detailColumn;
+
+        return _regenerator2.default.wrap(function _callee5$(_context5) {
+          while (1) {
+            switch (_context5.prev = _context5.next) {
+              case 0:
+                _context5.prev = 0;
+
+                console.log('单据明细(退货):', record);
+                _this.setState({ loading: true });
+                _this$state5 = _this.state, HeadFieldDesign = _this$state5.HeadFieldDesign, detailColumnMeta = _this$state5.detailColumnMeta;
+                _context5.next = 6;
+                return _api2.default.getOrigRetailData(record.ID, { HeadFieldDesign: HeadFieldDesign, list: detailColumnMeta });
+
+              case 6:
+                result = _context5.sent;
+                _context5.next = 9;
+                return _api2.default.getRetailDetailInfo(record.Code);
+
+              case 9:
+                result1 = _context5.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);
+                detailColumn = _this.initDetailColumn(detailColumnMeta, !isLook);
+
+                console.log(DetailData, '------------------------');
+                _this.setState({
+                  refundInventoryDto: RetailDTO,
+                  showModalData: DetailData,
+                  showSettleModalData: settleResult,
+                  detailSettleColumn: detailSettleColumn,
+                  record: record,
+                  show: true,
+                  isLook: isLook,
+                  detailColumn: detailColumn,
+                  loading: false
+                });
+                _context5.next = 26;
+                break;
+
+              case 23:
+                _context5.prev = 23;
+                _context5.t0 = _context5['catch'](0);
+
+                _this.setState({ loading: false });
+
+              case 26:
+              case 'end':
+                return _context5.stop();
+            }
+          }
+        }, _callee5, _this2, [[0, 23]]);
+      }));
+
+      return function (_x5, _x6) {
+        return _ref6.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 === 'dealDate') {
+        _this.setState({
+          option: (0, _extends5.default)({}, _this.state.option, {
+            StartCreatedTime: '',
+            EndCreatedTime: ''
+          })
+        });
+      } 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: [{ Items: [] }, { Items: [] }, { Items: [] }, { Items: [] }, { Items: [] }, { Items: [] }, { Items: [] }], // 收银员,业务状态，单据状态，导购员的下拉选项
+      // navigatorList: [], // 导购的下拉
+      record: {}, // 打印小票，用来记录 弹出框 弹出信息
+      showModalData: [{}], // 弹出框显示的信息
+      showSettleModalData: [{}],
+      detailColumn: [], // 弹出框 的栏目信息
+      detailColumnMeta: [], // 弹出框 的api取出来的栏目信息
+      detailSettleColumn: [],
+      selectedList: [], // 弹出框 checkbox选中的值集合。
+      selectedIndexList: [], // 弹出框 checkbox选中的索引集合。
+      refundInventoryDto: '', //退货相关信息
+      listColumn: [],
+      HeadFieldDesign: [],
+      HeadFieldDesign1: [],
+      loading: false,
+      option: {
+        StartVoucherDate: '', // 单据开始日期
+        EndVoucherDate: '', // 单据结束日期
+        VoucherCode: '', // 
+        BusinessType: '', // 据业务类型，下拉选项，返回对应业务类型Id
+        VoucherState: '', // 单据状态，下拉选项，返回枚举Id
+        Navigator: '', // 导购，多选，返回导购Id，多个用英文逗号隔开，如：1,2,3,4
+        Cashier: '', // 收银员，多选，返回收银员Id，多个用英文逗号隔开，如：1,2,3,4
+        DataSource: '', // 数据来源 ，下拉选项，返回枚举Id
+        DistributionMode: '', // 配送方式 ，下拉选项，返回枚举Id
+        DeliveryStatus: '', // 发货状态 ，下拉选项，返回枚举Id
+        IdStore: props.idStore || ''
+      },
+      searchFilterItemShow: false,
+      TotalTaxAmount: 0, // 合计
+      getTradeNo: null
+    };
+    return _this;
+  }
+
+  (0, _createClass3.default)(BillSearch, [{
+    key: 'componentWillMount',
+    value: function () {
+      var _ref7 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee6() {
+        return _regenerator2.default.wrap(function _callee6$(_context6) {
+          while (1) {
+            switch (_context6.prev = _context6.next) {
+              case 0:
+              case 'end':
+                return _context6.stop();
+            }
+          }
+        }, _callee6, this);
+      }));
+
+      function componentWillMount() {
+        return _ref7.apply(this, arguments);
+      }
+
+      return componentWillMount;
+    }()
+  }, {
+    key: 'componentDidMount',
+    value: function () {
+      var _ref8 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee8() {
+        var _this3 = this;
+
+        var that, _props, idStore, type, storeData, listColumn, selectList, _ref9, HeadFieldDesign, detailColumn, value3, IdmarketingOrgan, POSCode, VoucherDate, result, Code, DetailColumn, ListColumn, detailColumnMeta, endTime, startTime, endTime1, startTime1, headFieldDesign;
+
+        return _regenerator2.default.wrap(function _callee8$(_context8) {
+          while (1) {
+            switch (_context8.prev = _context8.next) {
+              case 0:
+                that = this;
+                _props = this.props, idStore = _props.idStore, type = _props.type, storeData = _props.storeData;
+                _context8.next = 4;
+                return _api2.default.getPOSSearchRetailListDesigns();
+
+              case 4:
+                listColumn = _context8.sent;
+                _context8.next = 7;
+                return _api2.default.getRetailSearchItemList(idStore);
+
+              case 7:
+                selectList = _context8.sent;
+                _context8.next = 10;
+                return _api2.default.getPOSSearchDesigns();
+
+              case 10:
+                _ref9 = _context8.sent;
+                HeadFieldDesign = _ref9.HeadFieldDesign;
+                detailColumn = _ref9.list;
+                value3 = '';
+
+                if (!(type === 2)) {
+                  _context8.next = 24;
+                  break;
+                }
+
+                //退货
+                IdmarketingOrgan = storeData.IdmarketingOrgan, POSCode = storeData.POSCode, VoucherDate = storeData.VoucherDate;
+                _context8.next = 18;
+                return _api2.default.getPOSOrigReturnListInitData({ IdmarketingOrgan: IdmarketingOrgan, POSCode: POSCode, VoucherDate: VoucherDate });
+
+              case 18:
+                result = _context8.sent;
+                Code = result.Code, DetailColumn = result.DetailColumn, ListColumn = result.ListColumn;
+
+                value3 = Code;
+                listColumn = ListColumn;
+                HeadFieldDesign = DetailColumn.HeadFieldDesign;
+                detailColumn = DetailColumn.list;
+
+              case 24:
+                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
+                  };
+                  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');
+                endTime1 = (0, _moment2.default)().endOf('day');
+                startTime1 = (0, _moment2.default)().format('l');
+
+                if (type === 2) startTime = (0, _moment2.default)().subtract(7, 'days').format('YYYY/MM/DD');
+                headFieldDesign = [];
+
+                HeadFieldDesign.map(function (value) {
+                  headFieldDesign.push(value);
+                });
+                // let obj = {
+                //   DtoName: "RetailDTO",
+                //   FieldName: "TradeNo",
+                //   IsFormat: true,
+                //   IsShow: true,
+                //   OriginalTitle: "交易流水号",
+                //   Precision: 0,
+                //   SearchFieldName: "TradeNo",
+                //   ShowIndex: 480,
+                //   Width: 100
+                // }
+                // headFieldDesign.push(obj);
+                this.setState({
+                  value3: value3,
+                  HeadFieldDesign: HeadFieldDesign,
+                  HeadFieldDesign1: headFieldDesign,
+                  detailColumn: detailColumn,
+                  detailColumnMeta: detailColumnMeta,
+                  selectList: selectList,
+                  listColumn: listColumn,
+                  option: (0, _extends5.default)({}, this.state.option, { StartVoucherDate: startTime, EndVoucherDate: endTime, StartCreatedTime: startTime1, EndCreatedTime: endTime1 })
+                }, (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:
+                          if (!(type !== 2)) {
+                            _context7.next = 4;
+                            break;
+                          }
+
+                          _context7.next = 3;
+                          return _this3.getBillList(null);
+
+                        case 3:
+                          _this3.forceUpdate();
+
+                        case 4:
+                        case 'end':
+                          return _context7.stop();
+                      }
+                    }
+                  }, _callee7, _this3);
+                })));
+
+              case 36:
+              case 'end':
+                return _context8.stop();
+            }
+          }
+        }, _callee8, this);
+      }));
+
+      function componentDidMount() {
+        return _ref8.apply(this, arguments);
+      }
+
+      return componentDidMount;
+    }()
+
+    // 获取弹出框表格列信息
+
+
+    // 处理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' } });
+      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,
+          HeadFieldDesign1 = _state.HeadFieldDesign1,
+          getTradeNo = _state.getTradeNo;
+
+      tableDataList = [].concat((0, _toConsumableArray3.default)(tableDataList));
+      tableDataList.push({
+        BusiTypeName: "",
+        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,
+        checkBoxEvent: function checkBoxEvent(isAll, checked) {
+          return _this4.handleCheckBox(isAll, checked);
+        }
+
+        //是否退货
+      };var isRefund = type === 2;
+
+      //是否启用电商
+      var isCommerce = (0, _tplusPoslogin.PosInitData)('ECommerce') && !(0, _tplusPoslogin.PosInitData)('ControlMeiTuan');
+      var isSpecialQuery = isUUser || isCommerce;
+
+      // 动态计算bill-title bill-content 高度 （根据筛选条件的个数 每行30px）
+      // 行数 line
+      var line = 0;
+
+      if (isRefund && isSpecialQuery) {
+        // 退货 u会员
+        line = 6;
+      } else if (!isRefund && isSpecialQuery) {
+        line = 10;
+      } else if (isRefund && !isSpecialQuery) {
+        line = 8;
+      } else if (!isRefund && !isSpecialQuery) {
+        line = 9;
+      }
+
+      // 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');
+
+      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(
+                _InputGroup10.default,
+                { simple: true, className: 'bill-group' },
+                _react2.default.createElement(
+                  _InputGroup10.default.Button,
+                  { shape: 'border' },
+                  _react2.default.createElement(_index.Ticon, { type: 'sousuo', className: 'bill-search-icon' })
+                ),
+                _react2.default.createElement(_FormControl8.default, { 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;
+                  } }),
+                value3 ? _react2.default.createElement(
+                  _InputGroup10.default.Button,
+                  { shape: 'border', className: 'bill-search-icon-right', onClick: this.clearValue.bind(this, 'value3'), onMouseDown: function onMouseDown(e) {
+                      return e.preventDefault();
+                    } },
+                  _react2.default.createElement(_index.Ticon, { type: 'guanbi-yuan', className: 'inventory-close-icon' })
+                ) : null
+              )
+            ),
+            _react2.default.createElement(
+              _Button3.default,
+              { onClick: this.search, 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 ? '' : 'bill-title-item-all-active'), onClick: this.onClickAll.bind(this, 'value4') },
+              '\u5168\u90E8'
+            ),
+            _react2.default.createElement(
+              _InputGroup10.default,
+              { simple: true, className: 'bill-group' },
+              _react2.default.createElement(_FormControl8.default, { type: 'text',
+                placeholder: '\u6761\u5F62\u7801/\u52A9\u8BB0\u7801/\u5B58\u8D27\u7F16\u7801/\u5B58\u8D27\u540D\u79F0',
+                value: value4,
+                className: 'bill-title-txt-input',
+                onChange: this.onChange.bind(this, 4),
+                onClick: this.onFocus.bind(this, 4),
+                ref: function ref(input) {
+                  return _this4.input4 = 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 ? '' : 'bill-title-item-all-active'), onClick: this.onClickAll.bind(this, 'value5') },
+              '\u5168\u90E8'
+            ),
+            _react2.default.createElement(
+              _InputGroup10.default,
+              { simple: true, className: 'bill-group' },
+              _react2.default.createElement(_FormControl8.default, { type: 'text',
+                placeholder: '\u4F1A\u5458\u5361\u53F7/\u624B\u673A\u53F7/\u4F1A\u5458\u540D\u79F0',
+                value: value5,
+                className: 'bill-title-txt-input',
+                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 ? '' : 'bill-title-item-all-active'), onClick: this.onClickAll.bind(this, 'date') },
+              '\u5168\u90E8'
+            ),
+            _react2.default.createElement(RangePicker, {
+              placeholder: '开始 ~ 结束',
+              dateInputPlaceholder: ['开始', '结束'],
+              showClear: true,
+              showOk: false,
+              showToday: false,
+              format: 'YYYY-MM-DD',
+              onChange: this.onDateChange,
+              defaultValue: [(0, _moment2.default)(), (0, _moment2.default)()],
+              value: [this.dateFormat(option.StartVoucherDate), this.dateFormat(option.EndVoucherDate)]
+            })
+          ),
+          _react2.default.createElement(
+            'div',
+            { className: 'bill-title-item dealItem' },
+            _react2.default.createElement(
+              'label',
+              null,
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u4EA4'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u6613'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u65F6'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u95F4'
+              )
+            ),
+            ':',
+            _react2.default.createElement(
+              'div',
+              { className: 'bill-title-item-all ' + (option.StartCreatedTime ? '' : 'bill-title-item-all-active'), onClick: this.onClickAll.bind(this, 'dealDate') },
+              '\u5168\u90E8'
+            ),
+            _react2.default.createElement(RangePicker, {
+              placeholder: '开始 ~ 结束',
+              dateInputPlaceholder: ['开始', '结束'],
+              showClear: true,
+              showOk: false,
+              showToday: false,
+              format: 'YYYY-MM-DD HH:mm:ss',
+              onChange: this.onDateChange1,
+              defaultValue: [(0, _moment2.default)(), (0, _moment2.default)()],
+              value: [this.dateFormat(option.StartCreatedTime), this.dateFormat(option.EndCreatedTime)]
+            })
+          ),
+          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 ? '' : 'bill-title-item-all-active'), onClick: this.onClickAll.bind(this, 'DataSource') },
+              '\u5168\u90E8'
+            ),
+            this.state.selectList[6]['Items'].length > 0 ? _react2.default.createElement(
+              _Radio10.default.RadioGroup,
+              {
+                // name="fruit"
+                selectedValue: this.state.option.DataSource,
+                onChange: this.handleChange.bind(this, 'DataSource') },
+              this.state.selectList[6]['Items'].map(function (v) {
+                return _react2.default.createElement(
+                  _Radio10.default.RadioButton,
+                  { value: v.Id + '', key: v.Id },
+                  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,
+                '\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 ? '' : 'bill-title-item-all-active'), onClick: this.onClickAll.bind(this, 'DeliveryStatus') },
+              '\u5168\u90E8'
+            ),
+            this.state.selectList[4]['Items'].length > 0 ? _react2.default.createElement(
+              _Radio10.default.RadioGroup,
+              {
+                // name="fruit"
+                selectedValue: this.state.option.DeliveryStatus,
+                onChange: this.handleChange.bind(this, 'DeliveryStatus') },
+              this.state.selectList[4]['Items'].map(function (v) {
+                return _react2.default.createElement(
+                  _Radio10.default.RadioButton,
+                  { value: v.Id + '', key: v.Id },
+                  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 ? '' : 'bill-title-item-all-active'), onClick: this.onClickAll.bind(this, 'DistributionMode') },
+              '\u5168\u90E8'
+            ),
+            this.state.selectList[5]['Items'].length > 0 ? _react2.default.createElement(
+              _Radio10.default.RadioGroup,
+              {
+                // name="fruit"
+                selectedValue: this.state.option.DistributionMode,
+                onChange: this.handleChange.bind(this, 'DistributionMode') },
+              this.state.selectList[5]['Items'].map(function (v) {
+                return _react2.default.createElement(
+                  _Radio10.default.RadioButton,
+                  { value: v.Id + '', key: v.Id },
+                  v.Name
+                );
+              })
+            ) : null
+          ) : null,
+          isRefund === false && _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.BusinessType ? '' : 'bill-title-item-all-active'), onClick: this.onClickAll.bind(this, 'BusinessType') },
+              '\u5168\u90E8'
+            ),
+            this.state.selectList[1]['Items'].length > 0 ? _react2.default.createElement(
+              _Radio10.default.RadioGroup,
+              {
+                // name="fruit"
+                selectedValue: this.state.option.BusinessType,
+                onChange: this.handleChange.bind(this, 'BusinessType') },
+              this.state.selectList[1]['Items'].map(function (v) {
+                return _react2.default.createElement(
+                  _Radio10.default.RadioButton,
+                  { value: v.Id + '', key: v.Id },
+                  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 ? '' : 'bill-title-item-all-active'), onClick: this.onClickAll.bind(this, 'money') },
+              '\u5168\u90E8'
+            ),
+            _react2.default.createElement(
+              _InputGroup10.default,
+              { simple: true, className: 'bill-group' },
+              _react2.default.createElement(_FormControl8.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(
+              _InputGroup10.default,
+              { simple: true, className: 'bill-group' },
+              _react2.default.createElement(_FormControl8.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 ? '' : 'bill-title-item-all-active'), onClick: this.onClickAll.bind(this, 'Navigator') },
+              '\u5168\u90E8'
+            ),
+            _react2.default.createElement(
+              _Select6.default,
+              {
+                multiple: true,
+                notFoundContent: ' ',
+                optionLabelProp: 'showValue',
+                style: { width: '200px', marginRight: 6 },
+                onChange: this.handleChange.bind(this, 'Navigator'),
+                showSearch: true,
+                value: option.Navigator ? option.Navigator.split(",") : []
+              },
+              this.state.selectList[3]['Items'].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 ? '' : 'bill-title-item-all-active'), onClick: this.onClickAll.bind(this, 'Cashier') },
+              '\u5168\u90E8'
+            ),
+            _react2.default.createElement(
+              _Select6.default,
+              {
+                multiple: true,
+                notFoundContent: ' ',
+                style: { width: '200px', marginRight: 6 },
+                onChange: this.handleChange.bind(this, 'Cashier'),
+                showSearch: true,
+                value: option.Cashier ? option.Cashier.split(",") : []
+              },
+              this.state.selectList[0]['Items'].map(function (v) {
+                return _react2.default.createElement(
+                  Option,
+                  { key: v.Id, value: v.Id + '' },
+                  v.Name
+                );
+              })
+            )
+          ),
+          _react2.default.createElement(
+            'div',
+            { className: 'bill-title-item' },
+            _react2.default.createElement(
+              'label',
+              null,
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u652F'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u4ED8'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u6D41'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u6C34'
+              ),
+              _react2.default.createElement(
+                'span',
+                null,
+                '\u53F7'
+              )
+            ),
+            ':',
+            _react2.default.createElement(
+              'div',
+              { className: 'bill-title-item-all ' + (value6 ? '' : 'bill-title-item-all-active'), onClick: this.onClickAll.bind(this, 'value6') },
+              '\u5168\u90E8'
+            ),
+            _react2.default.createElement(
+              _InputGroup10.default,
+              { simple: true, className: 'bill-group' },
+              _react2.default.createElement(_FormControl8.default, { type: 'text',
+                placeholder: '\u626B\u63CF/\u8F93\u5165\u652F\u4ED8\u6D41\u6C34\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;
+                } })
+            )
+          )
+        ),
+        _react2.default.createElement(
+          'div',
+          { className: 'bill-content ' + (tableDataList && tableDataList.length > 1 ? '' : 'nodata') + ' ', style: { height: billContentHeight } },
+          tableDataList.length > 1 ? _react2.default.createElement(_Table5.default, {
+            bodyDisplayInRow: true,
+            columns: listColumn,
+            data: tableDataList,
+            parentNodeId: 'parent',
+            loading: {
+              show: this.state.loading,
+              loadingType: 'custom',
+              indicator: loadingIcon
+            },
+            height: 50,
+            headerHeight: 50,
+            scroll: { x: 900, y: "calc(~'100% - 75px')" },
+            className: 'bill-table',
+            onRowClick: function onRowClick(record, index, indent) {
+              _this4.setState({
+                selectedRowIndex: index
+              });
+            } }) : 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
+          },
+          _react2.default.createElement(
+            'div',
+            { className: 'bill-modal-content' },
+            _react2.default.createElement(
+              'div',
+              { className: 'bill-modal-content-header' },
+              HeadFieldDesign1 ? HeadFieldDesign1.map(function (item) {
+                if (!item.IsShow) {
+                  return null;
+                }
+                var renderText = void 0;
+
+                if (item.FieldName === 'Code') {
+                  return null;
+                } else {
+                  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,
+              record.Code && _react2.default.createElement(
+                'div',
+                { className: 'tradeNo' },
+                _react2.default.createElement(
+                  'span',
+                  null,
+                  '\u5355\u636E\u7F16\u53F7\uFF1A'
+                ),
+                _react2.default.createElement(
+                  'span',
+                  null,
+                  record.Code
+                )
+              ),
+              getTradeNo && _react2.default.createElement(
+                'div',
+                { className: 'tradeNo' },
+                _react2.default.createElement(
+                  'span',
+                  null,
+                  '\u652F\u4ED8\u6D41\u6C34\u53F7\uFF1A'
+                ),
+                _react2.default.createElement(
+                  'span',
+                  null,
+                  getTradeNo
+                )
+              )
+            ),
+            _react2.default.createElement(
+              'div',
+              { className: 'bill-modal-content-table' },
+              _react2.default.createElement(_Table5.default, {
+                bodyDisplayInRow: true,
+                columns: detailColumn,
+                data: showModalData,
+                parentNodeId: 'parent',
+                height: 50,
+                headerHeight: 50,
+                scroll: { x: 758, y: 257 },
+                className: 'bill-modal-table',
+                onRowClick: function onRowClick(record, index, indent) {
+                  _this4.setState({
+                    selectedRowIndex: index
+                  });
+                } })
+            ),
+            _react2.default.createElement(
+              'div',
+              { className: 'bill-settlement' },
+              _react2.default.createElement(_Table5.default, {
+                bodyDisplayInRow: true,
+                columns: detailSettleColumn,
+                data: showSettleModalData,
+                parentNodeId: 'parent',
+                height: 50,
+                headerHeight: 50,
+                scroll: { x: 758, y: 257 } })
+            )
+          )
+        )
+      );
+    }
+  }]);
+  return BillSearch;
+}(_react2.default.Component);
+
+exports.default = BillSearch;
+//# sourceMappingURL=index.js.map