updateBoxPosition() { const container = document.querySelector(".container") const box = document.querySelector(".box") if (container && box && this.showdataboard || this.dianDiv ) { const containerRect = container.getBoundingClientRect() const boxRect = box.getBoundingClientRect() // 检查大盒子是否被遮挡 if (boxRect.bottom > containerRect.bottom) { // 计算需要移动的距离 const offsetY = boxRect.bottom - containerRect.bottom + 10 // 加上一些额外的间距 // 更新大盒子的位置 box.style.transform = `translateY(-${offsetY}px)` } } },被其他DOM弹框覆盖时自动移开位置

您可以尝试以下代码来实现当大盒子被其他DOM弹框覆盖时自动移开位置：

updateBoxPosition() {
  const container = document.querySelector(".container");
  const box = document.querySelector(".box");

  if (container && box && (this.showdataboard || this.dianDiv)) {
    const containerRect = container.getBoundingClientRect();
    const boxRect = box.getBoundingClientRect();

    // 检查大盒子是否被遮挡
    if (boxRect.bottom > containerRect.bottom) {
      // 计算需要移动的距离
      const offsetY = boxRect.bottom - containerRect.bottom + 10; // 加上一些额外的间距

      // 更新大盒子的位置
      box.style.transform = `translateY(-${offsetY}px)`;
    }
  }
}

这段代码会检查大盒子是否被遮挡，如果是，并且`showdataboard`或`dianDiv`为`true`，它会计算需要移动的距离，并使用`translateY`将大盒子向上移动，以便在可见区域内。请确保将此代码放在适当的位置，并在需要时调用`updateBoxPosition()`方法。