@pisell/private-materials 6.2.24 → 6.2.26

package/es/components/booking/components/footer/index.js

@@ -33,7 +33,7 @@ import { getSumTotal, is_price_include_tax } from "./amount";
 import "./index.less";
 import { createEventBooking, editEventBooking } from "./serve";
 import { checkHolderIsError, formatValues } from "./utils";
-import VoucherCard from "../voucher";
+import NoteModal from "../../../../plus/noteModal";
 import { SubTotal } from "../../../../index";
 import { useIsBooking4Shop } from "../../hooks/useIsBooking4Shop";
 import { sendWarningLog } from '@pisell/utils';
@@ -47,7 +47,7 @@ import dayjs from 'dayjs';
  * @Date: 2024-01-30 16:51
  */
 var Footer = function Footer(props) {
-  var _context$appHelper, _state$bookingConfig2, _state$bookingConfig4, _state$addons2, _businessUtils$getApp, _businessUtils$getApp2, _state$bookingDetail8, _state$addons4, _state$bookingDetail16, _state$bookingDetail17;
+  var _context$appHelper, _state$bookingConfig2, _state$bookingConfig4, _state$addons2, _state$bookingDetail8, _state$addons4, _state$bookingDetail16, _state$bookingDetail17, _state$notes2;
   var state = props.state,
     buttons = props.buttons,
     dispatch = props.dispatch,
@@ -67,10 +67,15 @@ var Footer = function Footer(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     checkoutLoading = _useState6[0],
     setCheckoutLoading = _useState6[1];
+  // note modal state
   var _useState7 = useState(false),
     _useState8 = _slicedToArray(_useState7, 2),
-    isShowPaymentLink = _useState8[0],
-    setIsShowPaymentLink = _useState8[1];
+    noteModalOpen = _useState8[0],
+    setNoteModalOpen = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    isShowPaymentLink = _useState10[0],
+    setIsShowPaymentLink = _useState10[1];
   var isBooking4Shop = useIsBooking4Shop(state);
   var appointmentProductRef = useRef(null);
   var context = useEngineContext();
@@ -237,11 +242,9 @@ var Footer = function Footer(props) {
 
     return false;
   }, [state, params]);
-
-  // 是否安装商品券应用
-  var hasGoodPassApp = !!(businessUtils !== null && businessUtils !== void 0 && (_businessUtils$getApp = businessUtils.getAppByModal) !== null && _businessUtils$getApp !== void 0 && _businessUtils$getApp.call(businessUtils, 'goodpass'));
-  var hasDiscountCardApp = !!(businessUtils !== null && businessUtils !== void 0 && (_businessUtils$getApp2 = businessUtils.getAppByModal) !== null && _businessUtils$getApp2 !== void 0 && _businessUtils$getApp2.call(businessUtils, 'discountcard'));
-  console.log('has goodpass app:', hasGoodPassApp);
+  var isDisabledCheckOutForNegativeOrder = useMemo(function () {
+    return total.expectAmount < 0 && state.isBookingTicket2;
+  }, [total, state.isBookingTicket2]);
 
   /**
    * @title: 跳转到 checkout页面
@@ -252,7 +255,7 @@ var Footer = function Footer(props) {
    * @Date: 2024-01-30 16:53
    */
   var goCheckout = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(order_id) {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(order_id, isNewOrder) {
       var _interaction$utils, _interaction$utils$po;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -272,7 +275,9 @@ var Footer = function Footer(props) {
               key: 'booking_checkout',
               data: {
                 order_id: order_id,
-                callbackType: 'pisell2'
+                callbackType: 'pisell2',
+                // 是新创建订单传递newOrder terminal内会执行弃单逻辑 编辑订单时不走弃单逻辑
+                newOrder: isNewOrder
               }
             }));
           case 4:
@@ -291,7 +296,7 @@ var Footer = function Footer(props) {
         }
       }, _callee);
     }));
-    return function goCheckout(_x) {
+    return function goCheckout(_x, _x2) {
       return _ref.apply(this, arguments);
     };
   }();
@@ -305,37 +310,38 @@ var Footer = function Footer(props) {
    */
   var handleCheckout = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-      var isHasDayProducts, res;
+      var isNewOrder, isHasDayProducts, res;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
+            isNewOrder = !state.bookingId; // 如果有编辑内容, 则先保存
             if (!isEdit) {
-              _context2.next = 10;
+              _context2.next = 11;
               break;
             }
             if (!isDayBooking(state)) {
-              _context2.next = 5;
+              _context2.next = 6;
               break;
             }
             isHasDayProducts = handleDaySubmit();
             if (!isHasDayProducts) {
-              _context2.next = 5;
+              _context2.next = 6;
               break;
             }
             return _context2.abrupt("return");
-          case 5:
-            _context2.next = 7;
+          case 6:
+            _context2.next = 8;
             return handleSave({
               type: 'checkout',
               messageShow: !(isTerminal !== null && isTerminal !== void 0 && isTerminal())
             });
-          case 7:
+          case 8:
             res = _context2.sent;
-            goCheckout((res === null || res === void 0 ? void 0 : res.order_id) || state.bookingId);
+            goCheckout((res === null || res === void 0 ? void 0 : res.order_id) || state.bookingId, isNewOrder);
             return _context2.abrupt("return");
-          case 10:
-            return _context2.abrupt("return", goCheckout(state.bookingId));
           case 11:
+            return _context2.abrupt("return", goCheckout(state.bookingId, isNewOrder));
+          case 12:
           case "end":
             return _context2.stop();
         }
@@ -471,7 +477,7 @@ var Footer = function Footer(props) {
           case 20:
             _context4.prev = 20;
             callbackData = null; // 格式化提交的参数
-            values = formatValues(_objectSpread(_objectSpread({}, state), saveOtherValue)); // 区分是新增还是编辑
+            values = formatValues(_objectSpread(_objectSpread({}, state), saveOtherValue), context); // 区分是新增还是编辑
             api = state.bookingId ? editApi : createApi; // 增加日志记录
             sendWarningLog({
               title: 'saveBooking',
@@ -552,7 +558,7 @@ var Footer = function Footer(props) {
         }
       }, _callee4, null, [[20, 38]]);
     }));
-    return function handleSave(_x2) {
+    return function handleSave(_x3) {
       return _ref5.apply(this, arguments);
     };
   }();
@@ -592,7 +598,7 @@ var Footer = function Footer(props) {
         }
       }, _callee5);
     }));
-    return function onSelect(_x3) {
+    return function onSelect(_x4) {
       return _ref6.apply(this, arguments);
     };
   }();
@@ -667,7 +673,7 @@ var Footer = function Footer(props) {
       onClick: function onClick() {
         handleCheckout();
       },
-      disabled: isDisabled
+      disabled: isDisabled || isDisabledCheckOutForNegativeOrder
     }, locales.getText('pisell2.text.checkout')));
   }, [isEdit, checkoutLoading, isDisabled, state, source]);
   var handleMenuClick = /*#__PURE__*/function () {
@@ -723,7 +729,7 @@ var Footer = function Footer(props) {
         }
       }, _callee6);
     }));
-    return function handleMenuClick(_x4) {
+    return function handleMenuClick(_x5) {
       return _ref7.apply(this, arguments);
     };
   }();
@@ -829,6 +835,38 @@ var Footer = function Footer(props) {
       loading: loading
     }, locales.getText('pisell2.text.save')));
   }, [loading, isDisabled, isEdit, infoEdit, addonsEdit, state]);
+  var handleNote = function handleNote() {
+    setNoteModalOpen(true);
+  };
+
+  // 备注弹窗确认回调
+  var handleNoteConfirm = function handleNoteConfirm(noteValue) {
+    dispatch({
+      type: 'setNotes',
+      payload: {
+        orderNote: noteValue,
+        edit: true
+      }
+    });
+    setNoteModalOpen(false);
+  };
+
+  // 备注弹窗删除回调
+  var handleNoteDelete = function handleNoteDelete() {
+    dispatch({
+      type: 'setNotes',
+      payload: {
+        orderNote: '',
+        edit: true
+      }
+    });
+    setNoteModalOpen(false);
+  };
+
+  // 备注弹窗取消回调
+  var handleNoteCancel = function handleNoteCancel() {
+    setNoteModalOpen(false);
+  };
 
   /**
    * @title: 完成按钮
@@ -904,6 +942,19 @@ var Footer = function Footer(props) {
       // style={{ backgroundColor: '#f04438', color: '#fff' }}
     }, locales.getText('pisell2.booking.info.text.clear-all')));
   }, []);
+  var noteButton = useMemo(function () {
+    return /*#__PURE__*/React.createElement(ConfigProvider, {
+      theme: {
+        token: {
+          colorPrimary: '#0d7fa9'
+        }
+      }
+    }, /*#__PURE__*/React.createElement(Button, {
+      className: "pisell-lowcode__booking-footer-buttons-item",
+      type: "primary",
+      onClick: handleNote
+    }, locales.getText('pisell2.ticket-booking.notes')));
+  }, []);
   var buttonMap = {
     checkout: checkoutButton,
     save: saveButton,
@@ -911,7 +962,8 @@ var Footer = function Footer(props) {
     refund: refundButton,
     paymentLink: paymentLinkButton,
     rebook: rebookButton,
-    clearAll: clearAllButton
+    clearAll: clearAllButton,
+    note: noteButton
   };
   var isShowClearAll = useMemo(function () {
     // 目前新建状态时展示清除全部按钮
@@ -985,12 +1037,16 @@ var Footer = function Footer(props) {
     // info
     if (source === 'info') {
       var _arr2 = [];
-      if (isShowClearAll) {
-        _arr2.push(buttonMap.clearAll);
-      }
+      // 注释掉清空按钮
+      // if (isShowClearAll) {
+      //   arr.push(buttonMap.clearAll);
+      // }
       // if (state.bookingId && isShowPaymentLink) {
       // 	arr.push(buttonMap.paymentLink);
       // }
+      if (state.isBookingTicket2) {
+        _arr2.push(buttonMap.note);
+      }
       // 有未支付金额 展示checkout
       if (isCheckout) {
         // 有未支付金额 展示checkout
@@ -1254,16 +1310,24 @@ var Footer = function Footer(props) {
         title: state === null || state === void 0 || (_state$bookingDetail15 = state.bookingDetail) === null || _state$bookingDetail15 === void 0 ? void 0 : _state$bookingDetail15.tax_title
       }
     },
-    // 订单折扣
+    // 订单折扣（优惠券等）
     {
       hidden: !state.bookingId,
       key: 'discount',
       value: total.shopDiscount
     },
+    // 手动折扣
+    {
+      hidden: !state.shop_discount || !!state.bookingId,
+      key: 'shop_discount',
+      value: Number(state.shop_discount) || 0,
+      label: locales.getText('pisell2.text.manual-price-adjustment')
+    },
     // 总计
     {
-      key: 'total',
-      value: total.expectAmount
+      key: 'expect_amount',
+      value: total.expectAmount,
+      label: locales.getText('pisell2.subtotal.total')
     },
     // 舍入金额
     {
@@ -1309,11 +1373,7 @@ var Footer = function Footer(props) {
     round: true,
     loading: showFooter,
     active: true
-  }, (hasGoodPassApp || hasDiscountCardApp) && ['addons', 'info'].includes(source) && !paymentRefundedStatus ? /*#__PURE__*/React.createElement(VoucherCard, {
-    state: state,
-    dispatch: dispatch,
-    source: source
-  }) : null, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__booking-footer-total"
   }, /*#__PURE__*/React.createElement("span", {
     className: "pisell-lowcode__booking-footer-left"
@@ -1377,6 +1437,13 @@ var Footer = function Footer(props) {
     className: "pisell-lowcode__booking-footer-buttons-item"
   }, actionMap.orderDetail.label)) : null, contextHolder, /*#__PURE__*/React.createElement(AppointmentProductModal, {
     ref: appointmentProductRef
+  }), noteModalOpen && /*#__PURE__*/React.createElement(NoteModal, {
+    open: noteModalOpen,
+    title: locales.getText('pisell2.text.add-order-notes'),
+    value: ((_state$notes2 = state.notes) === null || _state$notes2 === void 0 ? void 0 : _state$notes2.orderNote) || '',
+    onConfirm: handleNoteConfirm,
+    onDelete: handleNoteDelete,
+    onCancel: handleNoteCancel
   }));
 };
 export default Footer;

package/es/components/booking/components/footer/utils.js

@@ -10,7 +10,7 @@ import { isWalkIn } from "../../utils";
 import { getSumCapacity } from "../../info2/utilsByBooking";
 import { getDays } from "../../utils";
 import { appointmentTypes } from "../../info/service2/status";
-import { isDaysBooking, formatDayTime, isEventBooking, isNormalProductByDurationSchedule } from "../../info/service2/utils";
+import { isDaysBooking, formatDayTime, isEventBooking, isNormalProductByDurationSchedule, genRowKey } from "../../info/service2/utils";
 import { isArr, locales, sendWarningLog } from '@pisell/utils';
 import { PisellToast } from "@pisell/materials";
 var formatNote = function formatNote(data) {
@@ -125,7 +125,7 @@ var formatRelationDetails = function formatRelationDetails(list) {
   return (list || []).map(function (item) {
     return {
       num: item.product_quantity,
-      price: item.payment_price || 0,
+      price: item.original_price || 0,
       product_id: item.product_id,
       is_charge_tax: item.is_charge_tax,
       order_detail_id: item.order_detail_id
@@ -311,7 +311,7 @@ var getSourceProductPrice = function getSourceProductPrice(item) {
  * @Date: 2024-12-07 14:21
  */
 var formatProducts = function formatProducts(item, quantity) {
-  var _item$_extend15, _item$_extend16, _item$_extend17;
+  var _item$_extend15, _item$_extend16, _item$_extend17, _item$_extend18;
   var total = Number(item._extend.total);
   var origin_total = Number(item._extend.origin_total);
   var discount_amount = origin_total - total;
@@ -324,23 +324,27 @@ var formatProducts = function formatProducts(item, quantity) {
   var notManualDiscount = discount_list.filter(function (item) {
     return item.type !== 'product';
   });
+  if (item.isCustomItem) {
+    item.product_id = 0;
+  }
   return {
+    "name": item.name,
     "num": quantity || item._extend.quantity,
     "price": formatProductPrice(item),
     "source_product_price": getSourceProductPrice(item),
-    "product_id": (item === null || item === void 0 ? void 0 : item.product_id) || item.id,
+    "product_id": item !== null && item !== void 0 && item.product_id || item.product_id === 0 ? item.product_id : item.id,
     "discount_amount": notManualDiscount.length > 0 ? 0 : discount_amount,
     "product_discount_reason": item._extend.discount_reason || '',
     "is_charge_tax": item.is_charge_tax,
-    "note": (item === null || item === void 0 ? void 0 : item.note) || '',
+    "note": ((_item$_extend15 = item._extend) === null || _item$_extend15 === void 0 ? void 0 : _item$_extend15.note) || '',
     "discountway": item._extend.discountway || "num",
     "discount_per": item._extend.discount_per,
     "discount_type": item._extend.discount_type || discount_type,
     "order_detail_id": item._extend.order_detail_id || 0,
-    "product_bundle": formatProductBundle((_item$_extend15 = item._extend) === null || _item$_extend15 === void 0 || (_item$_extend15 = _item$_extend15.other) === null || _item$_extend15 === void 0 ? void 0 : _item$_extend15.bundle),
+    "product_bundle": formatProductBundle((_item$_extend16 = item._extend) === null || _item$_extend16 === void 0 || (_item$_extend16 = _item$_extend16.other) === null || _item$_extend16 === void 0 ? void 0 : _item$_extend16.bundle),
     "bundle_edit": item._extend.bundle_edit,
-    "product_option_item": formatProductOption((_item$_extend16 = item._extend) === null || _item$_extend16 === void 0 || (_item$_extend16 = _item$_extend16.other) === null || _item$_extend16 === void 0 ? void 0 : _item$_extend16.option),
-    "product_variant_id": ((_item$_extend17 = item._extend) === null || _item$_extend17 === void 0 || (_item$_extend17 = _item$_extend17.other) === null || _item$_extend17 === void 0 ? void 0 : _item$_extend17.product_variant_id) || 0,
+    "product_option_item": formatProductOption((_item$_extend17 = item._extend) === null || _item$_extend17 === void 0 || (_item$_extend17 = _item$_extend17.other) === null || _item$_extend17 === void 0 ? void 0 : _item$_extend17.option),
+    "product_variant_id": ((_item$_extend18 = item._extend) === null || _item$_extend18 === void 0 || (_item$_extend18 = _item$_extend18.other) === null || _item$_extend18 === void 0 ? void 0 : _item$_extend18.product_variant_id) || 0,
     "discount_list": notManualDiscount,
     metadata: formatMetaData(item)
   };
@@ -360,8 +364,8 @@ var formatDayRelationProducts = function formatDayRelationProducts(data, booking
 
   // 过滤出卡片中的普通商品
   var relation_products = list === null || list === void 0 ? void 0 : list.filter(function (item) {
-    var _item$_extend18;
-    var holderId = (_item$_extend18 = item._extend) === null || _item$_extend18 === void 0 ? void 0 : _item$_extend18.holder_id;
+    var _item$_extend19;
+    var holderId = (_item$_extend19 = item._extend) === null || _item$_extend19 === void 0 ? void 0 : _item$_extend19.holder_id;
     var bookingHolderId = booking_item._extend.holder_id;
     var isDayBookingProduct = appointmentTypes.includes(item.extension_type);
     return holderId && holderId === bookingHolderId && !isDayBookingProduct;
@@ -387,15 +391,15 @@ var formatAppointmentProductLists = function formatAppointmentProductLists(data)
 
     // 找出预约商品
     list = list.filter(function (item) {
-      var _item$_extend19;
-      return ((_item$_extend19 = item._extend) === null || _item$_extend19 === void 0 ? void 0 : _item$_extend19.holder_id) && !isNormalProductByDurationSchedule(item);
+      var _item$_extend20;
+      return ((_item$_extend20 = item._extend) === null || _item$_extend20 === void 0 ? void 0 : _item$_extend20.holder_id) && !isNormalProductByDurationSchedule(item);
     });
 
     // 对预约商品列表根据holder_id进行分组
     var groupMap = new Map();
     list.forEach(function (item) {
-      var _item$_extend20;
-      var key = (_item$_extend20 = item._extend) === null || _item$_extend20 === void 0 ? void 0 : _item$_extend20.holder_id; // 分组键
+      var _item$_extend21;
+      var key = (_item$_extend21 = item._extend) === null || _item$_extend21 === void 0 ? void 0 : _item$_extend21.holder_id; // 分组键
       if (!groupMap.has(key)) {
         groupMap.set(key, []);
       }
@@ -455,6 +459,13 @@ var formatBookings = function formatBookings(data, values) {
   var eventOtherParams = data.eventOtherParams;
   var bookings = [];
   list.forEach(function (item) {
+    // 自定义商品直接使用 _extend 中的数据，并将 id 转换为 0 提交给后端
+    if (item.isCustomItem) {
+      bookings.push(_objectSpread(_objectSpread({}, item._extend), {}, {
+        product_id: 0 // 确保后端接收到的 product_id 为 0
+      }));
+      return;
+    }
     var start_date = item._extend.startDate.format('YYYY-MM-DD');
     var end_date = item._extend.endDate.format('YYYY-MM-DD');
     var end_time = item._extend.endDate.format("HH:mm");
@@ -468,9 +479,9 @@ var formatBookings = function formatBookings(data, values) {
 
     // 跨日预约下的普通商品
     if (isDay) {
-      var _item$_extend21, _item$_extend22, _item$_extend23, _item$_extend24;
-      var startDate = ((_item$_extend21 = item._extend) === null || _item$_extend21 === void 0 ? void 0 : _item$_extend21.startDate) || ((_item$_extend22 = item._extend) === null || _item$_extend22 === void 0 ? void 0 : _item$_extend22.start_date);
-      var endDate = ((_item$_extend23 = item._extend) === null || _item$_extend23 === void 0 ? void 0 : _item$_extend23.endDate) || ((_item$_extend24 = item._extend) === null || _item$_extend24 === void 0 ? void 0 : _item$_extend24.end_date);
+      var _item$_extend22, _item$_extend23, _item$_extend24, _item$_extend25;
+      var startDate = ((_item$_extend22 = item._extend) === null || _item$_extend22 === void 0 ? void 0 : _item$_extend22.startDate) || ((_item$_extend23 = item._extend) === null || _item$_extend23 === void 0 ? void 0 : _item$_extend23.start_date);
+      var endDate = ((_item$_extend24 = item._extend) === null || _item$_extend24 === void 0 ? void 0 : _item$_extend24.endDate) || ((_item$_extend25 = item._extend) === null || _item$_extend25 === void 0 ? void 0 : _item$_extend25.end_date);
       var _formatDayTime = formatDayTime({
           startDate: startDate,
           endDate: endDate
@@ -512,7 +523,8 @@ var formatBookings = function formatBookings(data, values) {
         cacheItem: item
       }) : item._extend.number || 1,
       "resources": formatResource(item),
-      "metadata": formatMetaData(item)
+      "metadata": formatMetaData(item),
+      "note": item._extend.note
     }, eventOtherParams || {}), dayParams);
     if (isDay) {
       bookings.push(booking);
@@ -606,7 +618,7 @@ export var formatValues = function formatValues(state) {
   var _values, _values3;
   var values = {
     type: state.renderType === 'eventBooking' ? "event_booking_v2" : "appointment_booking",
-    platform: "shop",
+    platform: state.isBookingTicket2 ? "pos" : "shop",
     sales_channel: "my_pisel",
     bookings: [],
     customer_id: 1,
@@ -621,9 +633,11 @@ export var formatValues = function formatValues(state) {
     // 备注
     values.shop_note = formatNote(state);
   }
-  if (state.bookingId) {
-    values.shop_discount = state.bookingDetail.shop_discount;
-    values.shop_discount_reason = state.bookingDetail.shop_discount_reason;
+
+  // 提交手动价格调整（shop_discount）
+  if (state.shop_discount && Number(state.shop_discount) > 0) {
+    values.shop_discount = state.shop_discount;
+    values.shop_discount_reason = '';
   }
   if (state.contacts) {
     var _state$contacts;
@@ -672,21 +686,35 @@ export var formatValues = function formatValues(state) {
 // 检测预约主体是否为空
 export var checkHolderIsError = function checkHolderIsError(state) {
   var _state$client;
+  var errorRowKey = "";
   var holderError = state.service.value.some(function (item) {
-    var _item$_extend25;
+    var _item$_extend27;
     // 普通商品不需要检测holder
     if (isNormalProductByDurationSchedule(item)) {
       return false;
     }
     if (item._extend.quantity === 1 && !item._extend.holder_id) {
+      var _item$_extend26;
+      errorRowKey = genRowKey(item === null || item === void 0 || (_item$_extend26 = item._extend) === null || _item$_extend26 === void 0 || (_item$_extend26 = _item$_extend26.other) === null || _item$_extend26 === void 0 ? void 0 : _item$_extend26.rowKey);
       return true;
     }
-    if (item._extend.quantity > 1 && ((_item$_extend25 = item._extend) === null || _item$_extend25 === void 0 || (_item$_extend25 = _item$_extend25.holder_id) === null || _item$_extend25 === void 0 ? void 0 : _item$_extend25.length) !== item._extend.quantity) {
+    if (item._extend.quantity > 1 && ((_item$_extend27 = item._extend) === null || _item$_extend27 === void 0 || (_item$_extend27 = _item$_extend27.holder_id) === null || _item$_extend27 === void 0 ? void 0 : _item$_extend27.length) !== item._extend.quantity) {
+      var _item$_extend28;
+      errorRowKey = genRowKey(item === null || item === void 0 || (_item$_extend28 = item._extend) === null || _item$_extend28 === void 0 || (_item$_extend28 = _item$_extend28.other) === null || _item$_extend28 === void 0 ? void 0 : _item$_extend28.rowKey);
       return true;
     }
     return false;
   });
   var clientId = (_state$client = state.client) === null || _state$client === void 0 || (_state$client = _state$client.value) === null || _state$client === void 0 ? void 0 : _state$client.id;
+  if (holderError) {
+    var dom = document.getElementById(errorRowKey);
+    if (dom) {
+      dom.scrollIntoView({
+        behavior: 'smooth',
+        block: 'start'
+      });
+    }
+  }
   if (holderError && (!clientId || clientId === 0 || clientId === 1)) {
     PisellToast({
       content: locales.getText('pisell2.text.please-select-the-customer-first')

package/es/components/booking/components/tabPane/index.js

@@ -1,15 +1,63 @@
-import React from "react";
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React, { useMemo } from "react";
 import AuthWrap from "../authWrap";
 import { Skeleton } from "antd";
 import "./index.less";
 import classNames from "classnames";
+import useEngineContext from "../../../../hooks/useEngineContext";
+import VoucherCard from "../voucher";
+import ActionButtons from "../actionButtons";
 var TabPane = function TabPane(_ref) {
+  var _context$appHelper, _businessUtils$getApp, _businessUtils$getApp2, _state$service, _state$addons, _state$client, _state$service2, _state$addons2, _state$client2;
   var children = _ref.children,
     header = _ref.header,
     footer = _ref.footer,
     style = _ref.style,
     loading = _ref.loading,
-    bodyClassName = _ref.bodyClassName;
+    bodyClassName = _ref.bodyClassName,
+    state = _ref.state,
+    dispatch = _ref.dispatch,
+    source = _ref.source;
+  var context = useEngineContext();
+  var _ref2 = ((_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils) || {},
+    businessUtils = _ref2.businessUtils;
+
+  // 是否安装商品券应用
+  var hasGoodPassApp = !!(businessUtils !== null && businessUtils !== void 0 && (_businessUtils$getApp = businessUtils.getAppByModal) !== null && _businessUtils$getApp !== void 0 && _businessUtils$getApp.call(businessUtils, 'goodpass'));
+  var hasDiscountCardApp = !!(businessUtils !== null && businessUtils !== void 0 && (_businessUtils$getApp2 = businessUtils.getAppByModal) !== null && _businessUtils$getApp2 !== void 0 && _businessUtils$getApp2.call(businessUtils, 'discountcard'));
+
+  // 支付退款状态
+  var paymentRefundedStatus = useMemo(function () {
+    var _state$bookingDetail;
+    return ['partially_refunded', 'refunded'].includes(state === null || state === void 0 || (_state$bookingDetail = state.bookingDetail) === null || _state$bookingDetail === void 0 ? void 0 : _state$bookingDetail.payment_status);
+  }, [state === null || state === void 0 ? void 0 : state.bookingDetail]);
+
+  // 是否显示 voucher 模块的基础条件
+  var voucherBaseCondition = (hasGoodPassApp || hasDiscountCardApp) && ['addons', 'info'].includes(source) && !paymentRefundedStatus;
+
+  // 票务预订显示独立的 voucher 模块
+  var shouldShowTerminalVoucher = voucherBaseCondition && (state === null || state === void 0 ? void 0 : state.isBookingTicket2);
+
+  // 非票务预订显示在 footer 中的 voucher 模块
+  var shouldShowFooterVoucher = voucherBaseCondition && !(state !== null && state !== void 0 && state.isBookingTicket2);
+
+  // 处理订单备注变更
+  var addNote = function addNote(noteValue) {
+    if (dispatch) {
+      dispatch({
+        type: 'setNotes',
+        payload: {
+          orderNote: noteValue,
+          edit: true
+        }
+      });
+    }
+  };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__booking-tab-pane-wrap",
     style: style
@@ -25,11 +73,44 @@ var TabPane = function TabPane(_ref) {
     style: {
       padding: 20
     }
-  }, children)), /*#__PURE__*/React.createElement(AuthWrap, {
-    show: !!footer,
+  }, children)), shouldShowTerminalVoucher && state && dispatch && /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__booking-tab-pane-voucher-section"
+  }, /*#__PURE__*/React.createElement(VoucherCard, {
+    state: _objectSpread(_objectSpread({}, state), {}, {
+      service: _objectSpread(_objectSpread({}, state.service || {}), {}, {
+        value: ((_state$service = state.service) === null || _state$service === void 0 ? void 0 : _state$service.value) || []
+      }),
+      addons: _objectSpread(_objectSpread({}, state.addons || {}), {}, {
+        value: ((_state$addons = state.addons) === null || _state$addons === void 0 ? void 0 : _state$addons.value) || []
+      }),
+      client: _objectSpread(_objectSpread({}, state.client || {}), {}, {
+        value: ((_state$client = state.client) === null || _state$client === void 0 ? void 0 : _state$client.value) || {}
+      })
+    }),
+    dispatch: dispatch,
+    source: source
+  }), /*#__PURE__*/React.createElement(ActionButtons, {
+    state: state,
+    dispatch: dispatch
+  })), /*#__PURE__*/React.createElement(AuthWrap, {
+    show: !!footer || shouldShowFooterVoucher,
     trueRender: /*#__PURE__*/React.createElement("div", {
       className: "pisell-lowcode__booking-tab-pane-footer"
-    }, footer)
+    }, shouldShowFooterVoucher && state && dispatch && /*#__PURE__*/React.createElement(VoucherCard, {
+      state: _objectSpread(_objectSpread({}, state), {}, {
+        service: _objectSpread(_objectSpread({}, state.service || {}), {}, {
+          value: ((_state$service2 = state.service) === null || _state$service2 === void 0 ? void 0 : _state$service2.value) || []
+        }),
+        addons: _objectSpread(_objectSpread({}, state.addons || {}), {}, {
+          value: ((_state$addons2 = state.addons) === null || _state$addons2 === void 0 ? void 0 : _state$addons2.value) || []
+        }),
+        client: _objectSpread(_objectSpread({}, state.client || {}), {}, {
+          value: ((_state$client2 = state.client) === null || _state$client2 === void 0 ? void 0 : _state$client2.value) || {}
+        })
+      }),
+      dispatch: dispatch,
+      source: source
+    }), footer)
   })));
 };
 export default TabPane;