From aa601f8703acc097b072d7b2c20e6ab0eb7010ab Mon Sep 17 00:00:00 2001
From: roymondchen <roymondchen@tencent.com>
Date: Mon, 8 Jan 2024 16:47:21 +0800
Subject: [PATCH] =?UTF-8?q?fix(form):=20table=E5=85=A8=E5=B1=8F=E5=90=8Ezi?=
 =?UTF-8?q?ndex=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/form/src/containers/Table.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/form/src/containers/Table.vue b/packages/form/src/containers/Table.vue
index 5ac7623f..023018bc 100644
--- a/packages/form/src/containers/Table.vue
+++ b/packages/form/src/containers/Table.vue
@@ -202,6 +202,7 @@ import {
   TMagicTableColumn,
   TMagicTooltip,
   TMagicUpload,
+  useZIndex,
 } from '@tmagic/design';
 import { asyncLoadJs, sleep } from '@tmagic/utils';
 
@@ -246,6 +247,8 @@ const emit = defineEmits(['change', 'select', 'addDiffCount']);
 let timer: any | null = null;
 const mForm = inject<FormState | undefined>('mForm');
 
+const { nextZIndex } = useZIndex();
+
 const tMagicTable = ref<InstanceType<typeof TMagicTable>>();
 const excelBtn = ref<InstanceType<typeof TMagicUpload>>();
 const mTable = ref<HTMLDivElement>();
@@ -620,11 +623,14 @@ const toggleMode = () => {
 };
 
 const toggleFullscreen = () => {
+  if (!mTable.value) return;
+
   if (isFullscreen.value) {
-    mTable.value?.classList.remove('fixed');
+    mTable.value.classList.remove('fixed');
     isFullscreen.value = false;
   } else {
-    mTable.value?.classList.add('fixed');
+    mTable.value.classList.add('fixed');
+    mTable.value.style.zIndex = `${nextZIndex()}`;
     isFullscreen.value = true;
   }
 };