fix: 弹窗优化

src/layouts/BasicLayout.tsx

@@ -227,12 +227,14 @@ export default defineComponent({
         </Layout>
 
         {/* 修改密码弹窗 */}
+        {changePwdVisible.value && (
           <ChangePasswordModal
             visible={changePwdVisible.value}
             submitting={changePwdSubmitting.value}
             onClose={() => setChangePwdVisible(false)}
             onSave={handleChangePwdSave}
           />
+        )}
       </Layout>
     );
   },

src/pages/events/banner/components/BannerFormModal.tsx

@@ -515,6 +515,7 @@ export default defineComponent({
         </Modal>
 
         {/* ===== 图片裁剪弹窗 ===== */}
+        {cropperVisible.value && (
           <Modal
             visible={cropperVisible.value}
             title="裁剪图片"
@@ -541,6 +542,7 @@ export default defineComponent({
               />
             </div>
           </Modal>
+        )}
       </>
     );
   },

src/pages/events/banner/index.tsx

@@ -267,6 +267,7 @@ export default defineComponent({
         </div>
 
         {/* ===== 新增/编辑弹窗 ===== */}
+        {modalVisible.value && (
           <BannerFormModal
             visible={modalVisible.value}
             record={editingRecord.value}
@@ -274,6 +275,7 @@ export default defineComponent({
             onClose={handleCloseModal}
             onSave={handleSave}
           />
+        )}
       </div>
     );
   },

src/pages/events/list/index.tsx

@@ -285,15 +285,19 @@ export default defineComponent({
         </div>
 
         {/* ===== 弹窗区 ===== */}
+        {regulationModalVisible.value && (
           <EventRegulationModal
             visible={regulationModalVisible.value}
             onClose={() => setRegulationModalVisible(false)}
           />
+        )}
+        {detailModalVisible.value && (
           <EventDetailModal
             visible={detailModalVisible.value}
             record={currentRecord.value}
             onClose={() => setDetailModalVisible(false)}
           />
+        )}
       </div>
     );
   },

src/pages/events/orders/index.tsx

@@ -252,6 +252,7 @@ export default defineComponent({
         </div>
 
         {/* ===== 详情弹窗 ===== */}
+        {detailVisible.value && (
           <OrderDetailModal
             visible={detailVisible.value}
             record={currentRecord.value}
@@ -262,6 +263,7 @@ export default defineComponent({
               promptReRefund(record);
             }}
           />
+        )}
       </div>
     );
   },

src/pages/system/roles/index.tsx

@@ -182,6 +182,7 @@ export default defineComponent({
         </div>
 
         {/* ===== 角色表单弹窗 ===== */}
+        {formVisible.value && (
           <RoleFormModal
             visible={formVisible.value}
             record={editingRecord.value}
@@ -189,8 +190,10 @@ export default defineComponent({
             onClose={handleCloseForm}
             onSave={handleSave}
           />
+        )}
 
         {/* ===== 角色用户列表弹窗 ===== */}
+        {userListVisible.value && (
           <UserListModal
             visible={userListVisible.value}
             role={currentRole.value}
@@ -198,6 +201,7 @@ export default defineComponent({
             renderStatus={renderStatus}
             onClose={handleCloseUserList}
           />
+        )}
       </div>
     );
   },

src/pages/system/users/index.tsx

@@ -197,6 +197,7 @@ export default defineComponent({
         </div>
 
         {/* ===== 新增/编辑弹窗 ===== */}
+        {modalVisible.value && (
           <UserFormModal
             visible={modalVisible.value}
             record={editingRecord.value}
@@ -204,6 +205,7 @@ export default defineComponent({
             onClose={handleCloseModal}
             onSave={handleSave}
           />
+        )}
       </div>
     );
   },