@pisell/private-materials 3.0.200 → 3.0.202

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

@@ -44,6 +44,7 @@ var import_index = require("./index.less");
 var import_collapsibleList = __toESM(require("../../../components/collapsibleList"));
 var import_utils2 = require("../../../components/collapsibleList/utils");
 var import_ahooks = require("ahooks");
+var import_BookingList = __toESM(require("./BookingList"));
 var import_utils3 = require("../../../utils");
 var import_like = __toESM(require("../like"));
 var import_mock = require("../../../mock");
@@ -52,9 +53,14 @@ var import_materials = require("@pisell/materials");
 var import_dayjs = __toESM(require("dayjs"));
 var import_useSelectPet = __toESM(require("../../service2/hooks/useSelectPet"));
 var import_utils5 = require("../../service2/utils");
+var import_utils6 = require("../../service2/Group/utils");
+var import_utils7 = require("../../service2/Group/utils");
+var import_utils8 = require("../../utils");
+var import_serviceManager = require("../serviceManager");
+var import_EditTabs = __toESM(require("./EditTabs"));
 var submitLock = false;
 var Info = (_, ref) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F;
   const [form] = import_antd.Form.useForm();
   const useTotal = import_antd.Form.useWatch("total", form);
   const useLikeStatus = import_antd.Form.useWatch("like_status", form);
@@ -67,12 +73,15 @@ var Info = (_, ref) => {
   const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
   const [selectOpen, setSelectOpen] = (0, import_react.useState)();
   const { holderLists } = (0, import_useSelectPet.default)(state);
-  const isDay = (0, import_react.useMemo)(() => {
+  const { editBookingData, editBooking } = (0, import_serviceManager.useService)({ state, dispatch });
+  const [currentTab, setCurrentTab] = (0, import_react.useState)("batch_edit");
+  const isDayBookingMode = (0, import_react.useMemo)(() => {
     return (0, import_utils5.isDayBooking)(state);
-  }, [state.renderType]);
+  }, [state == null ? void 0 : state.renderType]);
   const getCurrentCacheItem = (_cacheItem) => {
+    var _a2;
     let values = form.getFieldsValue();
-    let _item = _cacheItem || state.service.cacheItem;
+    let _item = _cacheItem || ((_a2 = state == null ? void 0 : state.service) == null ? void 0 : _a2.cacheItem);
     return {
       ..._item,
       _extend: {
@@ -143,7 +152,7 @@ var Info = (_, ref) => {
           resources: (0, import_utils4.formatResources)({
             cacheItem: _cacheItem,
             resourcesOrigin: _list,
-            isDay
+            isDay: isDayBookingMode
           })
         }
       });
@@ -170,7 +179,11 @@ var Info = (_, ref) => {
     }
     let _list = [...state.service.value];
     let _id = (_a2 = state.service.cacheItem) == null ? void 0 : _a2._id;
-    _list = _list.filter((d) => d._id !== _id);
+    if ((0, import_utils7.isGroupBooking)(_id)) {
+      _list = (0, import_utils7.filterItemByGroupId)(_id, _list);
+    } else {
+      _list = _list.filter((d) => d._id !== _id);
+    }
     dispatch({
       type: "setService",
       payload: {
@@ -226,8 +239,7 @@ var Info = (_, ref) => {
     }
     form.setFieldsValue({ discount });
   };
-  const onFinish = (0, import_ahooks.useMemoizedFn)((values) => {
-    var _a2;
+  const onFinish = (0, import_ahooks.useMemoizedFn)(async (values) => {
     if (submitLock) {
       return;
     }
@@ -235,55 +247,16 @@ var Info = (_, ref) => {
     setTimeout(() => {
       submitLock = false;
     }, 1500);
-    let _list = [...state.service.value];
-    let _item = {
-      ...state.service.cacheItem,
-      autoClose: false,
-      errorList
-    };
-    let _extend = {
-      ..._item._extend,
-      ...values
-    };
-    if ((0, import_utils5.isAppointment)(state.service.cacheItem, state)) {
-      _extend.quantity = useDuration || 1;
-      _extend.startDate = _extend == null ? void 0 : _extend.start_date;
-      _extend.endDate = _extend == null ? void 0 : _extend.end_date;
-    } else {
-      const { startDate, endDate } = (0, import_utils3.getServiceTimes)({ _extend });
-      _extend.startDate = startDate;
-      _extend.endDate = endDate;
-    }
-    const { relation_type, item_id, schedule_id } = ((_a2 = currentResource == null ? void 0 : currentResource._extend) == null ? void 0 : _a2.usableTime) || {};
-    _extend.relation_type = relation_type || "form";
-    _extend.relation_id = item_id || (currentResource == null ? void 0 : currentResource.form_record_id) || 0;
-    _extend.schedule_id = schedule_id || 0;
-    if (_extend.bundle_edit !== void 0) {
-      _extend.bundle_edit = 1;
-    }
-    _item._extend = _extend;
-    _item._time = (/* @__PURE__ */ new Date()).getTime();
-    let _id = _item == null ? void 0 : _item._id;
-    if (!_list.some((d) => d._id === _id)) {
-      _list.push(_item);
-    } else {
-      _list = _list.map((d) => d._id === _id ? { ..._item, new: 0 } : d);
-    }
-    (0, import_utils3.deleteCacheParams)();
-    console.log("_onFinish", _list);
-    dispatch({
-      type: "setService",
-      payload: {
-        editModal: false,
-        addModal: false,
-        value: _list,
-        edit: true,
-        cacheItem: null,
-        changeService: false
+    const data = await editBookingData({
+      changeValues: {
+        ...values,
+        errorList
       }
     });
+    await editBooking({ booking: data });
   });
   const setEditData = (0, import_ahooks.useMemoizedFn)((_cacheItem, open) => {
+    setCurrentTab("batch_edit");
     let cacheItem = _cacheItem || state.service.cacheItem;
     let values = cacheItem._extend;
     values = {
@@ -302,7 +275,11 @@ var Info = (_, ref) => {
     return cPrice !== oPrice;
   }, [useTotal, (_e = (_d = state.service.cacheItem) == null ? void 0 : _d._extend) == null ? void 0 : _e.origin_total]);
   const errorList = (0, import_react.useMemo)(() => {
-    return (0, import_utils3.getErrorList)(currentResource, getCurrentCacheItem(), isDay);
+    return (0, import_utils3.getErrorList)(
+      currentResource,
+      getCurrentCacheItem(),
+      isDayBookingMode
+    );
   }, [currentResource, useDuration, useStartTime]);
   (0, import_ahooks.useUpdateEffect)(() => {
     var _a2;
@@ -348,11 +325,22 @@ var Info = (_, ref) => {
     var _a2, _b2, _c2, _d2;
     return ((_d2 = (_c2 = (_b2 = (_a2 = state.service) == null ? void 0 : _a2.cacheItem) == null ? void 0 : _b2._extend) == null ? void 0 : _c2.other) == null ? void 0 : _d2.bundle) || [];
   }, [(_n = (_m = (_l = (_k = state.service) == null ? void 0 : _k.cacheItem) == null ? void 0 : _l._extend) == null ? void 0 : _m.other) == null ? void 0 : _n.bundle]);
+  const multiDayPrices = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2;
+    return Object.entries(
+      (0, import_utils8.getMultiDayPrices)(((_c2 = (_b2 = (_a2 = state.service) == null ? void 0 : _a2.cacheItem) == null ? void 0 : _b2._extend) == null ? void 0 : _c2.multi_day) || [])
+    ).map(([key, value]) => {
+      return {
+        key,
+        value
+      };
+    });
+  }, [(_q = (_p = (_o = state.service) == null ? void 0 : _o.cacheItem) == null ? void 0 : _p._extend) == null ? void 0 : _q.multi_day]);
   const getResourcesData = async () => {
     setResourceLoading(true);
     try {
       let params = {};
-      if (isDay) {
+      if (isDayBookingMode) {
         const format = "YYYY-MM-DD HH:mm";
         const startDate = useStartDate || state.date.value;
         const endDate = useEndDate || state.date.end_date;
@@ -393,31 +381,42 @@ var Info = (_, ref) => {
       getResourcesData();
     }, 20);
   }, [
-    (_q = (_p = (_o = state.date) == null ? void 0 : _o.value) == null ? void 0 : _p.format) == null ? void 0 : _q.call(_p, "YYYY-MM-DD"),
-    (_r = state.date) == null ? void 0 : _r.end_date,
+    (_t = (_s = (_r = state.date) == null ? void 0 : _r.value) == null ? void 0 : _s.format) == null ? void 0 : _t.call(_s, "YYYY-MM-DD"),
+    (_u = state.date) == null ? void 0 : _u.end_date,
     useStartDate,
     useEndDate
   ]);
   const handleEdit = (0, import_ahooks.useMemoizedFn)((e) => {
-    var _a2, _b2, _c2, _d2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
     const item = state.service.cacheItem;
     let values = form.getFieldsValue();
+    let dayValue = {};
+    if (isDayBookingMode) {
+      const option = (_c2 = (_b2 = (_a2 = item._extend) == null ? void 0 : _a2.other) == null ? void 0 : _b2.option) == null ? void 0 : _c2.map((o) => {
+        return {
+          ...o,
+          option_group_item_id: o.product_option_item_id
+        };
+      });
+      dayValue.product_variant = ((_e2 = (_d2 = item._extend) == null ? void 0 : _d2.other) == null ? void 0 : _e2.product_variant_id) || 0;
+      dayValue.product_option = option || [];
+    }
     state.action({
       type: "pisell1.handleOpenProductModal",
       data: {
         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: {
-          ...item._extend.other,
-          product_variant: ((_b2 = (_a2 = item._extend) == null ? void 0 : _a2.other) == null ? void 0 : _b2.product_variant_id) || 0,
-          product_option: ((_d2 = (_c2 = item._extend) == null ? void 0 : _c2.other) == null ? void 0 : _d2.option) || []
-        }
+          ...((_f2 = item._extend) == null ? void 0 : _f2.other) || {},
+          ...dayValue
+        },
+        customer_id: isDayBookingMode ? ((_h2 = (_g2 = state.client) == null ? void 0 : _g2.value) == null ? void 0 : _h2.id) || 1 : void 0
       },
       callback: (e2) => {
         var _a3, _b3, _c3, _d3;
@@ -447,9 +446,12 @@ var Info = (_, ref) => {
             cacheItem
           }
         });
-        form.setFieldsValue({
-          total: _total
-        });
+        setTimeout(() => {
+          updateMultiDay({
+            start_date: values.start_date,
+            end_date: values.end_date
+          });
+        }, 100);
       }
     });
   });
@@ -472,7 +474,7 @@ var Info = (_, ref) => {
       init: setEditData
     };
   });
-  const SelectTime = (_s = window.BaseMaterials) == null ? void 0 : _s.SelectTime;
+  const SelectTime = (_v = window.BaseMaterials) == null ? void 0 : _v.SelectTime;
   const DateCom = (position) => {
     return /* @__PURE__ */ import_react.default.createElement(
       import_antd.DatePicker,
@@ -485,11 +487,46 @@ var Info = (_, ref) => {
       }
     );
   };
+  const updateMultiDay = async ({ start_date, end_date, duration }) => {
+    const cacheItem = await (0, import_utils4.getMultiDay)({
+      start_date,
+      end_date,
+      state,
+      cacheItem: getCurrentCacheItem()
+    });
+    if (duration !== void 0) {
+      cacheItem._extend.duration = duration;
+    }
+    cacheItem._extend.items = (0, import_utils6.createBookingItemsByGroup)(cacheItem);
+    cacheItem._extend = {
+      ...cacheItem._extend,
+      ...(0, import_utils6.getGroupTotalPrice)(cacheItem._extend.items)
+    };
+    dispatch({
+      type: "setService",
+      payload: {
+        cacheItem
+      }
+    });
+    let fieldsValues = {
+      total: cacheItem._extend.total
+    };
+    form.setFieldsValue(fieldsValues);
+  };
   const onValuesChange = (changedValues) => {
-    if (isDay) {
+    if (isDayBookingMode) {
       if (changedValues == null ? void 0 : changedValues.duration) {
-        return form.setFieldsValue({
-          end_date: (0, import_dayjs.default)(useStartDate).add(changedValues == null ? void 0 : changedValues.duration, "day")
+        const end_date = (0, import_dayjs.default)(useStartDate).add(
+          changedValues == null ? void 0 : changedValues.duration,
+          "day"
+        );
+        form.setFieldsValue({
+          end_date
+        });
+        return updateMultiDay({
+          start_date: useStartDate,
+          end_date,
+          duration: changedValues == null ? void 0 : changedValues.duration
         });
       }
       if (changedValues == null ? void 0 : changedValues.start_date) {
@@ -505,6 +542,9 @@ var Info = (_, ref) => {
       if ((changedValues == null ? void 0 : changedValues.start_date) || (changedValues == null ? void 0 : changedValues.end_date)) {
         const cacheItem = getCurrentCacheItem();
         const duration = (0, import_utils3.getDays)(cacheItem, "days");
+        const start_date = (changedValues == null ? void 0 : changedValues.start_date) || useStartDate;
+        const end_date = (changedValues == null ? void 0 : changedValues.end_date) || useEndDate;
+        updateMultiDay({ start_date, end_date, duration });
         return form.setFieldsValue({
           duration
         });
@@ -515,11 +555,24 @@ var Info = (_, ref) => {
     if (state.renderType === "eventBooking") {
       return false;
     }
-    if (isDay) {
-      return (0, import_utils5.isAppointment)(state.service.cacheItem, state);
+    if (isDayBookingMode) {
+      return (0, import_utils5.isDayBookingProduct)(state.service.cacheItem, state);
     }
     return true;
   }, [state.service.cacheItem, state.renderType]);
+  const items = (0, import_react.useMemo)(() => {
+    var _a2, _b2;
+    return ((_b2 = (_a2 = getCurrentCacheItem()) == null ? void 0 : _a2._extend) == null ? void 0 : _b2.items) || [];
+  }, [
+    getCurrentCacheItem(),
+    state.service.cacheItem,
+    useLikeStatus,
+    currentResource,
+    useTotal
+  ]);
+  const isEditGroup = (0, import_react.useMemo)(() => {
+    return items.length;
+  }, [items]);
   return (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2;
     return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
@@ -529,7 +582,7 @@ var Info = (_, ref) => {
         zIndex: state.service.changeService ? 999 : 1e3,
         forceRender: true,
         open: state.service.editModal && !((_a2 = state.service.cacheItem) == null ? void 0 : _a2.autoClose),
-        title: isDay ? import_utils.locales.getText("pisell2.text.edit-select-service") : import_utils.locales.getText("pisell2.text.edit-service"),
+        title: isDayBookingMode ? import_utils.locales.getText("pisell2.text.edit-select-service") : import_utils.locales.getText("pisell2.text.edit-service"),
         onClose: () => {
           dispatch({
             type: "setService",
@@ -541,188 +594,217 @@ var Info = (_, ref) => {
           });
         }
       },
-      /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-body-edit" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Page, null, /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Form,
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-body-edit" }, isEditGroup ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+        import_EditTabs.default,
+        {
+          value: currentTab,
+          onChange: (e) => {
+            console.log(e);
+            setCurrentTab(e);
+          }
+        }
+      ), /* @__PURE__ */ import_react.default.createElement(
+        "div",
         {
-          layout: "vertical",
-          form,
-          onFinish,
-          onValuesChange
+          className: "",
+          style: {
+            display: currentTab === "booking_list" ? "block" : "none"
+          }
         },
-        /* @__PURE__ */ import_react.default.createElement(import_antd.Row, { style: { width: "100%" }, gutter: [16, 0] }, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "product_name" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "current-service-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "current-service-info-name-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "current-service-info-name" }, ((_d2 = (_c2 = (_b2 = state.service) == null ? void 0 : _b2.cacheItem) == null ? void 0 : _c2._extend) == null ? void 0 : _d2.product_name) || "-"), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: handleEdit }, import_utils.locales.getText("pisell2.text.edit")), !isTerminalBooking && /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: handleChange }, import_utils.locales.getText("pisell2.text.change"))), /* @__PURE__ */ import_react.default.createElement(
-          import_collapsibleList.default,
-          {
-            style: { marginTop: bundles.length ? "8px" : 0 },
-            list: bundles,
-            renderItem: (item) => (0, import_utils2.renderBundles)(item, state.amountSymbol)
+        /* @__PURE__ */ import_react.default.createElement(import_BookingList.default, { items })
+      )) : null, /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: "",
+          style: {
+            display: currentTab === "batch_edit" ? "block" : "none"
           }
-        )))), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Form.Item,
-          {
-            label: import_utils.locales.getText("pisell2.text.price"),
-            name: "total",
-            rules: [{ required: true }],
-            extra: useTotal !== ((_f2 = (_e2 = state.service.cacheItem) == null ? void 0 : _e2._extend) == null ? void 0 : _f2.origin_total) && import_utils.locales.getText("page.booking.text.price-extra")(
-              (0, import_utils.formatAmount)(
-                (_h2 = (_g2 = state.service.cacheItem) == null ? void 0 : _g2._extend) == null ? void 0 : _h2.origin_total,
-                2,
-                state.amountSymbol
-              ),
-              (0, import_utils.formatAmount)(useTotal, 2, state.amountSymbol)
-            )
-          },
-          /* @__PURE__ */ import_react.default.createElement(
-            import_materials.PisellAdjustPriceInputNumber,
-            {
-              style: { width: "100%" },
-              min: 0,
-              precision: 2,
-              prefix: state.amountSymbol,
-              disabled: state.channelDisabledEdit,
-              originValue: ((_j2 = (_i2 = state.service.cacheItem) == null ? void 0 : _i2._extend) == null ? void 0 : _j2.origin_total) || 0,
-              placeholder: ((_l2 = (_k2 = state.service.cacheItem) == null ? void 0 : _k2._extend) == null ? void 0 : _l2.origin_total) || "0"
-            }
-          )
-        )), isReason ? /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Form.Item,
-          {
-            label: import_utils.locales.getText("pisell2.text.discount-reason"),
-            name: "discount_reason"
-          },
-          /* @__PURE__ */ import_react.default.createElement(import_antd.Input.TextArea, { size: "large" })
-        )) : null, showResource && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12 }, /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Form.Item,
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_materials.Page, null, /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Form,
           {
-            label: import_utils.locales.getText(
-              isDay ? "pisell2.text.start_date" : "pisell2.text.start_time"
-            ),
-            name: isDay ? "start_date" : "start_time",
-            rules: [{ required: true }]
+            layout: "vertical",
+            form,
+            onFinish,
+            onValuesChange
           },
-          isDay ? DateCom("start") : SelectTime ? /* @__PURE__ */ import_react.default.createElement(
-            SelectTime,
+          /* @__PURE__ */ import_react.default.createElement(import_antd.Row, { style: { width: "100%" }, gutter: [16, 0] }, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "product_name" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "current-service-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "current-service-info-name-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "current-service-info-name" }, ((_d2 = (_c2 = (_b2 = state.service) == null ? void 0 : _b2.cacheItem) == null ? void 0 : _c2._extend) == null ? void 0 : _d2.product_name) || "-"), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: handleEdit }, import_utils.locales.getText("pisell2.text.edit")), !isTerminalBooking && /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: handleChange }, import_utils.locales.getText("pisell2.text.change"))), /* @__PURE__ */ import_react.default.createElement(
+            import_collapsibleList.default,
             {
-              slice: (_p2 = (_o2 = (_n2 = (_m2 = state.bookingConfig) == null ? void 0 : _m2.config) == null ? void 0 : _n2.basic) == null ? void 0 : _o2.service_time) == null ? void 0 : _p2.value,
-              timePickerProps: {
-                style: { width: "100%" }
-              },
-              timeProps: {
-                style: { zoom: 0.8 }
-              }
+              style: { marginTop: bundles.length ? "8px" : 0 },
+              list: bundles,
+              renderItem: (item) => (0, import_utils2.renderBundles)(item, state.amountSymbol)
             }
-          ) : null
-        )), isDay ? /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12 }, /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Form.Item,
-          {
-            label: import_utils.locales.getText(
-              isDay ? "pisell2.text.end_date" : "pisell2.text.end_time"
-            ),
-            name: "end_date",
-            rules: [{ required: true }]
-          },
-          DateCom("end")
-        )) : null, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12 }, /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Form.Item,
-          {
-            label: import_utils.locales.getText("pisell2.text.duration"),
-            name: "duration",
-            rules: [{ required: true }]
-          },
-          /* @__PURE__ */ import_react.default.createElement(import_duration.default, { ...durationProps, timeObj })
-        )), isDay && (holderLists == null ? void 0 : holderLists.length) > 0 ? /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12 }, /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Form.Item,
-          {
-            label: import_utils.locales.getText("pisell2.text.holder"),
-            name: "holder_id",
-            rules: [{ required: true }]
-          },
-          /* @__PURE__ */ import_react.default.createElement(import_holder.default, { size: "large" })
-        )) : null, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Form.Item,
-          {
-            required: true,
-            label: import_utils.locales.getText("pisell2.text.resource")
-          },
-          /* @__PURE__ */ import_react.default.createElement("div", { className: "resource-col" }, /* @__PURE__ */ import_react.default.createElement(
-            import_antd.Button,
+          )))), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Form.Item,
             {
-              className: "resource-col-like-wrap",
-              disabled: !useResource,
-              onClick: () => {
-                handleLikeResource(
-                  useLikeStatus === "like" ? "common" : "like"
-                );
-              }
+              label: import_utils.locales.getText("pisell2.text.price"),
+              name: "total",
+              rules: [{ required: true }],
+              extra: useTotal !== ((_f2 = (_e2 = state.service.cacheItem) == null ? void 0 : _e2._extend) == null ? void 0 : _f2.origin_total) && import_utils.locales.getText("page.booking.text.price-extra")(
+                (0, import_utils.formatAmount)(
+                  (_h2 = (_g2 = state.service.cacheItem) == null ? void 0 : _g2._extend) == null ? void 0 : _h2.origin_total,
+                  2,
+                  state.amountSymbol
+                ),
+                (0, import_utils.formatAmount)(useTotal, 2, state.amountSymbol)
+              )
             },
             /* @__PURE__ */ import_react.default.createElement(
-              import_like.default,
+              import_materials.PisellAdjustPriceInputNumber,
               {
-                status: useLikeStatus
+                style: { width: "100%" },
+                min: 0,
+                precision: 2,
+                prefix: state.amountSymbol,
+                disabled: state.channelDisabledEdit,
+                originValue: ((_j2 = (_i2 = state.service.cacheItem) == null ? void 0 : _i2._extend) == null ? void 0 : _j2.origin_total) || 0,
+                placeholder: ((_l2 = (_k2 = state.service.cacheItem) == null ? void 0 : _k2._extend) == null ? void 0 : _l2.origin_total) || "0"
               }
             )
-          ), /* @__PURE__ */ import_react.default.createElement(
+          )), isReason ? /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Form.Item,
+            {
+              label: import_utils.locales.getText(
+                "pisell2.text.discount-reason"
+              ),
+              name: "discount_reason"
+            },
+            /* @__PURE__ */ import_react.default.createElement(import_antd.Input.TextArea, { size: "large" })
+          )) : null, showResource && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12 }, /* @__PURE__ */ import_react.default.createElement(
             import_antd.Form.Item,
             {
-              name: "resource",
-              noStyle: true,
+              label: import_utils.locales.getText(
+                isDayBookingMode ? "pisell2.text.start_date" : "pisell2.text.start_time"
+              ),
+              name: isDayBookingMode ? "start_date" : "start_time",
               rules: [{ required: true }]
             },
-            /* @__PURE__ */ import_react.default.createElement(
-              import_antd.Select,
+            isDayBookingMode ? DateCom("start") : SelectTime ? /* @__PURE__ */ import_react.default.createElement(
+              SelectTime,
               {
-                loading: resourceLoading,
-                size: "large",
-                allowClear: true,
-                showSearch: true,
-                open: selectOpen,
-                onDropdownVisibleChange: setSelectOpen,
-                filterOption: (str, option) => {
-                  return (option.labelText || "").toLowerCase().includes((str || "").toLowerCase());
+                slice: (_p2 = (_o2 = (_n2 = (_m2 = state.bookingConfig) == null ? void 0 : _m2.config) == null ? void 0 : _n2.basic) == null ? void 0 : _o2.service_time) == null ? void 0 : _p2.value,
+                timePickerProps: {
+                  style: { width: "100%" }
+                },
+                timeProps: {
+                  style: { zoom: 0.8 }
+                }
+              }
+            ) : null
+          )), isDayBookingMode ? /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12 }, /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Form.Item,
+            {
+              label: import_utils.locales.getText(
+                isDayBookingMode ? "pisell2.text.end_date" : "pisell2.text.end_time"
+              ),
+              name: "end_date",
+              rules: [{ required: true }]
+            },
+            DateCom("end")
+          )) : null, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12 }, /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Form.Item,
+            {
+              label: import_utils.locales.getText("pisell2.text.duration"),
+              name: "duration",
+              rules: [{ required: true }]
+            },
+            /* @__PURE__ */ import_react.default.createElement(import_duration.default, { ...durationProps, timeObj })
+          )), isDayBookingMode && (holderLists == null ? void 0 : holderLists.length) > 0 ? /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12 }, /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Form.Item,
+            {
+              label: import_utils.locales.getText("pisell2.text.holder"),
+              name: "holder_id",
+              rules: [{ required: true }]
+            },
+            /* @__PURE__ */ import_react.default.createElement(import_holder.default, { size: "large" })
+          )) : null, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Form.Item,
+            {
+              required: true,
+              label: import_utils.locales.getText("pisell2.text.resource")
+            },
+            /* @__PURE__ */ import_react.default.createElement("div", { className: "resource-col" }, /* @__PURE__ */ import_react.default.createElement(
+              import_antd.Button,
+              {
+                className: "resource-col-like-wrap",
+                disabled: !useResource,
+                onClick: () => {
+                  handleLikeResource(
+                    useLikeStatus === "like" ? "common" : "like"
+                  );
                 }
               },
-              renderOptions(
-                state.service.resources || [],
-                "form_record_id",
-                "label",
-                "resource"
+              /* @__PURE__ */ import_react.default.createElement(
+                import_like.default,
+                {
+                  status: useLikeStatus
+                }
               )
-            )
-          ))
-        )), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { hidden: true, name: "quantity" }, /* @__PURE__ */ import_react.default.createElement(import_antd.InputNumber, null)), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { hidden: true, name: "like_status" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Input, null))), isDay && !(0, import_utils5.isAppointment)(state.service.cacheItem, state) ? /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Form.Item,
-          {
-            label: import_utils.locales.getText("pisell2.text.quantity"),
-            name: "quantity",
-            rules: [{ required: true }]
-          },
-          /* @__PURE__ */ import_react.default.createElement(
-            import_antd.InputNumber,
+            ), /* @__PURE__ */ import_react.default.createElement(
+              import_antd.Form.Item,
+              {
+                name: "resource",
+                noStyle: true,
+                rules: [{ required: true }]
+              },
+              /* @__PURE__ */ import_react.default.createElement(
+                import_antd.Select,
+                {
+                  loading: resourceLoading,
+                  size: "large",
+                  allowClear: true,
+                  showSearch: true,
+                  open: selectOpen,
+                  onDropdownVisibleChange: setSelectOpen,
+                  filterOption: (str, option) => {
+                    return (option.labelText || "").toLowerCase().includes((str || "").toLowerCase());
+                  }
+                },
+                renderOptions(
+                  state.service.resources || [],
+                  "form_record_id",
+                  "label",
+                  "resource"
+                )
+              )
+            ))
+          )), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { hidden: true, name: "quantity" }, /* @__PURE__ */ import_react.default.createElement(import_antd.InputNumber, null)), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { hidden: true, name: "like_status" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Input, null))), isDayBookingMode && !(0, import_utils5.isDayBookingProduct)(state.service.cacheItem, state) ? /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Form.Item,
             {
-              size: "large",
-              style: { width: "100%" },
-              min: 1,
-              max: 999999,
-              formatter: (value) => {
-                if (value !== void 0) {
-                  return Math.floor(value);
+              label: import_utils.locales.getText("pisell2.text.quantity"),
+              name: "quantity",
+              rules: [{ required: true }]
+            },
+            /* @__PURE__ */ import_react.default.createElement(
+              import_antd.InputNumber,
+              {
+                size: "large",
+                style: { width: "100%" },
+                min: 1,
+                max: 999999,
+                formatter: (value) => {
+                  if (value !== void 0) {
+                    return Math.floor(value);
+                  }
+                  return value;
                 }
-                return value;
               }
+            )
+          )) : null)
+        )), showResource && errorList.map((d, i) => {
+          return /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Alert,
+            {
+              key: d.type,
+              message: d.label,
+              type: "warning",
+              showIcon: true,
+              style: { marginBottom: 12 }
             }
-          )
-        )) : null)
-      )), showResource && errorList.map((d, i) => {
-        return /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Alert,
-          {
-            key: d.type,
-            message: d.label,
-            type: "warning",
-            showIcon: true,
-            style: { marginBottom: 12 }
-          }
-        );
-      }), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-body-edit-footer" }, /* @__PURE__ */ import_react.default.createElement(
+          );
+        }))
+      ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-body-edit-footer" }, /* @__PURE__ */ import_react.default.createElement(
         "div",
         {
           className: "pisell-lowcode__booking-service-delete-wrap",
@@ -745,17 +827,17 @@ var Info = (_, ref) => {
   }, [
     state.service.changeService,
     state.service.editModal,
-    (_t = state.service.cacheItem) == null ? void 0 : _t.autoClose,
+    (_w = state.service.cacheItem) == null ? void 0 : _w.autoClose,
     import_utils.locales,
-    (_w = (_v = (_u = state.service) == null ? void 0 : _u.cacheItem) == null ? void 0 : _v._extend) == null ? void 0 : _w.product_name,
+    (_z = (_y = (_x = state.service) == null ? void 0 : _x.cacheItem) == null ? void 0 : _y._extend) == null ? void 0 : _z.product_name,
     bundles,
     state.amountSymbol,
     state.channelDisabledEdit,
-    (_y = (_x = state.service.cacheItem) == null ? void 0 : _x._extend) == null ? void 0 : _y.origin_total,
+    (_B = (_A = state.service.cacheItem) == null ? void 0 : _A._extend) == null ? void 0 : _B.origin_total,
     isDiscount,
     isReason,
     state.renderType,
-    (_C = (_B = (_A = (_z = state.bookingConfig) == null ? void 0 : _z.config) == null ? void 0 : _A.basic) == null ? void 0 : _B.service_time) == null ? void 0 : _C.value,
+    (_F = (_E = (_D = (_C = state.bookingConfig) == null ? void 0 : _C.config) == null ? void 0 : _D.basic) == null ? void 0 : _E.service_time) == null ? void 0 : _F.value,
     SelectTime,
     durationProps,
     timeObj,
@@ -769,7 +851,10 @@ var Info = (_, ref) => {
     useStartDate,
     useEndDate,
     showResource,
-    holderLists
+    holderLists,
+    multiDayPrices,
+    currentTab,
+    items
   ]);
 };
 var editService_default = (0, import_react.forwardRef)(Info);