From cf529ee0c9afa0c2aa5822d4150aa35c7c552116 Mon Sep 17 00:00:00 2001
From: LiuJiaNan <15703339975@163.com>
Date: Sat, 27 Dec 2025 09:52:16 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96FormBuilder?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/FormBuilder/FormBuilder.js | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/FormBuilder/FormBuilder.js b/src/components/FormBuilder/FormBuilder.js
index 9c3961b..a8f0048 100644
--- a/src/components/FormBuilder/FormBuilder.js
+++ b/src/components/FormBuilder/FormBuilder.js
@@ -1,5 +1,6 @@
 import { Button, Col, Form, message, Row, Space, Spin } from "antd";
 import { useEffect, useState } from "react";
+import { throttle } from "throttle-debounce";
 import FormItemsRenderer from "./FormItemsRenderer";
 
 /**
@@ -26,12 +27,12 @@ const FormBuilder = (props) => {
 
   const [pageWidth, setPageWidth] = useState(window.innerWidth);
 
-  const getPageWidth = () => {
-    const pageDom = document.querySelector("#page");
+  const getPageWidth = throttle(50, () => {
+    const pageDom = document.querySelector("#page-layout");
     if (!pageDom)
       return;
     setPageWidth(pageDom.offsetWidth);
-  };
+  });
 
   useEffect(() => {
     const timer = setTimeout(() => {
@@ -77,7 +78,7 @@ const FormBuilder = (props) => {
           />
         </Row>
         {showActionButtons && (
-          <>
+          <div style={{ position: "relative", zIndex: "9" }}>
             <div style={{ height: "32px" }}></div>
             <Row
               style={{ textAlign: "center", backgroundColor: "rgb(241, 241, 242)", padding: "10px 0", position: "fixed", bottom: "0", width: pageWidth, margin: "0 -44px" }}
@@ -100,7 +101,7 @@ const FormBuilder = (props) => {
                 )}
               </Col>
             </Row>
-          </>
+          </div>
         )}
       </Form>
     </Spin>