javascript
// 在原頁(yè)面打開(kāi)新窗口時(shí)
const newWindow = window.open(`/page/tickets/visitor/new`, '_blank');
// 監(jiān)聽(tīng)來(lái)自新窗口的消息
window.addEventListener('message', (event) => {
  // 驗(yàn)證消息來(lái)源（安全考慮）
  if (event.origin !== window.location.origin) return;
  
  if (event.data.type === 'PERSON_CREATED') {
    const { id } = event.data.payload;
    // 更新頁(yè)面上的 ID 顯示
    setId(id);
  }
});

// 在新頁(yè)面提交成功后
// window.opener 指向打開(kāi)當(dāng)前窗口的窗口
window.opener.postMessage({
  type: 'PERSON_CREATED',
  payload: { id: newPersonId }
}, window.location.origin);

// 關(guān)閉當(dāng)前窗口
window.close();

javascript
// 在原頁(yè)面中
const newWindow = window.open(`/page/tickets/visitor/new`, '_blank');

// 輪詢檢查 localStorage 中是否有新創(chuàng)建的 ID
const checkForNewId = setInterval(() => {
  const newPersonData = localStorage.getItem('newPersonCreated');
  if (newPersonData) {
    const { id } = JSON.parse(newPersonData);
    setId(id);
    localStorage.removeItem('newPersonCreated');
    clearInterval(checkForNewId);
  }
}, 1000);

// 在新頁(yè)面提交成功后
localStorage.setItem('newPersonCreated', JSON.stringify({ id: newPersonId }));
window.close();

javascript
// 在原頁(yè)面中
const newWindow = window.open(`/page/tickets/visitor/new`, '_blank');

// 監(jiān)聽(tīng)新窗口關(guān)閉事件
const checkWindowClosed = setInterval(() => {
  if (newWindow.closed) {
    // 檢查是否創(chuàng)建了新人員
    const newPersonId = sessionStorage.getItem('newPersonId');
    if (newPersonId) {
      setId(newPersonId);
      sessionStorage.removeItem('newPersonId');
    }
    clearInterval(checkWindowClosed);
  }
}, 500);

// 在新頁(yè)面提交成功后
sessionStorage.setItem('newPersonId', newPersonId);
window.close();