From 7b6fd59023d9f78b8f0e33738e9dbd664c3612cc Mon Sep 17 00:00:00 2001
From: ZhuRui <GodRuiCollection@163.com>
Date: Mon, 27 Jul 2026 10:00:12 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=BC=B9=E7=AA=97=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/BasicLayout.tsx                   | 14 ++---
 .../banner/components/BannerFormModal.tsx     | 54 ++++++++++---------
 src/pages/events/banner/index.tsx             | 16 +++---
 src/pages/events/list/index.tsx               | 22 ++++----
 src/pages/events/orders/index.tsx             | 22 ++++----
 src/pages/system/roles/index.tsx              | 32 ++++++-----
 src/pages/system/users/index.tsx              | 16 +++---
 7 files changed, 97 insertions(+), 79 deletions(-)

diff --git a/src/layouts/BasicLayout.tsx b/src/layouts/BasicLayout.tsx
index 1d1804d..cea6533 100644
--- a/src/layouts/BasicLayout.tsx
+++ b/src/layouts/BasicLayout.tsx
@@ -227,12 +227,14 @@ export default defineComponent({
         </Layout>
 
         {/* 修改密码弹窗 */}
-        <ChangePasswordModal
-          visible={changePwdVisible.value}
-          submitting={changePwdSubmitting.value}
-          onClose={() => setChangePwdVisible(false)}
-          onSave={handleChangePwdSave}
-        />
+        {changePwdVisible.value && (
+          <ChangePasswordModal
+            visible={changePwdVisible.value}
+            submitting={changePwdSubmitting.value}
+            onClose={() => setChangePwdVisible(false)}
+            onSave={handleChangePwdSave}
+          />
+        )}
       </Layout>
     );
   },
diff --git a/src/pages/events/banner/components/BannerFormModal.tsx b/src/pages/events/banner/components/BannerFormModal.tsx
index e7ac703..d4f3feb 100644
--- a/src/pages/events/banner/components/BannerFormModal.tsx
+++ b/src/pages/events/banner/components/BannerFormModal.tsx
@@ -515,32 +515,34 @@ export default defineComponent({
         </Modal>
 
         {/* ===== 图片裁剪弹窗 ===== */}
-        <Modal
-          visible={cropperVisible.value}
-          title="裁剪图片"
-          width={800}
-          footer={null}
-          onCancel={onCropperCancel}
-          centered
-          destroyOnClose
-        >
-          <div style={{ height: '500px' }}>
-            <ImageCropper
-              src={uploadImageUrl.value}
-              aspectRatio={CROP_ASPECT_RATIO}
-              autoCrop={true}
-              autoCropArea={0.8}
-              viewMode={1}
-              dragMode="move"
-              movable={true}
-              scalable={true}
-              zoomable={true}
-              cropBoxMovable={true}
-              cropBoxResizable={true}
-              onCrop={handleCropConfirm}
-            />
-          </div>
-        </Modal>
+        {cropperVisible.value && (
+          <Modal
+            visible={cropperVisible.value}
+            title="裁剪图片"
+            width={800}
+            footer={null}
+            onCancel={onCropperCancel}
+            centered
+            destroyOnClose
+          >
+            <div style={{ height: '500px' }}>
+              <ImageCropper
+                src={uploadImageUrl.value}
+                aspectRatio={CROP_ASPECT_RATIO}
+                autoCrop={true}
+                autoCropArea={0.8}
+                viewMode={1}
+                dragMode="move"
+                movable={true}
+                scalable={true}
+                zoomable={true}
+                cropBoxMovable={true}
+                cropBoxResizable={true}
+                onCrop={handleCropConfirm}
+              />
+            </div>
+          </Modal>
+        )}
       </>
     );
   },
diff --git a/src/pages/events/banner/index.tsx b/src/pages/events/banner/index.tsx
index 761ce72..c456657 100644
--- a/src/pages/events/banner/index.tsx
+++ b/src/pages/events/banner/index.tsx
@@ -267,13 +267,15 @@ export default defineComponent({
         </div>
 
         {/* ===== 新增/编辑弹窗 ===== */}
-        <BannerFormModal
-          visible={modalVisible.value}
-          record={editingRecord.value}
-          submitting={formSubmitting.value}
-          onClose={handleCloseModal}
-          onSave={handleSave}
-        />
+        {modalVisible.value && (
+          <BannerFormModal
+            visible={modalVisible.value}
+            record={editingRecord.value}
+            submitting={formSubmitting.value}
+            onClose={handleCloseModal}
+            onSave={handleSave}
+          />
+        )}
       </div>
     );
   },
diff --git a/src/pages/events/list/index.tsx b/src/pages/events/list/index.tsx
index 393b2c5..bfd20c0 100644
--- a/src/pages/events/list/index.tsx
+++ b/src/pages/events/list/index.tsx
@@ -285,15 +285,19 @@ export default defineComponent({
         </div>
 
         {/* ===== 弹窗区 ===== */}
-        <EventRegulationModal
-          visible={regulationModalVisible.value}
-          onClose={() => setRegulationModalVisible(false)}
-        />
-        <EventDetailModal
-          visible={detailModalVisible.value}
-          record={currentRecord.value}
-          onClose={() => setDetailModalVisible(false)}
-        />
+        {regulationModalVisible.value && (
+          <EventRegulationModal
+            visible={regulationModalVisible.value}
+            onClose={() => setRegulationModalVisible(false)}
+          />
+        )}
+        {detailModalVisible.value && (
+          <EventDetailModal
+            visible={detailModalVisible.value}
+            record={currentRecord.value}
+            onClose={() => setDetailModalVisible(false)}
+          />
+        )}
       </div>
     );
   },
diff --git a/src/pages/events/orders/index.tsx b/src/pages/events/orders/index.tsx
index cdf1b0c..fdd7bbe 100644
--- a/src/pages/events/orders/index.tsx
+++ b/src/pages/events/orders/index.tsx
@@ -252,16 +252,18 @@ export default defineComponent({
         </div>
 
         {/* ===== 详情弹窗 ===== */}
-        <OrderDetailModal
-          visible={detailVisible.value}
-          record={currentRecord.value}
-          onClose={() => setDetailVisible(false)}
-          onReRefund={(record) => {
-            // 关闭详情弹窗，再弹出二次确认
-            setDetailVisible(false);
-            promptReRefund(record);
-          }}
-        />
+        {detailVisible.value && (
+          <OrderDetailModal
+            visible={detailVisible.value}
+            record={currentRecord.value}
+            onClose={() => setDetailVisible(false)}
+            onReRefund={(record) => {
+              // 关闭详情弹窗，再弹出二次确认
+              setDetailVisible(false);
+              promptReRefund(record);
+            }}
+          />
+        )}
       </div>
     );
   },
diff --git a/src/pages/system/roles/index.tsx b/src/pages/system/roles/index.tsx
index 436763b..57fc889 100644
--- a/src/pages/system/roles/index.tsx
+++ b/src/pages/system/roles/index.tsx
@@ -182,22 +182,26 @@ export default defineComponent({
         </div>
 
         {/* ===== 角色表单弹窗 ===== */}
-        <RoleFormModal
-          visible={formVisible.value}
-          record={editingRecord.value}
-          submitting={formSubmitting.value}
-          onClose={handleCloseForm}
-          onSave={handleSave}
-        />
+        {formVisible.value && (
+          <RoleFormModal
+            visible={formVisible.value}
+            record={editingRecord.value}
+            submitting={formSubmitting.value}
+            onClose={handleCloseForm}
+            onSave={handleSave}
+          />
+        )}
 
         {/* ===== 角色用户列表弹窗 ===== */}
-        <UserListModal
-          visible={userListVisible.value}
-          role={currentRole.value}
-          users={getRoleUsers(currentRole.value?.roleId || '')}
-          renderStatus={renderStatus}
-          onClose={handleCloseUserList}
-        />
+        {userListVisible.value && (
+          <UserListModal
+            visible={userListVisible.value}
+            role={currentRole.value}
+            users={getRoleUsers(currentRole.value?.roleId || '')}
+            renderStatus={renderStatus}
+            onClose={handleCloseUserList}
+          />
+        )}
       </div>
     );
   },
diff --git a/src/pages/system/users/index.tsx b/src/pages/system/users/index.tsx
index 780f977..0600808 100644
--- a/src/pages/system/users/index.tsx
+++ b/src/pages/system/users/index.tsx
@@ -197,13 +197,15 @@ export default defineComponent({
         </div>
 
         {/* ===== 新增/编辑弹窗 ===== */}
-        <UserFormModal
-          visible={modalVisible.value}
-          record={editingRecord.value}
-          submitting={formSubmitting.value}
-          onClose={handleCloseModal}
-          onSave={handleSave}
-        />
+        {modalVisible.value && (
+          <UserFormModal
+            visible={modalVisible.value}
+            record={editingRecord.value}
+            submitting={formSubmitting.value}
+            onClose={handleCloseModal}
+            onSave={handleSave}
+          />
+        )}
       </div>
     );
   },