@pisell/private-materials 3.0.200 → 3.0.202

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

@@ -25,23 +25,30 @@ import { Context } from "../../model";
 import { formatAmount, locales } from '@pisell/utils';
 import Duration from "../../../materiels/duration";
 import Holder from "../../../materiels/holder";
+import '@pisell/materials';
 import { Input, Button, Select, Row, Col, Form, Alert, InputNumber, DatePicker } from 'antd';
 import "./index.less";
 import CollapsibleList from "../../../components/collapsibleList";
 import { renderBundles } from "../../../components/collapsibleList/utils";
 import { useUpdateEffect, useMemoizedFn } from 'ahooks';
+import BookingList from "./BookingList";
 // import SelectTime from "../../../../../../../materials/src/components/select-time";
-import { getErrorList, getServiceTimes, deleteCacheParams, getProductTotalPrice, getDays } from "../../../utils";
+import { getErrorList, getProductTotalPrice, getDays } from "../../../utils";
 import Like from "../like";
 import { getNoResource } from "../../../mock";
-import { formatResources, getDurationProps, getFlexibleOption, getTimeObj } from "../addService/utils";
+import { formatResources, getDurationProps, getFlexibleOption, getTimeObj, getMultiDay } from "../addService/utils";
 import { PisellAdjustPriceInputNumber, Page } from '@pisell/materials';
 import dayjs from 'dayjs';
 import useSelectPet from "../../service2/hooks/useSelectPet";
-import { disabledDate as _disabledDate, isDayBooking, formatDayTime, isAppointment } from "../../service2/utils";
+import { disabledDate as _disabledDate, isDayBooking, formatDayTime, isDayBookingProduct } from "../../service2/utils";
+import { createBookingItemsByGroup, getGroupTotalPrice } from "../../service2/Group/utils";
+import { isGroupBooking, filterItemByGroupId } from "../../service2/Group/utils";
+import { getMultiDayPrices } from "../../utils";
+import { useService } from "../serviceManager";
+import EditTabs from "./EditTabs";
 var submitLock = false;
 var Info = function Info(_, ref) {
-  var _state$bookingConfig2, _state$bookingConfig3, _state$bookingConfig4, _state$service$cacheI4, _state$service$cacheI5, _state$service$cacheI7, _state$service$cacheI8, _state$service$cacheI9, _state$service3, _state$service3$cache, _state$service5, _state$service5$cache, _state$service5$cache2, _state$service5$cache3, _state$date, _state$date$value, _state$date$value$for, _state$date2, _window$BaseMaterials, _state$service$cacheI19, _state$service7, _state$service7$cache, _state$service7$cache2, _state$service$cacheI20, _state$service$cacheI21, _state$bookingConfig9, _state$bookingConfig10, _state$bookingConfig11, _state$bookingConfig12;
+  var _state$bookingConfig2, _state$bookingConfig3, _state$bookingConfig4, _state$service$cacheI4, _state$service$cacheI5, _state$service$cacheI7, _state$service$cacheI8, _state$service$cacheI9, _state$service4, _state$service4$cache, _state$service6, _state$service6$cache, _state$service6$cache2, _state$service6$cache3, _state$service8, _state$service8$cache, _state$service8$cache2, _state$date, _state$date$value, _state$date$value$for, _state$date2, _window$BaseMaterials, _state$service$cacheI19, _state$service10, _state$service10$cach, _state$service10$cach2, _state$service$cacheI20, _state$service$cacheI21, _state$bookingConfig9, _state$bookingConfig10, _state$bookingConfig11, _state$bookingConfig12;
   var _Form$useForm = Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
@@ -66,15 +73,26 @@ var Info = function Info(_, ref) {
     setSelectOpen = _useState4[1];
   var _useSelectPet = useSelectPet(state),
     holderLists = _useSelectPet.holderLists;
-  var isDay = useMemo(function () {
+  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.renderType]);
+  }, [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 ? 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)
     });
@@ -190,7 +208,7 @@ var Info = function Info(_, ref) {
                 resources: formatResources({
                   cacheItem: _cacheItem,
                   resourcesOrigin: _list,
-                  isDay: isDay
+                  isDay: isDayBookingMode
                 })
               }
             });
@@ -238,9 +256,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: {
@@ -349,84 +371,49 @@ 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;
-
-    // 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);
-
-    // 跨日预约
-    if (isAppointment(state.service.cacheItem, state)) {
-      // _extend = formatDayTime(_extend);
-
-      // 更新商品数量和更新日期
-      _extend.quantity = useDuration || 1;
-      _extend.startDate = _extend === null || _extend === void 0 ? void 0 : _extend.start_date;
-      _extend.endDate = _extend === null || _extend === void 0 ? void 0 : _extend.end_date;
-    } else {
-      var _getServiceTimes = getServiceTimes({
-          _extend: _extend
-        }),
-        startDate = _getServiceTimes.startDate,
-        endDate = _getServiceTimes.endDate;
-      _extend.startDate = startDate;
-      _extend.endDate = endDate;
-    }
-    var _ref2 = (currentResource === null || currentResource === void 0 ? 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;
+  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;
 
-    // 判断是新增还是编辑
-    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 (_x4) {
+      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;
 
@@ -466,7 +453,7 @@ var Info = function Info(_, ref) {
    * @Date: 2024-01-09 14:06
    */
   var errorList = useMemo(function () {
-    return getErrorList(currentResource, getCurrentCacheItem(), isDay);
+    return getErrorList(currentResource, getCurrentCacheItem(), isDayBookingMode);
   }, [currentResource, useDuration, useStartTime]);
 
   /**
@@ -530,22 +517,33 @@ var Info = function Info(_, ref) {
   // 	handleLikeResource("common");
   // }, [useResource]);
   var isDiscount = useMemo(function () {
-    var _state$service, _state$service2, _state$service2$cache;
-    if (!((_state$service = state.service) !== null && _state$service !== void 0 && _state$service.cacheItem)) {
+    var _state$service2, _state$service3, _state$service3$cache;
+    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 ? void 0 : (_state$service2$cache = _state$service2.cacheItem) === null || _state$service2$cache === void 0 ? void 0 : _state$service2$cache._extend.origin_total);
-  }, [useTotal, (_state$service3 = state.service) === null || _state$service3 === void 0 ? void 0 : (_state$service3$cache = _state$service3.cacheItem) === null || _state$service3$cache === void 0 ? void 0 : _state$service3$cache._extend.origin_total]);
+    return useTotal != ((_state$service3 = state.service) === null || _state$service3 === void 0 ? void 0 : (_state$service3$cache = _state$service3.cacheItem) === null || _state$service3$cache === void 0 ? void 0 : _state$service3$cache._extend.origin_total);
+  }, [useTotal, (_state$service4 = state.service) === null || _state$service4 === void 0 ? void 0 : (_state$service4$cache = _state$service4.cacheItem) === null || _state$service4$cache === void 0 ? void 0 : _state$service4$cache._extend.origin_total]);
   useEffect(function () {
     if (useResource === 0) {
       handleLikeResource('common');
     }
   }, [useResource]);
   var bundles = useMemo(function () {
-    var _state$service4, _state$service4$cache, _state$service4$cache2, _state$service4$cache3;
-    return ((_state$service4 = state.service) === null || _state$service4 === void 0 ? void 0 : (_state$service4$cache = _state$service4.cacheItem) === null || _state$service4$cache === void 0 ? void 0 : (_state$service4$cache2 = _state$service4$cache._extend) === null || _state$service4$cache2 === void 0 ? void 0 : (_state$service4$cache3 = _state$service4$cache2.other) === null || _state$service4$cache3 === void 0 ? void 0 : _state$service4$cache3.bundle) || [];
-  }, [(_state$service5 = state.service) === null || _state$service5 === void 0 ? void 0 : (_state$service5$cache = _state$service5.cacheItem) === null || _state$service5$cache === void 0 ? void 0 : (_state$service5$cache2 = _state$service5$cache._extend) === null || _state$service5$cache2 === void 0 ? void 0 : (_state$service5$cache3 = _state$service5$cache2.other) === null || _state$service5$cache3 === void 0 ? void 0 : _state$service5$cache3.bundle]);
-
+    var _state$service5, _state$service5$cache, _state$service5$cache2, _state$service5$cache3;
+    return ((_state$service5 = state.service) === null || _state$service5 === void 0 ? void 0 : (_state$service5$cache = _state$service5.cacheItem) === null || _state$service5$cache === void 0 ? void 0 : (_state$service5$cache2 = _state$service5$cache._extend) === null || _state$service5$cache2 === void 0 ? void 0 : (_state$service5$cache3 = _state$service5$cache2.other) === null || _state$service5$cache3 === void 0 ? void 0 : _state$service5$cache3.bundle) || [];
+  }, [(_state$service6 = state.service) === null || _state$service6 === void 0 ? void 0 : (_state$service6$cache = _state$service6.cacheItem) === null || _state$service6$cache === void 0 ? void 0 : (_state$service6$cache2 = _state$service6$cache._extend) === null || _state$service6$cache2 === void 0 ? void 0 : (_state$service6$cache3 = _state$service6$cache2.other) === null || _state$service6$cache3 === void 0 ? void 0 : _state$service6$cache3.bundle]);
+  var multiDayPrices = useMemo(function () {
+    var _state$service7, _state$service7$cache, _state$service7$cache2;
+    return Object.entries(getMultiDayPrices(((_state$service7 = state.service) === null || _state$service7 === void 0 ? void 0 : (_state$service7$cache = _state$service7.cacheItem) === null || _state$service7$cache === void 0 ? void 0 : (_state$service7$cache2 = _state$service7$cache._extend) === null || _state$service7$cache2 === void 0 ? void 0 : _state$service7$cache2.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 ? void 0 : (_state$service8$cache = _state$service8.cacheItem) === null || _state$service8$cache === void 0 ? void 0 : (_state$service8$cache2 = _state$service8$cache._extend) === null || _state$service8$cache2 === void 0 ? void 0 : _state$service8$cache2.multi_day]);
   /**
    * @title: 获取资源列表数据
    * @description:
@@ -554,16 +552,16 @@ var Info = function Info(_, ref) {
    * @Date: 2024-01-09 13:38
    */
   var getResourcesData = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
       var params, format, startDate, endDate, _formatDayTime, startDateTime, endDateTime, data, _list;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
             setResourceLoading(true);
-            _context2.prev = 1;
+            _context3.prev = 1;
             params = {};
-            if (!isDay) {
-              _context2.next = 13;
+            if (!isDayBookingMode) {
+              _context3.next = 13;
               break;
             }
             format = 'YYYY-MM-DD HH:mm';
@@ -574,21 +572,21 @@ var Info = function Info(_, ref) {
               endDate: endDate
             }), startDateTime = _formatDayTime.startDateTime, endDateTime = _formatDayTime.endDateTime;
             if (!dayjs(startDateTime).isAfter(dayjs(endDateTime))) {
-              _context2.next = 10;
+              _context3.next = 10;
               break;
             }
-            return _context2.abrupt("return");
+            return _context3.abrupt("return");
           case 10:
             params.check_time = {
               start_time: dayjs(startDateTime).format(format),
               end_time: dayjs(endDateTime).format(format)
             };
-            _context2.next = 14;
+            _context3.next = 14;
             break;
           case 13:
             params.with_date_times = state.date.value.format('YYYY-MM-DD');
           case 14:
-            _context2.next = 16;
+            _context3.next = 16;
             return state.apis.getResources(_objectSpread({
               skip: 1,
               num: 1000,
@@ -598,7 +596,7 @@ var Info = function Info(_, ref) {
               }
             }, params));
           case 16:
-            data = _context2.sent;
+            data = _context3.sent;
             // 合并无资源
             _list = [getNoResource()].concat((data === null || data === void 0 ? void 0 : data.list) || []);
             dispatch({
@@ -607,22 +605,22 @@ var Info = function Info(_, ref) {
                 resourcesOrigin: _list
               }
             });
-            _context2.next = 24;
+            _context3.next = 24;
             break;
           case 21:
-            _context2.prev = 21;
-            _context2.t0 = _context2["catch"](1);
-            console.log(_context2.t0, 'err');
+            _context3.prev = 21;
+            _context3.t0 = _context3["catch"](1);
+            console.log(_context3.t0, 'err');
           case 24:
             setResourceLoading(false);
           case 25:
           case "end":
-            return _context2.stop();
+            return _context3.stop();
         }
-      }, _callee2, null, [[1, 21]]);
+      }, _callee3, null, [[1, 21]]);
     }));
     return function getResourcesData() {
-      return _ref3.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }();
   useEffect(function () {
@@ -640,12 +638,24 @@ var Info = function Info(_, ref) {
    * @Date: 2024-08-28 17:08
    */
   var handleEdit = useMemoizedFn(function (e) {
-    var _item$_extend, _item$_extend$other, _item$_extend2, _item$_extend2$other;
+    var _item$_extend3, _state$client, _state$client$value;
     // 当前商品
     var item = state.service.cacheItem;
 
     // 表单数据
     var values = form.getFieldsValue();
+    var dayValue = {};
+    if (isDayBookingMode) {
+      var _item$_extend, _item$_extend$other, _item$_extend$other$o, _item$_extend2, _item$_extend2$other;
+      // 格式化单规格
+      var option = (_item$_extend = item._extend) === null || _item$_extend === void 0 ? void 0 : (_item$_extend$other = _item$_extend.other) === null || _item$_extend$other === void 0 ? void 0 : (_item$_extend$other$o = _item$_extend$other.option) === null || _item$_extend$other$o === void 0 ? void 0 : _item$_extend$other$o.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 ? void 0 : (_item$_extend2$other = _item$_extend2.other) === null || _item$_extend2$other === void 0 ? void 0 : _item$_extend2$other.product_variant_id) || 0;
+      dayValue.product_option = option || [];
+    }
 
     // 打开商品详情弹窗
     state.action({
@@ -654,15 +664,13 @@ var Info = function Info(_, ref) {
         id: item.id,
         date: state.date.value.format('YYYY-MM-DD'),
         showConfig: {
-          option: isDay ? true : false,
+          option: isDayBookingMode ? true : false,
           session: false,
-          variant: isDay ? true : false,
+          variant: isDayBookingMode ? true : false,
           package: true
         },
-        value: _objectSpread(_objectSpread({}, item._extend.other), {}, {
-          product_variant: ((_item$_extend = item._extend) === null || _item$_extend === void 0 ? void 0 : (_item$_extend$other = _item$_extend.other) === null || _item$_extend$other === void 0 ? void 0 : _item$_extend$other.product_variant_id) || 0,
-          product_option: ((_item$_extend2 = item._extend) === null || _item$_extend2 === void 0 ? void 0 : (_item$_extend2$other = _item$_extend2.other) === null || _item$_extend2$other === void 0 ? void 0 : _item$_extend2$other.option) || []
-        })
+        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 ? void 0 : (_state$client$value = _state$client.value) === null || _state$client$value === void 0 ? void 0 : _state$client$value.id) || 1 : undefined
       },
       callback: function callback(e) {
         var _cacheItem$_extend, _cacheItem$_extend$ot;
@@ -700,11 +708,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);
       }
     });
   });
@@ -759,6 +768,58 @@ var Info = function Info(_, ref) {
     });
   };
 
+  /**
+   * @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(_x5) {
+      return _ref7.apply(this, arguments);
+    };
+  }();
+
   /**
    * @title: 表单更新
    * @description:
@@ -769,11 +830,19 @@ var Info = function Info(_, ref) {
    */
   var onValuesChange = function onValuesChange(changedValues) {
     // 跨日预约
-    if (isDay) {
+    if (isDayBookingMode) {
       // 根据时长更新结束时间
       if (changedValues !== null && changedValues !== void 0 && changedValues.duration) {
-        return form.setFieldsValue({
-          end_date: dayjs(useStartDate).add(changedValues === null || changedValues === void 0 ? void 0 : changedValues.duration, 'day')
+        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
         });
       }
 
@@ -794,6 +863,13 @@ var Info = function Info(_, ref) {
       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
         });
@@ -814,14 +890,21 @@ var Info = function Info(_, ref) {
       return false;
     }
 
-    // 跨日预约
-    if (isDay) {
-      return isAppointment(state.service.cacheItem, state);
+    // 跨日预约 预约商品才展示
+    if (isDayBookingMode) {
+      return isDayBookingProduct(state.service.cacheItem, state);
     }
     return true;
   }, [state.service.cacheItem, state.renderType]);
+  var items = useMemo(function () {
+    var _getCurrentCacheItem, _getCurrentCacheItem$;
+    return ((_getCurrentCacheItem = getCurrentCacheItem()) === null || _getCurrentCacheItem === void 0 ? 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$cacheI10, _state$service6, _state$service6$cache, _state$service6$cache2, _state$service$cacheI11, _state$service$cacheI12, _state$service$cacheI13, _state$service$cacheI14, _state$service$cacheI15, _state$service$cacheI16, _state$service$cacheI17, _state$service$cacheI18, _state$bookingConfig5, _state$bookingConfig6, _state$bookingConfig7, _state$bookingConfig8;
+    var _state$service$cacheI10, _state$service9, _state$service9$cache, _state$service9$cache2, _state$service$cacheI11, _state$service$cacheI12, _state$service$cacheI13, _state$service$cacheI14, _state$service$cacheI15, _state$service$cacheI16, _state$service$cacheI17, _state$service$cacheI18, _state$bookingConfig5, _state$bookingConfig6, _state$bookingConfig7, _state$bookingConfig8;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Drawer
     //通过zIndex的方式控制  添加商品 和 编辑服务弹窗的上下层级
     , {
@@ -829,7 +912,7 @@ var Info = function Info(_, ref) {
       zIndex: state.service.changeService ? 999 : 1000,
       forceRender: true,
       open: state.service.editModal && !((_state$service$cacheI10 = state.service.cacheItem) !== null && _state$service$cacheI10 !== void 0 && _state$service$cacheI10.autoClose),
-      title: isDay ? locales.getText('pisell2.text.edit-select-service') : 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',
@@ -842,7 +925,25 @@ 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,
@@ -862,7 +963,7 @@ 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 ? void 0 : (_state$service6$cache = _state$service6.cacheItem) === null || _state$service6$cache === void 0 ? void 0 : (_state$service6$cache2 = _state$service6$cache._extend) === null || _state$service6$cache2 === void 0 ? void 0 : _state$service6$cache2.product_name) || '-'), /*#__PURE__*/React.createElement(Button, {
+    }, ((_state$service9 = state.service) === null || _state$service9 === void 0 ? void 0 : (_state$service9$cache = _state$service9.cacheItem) === null || _state$service9$cache === void 0 ? void 0 : (_state$service9$cache2 = _state$service9$cache._extend) === null || _state$service9$cache2 === void 0 ? void 0 : _state$service9$cache2.product_name) || '-'), /*#__PURE__*/React.createElement(Button, {
       onClick: handleEdit
     }, locales.getText('pisell2.text.edit')), !isTerminalBooking && /*#__PURE__*/React.createElement(Button, {
       onClick: handleChange
@@ -903,12 +1004,12 @@ var Info = function Info(_, ref) {
     }))) : null, showResource && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Col, {
       span: 12
     }, /*#__PURE__*/React.createElement(Form.Item, {
-      label: locales.getText(isDay ? 'pisell2.text.start_date' : 'pisell2.text.start_time'),
-      name: isDay ? 'start_date' : 'start_time',
+      label: locales.getText(isDayBookingMode ? 'pisell2.text.start_date' : 'pisell2.text.start_time'),
+      name: isDayBookingMode ? 'start_date' : 'start_time',
       rules: [{
         required: true
       }]
-    }, isDay ? DateCom('start') : SelectTime ? /*#__PURE__*/React.createElement(SelectTime, {
+    }, isDayBookingMode ? DateCom('start') : SelectTime ? /*#__PURE__*/React.createElement(SelectTime, {
       slice: (_state$bookingConfig5 = state.bookingConfig) === null || _state$bookingConfig5 === void 0 ? void 0 : (_state$bookingConfig6 = _state$bookingConfig5.config) === null || _state$bookingConfig6 === void 0 ? void 0 : (_state$bookingConfig7 = _state$bookingConfig6.basic) === null || _state$bookingConfig7 === void 0 ? void 0 : (_state$bookingConfig8 = _state$bookingConfig7.service_time) === null || _state$bookingConfig8 === void 0 ? void 0 : _state$bookingConfig8.value,
       timePickerProps: {
         style: {
@@ -920,10 +1021,10 @@ var Info = function Info(_, ref) {
           zoom: 0.8
         }
       }
-    }) : null)), isDay ? /*#__PURE__*/React.createElement(Col, {
+    }) : null)), isDayBookingMode ? /*#__PURE__*/React.createElement(Col, {
       span: 12
     }, /*#__PURE__*/React.createElement(Form.Item, {
-      label: locales.getText(isDay ? 'pisell2.text.end_date' : 'pisell2.text.end_time'),
+      label: locales.getText(isDayBookingMode ? 'pisell2.text.end_date' : 'pisell2.text.end_time'),
       name: "end_date",
       rules: [{
         required: true
@@ -938,7 +1039,7 @@ var Info = function Info(_, ref) {
       }]
     }, /*#__PURE__*/React.createElement(Duration, _extends({}, durationProps, {
       timeObj: timeObj
-    })))), isDay && (holderLists === null || holderLists === void 0 ? void 0 : holderLists.length) > 0 ? /*#__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'),
@@ -988,7 +1089,7 @@ 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))), isDay && !isAppointment(state.service.cacheItem, state) ? /*#__PURE__*/React.createElement(Col, {
+    }, /*#__PURE__*/React.createElement(Input, null))), isDayBookingMode && !isDayBookingProduct(state.service.cacheItem, state) ? /*#__PURE__*/React.createElement(Col, {
       span: 24
     }, /*#__PURE__*/React.createElement(Form.Item, {
       label: locales.getText('pisell2.text.quantity'),
@@ -1020,7 +1121,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",
@@ -1035,6 +1136,6 @@ var Info = function Info(_, ref) {
         form.submit();
       }
     }, locales.getText('pisell2.text.apply'))))));
-  }, [state.service.changeService, state.service.editModal, (_state$service$cacheI19 = state.service.cacheItem) === null || _state$service$cacheI19 === void 0 ? void 0 : _state$service$cacheI19.autoClose, locales, (_state$service7 = state.service) === null || _state$service7 === void 0 ? void 0 : (_state$service7$cache = _state$service7.cacheItem) === null || _state$service7$cache === void 0 ? void 0 : (_state$service7$cache2 = _state$service7$cache._extend) === null || _state$service7$cache2 === void 0 ? void 0 : _state$service7$cache2.product_name, bundles, state.amountSymbol, state.channelDisabledEdit, (_state$service$cacheI20 = state.service.cacheItem) === null || _state$service$cacheI20 === void 0 ? void 0 : (_state$service$cacheI21 = _state$service$cacheI20._extend) === null || _state$service$cacheI21 === void 0 ? void 0 : _state$service$cacheI21.origin_total, isDiscount, isReason, state.renderType, (_state$bookingConfig9 = state.bookingConfig) === null || _state$bookingConfig9 === void 0 ? void 0 : (_state$bookingConfig10 = _state$bookingConfig9.config) === null || _state$bookingConfig10 === void 0 ? void 0 : (_state$bookingConfig11 = _state$bookingConfig10.basic) === null || _state$bookingConfig11 === void 0 ? void 0 : (_state$bookingConfig12 = _state$bookingConfig11.service_time) === null || _state$bookingConfig12 === void 0 ? void 0 : _state$bookingConfig12.value, SelectTime, durationProps, timeObj, useResource, useLikeStatus, resourceLoading, selectOpen, state.service.resources, errorList, useTotal, useStartDate, useEndDate, showResource, holderLists]);
+  }, [state.service.changeService, state.service.editModal, (_state$service$cacheI19 = state.service.cacheItem) === null || _state$service$cacheI19 === void 0 ? void 0 : _state$service$cacheI19.autoClose, locales, (_state$service10 = state.service) === null || _state$service10 === void 0 ? void 0 : (_state$service10$cach = _state$service10.cacheItem) === null || _state$service10$cach === void 0 ? void 0 : (_state$service10$cach2 = _state$service10$cach._extend) === null || _state$service10$cach2 === void 0 ? void 0 : _state$service10$cach2.product_name, bundles, state.amountSymbol, state.channelDisabledEdit, (_state$service$cacheI20 = state.service.cacheItem) === null || _state$service$cacheI20 === void 0 ? void 0 : (_state$service$cacheI21 = _state$service$cacheI20._extend) === null || _state$service$cacheI21 === void 0 ? void 0 : _state$service$cacheI21.origin_total, isDiscount, isReason, state.renderType, (_state$bookingConfig9 = state.bookingConfig) === null || _state$bookingConfig9 === void 0 ? void 0 : (_state$bookingConfig10 = _state$bookingConfig9.config) === null || _state$bookingConfig10 === void 0 ? void 0 : (_state$bookingConfig11 = _state$bookingConfig10.basic) === null || _state$bookingConfig11 === void 0 ? void 0 : (_state$bookingConfig12 = _state$bookingConfig11.service_time) === null || _state$bookingConfig12 === void 0 ? void 0 : _state$bookingConfig12.value, SelectTime, durationProps, timeObj, useResource, useLikeStatus, resourceLoading, selectOpen, state.service.resources, errorList, useTotal, useStartDate, useEndDate, showResource, holderLists, multiDayPrices, currentTab, items]);
 };
 export default /*#__PURE__*/forwardRef(Info);