tplus-components-touch 1.27.1 → 1.27.2

package/dist/components/deliverySearch/index.js

@@ -0,0 +1,1254 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _Table3 = require('tinper-bee/dist/Table');
+
+var _Table4 = _interopRequireDefault(_Table3);
+
+var _Button3 = require('tinper-bee/dist/Button');
+
+var _Button4 = _interopRequireDefault(_Button3);
+
+var _Checkbox3 = require('tinper-bee/dist/Checkbox');
+
+var _Checkbox4 = _interopRequireDefault(_Checkbox3);
+
+var _InputGroup6 = require('tinper-bee/dist/InputGroup');
+
+var _InputGroup7 = _interopRequireDefault(_InputGroup6);
+
+var _FormControl4 = require('tinper-bee/dist/FormControl');
+
+var _FormControl5 = _interopRequireDefault(_FormControl4);
+
+var _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');
+
+var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
+
+var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
+
+var _defineProperty3 = _interopRequireDefault(_defineProperty2);
+
+var _regenerator = require('babel-runtime/regenerator');
+
+var _regenerator2 = _interopRequireDefault(_regenerator);
+
+var _extends4 = require('babel-runtime/helpers/extends');
+
+var _extends5 = _interopRequireDefault(_extends4);
+
+var _asyncToGenerator2 = require('babel-runtime/helpers/asyncToGenerator');
+
+var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
+
+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/Button/index.css');
+
+require('tinper-bee/dist/Checkbox/index.css');
+
+require('tinper-bee/dist/InputGroup/index.css');
+
+require('tinper-bee/dist/FormControl/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 _tplusPoslogin = require('tplus-poslogin');
+
+var _api = require('./api');
+
+var _api2 = _interopRequireDefault(_api);
+
+var _tools = require('../../util/tools');
+
+var _tools2 = _interopRequireDefault(_tools);
+
+require('./index.less');
+
+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 RangePicker = DatePicker.RangePicker;
+
+var DeliverySearch = function (_React$Component) {
+  (0, _inherits3.default)(DeliverySearch, _React$Component);
+
+  function DeliverySearch(props) {
+    var _this3 = this;
+
+    (0, _classCallCheck3.default)(this, DeliverySearch);
+
+    var _this2 = (0, _possibleConstructorReturn3.default)(this, (DeliverySearch.__proto__ || (0, _getPrototypeOf2.default)(DeliverySearch)).call(this, props));
+
+    _this2.initDeliverySearch = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee2() {
+      var idStore, listColumn, selectList, _ref2, HeadFieldDesign, detailColumn, value3, listColumnMeta, detailColumnMeta, endTime, startTime;
+
+      return _regenerator2.default.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              idStore = _this2.props.idStore;
+              _context2.next = 3;
+              return _api2.default.GetPOSSearchECommerceListDesigns();
+
+            case 3:
+              listColumn = _context2.sent;
+              _context2.next = 6;
+              return _api2.default.getRetailSearchItemList(idStore);
+
+            case 6:
+              selectList = _context2.sent;
+              _context2.next = 9;
+              return _api2.default.getPOSSearchDesigns();
+
+            case 9:
+              _ref2 = _context2.sent;
+              HeadFieldDesign = _ref2.HeadFieldDesign;
+              detailColumn = _ref2.list;
+              value3 = '';
+              listColumnMeta = listColumn;
+              detailColumnMeta = detailColumn;
+
+              listColumn = _this2.initMasterColumn(listColumn);
+              endTime = (0, _moment2.default)().format('l');
+              startTime = (0, _moment2.default)().format('l');
+
+              _this2.setState({
+                value3: value3,
+                HeadFieldDesign: HeadFieldDesign,
+                detailColumn: detailColumn,
+                detailColumnMeta: detailColumnMeta,
+                selectList: selectList,
+                listColumn: listColumn,
+                listColumnMeta: listColumnMeta,
+                option: (0, _extends5.default)({}, _this2.state.option, { StartVoucherDate: startTime, EndVoucherDate: endTime })
+              }, (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee() {
+                return _regenerator2.default.wrap(function _callee$(_context) {
+                  while (1) {
+                    switch (_context.prev = _context.next) {
+                      case 0:
+                        _context.next = 2;
+                        return _this2.getBillList(null);
+
+                      case 2:
+                        _this2.forceUpdate();
+
+                      case 3:
+                      case 'end':
+                        return _context.stop();
+                    }
+                  }
+                }, _callee, _this3);
+              })));
+
+            case 19:
+            case 'end':
+              return _context2.stop();
+          }
+        }
+      }, _callee2, _this3);
+    }));
+
+    _this2.initMasterColumn = function (listColumn, checkIndexs) {
+      var that = _this2;
+      var selectedIndexList = _this2.state.selectedIndexList;
+
+      selectedIndexList = checkIndexs ? checkIndexs : selectedIndexList;
+      listColumn = listColumn.map(function (v) {
+        var obj = {
+          title: v.OriginalTitle,
+          dataIndex: v.FieldName,
+          key: v.FieldName,
+          width: v.Width,
+          className: "rowClassName",
+          Precision: v.Precision,
+          IsFormat: v.IsFormat
+        };
+        if (v.FieldName == 'VoucherDate' || v.FieldName == 'BusiTypeName') {
+          obj.width = v.Width || 120;
+        }
+        if (v.FieldName == 'Code') {
+          obj.width = v.Width || 220;
+          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 (obj.width) obj.width = v.Width || 100;
+        if (v.Precision && v.IsFormat) {
+          obj.render = function (text, record, index) {
+            var renderText = _api2.default.formatNumber(text, 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.unshift({
+        title: '',
+        dataIndex: "i",
+        key: "i",
+        width: 40,
+        render: function render(text, record, index) {
+          var checked = selectedIndexList.indexOf(index) > -1;
+          return _react2.default.createElement(
+            'div',
+            { className: 'columnTitle', onClick: function onClick() {
+                return that.handleCheckBox(1, !checked, record, index);
+              } },
+            _react2.default.createElement(_Checkbox4.default, { checked: checked, onChange: function onChange() {
+                return that.handleCheckBox(1, !checked, record, index);
+              } })
+          );
+        }
+      });
+      listColumn.push({
+        title: "操作",
+        dataIndex: "j",
+        key: "j",
+        width: 100,
+        className: 'text-center',
+        fixed: "right",
+        render: function render(text, record) {
+          if (record.other) return null;
+          return _react2.default.createElement(
+            'div',
+            { className: 'bill-content-operation', title: text },
+            _react2.default.createElement(
+              'a',
+              { href: 'javascript:;', onClick: function onClick() {
+                  return that.handleRowShowClick(record);
+                }, title: '\u67E5\u770B' },
+              '\u67E5\u770B'
+            ),
+            _react2.default.createElement(
+              'a',
+              { href: 'javascript:;', onClick: function onClick() {
+                  return that.rowPrintClick(record);
+                }, title: '\u6253\u5C0F\u7968' },
+              '\u6253\u5C0F\u7968'
+            )
+          );
+        }
+      });
+      return listColumn;
+    };
+
+    _this2.initDetailColumn = function (details) {
+      var columns = [];
+      details.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 = 300;
+          obj.render = function (text) {
+            return _react2.default.createElement(
+              'div',
+              { className: 'columnTitle', style: { width: '280px' } },
+              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;
+    };
+
+    _this2.getBillList = function () {
+      var _ref4 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee3(status, noWarn) {
+        var term, _ref5, TotalCount, TotalPage, Data;
+
+        return _regenerator2.default.wrap(function _callee3$(_context3) {
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                _this2.setState({ loading: true });
+                term = _this2.getSearchOption();
+                _context3.next = 4;
+                return _api2.default.searchRetailList(term);
+
+              case 4:
+                _ref5 = _context3.sent;
+                TotalCount = _ref5.TotalCount;
+                TotalPage = _ref5.TotalPage;
+                Data = _ref5.Data;
+
+                if ((!TotalCount || TotalCount == 0) && !noWarn) {
+                  _index.Message.error('无配送订单信息');
+                }
+                _this2.setState({
+                  tableDataList: Data,
+                  TotalPage: TotalPage,
+                  loading: false,
+                  currentIndex: status ? _this2.state.currentIndex : 1
+                });
+
+              case 10:
+              case 'end':
+                return _context3.stop();
+            }
+          }
+        }, _callee3, _this3);
+      }));
+
+      return function (_x, _x2) {
+        return _ref4.apply(this, arguments);
+      };
+    }();
+
+    _this2.getSearchOption = function () {
+      var _this2$state = _this2.state,
+          currentIndex = _this2$state.currentIndex,
+          value1 = _this2$state.value1,
+          value2 = _this2$state.value2,
+          value3 = _this2$state.value3,
+          value4 = _this2$state.value4,
+          value5 = _this2$state.value5,
+          option = _this2$state.option;
+
+      return (0, _extends5.default)({
+        CurrentPage: currentIndex, // int	 当前页，默认1
+        PageSize: 15, // int 	 页大小，默认10 
+        StartVoucherDate: '', // datetime	单据开始日期
+        EndVoucherDate: '', // datetime	单据结束日期
+        Key: value3, // 单据编号，支持模糊查询
+        KeyType: '2', // 美团配送
+        Inventory: value4, // string  商品名称（条形码、助记码、存货编码、存货名称）
+        Member: value5, // string 会员（会员卡号、手机号、会员名称）
+        BusinessType: '', // int	单据业务类型，下拉单选，返回对应业务类型Id
+        VoucherState: '', // int	单据状态，下拉单选，返回枚举Id
+        StartAdmount: value1, // decimal 	 起始金额
+        EndAdmount: value2 // decimal	结束金额 
+      }, option);
+    };
+
+    _this2.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');
+      }
+      _this2.setState({
+        option: (0, _extends5.default)({}, _this2.state.option, { StartVoucherDate: date1, EndVoucherDate: date2 })
+      });
+    };
+
+    _this2.handleChange = function (type, value) {
+      _this2.setState({
+        option: (0, _extends5.default)({}, _this2.state.option, (0, _defineProperty3.default)({}, type, Array.isArray(value) ? value.join(',') : value))
+      });
+    };
+
+    _this2.handleCheckBox = function (state, checked, record, index) {
+      var arr1 = [],
+          arr2 = [];
+      var _this2$state2 = _this2.state,
+          selectedList = _this2$state2.selectedList,
+          selectedIndexList = _this2$state2.selectedIndexList,
+          listColumnMeta = _this2$state2.listColumnMeta,
+          tableDataList = _this2$state2.tableDataList;
+
+      switch (state) {
+        case 0:
+          //全选
+          if (checked === true) {
+            tableDataList.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 listColumn = _this2.initMasterColumn(listColumnMeta, arr1);
+      _this2.setState({ listColumn: listColumn, selectedList: arr2, selectedIndexList: arr1 });
+    };
+
+    _this2.search = function (noWarn) {
+      _this2.setState({
+        currentIndex: 1
+      }, function () {
+        _this2.getBillList(null, noWarn);
+        _index.Keyboard.close();
+      });
+    };
+
+    _this2.onKeyup = function (e) {
+      if (e.keyCode == 13) {
+        _this2.search();
+      }
+    };
+
+    _this2.onChange = function (type, value) {
+      _this2.setState((0, _defineProperty3.default)({}, 'value' + type, value));
+    };
+
+    _this2.onFocus = function (type) {
+      _this2.type = type;
+      if (_this2.props.type && _this2.props.type != 2) {
+        _this2['input' + ty].input.select();
+      }
+      _index.Keyboard.open(function (v) {
+        _this2.setState((0, _defineProperty3.default)({}, 'value' + _this2.type, _index.Keyboard.getNewValue(_this2['input' + _this2.type].input, _this2.state['value' + _this2.type], v)));
+      }, function () {
+        _this2.search();
+        _index.Keyboard.close();
+      })();
+    };
+
+    _this2.onBlur = function (type) {
+      var value = parseFloat(_this2.state['value' + type]);
+      _this2.setState((0, _defineProperty3.default)({}, 'value' + type, isNaN(value) ? '' : parseFloat((value + '').substring(0, _this2.props.amountMaxLength || 12))));
+    };
+
+    _this2.modalCancel = function () {
+      _this2.setState({ show: false });
+    };
+
+    _this2.modalOk = function () {
+      //执行发货逻辑
+      var record = _this2.state.record;
+
+      var _ref6 = record || {},
+          Code = _ref6.Code;
+
+      _this2.handleSendInventory(Code, function () {
+        _this2.modalCancel();
+      });
+    };
+
+    _this2.handleBtn = function () {
+      var selectedList = _this2.state.selectedList;
+
+      if (selectedList && selectedList.length == 0) {
+        _index.Message.warn('请选择要配送的订单');
+        return;
+      }
+      var list = [];
+      var codelist = "";
+      selectedList.map(function (v) {
+        var Code = v.Code;
+
+        if (Code) list.push(Code);
+      });
+      if (list && list.length > 0) {
+        codelist = list.join(',');
+      }
+      _this2.handleSendInventory(codelist);
+    };
+
+    _this2.handleSendInventory = function () {
+      var _ref7 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee6(codeList, callback) {
+        var _this, idStore, result, ret;
+
+        return _regenerator2.default.wrap(function _callee6$(_context6) {
+          while (1) {
+            switch (_context6.prev = _context6.next) {
+              case 0:
+                _context6.prev = 0;
+                _this = _this2;
+                idStore = _this2.props.idStore;
+                _context6.next = 5;
+                return _api2.default.IsHaveDetailRefund(codeList, idStore, _this.posCode);
+
+              case 5:
+                result = _context6.sent;
+                ret = typeof result == 'string' ? JSON.parse(result) : result;
+
+                if (!(ret.Success === true)) {
+                  _context6.next = 11;
+                  break;
+                }
+
+                _index.ModalWraper.confirm({
+                  title: '提示',
+                  content: '订单已部分退款，是否重打小票?',
+                  onOk: function () {
+                    var _ref8 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee4() {
+                      var retails, arr;
+                      return _regenerator2.default.wrap(function _callee4$(_context4) {
+                        while (1) {
+                          switch (_context4.prev = _context4.next) {
+                            case 0:
+                              retails = ret.Message;
+                              arr = [];
+
+                              if (retails) {
+                                arr = retails.split(',');
+                              }
+                              if (arr && arr.length > 0) {
+                                arr.forEach(function (item) {
+                                  _this.rowPrintClick({ ID: item });
+                                });
+                              }
+                              _context4.next = 6;
+                              return _this.doSendInventory(codeList, idStore, callback);
+
+                            case 6:
+                            case 'end':
+                              return _context4.stop();
+                          }
+                        }
+                      }, _callee4, _this3);
+                    }));
+
+                    return function onOk() {
+                      return _ref8.apply(this, arguments);
+                    };
+                  }(),
+                  onCancel: function () {
+                    var _ref9 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee5() {
+                      return _regenerator2.default.wrap(function _callee5$(_context5) {
+                        while (1) {
+                          switch (_context5.prev = _context5.next) {
+                            case 0:
+                              _context5.next = 2;
+                              return _this.doSendInventory(codeList, idStore, callback);
+
+                            case 2:
+                            case 'end':
+                              return _context5.stop();
+                          }
+                        }
+                      }, _callee5, _this3);
+                    }));
+
+                    return function onCancel() {
+                      return _ref9.apply(this, arguments);
+                    };
+                  }()
+                });
+                _context6.next = 13;
+                break;
+
+              case 11:
+                _context6.next = 13;
+                return _this.doSendInventory(codeList, idStore, callback);
+
+              case 13:
+                _context6.next = 18;
+                break;
+
+              case 15:
+                _context6.prev = 15;
+                _context6.t0 = _context6['catch'](0);
+
+                _index.Message.error("执行配送失败:" + _context6.t0);
+
+              case 18:
+              case 'end':
+                return _context6.stop();
+            }
+          }
+        }, _callee6, _this3, [[0, 15]]);
+      }));
+
+      return function (_x3, _x4) {
+        return _ref7.apply(this, arguments);
+      };
+    }();
+
+    _this2.doSendInventory = function () {
+      var _ref10 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee7(codeList, idStore, callback) {
+        var listColumnMeta, _this2$props, handleUnSeedsCountEvent, handleLoadPageEvent, result, ret, listColumn, err;
+
+        return _regenerator2.default.wrap(function _callee7$(_context7) {
+          while (1) {
+            switch (_context7.prev = _context7.next) {
+              case 0:
+                listColumnMeta = _this2.state.listColumnMeta;
+                _this2$props = _this2.props, handleUnSeedsCountEvent = _this2$props.handleUnSeedsCountEvent, handleLoadPageEvent = _this2$props.handleLoadPageEvent;
+                _context7.next = 4;
+                return _api2.default.ECommerceSeedGoods(codeList, idStore, _this2.posCode);
+
+              case 4:
+                result = _context7.sent;
+
+                console.log('执行配送', result);
+                ret = typeof result == 'string' ? JSON.parse(result) : result;
+
+                if (ret.Success === true) {
+                  _index.Message.success('配送成功!');
+                  listColumn = _this2.initMasterColumn(listColumnMeta, []);
+
+                  _this2.setState({ listColumn: listColumn, selectedList: [], selectedIndexList: [] });
+                  if (typeof handleLoadPageEvent == 'function') handleLoadPageEvent();
+                  if (typeof handleUnSeedsCountEvent == 'function') handleUnSeedsCountEvent();
+                  if (typeof callback == 'function') callback();
+                  setTimeout(function () {
+                    _this2.search(true);
+                  }, 0);
+                } else {
+                  err = ret && ret.Message;
+
+                  _index.Message.error("配送失败:" + err);
+                }
+
+              case 8:
+              case 'end':
+                return _context7.stop();
+            }
+          }
+        }, _callee7, _this3);
+      }));
+
+      return function (_x5, _x6, _x7) {
+        return _ref10.apply(this, arguments);
+      };
+    }();
+
+    _this2.handleRowShowClick = function () {
+      var _ref11 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee8(record) {
+        var result, detailColumnMeta, detailColumn;
+        return _regenerator2.default.wrap(function _callee8$(_context8) {
+          while (1) {
+            switch (_context8.prev = _context8.next) {
+              case 0:
+                console.log('单据明细:', record);
+                _context8.next = 3;
+                return _api2.default.getRetailDetail(record.Code, 2);
+
+              case 3:
+                result = _context8.sent;
+                detailColumnMeta = _this2.state.detailColumnMeta;
+                detailColumn = _this2.initDetailColumn(detailColumnMeta);
+
+                _this2.setState({
+                  showModalData: result,
+                  record: record,
+                  show: true,
+                  detailColumn: detailColumn
+                });
+
+              case 7:
+              case 'end':
+                return _context8.stop();
+            }
+          }
+        }, _callee8, _this3);
+      }));
+
+      return function (_x8) {
+        return _ref11.apply(this, arguments);
+      };
+    }();
+
+    _this2.rowPrintClick = function (record) {
+      _this2.props.rowPrintClick && _this2.props.rowPrintClick(record);
+    };
+
+    _this2.clearValue = function (type) {
+      _this2.setState((0, _defineProperty3.default)({}, type, ''));
+    };
+
+    _this2.emptyFunc = function () {
+      return _react2.default.createElement(_index.ProgressState, {
+        state: "empty",
+        stateCommonStyle: { height: "100%" },
+        empty: { info: '暂无数据～～', buttonVisible: false } });
+    };
+
+    _this2.changeSearchFilterItemShow = function () {
+      _this2.setState({
+        searchFilterItemShow: !_this2.state.searchFilterItemShow
+      });
+    };
+
+    _this2.onClickAll = function (type) {
+      if (type == 'date') {
+        // 清空日期
+        _this2.setState({
+          option: (0, _extends5.default)({}, _this2.state.option, {
+            StartVoucherDate: '',
+            EndVoucherDate: ''
+          })
+        });
+      } else if (type == 'money') {
+        // 清空金额
+        _this2.setState({
+          value1: '',
+          value2: ''
+        });
+      } else {
+        // 剩下的一些单选
+        _this2.setState({
+          option: (0, _extends5.default)({}, _this2.state.option, (0, _defineProperty3.default)({}, type, ''))
+        });
+      }
+    };
+
+    _this2.dateFormat = function (date) {
+      if (date) {
+        var _date = (0, _moment2.default)(date);
+        return _date._isValid ? _date : '';
+      }
+      return '';
+    };
+
+    _this2.loadingIcon = function () {
+      return _react2.default.createElement('img', { src: 'https://newretail.static.chanjet.com/loading.gif', style: { width: '200px' } });
+    };
+
+    _this2.state = {
+      currentIndex: 1,
+      value1: '',
+      value2: '',
+      value3: '',
+      value4: '',
+      value5: '',
+      tableDataList: [],
+      show: false,
+      selectList: [{ Items: [] }, { Items: [] }, { Items: [] }, { Items: [] }, { Items: [] }, { Items: [] }, { Items: [] }], // 收银员,业务状态，单据状态，导购员的下拉选项
+      record: {}, // 打印小票，用来记录 弹出框 弹出信息
+      showModalData: [{}], // 弹出框显示的信息
+      detailColumn: [], // 弹出框的栏目信息
+      detailColumnMeta: [], // api弹出框的栏目信息
+      listColumn: [], // 列表栏目信息
+      listColumnMeta: [], // api取出来的列表栏目信息
+      selectedList: [], // checkbox选中的值集合。
+      selectedIndexList: [], // checkbox选中的索引集合
+
+      HeadFieldDesign: [],
+      loading: false,
+      option: {
+        StartVoucherDate: '', // 单据开始日期
+        EndVoucherDate: '', // 单据结束日期
+        VoucherCode: '', // 单据编码 
+        BusinessType: '', // 据业务类型，下拉选项，返回对应业务类型Id
+        VoucherState: '', // 单据状态，下拉选项，返回枚举Id
+        DataSource: '', // 数据来源 ，下拉选项，返回枚举Id
+        DistributionMode: '', // 配送方式 ，下拉选项，返回枚举Id
+        DeliveryStatus: '', // 发货状态 ，下拉选项，返回枚举Id
+        IdStore: props.idStore || ''
+      },
+      searchFilterItemShow: true
+    };
+    _this2.posCode = _tplusPoslogin.PosInitData && (0, _tplusPoslogin.PosInitData)('posCode');
+    return _this2;
+  }
+
+  (0, _createClass3.default)(DeliverySearch, [{
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      this.initDeliverySearch();
+    }
+
+    // 初始化主表的表格列信息
+
+
+    // 初始化弹出框表格列信息
+
+
+    // 处理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 loadingIcon = this.loadingIcon();
+      var _state = this.state,
+          currentIndex = _state.currentIndex,
+          value1 = _state.value1,
+          value2 = _state.value2,
+          value3 = _state.value3,
+          value4 = _state.value4,
+          value5 = _state.value5,
+          tableDataList = _state.tableDataList,
+          show = _state.show,
+          option = _state.option,
+          showModalData = _state.showModalData,
+          detailColumn = _state.detailColumn,
+          TotalPage = _state.TotalPage,
+          searchFilterItemShow = _state.searchFilterItemShow,
+          record = _state.record,
+          listColumn = _state.listColumn,
+          selectedIndexList = _state.selectedIndexList,
+          HeadFieldDesign = _state.HeadFieldDesign;
+
+      tableDataList = [].concat((0, _toConsumableArray3.default)(tableDataList));
+
+      var checkedCount = selectedIndexList.length;
+      var isAllChecked = selectedIndexList.length > 0 && tableDataList.length === selectedIndexList.length;
+
+      var billTitleHeight = (30 + 16) * 2 + 30 - 8;
+      if (!searchFilterItemShow) {
+        billTitleHeight = 0;
+      }
+      var otherHeight = billTitleHeight + 32 + 16 + 10 + 16 + 30 + 0; // 最后一个10 是用来调整误差的
+      if (searchFilterItemShow) {
+        otherHeight += 16; // 打开状态，要多减去FilterTitle 的marginTop 16px
+      }
+      var billContentHeight = "calc(100% - " + otherHeight + "px)";
+      return _react2.default.createElement(
+        'div',
+        { className: 'delivery' },
+        _react2.default.createElement(
+          'div',
+          { className: 'delivery-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(
+                _InputGroup7.default,
+                { simple: true, className: 'bill-group' },
+                _react2.default.createElement(
+                  _InputGroup7.default.Button,
+                  { shape: 'border' },
+                  _react2.default.createElement(_index.Ticon, { type: 'sousuo', className: 'bill-search-icon' })
+                ),
+                _react2.default.createElement(_FormControl5.default, { type: 'text',
+                  placeholder: '\u5355\u636E\u7F16\u53F7/\u6765\u6E90\u5355\u53F7/\u5BA2\u6237',
+                  value: value3,
+                  className: 'bill-title-search-input',
+                  onChange: this.onChange.bind(this, 3),
+                  onClick: this.onFocus.bind(this, 3),
+                  onKeyUp: this.onKeyup,
+                  ref: function ref(input) {
+                    return _this4.input3 = input;
+                  } }),
+                value3 ? _react2.default.createElement(
+                  _InputGroup7.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(
+              _Button4.default,
+              { onClick: this.search, className: 'bill-search-button' },
+              '\u641C\u7D22'
+            )
+          )
+        ),
+        _react2.default.createElement(
+          'div',
+          { className: 'delivery-title ' + (searchFilterItemShow ? '' : 'delivery-title-close'), style: { height: billTitleHeight } },
+          _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' },
+            _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(
+              _InputGroup7.default,
+              { simple: true, className: 'bill-group' },
+              _react2.default.createElement(_FormControl5.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(
+              _InputGroup7.default,
+              { simple: true, className: 'bill-group' },
+              _react2.default.createElement(_FormControl5.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: 'delivery-content ' + (tableDataList && tableDataList.length > 0 ? '' : 'nodata') + ' ', style: { height: billContentHeight } },
+          tableDataList.length > 0 ? _react2.default.createElement(_Table4.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: 'delivery-footer' },
+          _react2.default.createElement(
+            'div',
+            { className: 'check' },
+            _react2.default.createElement(
+              _Checkbox4.default,
+              { checked: isAllChecked, onClick: function onClick() {
+                  return _this4.handleCheckBox(0, !isAllChecked);
+                } },
+              '\u5168\u9009(',
+              checkedCount,
+              ')'
+            )
+          ),
+          _react2.default.createElement(
+            'div',
+            { className: 'btns' },
+            _react2.default.createElement(
+              _Button4.default,
+              { className: 'btn', colors: 'primary', onClick: this.handleBtn },
+              '\u914D\u9001'
+            )
+          )
+        ),
+        _react2.default.createElement(
+          _index.ModalWraper,
+          {
+            show: show,
+            cancel: this.modalCancel,
+            ok: this.modalOk,
+            okText: '\u914D\u9001',
+            title: '\u8BA2\u5355\u660E\u7EC6',
+            className: 'bill-modal',
+            width: '802',
+            option: option,
+            okable: true
+          },
+          _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(_Table4.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
+                  });
+                } })
+            )
+          )
+        )
+      );
+    }
+  }]);
+  return DeliverySearch;
+}(_react2.default.Component);
+
+exports.default = DeliverySearch;
+//# sourceMappingURL=index.js.map