@pisell/private-materials 6.2.24 → 6.2.26

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,31 @@ 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";
 export var _formatBookingDetail = function _formatBookingDetail(data, modalState) {
   var _bookings$list, _bookings$list2;
   var customer_id = data.customer_id,
@@ -47,7 +60,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 +108,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 +127,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 +151,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 +184,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],
@@ -186,8 +239,32 @@ var TicketBooking = function TicketBooking() {
   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 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,11 +273,17 @@ 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
@@ -214,14 +297,15 @@ var TicketBooking = function TicketBooking() {
     });
     _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);
     });
 
     // 作废预约
-    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);
     });
     return function () {
@@ -262,11 +346,11 @@ var TicketBooking = function TicketBooking() {
 
   // 商品加购信息发生变化时，需要发送至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: {
@@ -360,7 +444,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: {
@@ -584,7 +668,8 @@ var TicketBooking = function TicketBooking() {
       list: state.list,
       intervalSetTime: state.intervalSetTime,
       createCount: state.createCount,
-      bookingFunctions: state.bookingFunctions
+      bookingFunctions: state.bookingFunctions,
+      isParallelResourcesBooking: state.isParallelResourcesBooking
     });
 
     // 格式化
@@ -689,7 +774,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
     });
@@ -711,7 +798,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');
@@ -806,8 +893,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,
@@ -820,6 +909,7 @@ var TicketBooking = function TicketBooking() {
 
   // 新建完成之后的回调
   var _callback = function _callback(data, type) {
+    var _pisellFloatingPanelR;
     // 结账时
     if (isTerminal() && type === 'checkout') {
       return;
@@ -848,6 +938,10 @@ 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() {
@@ -862,18 +956,86 @@ var TicketBooking = function TicketBooking() {
       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 = function onMaskClick() {
+    setActiveBookingId(0);
+    // _setIntervalTime(true);
+    // _openModal({});
+  };
+  var handleCreateClick = function handleCreateClick() {
+    var _pisellFloatingPanelR4;
+    onMaskClick();
+    (_pisellFloatingPanelR4 = pisellFloatingPanelRef.current) === null || _pisellFloatingPanelR4 === void 0 || _pisellFloatingPanelR4.close();
+  };
+  var handleBookingClick = function handleBookingClick(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;
     }
+  };
+  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,
@@ -896,7 +1058,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() {
@@ -938,7 +1103,12 @@ var TicketBooking = function TicketBooking() {
       setActiveTab: _setActiveTab,
       clearAllValue: _clearAllValue,
       drawerMask: true,
-      isBookingTicket2: true
+      isBookingTicket2: true,
+      isParallelResourcesBooking: state.isParallelResourcesBooking,
+      onQrCodeClick: function onQrCodeClick() {
+        console.log('onQrCodeClick');
+        bookingTicket === null || bookingTicket === void 0 || bookingTicket.activateCamera();
+      }
     }),
     setGlobalState: _setModalState,
     setState: setState,
@@ -949,6 +1119,11 @@ var TicketBooking = function TicketBooking() {
       holder: 1,
       note: 1
     }
-  })));
+  })), /*#__PURE__*/React.createElement(PisellFloatingPanel, {
+    bookingId: activeBookingId,
+    ref: pisellFloatingPanelRef,
+    currentDate: currentDate,
+    onBookingClick: handleBookingClick
+  }));
 };
 export default TicketBooking;

package/es/components/ticketBooking/components/ticketBooking/index.less

@@ -1,10 +1,38 @@
 .pisell-ticket-booking-wrapper {
+  .ticket-booking-left-panel {
+    flex: 1;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    .ticket-booking-left-panel-content {
+      flex: 1;
+      overflow: hidden;
+      position: relative;
+    }
+  }
   .pisell-lowcode__booking-tab-pane-footer {
     padding: 16px;
   }
   .create-booking-page-info-wrap-create {
     background-color: #1b1b1b;
     .booking-info {
+      height: 100%;
+      padding-top: 10px;
+      display: flex;
+      flex-direction: column;
+
+      .pisell-lowcode__booking-service-wrap {
+        flex: 1;
+        overflow-y: auto;
+        /* 隐藏滚动条 */
+        scrollbar-width: none; /* Firefox */
+        -ms-overflow-style: none; /* IE and Edge */
+
+        &::-webkit-scrollbar {
+          display: none;
+        }
+      }
+
       .booking-info-create-new,
       .pisell-lowcode__booking-field-title,
       .pisell-lowcode__shopping-cart-empty,

package/es/components/ticketBooking/components/timeBar/index.d.ts

@@ -7,6 +7,7 @@ interface ITimeBarProps {
     onDateTimeChange: (date: Dayjs, timeString: string) => void;
     setIntervalTime: (value: boolean) => void;
     locale: string;
+    onCreateClick: () => void;
 }
 declare const TimeBar: (props: ITimeBarProps) => JSX.Element;
 export default TimeBar;