@pisell/private-materials 6.0.24 → 6.0.25

package/es/components/booking/info/service/editService/index.js

@@ -18,26 +18,36 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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; }
-import React, { useCallback, useContext, useEffect, useMemo, useState, useImperativeHandle, forwardRef } from 'react';
 import Delete_wght300_24px from '@pisell/icon/es/Delete_wght300_24px';
-import Drawer from "../../../components/drawer";
-import { Context } from "../../model";
+import '@pisell/materials';
 import { formatAmount, locales } from '@pisell/utils';
-import Duration from "../../../materiels/duration";
-import { Input, Button, Select, Row, Col, Form, Alert, InputNumber } from 'antd';
-import "./index.less";
+import { useMemoizedFn, useUpdateEffect } from 'ahooks';
+import { Alert, Button, Col, DatePicker, Form, Input, InputNumber, Row, Select } from 'antd';
+import React, { forwardRef, useCallback, useContext, useEffect, useImperativeHandle, useMemo, useState } from 'react';
 import CollapsibleList from "../../../components/collapsibleList";
 import { renderBundles } from "../../../components/collapsibleList/utils";
-import { useUpdateEffect, useMemoizedFn } from 'ahooks';
+import Drawer from "../../../components/drawer";
+import Duration from "../../../materiels/duration";
+import Holder from "../../../materiels/holder";
+import { Context } from "../../model";
+import BookingList from "./BookingList";
+import "./index.less";
 // import SelectTime from "../../../../../../../materials/src/components/select-time";
-import { getErrorList, getServiceTimes, deleteCacheParams, getProductTotalPrice } from "../../../utils";
-import Like from "../like";
+import { Page, PisellAdjustPriceInputNumber } from '@pisell/materials';
+import dayjs from 'dayjs';
 import { getNoResource } from "../../../mock";
-import { formatResources, getDurationProps, getFlexibleOption, getTimeObj } from "../addService/utils";
-import { PisellAdjustPriceInputNumber, Page } from '@pisell/materials';
+import { getDays, getErrorList, getProductTotalPrice } from "../../../utils";
+import { createBookingItemsByGroup, filterItemByGroupId, getGroupTotalPrice, isGroupBooking } from "../../service2/Group/utils";
+import useSelectPet from "../../service2/hooks/useSelectPet";
+import { disabledDate as _disabledDate, formatDayTime, isDayBooking, isDayBookingProduct, isEventBooking } from "../../service2/utils";
+import { formatResources, getDurationProps, getFlexibleOption, getMultiDay, getTimeObj } from "../addService/utils";
+import Like from "../like";
+import { getMultiDayPrices } from "../../utils";
+import { useService } from "../serviceManager";
+import EditTabs from "./EditTabs";
 var submitLock = false;
 var Info = function Info(_, ref) {
-  var _state$bookingConfig2, _state$service$cacheI4, _state$service$cacheI6, _state$service$cacheI7, _state$service3, _state$service5, _state$date, _state$date$format, _window$BaseMaterials, _state$service$cacheI13, _state$service7, _state$service$cacheI14, _state$bookingConfig4;
+  var _state$bookingConfig2, _state$service$cacheI4, _state$service$cacheI6, _state$service$cacheI7, _state$service4, _state$service6, _state$service8, _state$date, _state$date$format, _state$date2, _window$BaseMaterials, _state$service$cacheI13, _state$service10, _state$service$cacheI14, _state$bookingConfig4;
   var _Form$useForm = Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
@@ -46,6 +56,8 @@ var Info = function Info(_, ref) {
   var useResource = Form.useWatch('resource', form);
   var useStartTime = Form.useWatch('start_time', form);
   var useDuration = Form.useWatch('duration', form);
+  var useStartDate = Form.useWatch('start_date', form);
+  var useEndDate = Form.useWatch('end_date', form);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     resourceLoading = _useState2[0],
@@ -58,12 +70,31 @@ var Info = function Info(_, ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     selectOpen = _useState4[0],
     setSelectOpen = _useState4[1];
+  var _useSelectPet = useSelectPet(state),
+    holderLists = _useSelectPet.holderLists;
+  var _useService = useService({
+      state: state,
+      dispatch: dispatch
+    }),
+    editBookingData = _useService.editBookingData,
+    editBooking = _useService.editBooking;
+  var _useState5 = useState('batch_edit'),
+    _useState6 = _slicedToArray(_useState5, 2),
+    currentTab = _useState6[0],
+    setCurrentTab = _useState6[1];
+  var isDayBookingMode = useMemo(function () {
+    return isDayBooking(state);
+  }, [state === null || state === void 0 ? void 0 : state.renderType]);
+  var isEventBookingMode = useMemo(function () {
+    return isEventBooking(state);
+  }, [state === null || state === void 0 ? void 0 : state.renderType]);
 
   // 当前商品信息+ 表单信息
   var getCurrentCacheItem = function getCurrentCacheItem(_cacheItem) {
+    var _state$service;
     // 获取当前表单数据
     var values = form.getFieldsValue();
-    var _item = _cacheItem || state.service.cacheItem;
+    var _item = _cacheItem || (state === null || state === void 0 || (_state$service = state.service) === null || _state$service === void 0 ? void 0 : _state$service.cacheItem);
     return _objectSpread(_objectSpread({}, _item), {}, {
       _extend: _objectSpread(_objectSpread({}, _item === null || _item === void 0 ? void 0 : _item._extend), values)
     });
@@ -178,7 +209,8 @@ var Info = function Info(_, ref) {
               payload: {
                 resources: formatResources({
                   cacheItem: _cacheItem,
-                  resourcesOrigin: _list
+                  resourcesOrigin: _list,
+                  isDay: isDayBookingMode
                 })
               }
             });
@@ -226,9 +258,13 @@ var Info = function Info(_, ref) {
     }
     var _list = _toConsumableArray(state.service.value);
     var _id = (_state$service$cacheI = state.service.cacheItem) === null || _state$service$cacheI === void 0 ? void 0 : _state$service$cacheI._id;
-    _list = _list.filter(function (d) {
-      return d._id !== _id;
-    });
+    if (isGroupBooking(_id)) {
+      _list = filterItemByGroupId(_id, _list);
+    } else {
+      _list = _list.filter(function (d) {
+        return d._id !== _id;
+      });
+    }
     dispatch({
       type: 'setService',
       payload: {
@@ -290,7 +326,7 @@ var Info = function Info(_, ref) {
     });
     if (item) {
       var _item$_extend$usableT;
-      var isMaxLimitRange = (_item$_extend$usableT = item._extend.usableTime) === null || _item$_extend$usableT === void 0 ? void 0 : _item$_extend$usableT._extend.isMaxLimitRange;
+      var isMaxLimitRange = (_item$_extend$usableT = item._extend.usableTime) === null || _item$_extend$usableT === void 0 || (_item$_extend$usableT = _item$_extend$usableT._extend) === null || _item$_extend$usableT === void 0 ? void 0 : _item$_extend$usableT.isMaxLimitRange;
       // unknown 为未知是否可用, 需要掉后端接口确定
       if (isMaxLimitRange === 'unknown') {
         // 调接口
@@ -337,76 +373,58 @@ var Info = function Info(_, ref) {
    * @Author: zhiwei.Wang
    * @Date: 2024-01-09 14:04
    */
-  var onFinish = useMemoizedFn(function (values) {
-    var _currentResource$_ext;
-    // 防止多次提交, 增加锁
-    if (submitLock) {
-      return;
-    }
-    submitLock = true;
+  var onFinish = useMemoizedFn( /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(values) {
+      var data;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!submitLock) {
+              _context2.next = 2;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 2:
+            submitLock = true;
 
-    // 1500毫秒后解除
-    setTimeout(function () {
-      submitLock = false;
-    }, 1500);
-    var _list = _toConsumableArray(state.service.value);
-    var _item = _objectSpread(_objectSpread({}, state.service.cacheItem), {}, {
-      autoClose: false,
-      errorList: errorList
-    });
-    var _extend = _objectSpread(_objectSpread({}, _item._extend), values);
-    var _getServiceTimes = getServiceTimes({
-        _extend: _extend
-      }),
-      startDate = _getServiceTimes.startDate,
-      endDate = _getServiceTimes.endDate;
-    _extend.startDate = startDate;
-    _extend.endDate = endDate;
-    var _ref2 = (currentResource === null || currentResource === void 0 || (_currentResource$_ext = currentResource._extend) === null || _currentResource$_ext === void 0 ? void 0 : _currentResource$_ext.usableTime) || {},
-      relation_type = _ref2.relation_type,
-      item_id = _ref2.item_id,
-      schedule_id = _ref2.schedule_id;
-    _extend.relation_type = relation_type || 'form';
-    _extend.relation_id = item_id || (currentResource === null || currentResource === void 0 ? void 0 : currentResource.form_record_id) || 0;
-    _extend.schedule_id = schedule_id || 0;
-    if (_extend.bundle_edit !== undefined) {
-      _extend.bundle_edit = 1;
-    }
-    _item._extend = _extend;
-    _item._time = new Date().getTime();
-    var _id = _item === null || _item === void 0 ? void 0 : _item._id;
-
-    // 判断是新增还是编辑
-    if (!_list.some(function (d) {
-      return d._id === _id;
-    })) {
-      _list.push(_item);
-    } else {
-      _list = _list.map(function (d) {
-        return d._id === _id ? _objectSpread(_objectSpread({}, _item), {}, {
-          new: 0
-        }) : d;
-      });
-    }
-    deleteCacheParams();
-    console.log('_onFinish', _list);
-    dispatch({
-      type: 'setService',
-      payload: {
-        editModal: false,
-        addModal: false,
-        value: _list,
-        edit: true,
-        cacheItem: null,
-        changeService: false
-      }
-    });
-  });
+            // 1500毫秒后解除
+            setTimeout(function () {
+              submitLock = false;
+            }, 1500);
+            _context2.next = 6;
+            return editBookingData({
+              changeValues: _objectSpread(_objectSpread({}, values), {}, {
+                errorList: errorList
+              })
+            });
+          case 6:
+            data = _context2.sent;
+            _context2.next = 9;
+            return editBooking({
+              booking: data
+            });
+          case 9:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function (_x3) {
+      return _ref2.apply(this, arguments);
+    };
+  }());
   var setEditData = useMemoizedFn(function (_cacheItem, open) {
+    var _values;
+    setCurrentTab('batch_edit');
     var cacheItem = _cacheItem || state.service.cacheItem;
     var values = cacheItem._extend;
+
+    // 没有折扣原因则清空
+    values = _objectSpread(_objectSpread({}, values), {}, {
+      discount_reason: ((_values = values) === null || _values === void 0 ? void 0 : _values.discount_reason) || ''
+    });
     form.setFieldsValue(values);
-    if (state.renderType !== 'eventBooking') {
+    if (!isEventBookingMode) {
       // 获取资源列表
       getResources(cacheItem, open);
     }
@@ -437,7 +455,7 @@ var Info = function Info(_, ref) {
    * @Date: 2024-01-09 14:06
    */
   var errorList = useMemo(function () {
-    return getErrorList(currentResource, getCurrentCacheItem());
+    return getErrorList(currentResource, getCurrentCacheItem(), isDayBookingMode);
   }, [currentResource, useDuration, useStartTime]);
 
   /**
@@ -451,17 +469,29 @@ var Info = function Info(_, ref) {
     var _state$service$cacheI5;
     // autoClose 不执行下面逻辑
     if (state.service.cacheItem && !((_state$service$cacheI5 = state.service.cacheItem) !== null && _state$service$cacheI5 !== void 0 && _state$service$cacheI5.autoClose)) {
-      if (useStartTime && useDuration && state.renderType !== 'eventBooking') {
+      if (useStartTime && useDuration && !isEventBookingMode) {
         getResources();
       }
     }
   }, [useStartTime, useDuration, state.renderType, state.service.resourcesOrigin, (_state$service$cacheI6 = state.service.cacheItem) === null || _state$service$cacheI6 === void 0 ? void 0 : _state$service$cacheI6.autoClose]);
+
+  /**
+   * @title: 是否在terminal上打开预约
+   * @description:
+   * @param {*} useMemo
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2024-12-04 19:02
+   */
+  var isTerminalBooking = useMemo(function () {
+    return state.isBookingCreatePage || state.isTerminalDayBookingPage;
+  }, [state.isBookingCreatePage, state.isTerminalDayBookingPage]);
   useEffect(function () {
     // 预约创建页面并且打开了编辑弹窗
-    if (state.isBookingCreatePage && state.service.editModal) {
+    if (isTerminalBooking && state.service.editModal) {
       setEditData(null, true);
     }
-  }, [state.service.editModal, state.isBookingCreatePage]);
+  }, [state.service.editModal, isTerminalBooking]);
 
   /**
    * @title: 资源 时间 发生变化时, 重新计算错误信息
@@ -472,7 +502,7 @@ var Info = function Info(_, ref) {
    */
   useEffect(function () {
     getErrorMsg();
-  }, [useResource, useStartTime, useDuration]);
+  }, [useResource, useStartTime, useDuration, useStartDate, useEndDate]);
 
   /**
    * @title: 价格发生变化,重新计算折扣
@@ -489,22 +519,33 @@ var Info = function Info(_, ref) {
   // 	handleLikeResource("common");
   // }, [useResource]);
   var isDiscount = useMemo(function () {
-    var _state$service, _state$service2;
-    if (!((_state$service = state.service) !== null && _state$service !== void 0 && _state$service.cacheItem)) {
+    var _state$service2, _state$service3;
+    if (!((_state$service2 = state.service) !== null && _state$service2 !== void 0 && _state$service2.cacheItem)) {
       return false;
     }
-    return useTotal != ((_state$service2 = state.service) === null || _state$service2 === void 0 || (_state$service2 = _state$service2.cacheItem) === null || _state$service2 === void 0 ? void 0 : _state$service2._extend.origin_total);
-  }, [useTotal, (_state$service3 = state.service) === null || _state$service3 === void 0 || (_state$service3 = _state$service3.cacheItem) === null || _state$service3 === void 0 ? void 0 : _state$service3._extend.origin_total]);
+    return useTotal != ((_state$service3 = state.service) === null || _state$service3 === void 0 || (_state$service3 = _state$service3.cacheItem) === null || _state$service3 === void 0 ? void 0 : _state$service3._extend.origin_total);
+  }, [useTotal, (_state$service4 = state.service) === null || _state$service4 === void 0 || (_state$service4 = _state$service4.cacheItem) === null || _state$service4 === void 0 ? void 0 : _state$service4._extend.origin_total]);
   useEffect(function () {
     if (useResource === 0) {
       handleLikeResource('common');
     }
   }, [useResource]);
   var bundles = useMemo(function () {
-    var _state$service4;
-    return ((_state$service4 = state.service) === null || _state$service4 === void 0 || (_state$service4 = _state$service4.cacheItem) === null || _state$service4 === void 0 || (_state$service4 = _state$service4._extend) === null || _state$service4 === void 0 || (_state$service4 = _state$service4.other) === null || _state$service4 === void 0 ? void 0 : _state$service4.bundle) || [];
-  }, [(_state$service5 = state.service) === null || _state$service5 === void 0 || (_state$service5 = _state$service5.cacheItem) === null || _state$service5 === void 0 || (_state$service5 = _state$service5._extend) === null || _state$service5 === void 0 || (_state$service5 = _state$service5.other) === null || _state$service5 === void 0 ? void 0 : _state$service5.bundle]);
-
+    var _state$service5;
+    return ((_state$service5 = state.service) === null || _state$service5 === void 0 || (_state$service5 = _state$service5.cacheItem) === null || _state$service5 === void 0 || (_state$service5 = _state$service5._extend) === null || _state$service5 === void 0 || (_state$service5 = _state$service5.other) === null || _state$service5 === void 0 ? void 0 : _state$service5.bundle) || [];
+  }, [(_state$service6 = state.service) === null || _state$service6 === void 0 || (_state$service6 = _state$service6.cacheItem) === null || _state$service6 === void 0 || (_state$service6 = _state$service6._extend) === null || _state$service6 === void 0 || (_state$service6 = _state$service6.other) === null || _state$service6 === void 0 ? void 0 : _state$service6.bundle]);
+  var multiDayPrices = useMemo(function () {
+    var _state$service7;
+    return Object.entries(getMultiDayPrices(((_state$service7 = state.service) === null || _state$service7 === void 0 || (_state$service7 = _state$service7.cacheItem) === null || _state$service7 === void 0 || (_state$service7 = _state$service7._extend) === null || _state$service7 === void 0 ? void 0 : _state$service7.multi_day) || [])).map(function (_ref3) {
+      var _ref4 = _slicedToArray(_ref3, 2),
+        key = _ref4[0],
+        value = _ref4[1];
+      return {
+        key: key,
+        value: value
+      };
+    });
+  }, [(_state$service8 = state.service) === null || _state$service8 === void 0 || (_state$service8 = _state$service8.cacheItem) === null || _state$service8 === void 0 || (_state$service8 = _state$service8._extend) === null || _state$service8 === void 0 ? void 0 : _state$service8.multi_day]);
   /**
    * @title: 获取资源列表数据
    * @description:
@@ -513,25 +554,51 @@ var Info = function Info(_, ref) {
    * @Date: 2024-01-09 13:38
    */
   var getResourcesData = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-      var data, _list;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+      var params, format, startDate, endDate, _formatDayTime, startDateTime, endDateTime, data, _list;
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
             setResourceLoading(true);
-            _context2.prev = 1;
-            _context2.next = 4;
-            return state.apis.getResources({
+            _context3.prev = 1;
+            params = {};
+            if (!isDayBookingMode) {
+              _context3.next = 13;
+              break;
+            }
+            format = 'YYYY-MM-DD HH:mm';
+            startDate = useStartDate || state.date.value;
+            endDate = useEndDate || state.date.end_date;
+            _formatDayTime = formatDayTime({
+              startDate: startDate,
+              endDate: endDate
+            }), startDateTime = _formatDayTime.startDateTime, endDateTime = _formatDayTime.endDateTime;
+            if (!dayjs(startDateTime).isAfter(dayjs(endDateTime))) {
+              _context3.next = 10;
+              break;
+            }
+            return _context3.abrupt("return");
+          case 10:
+            params.check_time = {
+              start_time: dayjs(startDateTime).format(format),
+              end_time: dayjs(endDateTime).format(format)
+            };
+            _context3.next = 14;
+            break;
+          case 13:
+            params.with_date_times = state.date.value.format('YYYY-MM-DD');
+          case 14:
+            _context3.next = 16;
+            return state.apis.getResources(_objectSpread({
               skip: 1,
               num: 1000,
-              with_date_times: state.date.value.format('YYYY-MM-DD'),
               codes: ['resources', 'therapist', 'table'],
               _config: {
                 abort: true
               }
-            });
-          case 4:
-            data = _context2.sent;
+            }, params));
+          case 16:
+            data = _context3.sent;
             // 合并无资源
             _list = [getNoResource()].concat((data === null || data === void 0 ? void 0 : data.list) || []);
             dispatch({
@@ -540,29 +607,32 @@ var Info = function Info(_, ref) {
                 resourcesOrigin: _list
               }
             });
-            _context2.next = 12;
+            _context3.next = 24;
             break;
-          case 9:
-            _context2.prev = 9;
-            _context2.t0 = _context2["catch"](1);
-            console.log(_context2.t0, 'err');
-          case 12:
+          case 21:
+            _context3.prev = 21;
+            _context3.t0 = _context3["catch"](1);
+            console.log(_context3.t0, 'err');
+          case 24:
             setResourceLoading(false);
-          case 13:
+          case 25:
           case "end":
-            return _context2.stop();
+            return _context3.stop();
         }
-      }, _callee2, null, [[1, 9]]);
+      }, _callee3, null, [[1, 21]]);
     }));
     return function getResourcesData() {
-      return _ref3.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }();
   useEffect(function () {
+    if (isEventBookingMode) {
+      return;
+    }
     setTimeout(function () {
       getResourcesData();
     }, 20);
-  }, [(_state$date = state.date) === null || _state$date === void 0 || (_state$date = _state$date.value) === null || _state$date === void 0 || (_state$date$format = _state$date.format) === null || _state$date$format === void 0 ? void 0 : _state$date$format.call(_state$date, 'YYYY-MM-DD')]);
+  }, [(_state$date = state.date) === null || _state$date === void 0 || (_state$date = _state$date.value) === null || _state$date === void 0 || (_state$date$format = _state$date.format) === null || _state$date$format === void 0 ? void 0 : _state$date$format.call(_state$date, 'YYYY-MM-DD'), (_state$date2 = state.date) === null || _state$date2 === void 0 ? void 0 : _state$date2.end_date, useStartDate, useEndDate, isEventBookingMode]);
 
   /**
    * @title: 编辑商品
@@ -573,11 +643,24 @@ var Info = function Info(_, ref) {
    * @Date: 2024-08-28 17:08
    */
   var handleEdit = useMemoizedFn(function (e) {
+    var _item$_extend3, _state$client;
     // 当前商品
     var item = state.service.cacheItem;
 
     // 表单数据
     var values = form.getFieldsValue();
+    var dayValue = {};
+    if (isDayBookingMode) {
+      var _item$_extend, _item$_extend2;
+      // 格式化单规格
+      var option = (_item$_extend = item._extend) === null || _item$_extend === void 0 || (_item$_extend = _item$_extend.other) === null || _item$_extend === void 0 || (_item$_extend = _item$_extend.option) === null || _item$_extend === void 0 ? void 0 : _item$_extend.map(function (o) {
+        return _objectSpread(_objectSpread({}, o), {}, {
+          option_group_item_id: o.product_option_item_id
+        });
+      });
+      dayValue.product_variant = ((_item$_extend2 = item._extend) === null || _item$_extend2 === void 0 || (_item$_extend2 = _item$_extend2.other) === null || _item$_extend2 === void 0 ? void 0 : _item$_extend2.product_variant_id) || 0;
+      dayValue.product_option = option || [];
+    }
 
     // 打开商品详情弹窗
     state.action({
@@ -586,14 +669,16 @@ var Info = function Info(_, ref) {
         id: item.id,
         date: state.date.value.format('YYYY-MM-DD'),
         showConfig: {
-          option: false,
+          option: isDayBookingMode ? true : false,
           session: false,
-          variant: false,
+          variant: isDayBookingMode ? true : false,
           package: true
         },
-        value: item._extend.other
+        value: _objectSpread(_objectSpread({}, ((_item$_extend3 = item._extend) === null || _item$_extend3 === void 0 ? void 0 : _item$_extend3.other) || {}), dayValue),
+        customer_id: isDayBookingMode ? ((_state$client = state.client) === null || _state$client === void 0 || (_state$client = _state$client.value) === null || _state$client === void 0 ? void 0 : _state$client.id) || 1 : undefined
       },
       callback: function callback(e) {
+        var _cacheItem$_extend;
         // 重新生成商品
         var cacheItem = _objectSpread(_objectSpread({}, item), {}, {
           product_id: item.id,
@@ -609,6 +694,12 @@ var Info = function Info(_, ref) {
         // 获取商品总价
         var _total = getProductTotalPrice(cacheItem);
 
+        // 如果有多规格，则更新商品的单价
+        if (cacheItem !== null && cacheItem !== void 0 && (_cacheItem$_extend = cacheItem._extend) !== null && _cacheItem$_extend !== void 0 && (_cacheItem$_extend = _cacheItem$_extend.other) !== null && _cacheItem$_extend !== void 0 && _cacheItem$_extend.product_variant_id) {
+          var _cacheItem$_extend2;
+          cacheItem._extend.price = Number((_cacheItem$_extend2 = cacheItem._extend) === null || _cacheItem$_extend2 === void 0 || (_cacheItem$_extend2 = _cacheItem$_extend2.other) === null || _cacheItem$_extend2 === void 0 ? void 0 : _cacheItem$_extend2.price);
+        }
+
         // 用于折扣 可修改
         cacheItem._extend.total = _total;
 
@@ -622,11 +713,12 @@ var Info = function Info(_, ref) {
             cacheItem: cacheItem
           }
         });
-
-        // 更新表单内的商品价格
-        form.setFieldsValue({
-          total: _total
-        });
+        setTimeout(function () {
+          updateMultiDay({
+            start_date: values.start_date,
+            end_date: values.end_date
+          });
+        }, 100);
       }
     });
   });
@@ -659,8 +751,165 @@ var Info = function Info(_, ref) {
     };
   });
   var SelectTime = (_window$BaseMaterials = window.BaseMaterials) === null || _window$BaseMaterials === void 0 ? void 0 : _window$BaseMaterials.SelectTime;
+
+  /**
+   * @title: 日期组件
+   * @description:
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2024-11-30 22:22
+   */
+  var DateCom = function DateCom(position) {
+    return /*#__PURE__*/React.createElement(DatePicker, {
+      className: "pisell-lowcode__booking-service-select-date",
+      disabledDate: function disabledDate(current) {
+        return _disabledDate(current, position, useStartDate);
+      },
+      size: "large",
+      style: {
+        width: '100%'
+      },
+      format: state.locale === 'en' ? 'DD/MM/YYYY' : 'YYYY-MM-DD'
+    });
+  };
+
+  /**
+   * @title: 更新报价单价格
+   * @description:
+   * @param {any} param1
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2024-12-29 23:17
+   */
+  var updateMultiDay = /*#__PURE__*/function () {
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(_ref6) {
+      var start_date, end_date, duration, cacheItem, fieldsValues;
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            start_date = _ref6.start_date, end_date = _ref6.end_date, duration = _ref6.duration;
+            _context4.next = 3;
+            return getMultiDay({
+              start_date: start_date,
+              end_date: end_date,
+              state: state,
+              cacheItem: getCurrentCacheItem()
+            });
+          case 3:
+            cacheItem = _context4.sent;
+            // 兼容时长为空的情况
+            if (duration !== undefined) {
+              cacheItem._extend.duration = duration;
+            }
+            cacheItem._extend.items = createBookingItemsByGroup(cacheItem);
+            cacheItem._extend = _objectSpread(_objectSpread({}, cacheItem._extend), getGroupTotalPrice(cacheItem._extend.items));
+            // 覆盖商品
+            dispatch({
+              type: 'setService',
+              payload: {
+                cacheItem: cacheItem
+              }
+            });
+            fieldsValues = {
+              total: cacheItem._extend.total
+            }; // 更新表单内的商品价格
+            form.setFieldsValue(fieldsValues);
+          case 10:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4);
+    }));
+    return function updateMultiDay(_x4) {
+      return _ref7.apply(this, arguments);
+    };
+  }();
+
+  /**
+   * @title: 表单更新
+   * @description:
+   * @param {any} changedValues
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2024-12-04 14:39
+   */
+  var onValuesChange = function onValuesChange(changedValues) {
+    // 跨日预约
+    if (isDayBookingMode) {
+      // 根据时长更新结束时间
+      if (changedValues !== null && changedValues !== void 0 && changedValues.duration) {
+        var end_date = dayjs(useStartDate).add(changedValues === null || changedValues === void 0 ? void 0 : changedValues.duration, 'day');
+        form.setFieldsValue({
+          end_date: end_date
+        });
+
+        // 跨日预约报价单
+        return updateMultiDay({
+          start_date: useStartDate,
+          end_date: end_date,
+          duration: changedValues === null || changedValues === void 0 ? void 0 : changedValues.duration
+        });
+      }
+
+      // 验证结束日期
+      if (changedValues !== null && changedValues !== void 0 && changedValues.start_date) {
+        var startDate = dayjs(changedValues === null || changedValues === void 0 ? void 0 : changedValues.start_date);
+        var endDate = dayjs(useEndDate);
+        // 如果开始日期大于结束日期，则清空数据
+        if (startDate.isAfter(endDate)) {
+          return form.setFieldsValue({
+            duration: undefined,
+            end_date: undefined
+          });
+        }
+      }
+
+      // 计算时长
+      if (changedValues !== null && changedValues !== void 0 && changedValues.start_date || changedValues !== null && changedValues !== void 0 && changedValues.end_date) {
+        var _cacheItem2 = getCurrentCacheItem();
+        var duration = getDays(_cacheItem2, 'days');
+        var start_date = (changedValues === null || changedValues === void 0 ? void 0 : changedValues.start_date) || useStartDate;
+        var _end_date = (changedValues === null || changedValues === void 0 ? void 0 : changedValues.end_date) || useEndDate;
+        updateMultiDay({
+          start_date: start_date,
+          end_date: _end_date,
+          duration: duration
+        });
+        return form.setFieldsValue({
+          duration: duration
+        });
+      }
+    }
+  };
+
+  /**
+   * @title: 是否显示资源和时长
+   * @description:
+   * @param {*} useMemo
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2024-12-09 15:59
+   */
+  var showResource = useMemo(function () {
+    if (isEventBookingMode) {
+      return false;
+    }
+
+    // 跨日预约 预约商品才展示
+    if (isDayBookingMode) {
+      return isDayBookingProduct(state.service.cacheItem, state);
+    }
+    return true;
+  }, [state.service.cacheItem, state.renderType]);
+  var items = useMemo(function () {
+    var _getCurrentCacheItem;
+    return ((_getCurrentCacheItem = getCurrentCacheItem()) === null || _getCurrentCacheItem === void 0 || (_getCurrentCacheItem = _getCurrentCacheItem._extend) === null || _getCurrentCacheItem === void 0 ? void 0 : _getCurrentCacheItem.items) || [];
+  }, [getCurrentCacheItem(), state.service.cacheItem, useLikeStatus, currentResource, useTotal]);
+  var isEditGroup = useMemo(function () {
+    return items.length;
+  }, [items]);
   return useMemo(function () {
-    var _state$service$cacheI8, _state$service6, _state$service$cacheI9, _state$service$cacheI10, _state$service$cacheI11, _state$service$cacheI12, _state$bookingConfig3;
+    var _state$service$cacheI8, _state$service9, _state$service$cacheI9, _state$service$cacheI10, _state$service$cacheI11, _state$service$cacheI12, _state$bookingConfig3;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Drawer
     //通过zIndex的方式控制  添加商品 和 编辑服务弹窗的上下层级
     , {
@@ -668,7 +917,7 @@ var Info = function Info(_, ref) {
       zIndex: state.service.changeService ? 999 : 1000,
       forceRender: true,
       open: state.service.editModal && !((_state$service$cacheI8 = state.service.cacheItem) !== null && _state$service$cacheI8 !== void 0 && _state$service$cacheI8.autoClose),
-      title: locales.getText('pisell2.text.edit-service'),
+      title: isDayBookingMode ? locales.getText('pisell2.text.edit-select-service') : locales.getText('pisell2.text.edit-service'),
       onClose: function onClose() {
         dispatch({
           type: 'setService',
@@ -681,10 +930,29 @@ var Info = function Info(_, ref) {
       }
     }, /*#__PURE__*/React.createElement("div", {
       className: "pisell-lowcode__booking-service-body-edit"
-    }, /*#__PURE__*/React.createElement(Page, null, /*#__PURE__*/React.createElement(Form, {
+    }, isEditGroup ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EditTabs, {
+      value: currentTab,
+      onChange: function onChange(e) {
+        console.log(e);
+        setCurrentTab(e);
+      }
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "",
+      style: {
+        display: currentTab === 'booking_list' ? 'block' : 'none'
+      }
+    }, /*#__PURE__*/React.createElement(BookingList, {
+      items: items
+    }))) : null, /*#__PURE__*/React.createElement("div", {
+      className: "",
+      style: {
+        display: currentTab === 'batch_edit' ? 'block' : 'none'
+      }
+    }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Page, null, /*#__PURE__*/React.createElement(Form, {
       layout: "vertical",
       form: form,
-      onFinish: onFinish
+      onFinish: onFinish,
+      onValuesChange: onValuesChange
     }, /*#__PURE__*/React.createElement(Row, {
       style: {
         width: '100%'
@@ -700,9 +968,9 @@ var Info = function Info(_, ref) {
       className: "current-service-info-name-wrap"
     }, /*#__PURE__*/React.createElement("div", {
       className: "current-service-info-name"
-    }, ((_state$service6 = state.service) === null || _state$service6 === void 0 || (_state$service6 = _state$service6.cacheItem) === null || _state$service6 === void 0 || (_state$service6 = _state$service6._extend) === null || _state$service6 === void 0 ? void 0 : _state$service6.product_name) || '-'), /*#__PURE__*/React.createElement(Button, {
+    }, ((_state$service9 = state.service) === null || _state$service9 === void 0 || (_state$service9 = _state$service9.cacheItem) === null || _state$service9 === void 0 || (_state$service9 = _state$service9._extend) === null || _state$service9 === void 0 ? void 0 : _state$service9.product_name) || '-'), /*#__PURE__*/React.createElement(Button, {
       onClick: handleEdit
-    }, locales.getText('pisell2.text.edit')), !state.isBookingCreatePage && /*#__PURE__*/React.createElement(Button, {
+    }, locales.getText('pisell2.text.edit')), !isTerminalBooking && /*#__PURE__*/React.createElement(Button, {
       onClick: handleChange
     }, locales.getText('pisell2.text.change'))), /*#__PURE__*/React.createElement(CollapsibleList, {
       style: {
@@ -738,15 +1006,15 @@ var Info = function Info(_, ref) {
       name: "discount_reason"
     }, /*#__PURE__*/React.createElement(Input.TextArea, {
       size: "large"
-    }))) : null, state.renderType !== 'eventBooking' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Col, {
+    }))) : null, showResource && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Col, {
       span: 12
     }, /*#__PURE__*/React.createElement(Form.Item, {
-      label: locales.getText('pisell2.text.start_time'),
-      name: "start_time",
+      label: locales.getText(isDayBookingMode ? 'pisell2.text.start_date' : 'pisell2.text.start_time'),
+      name: isDayBookingMode ? 'start_date' : 'start_time',
       rules: [{
         required: true
       }]
-    }, SelectTime ? /*#__PURE__*/React.createElement(SelectTime, {
+    }, isDayBookingMode ? DateCom('start') : SelectTime ? /*#__PURE__*/React.createElement(SelectTime, {
       slice: (_state$bookingConfig3 = state.bookingConfig) === null || _state$bookingConfig3 === void 0 || (_state$bookingConfig3 = _state$bookingConfig3.config) === null || _state$bookingConfig3 === void 0 || (_state$bookingConfig3 = _state$bookingConfig3.basic) === null || _state$bookingConfig3 === void 0 || (_state$bookingConfig3 = _state$bookingConfig3.service_time) === null || _state$bookingConfig3 === void 0 ? void 0 : _state$bookingConfig3.value,
       timePickerProps: {
         style: {
@@ -758,7 +1026,15 @@ var Info = function Info(_, ref) {
           zoom: 0.8
         }
       }
-    }) : null)), /*#__PURE__*/React.createElement(Col, {
+    }) : null)), isDayBookingMode ? /*#__PURE__*/React.createElement(Col, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Form.Item, {
+      label: locales.getText(isDayBookingMode ? 'pisell2.text.end_date' : 'pisell2.text.end_time'),
+      name: "end_date",
+      rules: [{
+        required: true
+      }]
+    }, DateCom('end'))) : null, /*#__PURE__*/React.createElement(Col, {
       span: 12
     }, /*#__PURE__*/React.createElement(Form.Item, {
       label: locales.getText('pisell2.text.duration'),
@@ -768,7 +1044,17 @@ var Info = function Info(_, ref) {
       }]
     }, /*#__PURE__*/React.createElement(Duration, _extends({}, durationProps, {
       timeObj: timeObj
-    })))), /*#__PURE__*/React.createElement(Col, {
+    })))), isDayBookingMode && (holderLists === null || holderLists === void 0 ? void 0 : holderLists.length) > 0 ? /*#__PURE__*/React.createElement(Col, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Form.Item, {
+      label: locales.getText('pisell2.text.holder'),
+      name: "holder_id",
+      rules: [{
+        required: true
+      }]
+    }, /*#__PURE__*/React.createElement(Holder, {
+      size: "large"
+    }))) : null, /*#__PURE__*/React.createElement(Col, {
       span: 24
     }, /*#__PURE__*/React.createElement(Form.Item, {
       required: true,
@@ -808,7 +1094,29 @@ var Info = function Info(_, ref) {
     }, /*#__PURE__*/React.createElement(InputNumber, null)), /*#__PURE__*/React.createElement(Form.Item, {
       hidden: true,
       name: "like_status"
-    }, /*#__PURE__*/React.createElement(Input, null)))))), state.renderType !== 'eventBooking' && errorList.map(function (d, i) {
+    }, /*#__PURE__*/React.createElement(Input, null))), !isEventBookingMode && isDayBookingMode && !isDayBookingProduct(state.service.cacheItem, state) ? /*#__PURE__*/React.createElement(Col, {
+      span: 24
+    }, /*#__PURE__*/React.createElement(Form.Item, {
+      label: locales.getText('pisell2.text.quantity'),
+      name: "quantity",
+      rules: [{
+        required: true
+      }]
+    }, /*#__PURE__*/React.createElement(InputNumber, {
+      size: "large",
+      style: {
+        width: '100%'
+      },
+      min: 1,
+      max: 999999,
+      formatter: function formatter(value) {
+        if (value !== undefined) {
+          // 向下取整
+          return Math.floor(value);
+        }
+        return value;
+      }
+    }))) : null))), showResource && errorList.map(function (d, i) {
       return /*#__PURE__*/React.createElement(Alert, {
         key: d.type,
         message: d.label,
@@ -818,7 +1126,7 @@ var Info = function Info(_, ref) {
           marginBottom: 12
         }
       });
-    }), /*#__PURE__*/React.createElement("div", {
+    }))), /*#__PURE__*/React.createElement("div", {
       className: "pisell-lowcode__booking-service-body-edit-footer"
     }, /*#__PURE__*/React.createElement("div", {
       className: "pisell-lowcode__booking-service-delete-wrap",
@@ -833,6 +1141,6 @@ var Info = function Info(_, ref) {
         form.submit();
       }
     }, locales.getText('pisell2.text.apply'))))));
-  }, [state.service.changeService, state.service.editModal, (_state$service$cacheI13 = state.service.cacheItem) === null || _state$service$cacheI13 === void 0 ? void 0 : _state$service$cacheI13.autoClose, locales, (_state$service7 = state.service) === null || _state$service7 === void 0 || (_state$service7 = _state$service7.cacheItem) === null || _state$service7 === void 0 || (_state$service7 = _state$service7._extend) === null || _state$service7 === void 0 ? void 0 : _state$service7.product_name, bundles, state.amountSymbol, state.channelDisabledEdit, (_state$service$cacheI14 = state.service.cacheItem) === null || _state$service$cacheI14 === void 0 || (_state$service$cacheI14 = _state$service$cacheI14._extend) === null || _state$service$cacheI14 === void 0 ? void 0 : _state$service$cacheI14.origin_total, isDiscount, isReason, state.renderType, (_state$bookingConfig4 = state.bookingConfig) === null || _state$bookingConfig4 === void 0 || (_state$bookingConfig4 = _state$bookingConfig4.config) === null || _state$bookingConfig4 === void 0 || (_state$bookingConfig4 = _state$bookingConfig4.basic) === null || _state$bookingConfig4 === void 0 || (_state$bookingConfig4 = _state$bookingConfig4.service_time) === null || _state$bookingConfig4 === void 0 ? void 0 : _state$bookingConfig4.value, SelectTime, durationProps, timeObj, useResource, useLikeStatus, resourceLoading, selectOpen, state.service.resources, errorList, useTotal]);
+  }, [state.service.changeService, state.service.editModal, (_state$service$cacheI13 = state.service.cacheItem) === null || _state$service$cacheI13 === void 0 ? void 0 : _state$service$cacheI13.autoClose, locales, (_state$service10 = state.service) === null || _state$service10 === void 0 || (_state$service10 = _state$service10.cacheItem) === null || _state$service10 === void 0 || (_state$service10 = _state$service10._extend) === null || _state$service10 === void 0 ? void 0 : _state$service10.product_name, bundles, state.amountSymbol, state.channelDisabledEdit, (_state$service$cacheI14 = state.service.cacheItem) === null || _state$service$cacheI14 === void 0 || (_state$service$cacheI14 = _state$service$cacheI14._extend) === null || _state$service$cacheI14 === void 0 ? void 0 : _state$service$cacheI14.origin_total, isDiscount, isReason, state.renderType, (_state$bookingConfig4 = state.bookingConfig) === null || _state$bookingConfig4 === void 0 || (_state$bookingConfig4 = _state$bookingConfig4.config) === null || _state$bookingConfig4 === void 0 || (_state$bookingConfig4 = _state$bookingConfig4.basic) === null || _state$bookingConfig4 === void 0 || (_state$bookingConfig4 = _state$bookingConfig4.service_time) === null || _state$bookingConfig4 === void 0 ? void 0 : _state$bookingConfig4.value, SelectTime, durationProps, timeObj, useResource, useLikeStatus, resourceLoading, selectOpen, state.service.resources, errorList, useTotal, useStartDate, useEndDate, showResource, holderLists, multiDayPrices, currentTab, items, isEventBookingMode]);
 };
 export default /*#__PURE__*/forwardRef(Info);