@pisell/private-materials 6.3.15 → 6.4.2

package/es/components/ticketBooking/components/ticketBooking/index.js

@@ -7,10 +7,14 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -18,22 +22,32 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { useEffect, useRef } from 'react';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { locales } from '@pisell/utils';
 import { message } from 'antd';
+import { Iconfont } from '@pisell/materials';
 import { getOrderInfoByCode, getBookingDetail, getEventBookingDetail, getBookingConfig, getServices, voidAppointment } from "../../serve";
 import * as apis from "../../serve";
 import dayjs from 'dayjs';
 import useEngineContext from "../../../../hooks/useEngineContext";
 import { useStore } from "../../miniRedux";
 import BookingInfo from "../../../../components/booking/info";
-import { formatDateToStr, getNextTimeSlice, getDisabledEdit, restoreProductOtherData } from "../../utils";
+import { formatDateToStr, getNextTimeSlice, getDisabledEdit, restoreProductOtherData, getIsParallelResourcesBooking, formatHolder } from "../../utils";
 import AddServiceVariant from "../addServiceVariant";
 import TimeBar from "../timeBar";
-import "./index.less";
 import { formatProducts } from "../../../booking/info/service2/utils";
 import { getSumTotal } from "../../../booking/components/footer/amount";
 import formatProductMessage from "../../utils/formatProductMessage";
+import PisellFloatingPanel from "../bookingDataPanel/pisellFloatingPanel";
+import FloatButtons from "../floatButtons";
+import useScanGlobal from "../../hooks/pisellos/useScanGlobal";
+import useScanGlobalHandle from "../../hooks/pisellos/useScanGlobalHandle";
+import { useBookingTicket } from "../../hooks/pisellos/bookingTicket";
+import "./index.less";
+import { getBookingType } from "../bookingDataPanel/bookingList/utils";
+import { useCustomer } from "../../hooks/pisellos";
+import { useMemoizedFn } from 'ahooks';
+import useScanManager from "../../hooks/pisellos/useScanManager";
 export var _formatBookingDetail = function _formatBookingDetail(data, modalState) {
   var _bookings$list, _bookings$list2;
   var customer_id = data.customer_id,
@@ -47,7 +61,9 @@ export var _formatBookingDetail = function _formatBookingDetail(data, modalState
     note = data.note,
     payment_status = data.payment_status,
     is_other_entrance_edited = data.is_other_entrance_edited,
-    shop_discount = data.shop_discount;
+    shop_discount = data.shop_discount,
+    _data$relation_detail = data.relation_details,
+    relation_details = _data$relation_detail === void 0 ? [] : _data$relation_detail;
   var clientValue = {
     name: ((customer === null || customer === void 0 ? void 0 : customer.display_name) || '').trim() || ((customer === null || customer === void 0 ? void 0 : customer.nickname) || '').trim() || '',
     id: customer_id || (customer === null || customer === void 0 ? void 0 : customer.id) || (customer === null || customer === void 0 ? void 0 : customer.customer_id) || 1,
@@ -93,7 +109,10 @@ export var _formatBookingDetail = function _formatBookingDetail(data, modalState
     return _objectSpread(_objectSpread({
       _id: (Math.random() + '').replace(/\D/g, '').substring(0, 11)
     }, _detail), {}, {
+      duration: (_detail === null || _detail === void 0 ? void 0 : _detail.duration) || (product === null || product === void 0 ? void 0 : product.duration),
+      'schedule.ids': (_detail === null || _detail === void 0 ? void 0 : _detail['schedule.ids']) || (product === null || product === void 0 ? void 0 : product['schedule.ids']),
       booking_id: resetD.id,
+      isEditBooking: true,
       id: _detail.product_id,
       title: _detail.product_title,
       quantity: Number(_detail.product_quantity),
@@ -109,6 +128,8 @@ export var _formatBookingDetail = function _formatBookingDetail(data, modalState
         start_date: start_date,
         endDate: end_date,
         end_date: end_date,
+        holder_id: formatHolder(resetD),
+        note: _detail.note,
         // 商品本身的价格
         price: Number(_detail.source_product_price),
         product_name: _detail.product_title,
@@ -131,6 +152,7 @@ export var _formatBookingDetail = function _formatBookingDetail(data, modalState
       })
     });
   });
+  serviceValue = [].concat(_toConsumableArray(serviceValue), _toConsumableArray(formatProductValues(relation_details)));
   var disabledEdit = getDisabledEdit(data);
   var channelDisabledEdit = !!is_other_entrance_edited;
   return _objectSpread(_objectSpread({}, modalState), {}, {
@@ -163,8 +185,40 @@ export var _formatBookingDetail = function _formatBookingDetail(data, modalState
     appointment_status: bookings === null || bookings === void 0 ? void 0 : bookings.appointment_status
   });
 };
+var formatProductValues = function formatProductValues(data) {
+  return data.map(function (d) {
+    return _objectSpread(_objectSpread({}, d), {}, {
+      _id: (Math.random() + '').replace(/\D/g, '').substring(0, 11),
+      id: d.product_id,
+      title: d.product_title,
+      quantity: d.product_quantity,
+      cover: d.product_cover,
+      price: Number(d.source_product_price),
+      isEditBooking: true,
+      _extend: {
+        discount_reason: d.product_discount_reason,
+        order_detail_id: d.order_detail_id,
+        discount_per: d.discount_per,
+        discount_type: d.discount_type,
+        discountway: d.discountway,
+        product_name: d.product_title,
+        total: Number(d.selling_price),
+        origin_total: Number(d.original_price),
+        payment_price: Number(d.payment_price),
+        price: Number(d.source_product_price),
+        quantity: d.product_quantity,
+        bundle_edit: 0,
+        other: restoreProductOtherData(d),
+        startDate: dayjs(),
+        endDate: dayjs(),
+        note: d.note
+      },
+      payment_price: Number(d.payment_price)
+    });
+  });
+};
 var TicketBooking = function TicketBooking() {
-  var _engineContext$appHel2, _state$modalState2;
+  var _engineContext$appHel2, _state$modalState2, _state$modalState4;
   var _useStore = useStore(),
     _useStore2 = _slicedToArray(_useStore, 2),
     state = _useStore2[0],
@@ -180,14 +234,43 @@ var TicketBooking = function TicketBooking() {
     storage = _engineContext$appHel.storage,
     Toast = _engineContext$appHel.Toast,
     getSymbolic = _engineContext$appHel.getSymbolic,
-    translation = _engineContext$appHel.translation;
+    translation = _engineContext$appHel.translation,
+    pisellosAllModule = _engineContext$appHel.pisellosAllModule,
+    getData = _engineContext$appHel.getData;
+  var ScheduleModule = pisellosAllModule.ScheduleModule;
   var _persistentRef = useRef(false);
   var _initStateRef = useRef({});
   var _listTimerRef = useRef();
   var _timerRef = useRef();
   var _callbackFnRef = useRef();
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeBookingId = _useState2[0],
+    setActiveBookingId = _useState2[1];
+  var pisellFloatingPanelRef = useRef(null);
+  var closeRef = useRef(null);
+  var bookingTicket = useBookingTicket();
+  var _useScanGlobal = useScanGlobal(),
+    openScan = _useScanGlobal.openScan,
+    closeScan = _useScanGlobal.closeScan;
+  var handleScan = useScanGlobalHandle();
+  var _useScanManager = useScanManager(),
+    enableAllScanListeners = _useScanManager.enableAllScanListeners;
+  var changeCustomerToGlobalState = useMemoizedFn(function () {});
+  var _useCustomer = useCustomer({
+      changeCustomerToGlobalState: changeCustomerToGlobalState
+    }),
+    selectCustomer = _useCustomer.selectCustomer;
+  useMemo(function () {
+    openScan(function (data) {
+      handleScan(data);
+    });
+    return function () {
+      closeScan();
+    };
+  }, []);
   useEffect(function () {
-    var _interaction$utils, _store$getState, _interaction$utils2, _interaction$utils3;
+    var _store$getState, _interaction$utils, _interaction$utils2;
     _persistentRef.current = storage.get("drawer-booking") === 'true' ? true : isTerminal();
     if (lowcodeRef) {
       lowcodeRef.onReady(_this);
@@ -196,36 +279,78 @@ var TicketBooking = function TicketBooking() {
       action({
         type: 'pisell1.registerPlugin',
         data: {
-          pluginList: ['ProductDetailPlugin']
+          pluginList: ['ProductDetailPlugin', 'BookingPlugin3']
         }
       });
     }
-    interaction === null || interaction === void 0 || (_interaction$utils = interaction.utils) === null || _interaction$utils === void 0 || _interaction$utils.mountFunction('booking', 'scanBookingDetailResult', _scanBookingDetailResult);
+
+    // interaction?.utils?.mountFunction(
+    //   'booking',
+    //   'scanBookingDetailResult',
+    //   _scanBookingDetailResult
+    // );
+
     var off = _addVisibilityListener(function () {
       setState({
         verticalAddServiceKey: state.verticalAddServiceKey + 1
       });
     });
+    var _dataFromHost = {};
+    try {
+      // 获取金额计算所需配置
+      var is_price_include_tax = getData('is_price_include_tax');
+      var tax_rate = getData('tax_rate') || '10';
+      var tax_title = getData('tax_title') || 'GST';
+      var surcharge_list = getData('surcharge_list');
+      var schedule_list = getData('schedule_list');
+      var scheduleById = {};
+      // 提前转换，节省附加费计算时的遍历时间
+      if (Array.isArray(schedule_list)) {
+        var _iterator = _createForOfIteratorHelper(schedule_list),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var item = _step.value;
+            scheduleById[item.id] = item;
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      }
+      _dataFromHost = {
+        is_price_include_tax: is_price_include_tax,
+        tax_rate: tax_rate,
+        tax_title: tax_title,
+        surcharge_list: surcharge_list,
+        schedule_list: schedule_list,
+        scheduleById: scheduleById
+      };
+    } catch (error) {}
     setState({
-      amountSymbol: (store === null || store === void 0 || (_store$getState = store.getState) === null || _store$getState === void 0 || (_store$getState = _store$getState.call(store)) === null || _store$getState === void 0 || (_store$getState = _store$getState.global) === null || _store$getState === void 0 ? void 0 : _store$getState.symbol) || '$'
+      amountSymbol: (getData === null || getData === void 0 ? void 0 : getData('shop_symbol')) || (store === null || store === void 0 || (_store$getState = store.getState) === null || _store$getState === void 0 || (_store$getState = _store$getState.call(store)) === null || _store$getState === void 0 || (_store$getState = _store$getState.global) === null || _store$getState === void 0 ? void 0 : _store$getState.symbol) || '$'
     }, function () {
       _initStateRef.current = JSON.parse(JSON.stringify(state));
       _getBoardConfig();
     });
     _setShopOpeningHours();
     _setIntervalTime(true);
-    interaction === null || interaction === void 0 || (_interaction$utils2 = interaction.utils) === null || _interaction$utils2 === void 0 || _interaction$utils2.mountFunction('booking', 'refreshBookingDetail', function (type, orderId) {
-      // console.log(type, orderId, 'type, orderId');
+    interaction === null || interaction === void 0 || (_interaction$utils = interaction.utils) === null || _interaction$utils === void 0 || _interaction$utils.mountFunction('bookingTicket', 'clearAllCart', function (type, orderId) {
+      console.log('bookingTicket.clearAllCart');
       // 支付成功后清空状态
       _initFn(function () {});
+      selectCustomer(null);
+      enableAllScanListeners();
       setState({
         createCount: state.createCount + 1
       });
     });
 
     // 作废预约
-    interaction === null || interaction === void 0 || (_interaction$utils3 = interaction.utils) === null || _interaction$utils3 === void 0 || _interaction$utils3.mountFunction('booking', 'voidBooking', function (orderId) {
+    interaction === null || interaction === void 0 || (_interaction$utils2 = interaction.utils) === null || _interaction$utils2 === void 0 || _interaction$utils2.mountFunction('booking', 'voidBooking', function (orderId) {
       voidAppointment(orderId);
+      enableAllScanListeners();
     });
     return function () {
       off === null || off === void 0 || off();
@@ -262,14 +387,50 @@ var TicketBooking = function TicketBooking() {
       intervalSetTime: isInterval
     });
   };
+  var getDataFromHost = function getDataFromHost() {
+    try {
+      var is_price_include_tax = getData('is_price_include_tax');
+      var tax_rate = getData('tax_rate') || '10';
+      var tax_title = getData('tax_title') || 'GST';
+      var surcharge_list = getData('surcharge_list');
+      var schedule_list = getData('schedule_list');
+      var scheduleById = {};
+      // 提前转换，节省附加费计算时的遍历时间
+      if (Array.isArray(schedule_list)) {
+        var _iterator2 = _createForOfIteratorHelper(schedule_list),
+          _step2;
+        try {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            var item = _step2.value;
+            scheduleById[item.id] = item;
+          }
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
+        }
+      }
+      return {
+        is_price_include_tax: is_price_include_tax,
+        tax_rate: tax_rate,
+        tax_title: tax_title,
+        surcharge_list: surcharge_list,
+        schedule_list: schedule_list,
+        scheduleById: scheduleById
+      };
+    } catch (error) {
+      console.error(error);
+      return {};
+    }
+  };
 
   // 商品加购信息发生变化时，需要发送至native端
   useEffect(function () {
-    var _state$modalState, _locales$getText, _interaction$utils5, _interaction$utils5$p;
+    var _state$modalState, _locales$getText, _interaction$utils4, _interaction$utils4$p;
     var cartItems = state === null || state === void 0 || (_state$modalState = state.modalState) === null || _state$modalState === void 0 || (_state$modalState = _state$modalState.service) === null || _state$modalState === void 0 ? void 0 : _state$modalState.value;
     if (!Array.isArray(cartItems) || cartItems.length === 0) {
-      var _interaction$utils4, _interaction$utils4$p;
-      interaction === null || interaction === void 0 || (_interaction$utils4 = interaction.utils) === null || _interaction$utils4 === void 0 || (_interaction$utils4$p = _interaction$utils4.postMessageToApp) === null || _interaction$utils4$p === void 0 || _interaction$utils4$p.call(_interaction$utils4, {
+      var _interaction$utils3, _interaction$utils3$p;
+      interaction === null || interaction === void 0 || (_interaction$utils3 = interaction.utils) === null || _interaction$utils3 === void 0 || (_interaction$utils3$p = _interaction$utils3.postMessageToApp) === null || _interaction$utils3$p === void 0 || _interaction$utils3$p.call(_interaction$utils3, {
         module: 'cds',
         key: 'cartUpdate',
         data: {
@@ -281,7 +442,10 @@ var TicketBooking = function TicketBooking() {
         }
       });
     }
-    var total = getSumTotal(state.modalState, true);
+    var total = getSumTotal(state.modalState, _objectSpread({
+      isEdit: true,
+      ScheduleModule: ScheduleModule
+    }, getDataFromHost()));
     var formatedProducts = [];
     try {
       formatedProducts = formatProducts(cartItems, state.modalState, false, true, true);
@@ -291,12 +455,12 @@ var TicketBooking = function TicketBooking() {
     console.log('formatedProducts', total, formatedProducts);
     var fees = [];
     var products = [];
-    var _iterator = _createForOfIteratorHelper(formatedProducts),
-      _step;
+    var _iterator3 = _createForOfIteratorHelper(formatedProducts),
+      _step3;
     try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
         var _origin$discount_list;
-        var item = _step.value;
+        var item = _step3.value;
         var id = item.id,
           name = item.name,
           image = item.image,
@@ -338,9 +502,9 @@ var TicketBooking = function TicketBooking() {
         products.push(_item);
       }
     } catch (err) {
-      _iterator.e(err);
+      _iterator3.e(err);
     } finally {
-      _iterator.f();
+      _iterator3.f();
     }
     console.log('formatedProducts', (_locales$getText = locales.getText('pisell2.product.card.cart-items')) === null || _locales$getText === void 0 ? void 0 : _locales$getText(products.length));
     if (products.length > 0) {
@@ -363,7 +527,7 @@ var TicketBooking = function TicketBooking() {
         fees: fees
       }
     });
-    interaction === null || interaction === void 0 || (_interaction$utils5 = interaction.utils) === null || _interaction$utils5 === void 0 || (_interaction$utils5$p = _interaction$utils5.postMessageToApp) === null || _interaction$utils5$p === void 0 || _interaction$utils5$p.call(_interaction$utils5, {
+    interaction === null || interaction === void 0 || (_interaction$utils4 = interaction.utils) === null || _interaction$utils4 === void 0 || (_interaction$utils4$p = _interaction$utils4.postMessageToApp) === null || _interaction$utils4$p === void 0 || _interaction$utils4$p.call(_interaction$utils4, {
       module: 'cds',
       key: 'cartUpdate',
       data: {
@@ -420,8 +584,8 @@ var TicketBooking = function TicketBooking() {
     }, 100);
   };
   var _setShopOpeningHours = function _setShopOpeningHours() {
-    var _store$getState2;
-    var time = store === null || store === void 0 || (_store$getState2 = store.getState) === null || _store$getState2 === void 0 || (_store$getState2 = _store$getState2.call(store)) === null || _store$getState2 === void 0 || (_store$getState2 = _store$getState2.global) === null || _store$getState2 === void 0 || (_store$getState2 = _store$getState2.shopDetail) === null || _store$getState2 === void 0 || (_store$getState2 = _store$getState2.operating_day_boundary) === null || _store$getState2 === void 0 ? void 0 : _store$getState2.time;
+    var _getData, _store$getState2;
+    var time = (getData === null || getData === void 0 || (_getData = getData('operating_day_boundary')) === null || _getData === void 0 ? void 0 : _getData.time) || (store === null || store === void 0 || (_store$getState2 = store.getState) === null || _store$getState2 === void 0 || (_store$getState2 = _store$getState2.call(store)) === null || _store$getState2 === void 0 || (_store$getState2 = _store$getState2.global) === null || _store$getState2 === void 0 || (_store$getState2 = _store$getState2.shopDetail) === null || _store$getState2 === void 0 || (_store$getState2 = _store$getState2.operating_day_boundary) === null || _store$getState2 === void 0 ? void 0 : _store$getState2.time);
     if (time) {
       localStorage.setItem('shopOpeningHours', time);
     }
@@ -587,7 +751,8 @@ var TicketBooking = function TicketBooking() {
       list: state.list,
       intervalSetTime: state.intervalSetTime,
       createCount: state.createCount,
-      bookingFunctions: state.bookingFunctions
+      bookingFunctions: state.bookingFunctions,
+      isParallelResourcesBooking: state.isParallelResourcesBooking
     });
 
     // 格式化
@@ -623,7 +788,7 @@ var TicketBooking = function TicketBooking() {
     console.log(initState, 'initState');
     setState(_objectSpread(_objectSpread({}, initState), {}, _defineProperty(_defineProperty({}, state.renderType === 'eventBooking' ? 'eventOpen' : 'open', true), "bookingId", state.bookingId)));
   };
-  var _rebook = function _rebook() {
+  var _rebook = useMemoizedFn(function () {
     var _state$bookingConfig;
     var date = getNextTimeSlice(((_state$bookingConfig = state.bookingConfig) === null || _state$bookingConfig === void 0 || (_state$bookingConfig = _state$bookingConfig.config) === null || _state$bookingConfig === void 0 || (_state$bookingConfig = _state$bookingConfig.basic) === null || _state$bookingConfig === void 0 ? void 0 : _state$bookingConfig.service_time.value) || 10);
     setState({
@@ -632,7 +797,7 @@ var TicketBooking = function TicketBooking() {
         date: date
       })
     });
-  };
+  });
 
   /**
    * 获取预约详情
@@ -692,7 +857,9 @@ var TicketBooking = function TicketBooking() {
       eventBookingServiceParams = _ref4.eventBookingServiceParams,
       _ref4$renderType = _ref4.renderType,
       renderType = _ref4$renderType === void 0 ? 'booking' : _ref4$renderType,
-      openRebook = _ref4.openRebook;
+      openRebook = _ref4.openRebook,
+      _ref4$isParallelResou = _ref4.isParallelResourcesBooking,
+      isParallelResourcesBooking = _ref4$isParallelResou === void 0 ? true : _ref4$isParallelResou;
     setState({
       isShowInfo: false
     });
@@ -714,7 +881,7 @@ var TicketBooking = function TicketBooking() {
       }
     };
     var isOpen = state.open;
-    setState(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, renderType === 'eventBooking' ? 'eventOpen' : 'open', true), "bookingId", bookingId || 0), "renderType", renderType), "openRebook", openRebook), "disableEventBookingEdit", eventBookingServiceParams === null || eventBookingServiceParams === void 0 ? void 0 : eventBookingServiceParams.disableEventBookingEdit), "modalState", _objectSpread(_objectSpread({}, state.modalState), {}, {
+    setState(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, renderType === 'eventBooking' ? 'eventOpen' : 'open', true), "bookingId", bookingId || 0), "renderType", renderType), "openRebook", openRebook), "isParallelResourcesBooking", isParallelResourcesBooking), "disableEventBookingEdit", eventBookingServiceParams === null || eventBookingServiceParams === void 0 ? void 0 : eventBookingServiceParams.disableEventBookingEdit), "modalState", _objectSpread(_objectSpread({}, state.modalState), {}, {
       eventOtherParams: eventBookingServiceParams
     })), "isShowInfo", !_isTerminal), "persistent", storage.get("drawer-booking") === 'true' ? true : _isTerminal), function () {
       console.log(isOpen, 'isOpen');
@@ -791,13 +958,13 @@ var TicketBooking = function TicketBooking() {
    *
    * @param props 动作属性
    */
-  var _onAction = function _onAction(props) {
+  var _onAction = useMemoizedFn(function (props) {
     if (props === 'init') {
       _getBookingDetail(state.bookingId);
       return;
     }
     action === null || action === void 0 || action(props);
-  };
+  });
   var _setActiveTab = function _setActiveTab(key) {};
   var _initFn = function _initFn(callback, open) {
     setState(_objectSpread(_objectSpread({}, _getInitState({
@@ -809,8 +976,10 @@ var TicketBooking = function TicketBooking() {
       list: state.list,
       intervalSetTime: state.intervalSetTime,
       createCount: state.createCount,
-      bookingFunctions: state.bookingFunctions
+      bookingFunctions: state.bookingFunctions,
+      isParallelResourcesBooking: state.isParallelResourcesBooking
     })), {}, {
+      shop_discount: '0',
       loading: false,
       open: open !== null && open !== void 0 ? open : false,
       eventOpen: false,
@@ -822,7 +991,8 @@ var TicketBooking = function TicketBooking() {
   };
 
   // 新建完成之后的回调
-  var _callback = function _callback(data, type) {
+  var _callback = useMemoizedFn(function (data, type) {
+    var _pisellFloatingPanelR;
     // 结账时
     if (isTerminal() && type === 'checkout') {
       return;
@@ -851,32 +1021,134 @@ var TicketBooking = function TicketBooking() {
     if (!bookingId) {
       _setIntervalTime(true);
     }
+    if ((_pisellFloatingPanelR = pisellFloatingPanelRef.current) !== null && _pisellFloatingPanelR !== void 0 && _pisellFloatingPanelR.getIsOpen()) {
+      var _pisellFloatingPanelR2;
+      (_pisellFloatingPanelR2 = pisellFloatingPanelRef.current) === null || _pisellFloatingPanelR2 === void 0 || _pisellFloatingPanelR2.refresh();
+    }
     _initFn(cb);
-  };
-  var _refreshData = function _refreshData() {
+  });
+  var _refreshData = useMemoizedFn(function () {
     if (lowcodeRef) {
       lowcodeRef.onChange({
         type: 'refresh'
       });
     }
-  };
-  var _clearAllValue = function _clearAllValue() {
+  });
+  var _clearAllValue = useMemoizedFn(function () {
     setState({
       modalState: _getInitState().modalState
     });
-  };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    style: {
-      flex: 1,
-      overflow: 'hidden',
-      display: 'flex',
-      flexDirection: 'column'
+  });
+  var currentDate = useMemo(function () {
+    var _state$modalState3;
+    return (_state$modalState3 = state.modalState) === null || _state$modalState3 === void 0 || (_state$modalState3 = _state$modalState3.date) === null || _state$modalState3 === void 0 || (_state$modalState3 = _state$modalState3.value) === null || _state$modalState3 === void 0 ? void 0 : _state$modalState3.format('YYYY-MM-DD');
+  }, [(_state$modalState4 = state.modalState) === null || _state$modalState4 === void 0 || (_state$modalState4 = _state$modalState4.date) === null || _state$modalState4 === void 0 ? void 0 : _state$modalState4.value]);
+  var floatButtons = useMemo(function () {
+    return [{
+      icon: /*#__PURE__*/React.createElement(Iconfont, {
+        type: "pisell2-person"
+      }),
+      key: 'dashboard',
+      onClick: function onClick() {
+        var _pisellFloatingPanelR3;
+        (_pisellFloatingPanelR3 = pisellFloatingPanelRef.current) === null || _pisellFloatingPanelR3 === void 0 || _pisellFloatingPanelR3.open();
+      }
+    }];
+  }, []);
+  var onMaskClick = useMemoizedFn(function () {
+    setActiveBookingId(0);
+    // _setIntervalTime(true);
+    // _openModal({});
+  });
+  var handleCreateClick = useMemoizedFn(function () {
+    var _pisellFloatingPanelR4;
+    onMaskClick();
+    (_pisellFloatingPanelR4 = pisellFloatingPanelRef.current) === null || _pisellFloatingPanelR4 === void 0 || _pisellFloatingPanelR4.close();
+  });
+  var handleBookingClick = useMemoizedFn(function (booking) {
+    // _setIntervalTime(false);
+    if (activeBookingId) {
+      var _closeRef$current;
+      onMaskClick();
+      (_closeRef$current = closeRef.current) === null || _closeRef$current === void 0 || _closeRef$current.call(closeRef, 'pisell2');
+    } else {
+      var _booking$order, _booking$order2;
+      setTimeout(function () {
+        setActiveBookingId(booking.order.id);
+      });
+      var time = new Date();
+      var close = action({
+        type: 'pisell1.bookingDetail',
+        data: {
+          component_type: getBookingType(booking),
+          booking_id: booking.order.id,
+          type: booking.parent_id === 0 ? 'list' : 'detail',
+          id: booking.id,
+          isParallelResourcesBooking: getIsParallelResourcesBooking(booking),
+          preliminaryBookingDetail: {
+            customer: booking === null || booking === void 0 || (_booking$order = booking.order) === null || _booking$order === void 0 ? void 0 : _booking$order.customer,
+            id: booking.order.id,
+            order_sales_channel: booking === null || booking === void 0 || (_booking$order2 = booking.order) === null || _booking$order2 === void 0 ? void 0 : _booking$order2.order_sales_channel,
+            bookings: {
+              booking_id: booking === null || booking === void 0 ? void 0 : booking.booking_id,
+              appointment_status: booking === null || booking === void 0 ? void 0 : booking.appointment_status,
+              list: [{
+                start_date: booking === null || booking === void 0 ? void 0 : booking.start_date,
+                start_time: booking === null || booking === void 0 ? void 0 : booking.start_time
+              }]
+            }
+          }
+        },
+        callback: function callback(params) {
+          var calllbackTime = new Date();
+          if (calllbackTime.getTime() - time.getTime() < 500) return;
+          if (params.type === 'close') {
+            _clearAllValue();
+            onMaskClick();
+          }
+          if (params.type === 'refresh') {
+            var _pisellFloatingPanelR5;
+            (_pisellFloatingPanelR5 = pisellFloatingPanelRef.current) === null || _pisellFloatingPanelR5 === void 0 || _pisellFloatingPanelR5.refresh();
+          }
+        }
+      });
+      closeRef.current = close;
     }
+  });
+  var memoGlobalState = useMemo(function () {
+    return _objectSpread(_objectSpread({}, state.modalState), {}, {
+      hideCreateText: true,
+      amountSymbol: state.amountSymbol,
+      bookingConfig: state.bookingConfig,
+      bookingDetail: state.bookingDetail,
+      bookingId: state.bookingId,
+      bookingStatus: state.bookingStatus,
+      apis: apis,
+      modalOpen: state.open,
+      onRebook: _rebook,
+      addTimeProducts: state.addTimeProducts,
+      isBookingCreatePage: true,
+      closeAutoOpenService: true,
+      renderType: 'booking',
+      action: _onAction,
+      callback: _callback,
+      locale: engineProps.locale,
+      refreshData: _refreshData,
+      setActiveTab: _setActiveTab,
+      clearAllValue: _clearAllValue,
+      drawerMask: true,
+      isBookingTicket2: true,
+      isParallelResourcesBooking: state.isParallelResourcesBooking,
+      onQrCodeClick: function onQrCodeClick() {
+        console.log('onQrCodeClick');
+        bookingTicket === null || bookingTicket === void 0 || bookingTicket.activateCamera();
+      }
+    });
+  }, [state.modalState, state.amountSymbol, state.bookingConfig, state.bookingDetail, state.bookingId, apis, state.open, state.bookingStatus, state.addTimeProducts, state.isParallelResourcesBooking, engineProps.locale]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "ticket-booking-left-panel"
   }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      flex: 1,
-      overflow: 'hidden'
-    }
+    className: "ticket-booking-left-panel-content"
   }, /*#__PURE__*/React.createElement(AddServiceVariant, {
     globalState: _objectSpread(_objectSpread({}, state.modalState), {}, {
       amountSymbol: state.amountSymbol,
@@ -899,7 +1171,10 @@ var TicketBooking = function TicketBooking() {
       isBookingTicket2: true
     }),
     setGlobalState: _setModalState
+  }), /*#__PURE__*/React.createElement(FloatButtons, {
+    items: floatButtons
   })), /*#__PURE__*/React.createElement(TimeBar, {
+    onCreateClick: handleCreateClick,
     setGlobalState: setState,
     globalState: state,
     onDateChange: function onDateChange() {
@@ -916,33 +1191,11 @@ var TicketBooking = function TicketBooking() {
   })), /*#__PURE__*/React.createElement("div", {
     style: {
       flexShrink: 0,
-      width: 355
+      width: 400
     }
   }, /*#__PURE__*/React.createElement(BookingInfo, {
     key: state.createCount,
-    globalState: _objectSpread(_objectSpread({}, state.modalState), {}, {
-      hideCreateText: true,
-      amountSymbol: state.amountSymbol,
-      bookingConfig: state.bookingConfig,
-      bookingDetail: state.bookingDetail,
-      bookingId: state.bookingId,
-      bookingStatus: state.bookingStatus,
-      apis: apis,
-      modalOpen: state.open,
-      onRebook: _rebook,
-      addTimeProducts: state.addTimeProducts,
-      isBookingCreatePage: true,
-      closeAutoOpenService: true,
-      renderType: 'booking',
-      action: _onAction,
-      callback: _callback,
-      locale: engineProps.locale,
-      refreshData: _refreshData,
-      setActiveTab: _setActiveTab,
-      clearAllValue: _clearAllValue,
-      drawerMask: true,
-      isBookingTicket2: true
-    }),
+    globalState: memoGlobalState,
     setGlobalState: _setModalState,
     setState: setState,
     modules: {
@@ -952,6 +1205,11 @@ var TicketBooking = function TicketBooking() {
       holder: 1,
       note: 1
     }
-  })));
+  })), /*#__PURE__*/React.createElement(PisellFloatingPanel, {
+    bookingId: activeBookingId,
+    ref: pisellFloatingPanelRef,
+    currentDate: currentDate,
+    onBookingClick: handleBookingClick
+  }));
 };
 export default TicketBooking;