@pisell/private-materials 6.11.115 → 6.11.117

package/es/plus/pisellReservation/components/PisellReservationSubcomponents.js

@@ -6,9 +6,9 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 /**
  * 预约页拆出的轻量子组件（无业务数据请求）：
- * - `RecordBoardBodyViewCapture`：把当前 grid/floorMap 同步到父组件 ref，供 debounce effect 读 bodyView；
+ * - `RecordBoardBodyViewCapture`：同步 bodyView 到 ref，并可通知宿主；
  * - `ScheduleSyncOnFloorEnter`：从表格回到平面图/日历、或从日历回到平面图时，用当前营业日 patch 列表时间窗口；
- * - `PisellReservationToolbarTabs`：平面图下的日程带 + 表格/平面图 Segmented；
+ * - `PisellReservationToolbarTabs`：平面图/日历为日程带 + Segmented；表格 / 资源墙不展示日程带，仅 extraTabs；
  * - `ReservationGridTopRight` / `PisellReservationScheduleEndActions` / `ReservationFloorMapCanvasTabsTrailing`：工具栏与画布尾区。
  */
 import React, { useEffect, useMemo, useRef } from 'react';
@@ -16,15 +16,17 @@ import { locales } from '@pisell/utils';
 import { Button, Segmented } from 'antd';
 import { PisellReservationScheduleBand, useRecordBoardContext, useRecordBoardShellBodyMeta } from '@pisell/materials';
 import { mergeSearchParamsBookingWindow } from "../data/reservationDataUtils";
-import { I18N_AT_CURRENT_TIME, I18N_EDIT_MAP, I18N_EDIT_MAP_DONE, I18N_GO_CURRENT, I18N_NEW, I18N_NON_CURRENT_HINT, I18N_PAGE_TITLE, I18N_PAGE_TITLE_VENUE, I18N_VIEW_FLOOR, I18N_VIEW_GRID, I18N_VIEW_CALENDAR, I18N_CALENDAR_DAY, I18N_CALENDAR_WEEK, I18N_CALENDAR_MONTH, RESERVATION_TIMELINE_BUSINESS_RANGE } from "../reservationConstants";
+import { I18N_AT_CURRENT_TIME, I18N_EDIT_MAP, I18N_EDIT_MAP_DONE, I18N_GO_CURRENT, I18N_NEW, I18N_NON_CURRENT_HINT, I18N_PAGE_TITLE, I18N_PAGE_TITLE_VENUE, I18N_VIEW_FLOOR, I18N_VIEW_GRID, I18N_VIEW_CALENDAR, I18N_VIEW_RESOURCE_WALL, I18N_CALENDAR_DAY, I18N_CALENDAR_WEEK, I18N_CALENDAR_MONTH, RESERVATION_TIMELINE_BUSINESS_RANGE } from "../reservationConstants";
 
-/** 无 UI：仅将 RecordBoard Context 中的 `bodyView` 写入 ref */
+/** 无 UI：将 RecordBoard Context 中的 `bodyView` 写入 ref，并可选通知宿主（如预约页按视图切换 booking 的 form_record_ids） */
 export function RecordBoardBodyViewCapture(props) {
   var _useRecordBoardContex = useRecordBoardContext(),
     bodyView = _useRecordBoardContex.bodyView;
   useEffect(function () {
+    var _props$onBodyViewChan;
     props.bodyViewRef.current = bodyView;
-  }, [bodyView, props.bodyViewRef]);
+    (_props$onBodyViewChan = props.onBodyViewChange) === null || _props$onBodyViewChan === void 0 || _props$onBodyViewChan.call(props, bodyView);
+  }, [bodyView, props.bodyViewRef, props.onBodyViewChange]);
   return null;
 }
 
@@ -35,13 +37,13 @@ export function ScheduleSyncOnFloorEnter(props) {
   var prevRef = useRef(null);
   useEffect(function () {
     var prev = prevRef.current;
-    if (props.isInternalListData && (bodyView === 'floorMap' || bodyView === 'calendar') && prev !== null && prev !== 'floorMap' && prev !== 'calendar') {
+    if (props.isInternalListData && (bodyView === 'floorMap' || bodyView === 'calendar' || bodyView === 'resourceWall') && prev !== null && prev !== 'floorMap' && prev !== 'calendar' && prev !== 'resourceWall') {
       props.patchSearchParams(function (p) {
         return mergeSearchParamsBookingWindow(p, props.schedule.date);
       });
     }
-    /** 日历用视口整段区间；回到平面图需恢复为锚定营业日单日窗，避免仍按整月请求 */
-    if (props.isInternalListData && prev === 'calendar' && bodyView === 'floorMap') {
+    /** 日历 / 大屏用不同查询窗；回到平面图需恢复为锚定营业日单日窗，避免仍按整月请求 */
+    if (props.isInternalListData && (prev === 'calendar' || prev === 'resourceWall') && bodyView === 'floorMap') {
       props.patchSearchParams(function (p) {
         return mergeSearchParamsBookingWindow(p, props.schedule.date);
       });
@@ -51,8 +53,8 @@ export function ScheduleSyncOnFloorEnter(props) {
   return null;
 }
 /**
- * 顶栏 tabs：平面图下为日程带 + 时间轴 + 标题旁切换；表格下不展示 ScheduleBand，
- * 切换器由 RecordBoard 工具栏顶行（Find 左侧）承担，与历史行为一致。
+ * 顶栏 tabs：**仅平面图、日历**下为日程带 + 时间轴 + 标题旁切换；表格 / 资源墙不展示 ScheduleBand，
+ * 切换器由 RecordBoard 工具栏顶行承担（表格态在 Find 左侧；资源墙无 Find 时在顶行左侧），与历史行为一致。
  */
 export function PisellReservationToolbarTabs(props) {
   var _shellMeta$hasGridCon, _props$calendarGranul, _props$scheduleProps, _props$timeNavigatorP, _props$timeNavigatorP2, _props$timeNavigatorP3, _props$timeNavigatorP4, _props$timeNavigatorP7;
@@ -64,14 +66,19 @@ export function PisellReservationToolbarTabs(props) {
   var hasGrid = (_shellMeta$hasGridCon = shellMeta === null || shellMeta === void 0 ? void 0 : shellMeta.hasGridContent) !== null && _shellMeta$hasGridCon !== void 0 ? _shellMeta$hasGridCon : true;
   var hasFloor = shellMeta === null || shellMeta === void 0 ? void 0 : shellMeta.hasFloorMapSlot;
   var hasCalendar = shellMeta === null || shellMeta === void 0 ? void 0 : shellMeta.hasCalendarSlot;
+  var hasResourceWall = shellMeta === null || shellMeta === void 0 ? void 0 : shellMeta.hasResourceWallSlot;
   var floorForToggle = shellMeta === null || shellMeta === void 0 ? void 0 : shellMeta.effectiveFloorMapProps;
   var canFloor = Boolean(hasFloor && floorForToggle != null);
   var canCalendar = Boolean(hasCalendar);
-  var bodyViewOptionCount = (hasGrid ? 1 : 0) + (canFloor ? 1 : 0) + (canCalendar ? 1 : 0);
+  var canResourceWall = Boolean(hasResourceWall);
+  var bodyViewOptionCount = (hasGrid ? 1 : 0) + (canFloor ? 1 : 0) + (canCalendar ? 1 : 0) + (canResourceWall ? 1 : 0);
   var allowBodyViewToggle = bodyViewOptionCount >= 2 && bodyViewSwitchable !== false;
   if (bodyView === 'grid') {
     return props.extraTabs ? /*#__PURE__*/React.createElement(React.Fragment, null, props.extraTabs) : null;
   }
+  if (bodyView === 'resourceWall') {
+    return props.extraTabs ? /*#__PURE__*/React.createElement(React.Fragment, null, props.extraTabs) : null;
+  }
   var bodyViewSegmentedOptions = useMemo(function () {
     var opts = [];
     if (canFloor) {
@@ -86,6 +93,12 @@ export function PisellReservationToolbarTabs(props) {
         value: 'calendar'
       });
     }
+    if (canResourceWall) {
+      opts.push({
+        label: locales.getText(I18N_VIEW_RESOURCE_WALL),
+        value: 'resourceWall'
+      });
+    }
     if (hasGrid) {
       opts.push({
         label: locales.getText(I18N_VIEW_GRID),
@@ -93,7 +106,7 @@ export function PisellReservationToolbarTabs(props) {
       });
     }
     return opts;
-  }, [canFloor, canCalendar, hasGrid]);
+  }, [canFloor, canCalendar, canResourceWall, hasGrid]);
   var bodyViewToggle = allowBodyViewToggle ? /*#__PURE__*/React.createElement(Segmented, {
     className: "pisell-reservation-body-view-segmented",
     size: "large",

package/es/plus/pisellReservation/components/ReservationResourceWallResourceSelect.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export declare type ReservationResourceWallResourceSelectProps = {
+    value?: string[];
+    onChange?: (v: string[]) => void;
+    /** 与日历资源同源：{ label, value } */
+    options?: Array<{
+        label: string;
+        value: string;
+    }>;
+};
+/**
+ * 大屏快筛：画布资源多选（写入 `searchParams.filter.values.resource_wall_resource_ids`）。
+ */
+export declare function ReservationResourceWallResourceSelect(props: ReservationResourceWallResourceSelectProps): JSX.Element;

package/es/plus/pisellReservation/components/ReservationResourceWallResourceSelect.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import { Select } from 'antd';
+import { locales } from '@pisell/utils';
+import { I18N_RESOURCE_WALL_RESOURCES, RESERVATION_RESOURCE_WALL_MAX_RESOURCE_SELECTION } from "../reservationConstants";
+/**
+ * 大屏快筛：画布资源多选（写入 `searchParams.filter.values.resource_wall_resource_ids`）。
+ */
+export function ReservationResourceWallResourceSelect(props) {
+  var value = props.value,
+    _onChange = props.onChange,
+    _props$options = props.options,
+    options = _props$options === void 0 ? [] : _props$options;
+  var max = RESERVATION_RESOURCE_WALL_MAX_RESOURCE_SELECTION;
+  return /*#__PURE__*/React.createElement(Select, {
+    mode: "multiple",
+    allowClear: true,
+    showSearch: true,
+    optionFilterProp: "label",
+    placeholder: locales.getText(I18N_RESOURCE_WALL_RESOURCES),
+    value: (value !== null && value !== void 0 ? value : []).slice(0, max),
+    onChange: function onChange(v) {
+      return _onChange === null || _onChange === void 0 ? void 0 : _onChange(v.slice(0, max));
+    },
+    options: options,
+    style: {
+      minWidth: 260,
+      maxWidth: 420
+    }
+  });
+}

package/es/plus/pisellReservation/components/bookingDetailModal/ReservationBookingDetailModal.js

@@ -62,9 +62,9 @@ function stopUiClick(e) {
  * 宿主 action / NativePage 用的订单主键：优先 `order.id`，否则顶层 `order_id`。
  */
 function resolveOrderIdForHostActions(bookingRaw) {
-  var _order$id;
+  var _ref, _order$id;
   var order = bookingRaw.order;
-  var id = (_order$id = order === null || order === void 0 ? void 0 : order.id) !== null && _order$id !== void 0 ? _order$id : bookingRaw.order_id;
+  var id = (_ref = (_order$id = order === null || order === void 0 ? void 0 : order.id) !== null && _order$id !== void 0 ? _order$id : order === null || order === void 0 ? void 0 : order.order_id) !== null && _ref !== void 0 ? _ref : bookingRaw.order_id;
   if (id == null || id === '') return undefined;
   if (typeof id === 'number' && Number.isFinite(id)) return id;
   var s = String(id).trim();
@@ -137,9 +137,9 @@ export function ReservationBookingDetailModal(props) {
     var _engineContext$appHel;
     stopUiClick(e);
     if (!raw) return;
-    var _ref = ((_engineContext$appHel = engineContext.appHelper) === null || _engineContext$appHel === void 0 ? void 0 : _engineContext$appHel.utils) || {},
-      action = _ref.action,
-      NativePage = _ref.NativePage;
+    var _ref2 = ((_engineContext$appHel = engineContext.appHelper) === null || _engineContext$appHel === void 0 ? void 0 : _engineContext$appHel.utils) || {},
+      action = _ref2.action,
+      NativePage = _ref2.NativePage;
     var orderId = resolveOrderIdForHostActions(raw);
     console.log('key', key, orderId);
     switch (key) {

package/es/plus/pisellReservation/data/bookingToReservationTables.d.ts

@@ -21,6 +21,10 @@ export declare function filterBookingsByResourceIds<T extends Record<string, unk
 export declare function customerBrief(record: Record<string, unknown>): string;
 /** 单条预约上的日历日，用于平面图卡片进度与合成字段 */
 export declare function bookingReferenceDay(booking: Record<string, unknown>): string | undefined;
+/** 预约行开始时刻 → `HH:mm`（资源墙 / 卡片等共用） */
+export declare function formatBookingTime(record: Record<string, unknown>): string;
+/** 与按桌合并 {@link mergeResourceGroup} 一致：按开始时间升序 */
+export declare function sortBookingsByStartTime(bookings: Record<string, unknown>[]): Record<string, unknown>[];
 /** 宿主 booking.status：empty / 缺省 → 空闲；reserved / occupied / locked → 对应卡片大类 */
 export declare function hostBookingStatusToCardStatus(record: Record<string, unknown>): PisellReservationTableRow['cardStatus'];
 /** 从单条宿主 booking 摘 `reserved_status` / `isTimeout` 信号，供行合并与图元映射 */

package/es/plus/pisellReservation/data/bookingToReservationTables.js

@@ -132,13 +132,23 @@ export function bookingReferenceDay(booking) {
   if (typeof sd === 'string' && /^\d{4}-\d{2}-\d{2}/.test(sd)) return sd.slice(0, 10);
   return undefined;
 }
-function formatBookingTime(record) {
+
+/** 预约行开始时刻 → `HH:mm`（资源墙 / 卡片等共用） */
+export function formatBookingTime(record) {
   var raw = record.start_at || (record.start_date && record.start_time ? "".concat(record.start_date, " ").concat(record.start_time) : null);
   if (!raw) return '';
   var d = dayjs(raw);
   return d.isValid() ? d.format('HH:mm') : '';
 }
 
+/** 与按桌合并 {@link mergeResourceGroup} 一致：按开始时间升序 */
+export function sortBookingsByStartTime(bookings) {
+  return _toConsumableArray(bookings).sort(function (a, b) {
+    var _a$start_date, _a$start_time, _b$start_date, _b$start_time;
+    return dayjs(a.start_at || "".concat(String((_a$start_date = a.start_date) !== null && _a$start_date !== void 0 ? _a$start_date : ''), " ").concat(String((_a$start_time = a.start_time) !== null && _a$start_time !== void 0 ? _a$start_time : '')).trim()).valueOf() - dayjs(b.start_at || "".concat(String((_b$start_date = b.start_date) !== null && _b$start_date !== void 0 ? _b$start_date : ''), " ").concat(String((_b$start_time = b.start_time) !== null && _b$start_time !== void 0 ? _b$start_time : '')).trim()).valueOf();
+  });
+}
+
 /** 宿主 booking.status：empty / 缺省 → 空闲；reserved / occupied / locked → 对应卡片大类 */
 export function hostBookingStatusToCardStatus(record) {
   var _record$status2;
@@ -231,9 +241,7 @@ function mergeResourceGroup(recordId, group) {
     return g.relation_form_name;
   });
   var code = named !== null && named !== void 0 && named.relation_form_name ? String(named.relation_form_name) : resourceDisplayCode(group[0]);
-  var sorted = _toConsumableArray(group).sort(function (a, b) {
-    return dayjs(a.start_at || "".concat(a.start_date || '', " ").concat(a.start_time || '').trim()).valueOf() - dayjs(b.start_at || "".concat(b.start_date || '', " ").concat(b.start_time || '').trim()).valueOf();
-  });
+  var sorted = sortBookingsByStartTime(group);
   if (sorted.length === 1) {
     return singleBookingToRow(recordId, sorted[0], code);
   }

package/es/plus/pisellReservation/data/mapReservationToVenueWallCards.d.ts

@@ -0,0 +1,6 @@
+import type { RecordBoardResourceWallCardModel } from '@pisell/materials';
+import type { PisellReservationTableRow } from '../types';
+/**
+ * 合并桌位行 → 大屏资源墙卡片（首版：与平面图/列表展示字段对齐，灯控等可后续接接口）。
+ */
+export declare function mapReservationRowsToVenueWallCards(rows: PisellReservationTableRow[]): RecordBoardResourceWallCardModel[];

package/es/plus/pisellReservation/data/mapReservationToVenueWallCards.js

@@ -0,0 +1,171 @@
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import { formatFloorRoomCardBookingTimeRange, formatFloorRoomCardGuestDisplayLine, formatFloorRoomCardNextGuestStripLine, floorRoomCardBookingStartEndMs, getFloorRoomCardPrimaryBooking, resolveFloorRoomCardNextBookingLikeBodyModel } from "../floorRoomCard/floorRoomCardUtils";
+import { mapPisellReservationRowToFloorRoomCardData, resolveFloorRoomCardHolder } from "../floorRoomCard/mapRowToFloorRoomCardData";
+/**
+ * 合并桌位行 → 大屏资源墙卡片（首版：与平面图/列表展示字段对齐，灯控等可后续接接口）。
+ */
+export function mapReservationRowsToVenueWallCards(rows) {
+  return rows.map(mapReservationTableRowToVenueWallCard);
+}
+function formatResourceWallContactLine(row) {
+  /**
+   * 与 floor map 同源：从 row 构造 RoomCardData 后取 primary booking，
+   * 用统一的 holder 展示规则（姓名优先；预留态可展示手机号尾号）。
+   */
+  var roomTitle = String(row.code || row.main_field || row.id || '').trim();
+  var data = mapPisellReservationRowToFloorRoomCardData(row, roomTitle);
+  var primary = getFloorRoomCardPrimaryBooking(data);
+  var showPhoneOnRow = row.cardStatus === 'booked';
+  var primaryLine = primary ? formatFloorRoomCardGuestDisplayLine(primary.holder, showPhoneOnRow).trim() : '';
+  if (primaryLine) return primaryLine;
+
+  /**
+   * 兜底：主 booking 未带 holder 时，尝试从同资源 bookings 中找第一条可展示的联系人。
+   * 仍复用同一套格式化规则，但允许展示脱敏手机号，避免回退成场地名。
+   */
+  var _iterator = _createForOfIteratorHelper(data.bookings),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var b = _step.value;
+      var t = formatFloorRoomCardGuestDisplayLine(b.holder, true).trim();
+      if (t) return t;
+    }
+
+    /** 无联系人可展示：不要回退成场地名，保持为空 */
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return '';
+}
+
+/**
+ * 与 {@link formatResourceWallContactLine} 一致：先按行态 `showPhone`，再允许脱敏手机号；
+ * 若模型上 holder 仍空，再对命中的 floor raw 走同一套 `resolveFloorRoomCardHolder`（与 rawToBooking 同源）。
+ */
+function formatResourceWallNextBookingGuestLine(row, nextBooking) {
+  var showPhoneOnRow = row.cardStatus === 'booked';
+  var fromModel = formatFloorRoomCardGuestDisplayLine(nextBooking.holder, showPhoneOnRow).trim() || formatFloorRoomCardGuestDisplayLine(nextBooking.holder, true).trim();
+  if (fromModel) return fromModel;
+  var raw = resolveFloorRawForNextBooking(row, nextBooking);
+  if (raw) {
+    var h = resolveFloorRoomCardHolder(raw);
+    var fromRaw = formatFloorRoomCardGuestDisplayLine(h, showPhoneOnRow).trim() || formatFloorRoomCardGuestDisplayLine(h, true).trim();
+    if (fromRaw) return fromRaw;
+  }
+  return formatFloorRoomCardNextGuestStripLine(nextBooking).trim();
+}
+
+/** 在 `floorMapSourceBookings` 中定位 Next 对应 raw，供联系人解析与列表同源 */
+function resolveFloorRawForNextBooking(row, nextBooking) {
+  var _nextBooking$booking_;
+  var src = row.floorMapSourceBookings;
+  if (!Array.isArray(src) || src.length === 0) return undefined;
+  var wantBid = String((_nextBooking$booking_ = nextBooking.booking_id) !== null && _nextBooking$booking_ !== void 0 ? _nextBooking$booking_ : '').trim();
+  if (wantBid && !wantBid.startsWith('syn_')) {
+    var byId = src.find(function (x) {
+      var _ref, _r$booking_id;
+      var r = x;
+      var id = String((_ref = (_r$booking_id = r.booking_id) !== null && _r$booking_id !== void 0 ? _r$booking_id : r.id) !== null && _ref !== void 0 ? _ref : '').trim();
+      return id !== '' && id === wantBid;
+    });
+    if (byId) return byId;
+  }
+  var byNext = src.find(function (x) {
+    var _r$is_next;
+    var r = x;
+    var n = (_r$is_next = r.is_next) !== null && _r$is_next !== void 0 ? _r$is_next : r.isNext;
+    return n === true || n === 'true' || n === 1 || n === '1';
+  });
+  return byNext;
+}
+
+/**
+ * Next 与平面图 RoomCard 同源：`mapPisellReservationRowToFloorRoomCardData` 后走
+ * {@link resolveFloorRoomCardNextBookingLikeBodyModel}（优先接口 `is_next`/`isNext`，再退化链）。
+ */
+function inferResourceWallNextList(row) {
+  var roomTitle = String(row.code || row.main_field || row.id || '').trim();
+  var data = mapPisellReservationRowToFloorRoomCardData(row, roomTitle);
+  var nextBooking = resolveFloorRoomCardNextBookingLikeBodyModel(data, Date.now());
+  if (!nextBooking) return undefined;
+  var booking = formatResourceWallNextBookingGuestLine(row, nextBooking).trim();
+  var time = formatFloorRoomCardBookingTimeRange(nextBooking).trim();
+  if (!booking && !time) return undefined;
+  return [{
+    time: time || '—',
+    booking: booking || '—',
+    startInMin: 0
+  }];
+}
+function mapReservationTableRowToVenueWallCard(row) {
+  var _row$time, _row$timeEnd;
+  var cardStatus = row.cardStatus;
+  var isAvailable = cardStatus === 'available' || cardStatus === 'maintenance';
+  var nowMs = Date.now();
+  var nextList = inferResourceWallNextList(row);
+  var roomTitle = String(row.code || row.main_field || row.id || '').trim();
+  var roomData = mapPisellReservationRowToFloorRoomCardData(row, roomTitle);
+  var primary = getFloorRoomCardPrimaryBooking(roomData);
+  var currentTimeFromPrimary = primary ? formatFloorRoomCardBookingTimeRange(primary).trim() : '';
+  var start = String((_row$time = row.time) !== null && _row$time !== void 0 ? _row$time : '').trim();
+  var end = String((_row$timeEnd = row.timeEnd) !== null && _row$timeEnd !== void 0 ? _row$timeEnd : '').trim();
+  var currentTimeFallback = start && end ? "".concat(start.replace(/ .*/, ''), " - ").concat(end.replace(/ .*/, '')) : start || '';
+  var currentTime = currentTimeFromPrimary || currentTimeFallback;
+  var status = 'available';
+  var remainingMin = undefined;
+  var startsInMin = undefined;
+  var lateMin = undefined;
+  if (!isAvailable && primary) {
+    var host = primary.hostBookingStatus;
+    if (host === 'reserved') {
+      var _floorRoomCardBooking = floorRoomCardBookingStartEndMs(primary),
+        s = _floorRoomCardBooking.start;
+      if (Number.isFinite(s)) {
+        var diffMin = Math.ceil((s - nowMs) / 60000);
+        if (diffMin <= 0) {
+          status = 'late';
+          lateMin = Math.max(0, Math.ceil((nowMs - s) / 60000));
+        } else {
+          status = 'boardingSoon';
+          startsInMin = Math.max(0, diffMin);
+        }
+      } else {
+        /** 无 start：按 reserved 直接归 boardingSoon */
+        status = 'boardingSoon';
+      }
+    } else if (host === 'occupied') {
+      var _floorRoomCardBooking2 = floorRoomCardBookingStartEndMs(primary),
+        e = _floorRoomCardBooking2.end;
+      if (Number.isFinite(e)) {
+        var _diffMin = Math.ceil((e - nowMs) / 60000);
+        remainingMin = _diffMin;
+        if (_diffMin <= 0) status = 'expired';else if (_diffMin <= 10) status = 'endingSoon';else status = 'inUse';
+      } else {
+        status = 'inUse';
+      }
+    }
+  } else if (!isAvailable) {
+    /**
+     * 无 primary booking（例如数据不完整）时：尽量不做字段猜测，保底显示 available。
+     * 业务侧若需强展示请补齐 booking start/end 与 hostBookingStatus。
+     */
+    status = 'available';
+  }
+  return {
+    resourceId: String(row.id),
+    resource: row.code || row.main_field || String(row.id),
+    area: row.area,
+    status: status,
+    currentTime: currentTime,
+    currentBooking: isAvailable ? 'Available to Book' : formatResourceWallContactLine(row),
+    remainingMin: remainingMin,
+    startsInMin: startsInMin,
+    lateMin: lateMin,
+    nextList: nextList
+  };
+}

package/es/plus/pisellReservation/data/reservationDataUtils.js

@@ -74,7 +74,7 @@ export function readBodyViewFromStorageKey(key) {
   if (typeof window === 'undefined' || !key) return 'floorMap';
   try {
     var raw = localStorage.getItem(key);
-    if (raw === 'grid' || raw === 'floorMap' || raw === 'calendar') return raw;
+    if (raw === 'grid' || raw === 'floorMap' || raw === 'calendar' || raw === 'resourceWall') return raw;
   } catch (_unused) {
     /* quota / private mode */
   }

package/es/plus/pisellReservation/floorMap/reservationMock.js

@@ -349,6 +349,66 @@ export var defaultReservationTableRows = [{
   code: 'B-7',
   area: 'Bar',
   cardStatus: 'maintenance'
+},
+// --- 大屏资源墙演示：名称带 Mock· 前缀，便于在筛选里勾选对比 ---
+{
+  id: 'mock-rw-available',
+  code: 'Mock·空场(绿)',
+  area: 'WallDemo',
+  cardStatus: 'available'
+}, {
+  id: 'mock-rw-ending',
+  code: 'Mock·将结束(橙)',
+  area: 'WallDemo',
+  cardStatus: 'occupied',
+  guestName: '倒计时≤10分',
+  time: '14:00',
+  delayMinutes: 56
+}, {
+  id: 'mock-rw-expired',
+  code: 'Mock·已超时(红)',
+  area: 'WallDemo',
+  cardStatus: 'occupied',
+  guestName: '应已清场',
+  time: '11:00',
+  delayMinutes: 60
+}, {
+  id: 'mock-rw-maint',
+  code: 'Mock·维护态',
+  area: 'WallDemo',
+  cardStatus: 'maintenance',
+  capacityLabel: '8p'
+}, {
+  id: 'mock-rw-lights-off',
+  code: 'Mock·灯已关',
+  area: 'WallDemo',
+  cardStatus: 'occupied',
+  guestName: '场上无人',
+  time: '13:00',
+  delayMinutes: 30,
+  resourceWallLightState: 'off'
+}, {
+  id: 'mock-rw-lights-off-soon',
+  code: 'Mock·即将关灯',
+  area: 'WallDemo',
+  cardStatus: 'occupied',
+  guestName: '场上进行中',
+  time: '15:00',
+  delayMinutes: 25,
+  resourceWallLightState: 'on_soon_off',
+  resourceWallLightOffInMin: 6
+}, {
+  id: 'mock-rw-lights-on-soon',
+  code: 'Mock·即将开灯',
+  area: 'WallDemo',
+  cardStatus: 'booked',
+  guestName: '下一场将开',
+  time: '16:00',
+  startsInMinutes: 12,
+  resourceWallLightState: 'off_soon_on',
+  resourceWallLightOnInMin: 8,
+  nextGuest: '下一场·李娜',
+  nextTime: '16:00'
 }];
 var DS = 'tables';
 var CANVAS_MAIN = 'main';
@@ -632,6 +692,106 @@ export var defaultReservationSceneElements = [{
     dataSourceKey: DS,
     recordId: 'b7'
   }
+},
+// 与 defaultReservationTableRows 中 mock-rw-* 对齐，进入日历/资源墙资源顺序与平面图绑定
+{
+  instanceId: 'res_mock_rw_available',
+  canvasId: CANVAS_MAIN,
+  x: 30,
+  y: 560,
+  width: 100,
+  height: 80,
+  name: 'Mock·空场',
+  zIndex: 0,
+  elementKind: RESERVATION_BOUND_TABLE_ELEMENT_KIND,
+  dataBinding: {
+    dataSourceKey: DS,
+    recordId: 'mock-rw-available'
+  }
+}, {
+  instanceId: 'res_mock_rw_ending',
+  canvasId: CANVAS_MAIN,
+  x: 148,
+  y: 560,
+  width: 100,
+  height: 80,
+  name: 'Mock·将结束',
+  zIndex: 0,
+  elementKind: RESERVATION_BOUND_TABLE_ELEMENT_KIND,
+  dataBinding: {
+    dataSourceKey: DS,
+    recordId: 'mock-rw-ending'
+  }
+}, {
+  instanceId: 'res_mock_rw_expired',
+  canvasId: CANVAS_MAIN,
+  x: 266,
+  y: 560,
+  width: 100,
+  height: 80,
+  name: 'Mock·超时',
+  zIndex: 0,
+  elementKind: RESERVATION_BOUND_TABLE_ELEMENT_KIND,
+  dataBinding: {
+    dataSourceKey: DS,
+    recordId: 'mock-rw-expired'
+  }
+}, {
+  instanceId: 'res_mock_rw_maint',
+  canvasId: CANVAS_MAIN,
+  x: 384,
+  y: 560,
+  width: 100,
+  height: 80,
+  name: 'Mock·维护',
+  zIndex: 0,
+  elementKind: RESERVATION_BOUND_TABLE_ELEMENT_KIND,
+  dataBinding: {
+    dataSourceKey: DS,
+    recordId: 'mock-rw-maint'
+  }
+}, {
+  instanceId: 'res_mock_rw_lights_off',
+  canvasId: CANVAS_MAIN,
+  x: 502,
+  y: 560,
+  width: 100,
+  height: 80,
+  name: 'Mock·灯关',
+  zIndex: 0,
+  elementKind: RESERVATION_BOUND_TABLE_ELEMENT_KIND,
+  dataBinding: {
+    dataSourceKey: DS,
+    recordId: 'mock-rw-lights-off'
+  }
+}, {
+  instanceId: 'res_mock_rw_lights_off_soon',
+  canvasId: CANVAS_MAIN,
+  x: 620,
+  y: 560,
+  width: 100,
+  height: 80,
+  name: 'Mock·将关灯',
+  zIndex: 0,
+  elementKind: RESERVATION_BOUND_TABLE_ELEMENT_KIND,
+  dataBinding: {
+    dataSourceKey: DS,
+    recordId: 'mock-rw-lights-off-soon'
+  }
+}, {
+  instanceId: 'res_mock_rw_lights_on_soon',
+  canvasId: CANVAS_MAIN,
+  x: 738,
+  y: 560,
+  width: 100,
+  height: 80,
+  name: 'Mock·将开灯',
+  zIndex: 0,
+  elementKind: RESERVATION_BOUND_TABLE_ELEMENT_KIND,
+  dataBinding: {
+    dataSourceKey: DS,
+    recordId: 'mock-rw-lights-on-soon'
+  }
 }];
 
 /** 由 sceneElements 派生的落位摘要（数值与 sceneElements 一致，均为像素；兼容旧引用） */

package/es/plus/pisellReservation/floorRoomCard/buildCardBodyViewModel.js

@@ -4,7 +4,7 @@
 import { locales } from '@pisell/utils';
 import { floorRoomCardBookingCheckoutDomKey } from "./floorRoomCardDom";
 import { floorRoomCardPaymentUiFromOrderStatus } from "./floorRoomCardPaymentUi";
-import { formatFloorRoomCardBookingEndLine, formatFloorRoomCardBookingStartLine, formatFloorRoomCardBookingTimeRange, formatFloorRoomCardDurationMinutes, getFloorRoomCardExplicitNextBooking, getFloorRoomCardNextAfterPrimaryReserved, getFloorRoomCardNextAfterSingleOccupiedBooking, getFloorRoomCardNextNotStartedBooking, maskPisellReservationPhoneTail, resolveFloorRoomCardProgressPercent, resolveFloorRoomCardReservedCountdownMinutes, resolveFloorRoomCardReservedCountdownMinutesForBooking } from "./floorRoomCardUtils";
+import { formatFloorRoomCardBookingEndLine, formatFloorRoomCardBookingStartLine, formatFloorRoomCardBookingTimeRange, formatFloorRoomCardDurationMinutes, formatFloorRoomCardNextGuestStripLine, maskPisellReservationPhoneTail, resolveFloorRoomCardNextBookingLikeBodyModel, resolveFloorRoomCardProgressPercent, resolveFloorRoomCardReservedCountdownMinutes, resolveFloorRoomCardReservedCountdownMinutesForBooking } from "./floorRoomCardUtils";
 var I18N_END = 'pisell-reservation.room-time-end';
 var I18N_START = 'pisell-reservation.room-time-start';
 var I18N_IN = 'pisell-reservation.room-in-minutes';
@@ -40,7 +40,7 @@ function paymentLabelKey(kind) {
   return I18N_PAYMENT_NEEDED;
 }
 export function buildRoomCardBodyViewModel(params) {
-  var _params$shellShape, _params$nowMs, _booking$end_time, _ref, _ref2, _getFloorRoomCardExpl, _holder$name$trim, _holder$name2, _booking$product_quan;
+  var _params$shellShape, _params$nowMs, _booking$end_time, _holder$name$trim, _holder$name2, _booking$product_quan;
   var cardType = params.cardType,
     booking = params.booking,
     data = params.data,
@@ -63,7 +63,7 @@ export function buildRoomCardBodyViewModel(params) {
   var occupiedTimeoutOverrun = cardType === 'timeout' && timeoutDurationLabel ? "+".concat(timeoutDurationLabel) : null;
   var paymentKind = floorRoomCardPaymentUiFromOrderStatus(booking.order_payment_status);
   var isTimeout = cardType === 'timeout';
-  var nextBooking = (_ref = (_ref2 = (_getFloorRoomCardExpl = getFloorRoomCardExplicitNextBooking(data)) !== null && _getFloorRoomCardExpl !== void 0 ? _getFloorRoomCardExpl : getFloorRoomCardNextAfterSingleOccupiedBooking(data)) !== null && _ref2 !== void 0 ? _ref2 : getFloorRoomCardNextAfterPrimaryReserved(data)) !== null && _ref !== void 0 ? _ref : getFloorRoomCardNextNotStartedBooking(data, nowMs);
+  var nextBooking = resolveFloorRoomCardNextBookingLikeBodyModel(data, nowMs);
   var holder = booking.holder;
   var name = (_holder$name$trim = holder === null || holder === void 0 || (_holder$name2 = holder.name) === null || _holder$name2 === void 0 ? void 0 : _holder$name2.trim()) !== null && _holder$name$trim !== void 0 ? _holder$name$trim : '';
   var maskedPhone = showPhone && holder !== null && holder !== void 0 && holder.phone ? maskPisellReservationPhoneTail(holder.phone) : null;
@@ -71,7 +71,7 @@ export function buildRoomCardBodyViewModel(params) {
   var nextGuestLine = null;
   var nextTimeRange = null;
   if (nextBooking) {
-    nextGuestLine = guestDisplayLine(nextBooking.holder, true) || null;
+    nextGuestLine = formatFloorRoomCardNextGuestStripLine(nextBooking) || null;
     nextTimeRange = formatFloorRoomCardBookingTimeRange(nextBooking);
   }
   var progressPercent = resolveFloorRoomCardProgressPercent(booking);

package/es/plus/pisellReservation/floorRoomCard/floorRoomCardUtils.d.ts

@@ -1,5 +1,10 @@
 import type { PisellReservationTableRow } from '../types';
 import type { FloorRoomCardBooking, FloorRoomCardData } from './floorRoomCardModel';
+/** 统一的起止毫秒（供资源墙/卡片兼容层复用，避免重复推断） */
+export declare function floorRoomCardBookingStartEndMs(booking: Pick<FloorRoomCardBooking, 'start_date' | 'start_time' | 'end_date' | 'end_time'>): {
+    start: number;
+    end: number;
+};
 /**
  * 预留态时间行：图元内仅展示时刻 + 文案后缀，不展示开始日期。
  */
@@ -65,6 +70,19 @@ export declare function getFloorRoomCardNextAfterPrimaryReserved(data: FloorRoom
  * 接口标记 `isNext` 的预约：按开始时间取第一条，供 Next 行展示。
  */
 export declare function getFloorRoomCardExplicitNextBooking(data: FloorRoomCardData): FloorRoomCardBooking | null;
+/**
+ * 与 {@link buildCardBodyViewModel} Next 行同一套优先级：接口 `is_next`/`isNext` →
+ * 单 occupied 后一条 → 多条 reserved 第二条 →「进行中」后首条未开始。
+ */
+export declare function resolveFloorRoomCardNextBookingLikeBodyModel(data: FloorRoomCardData, nowMs?: number): FloorRoomCardBooking | null;
+/** Next 条客人一行：与 FloorRoomCardFromData `nextGuestLineForStrip` 一致 */
+export declare function formatFloorRoomCardNextGuestStripLine(b: FloorRoomCardBooking): string;
+/**
+ * 联系人展示一行：与 `buildCardBodyViewModel` 的 `guestDisplayLine` 一致。
+ * - 优先姓名
+ * - 预留态可展示手机号尾号（脱敏）
+ */
+export declare function formatFloorRoomCardGuestDisplayLine(holder: FloorRoomCardBooking['holder'], showPhone: boolean): string;
 /**
  * 主区域展示用：第一条非 `isNext`；若全部为 next 则回退首条。
  */