From 9874f57dccb6ae3d3c56e6924b7e8b5a1b69b05f Mon Sep 17 00:00:00 2001
From: eafonyang <eafonyang@gmail.com>
Date: Thu, 18 Jun 2026 17:54:59 +0800
Subject: [PATCH] =?UTF-8?q?=E7=95=8C=E9=9D=A2=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/styles/lux-theme.css         | 16 +++++++++++++++-
 frontend/src/views/brand/index.vue        |  3 ++-
 frontend/src/views/model/index.vue        |  3 ++-
 frontend/src/views/ota/index.vue          |  4 +++-
 frontend/src/views/share-code/log.vue     |  3 ++-
 frontend/src/views/system/users/index.vue |  4 +++-
 6 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/frontend/src/styles/lux-theme.css b/frontend/src/styles/lux-theme.css
index d06885a..255effd 100644
--- a/frontend/src/styles/lux-theme.css
+++ b/frontend/src/styles/lux-theme.css
@@ -92,6 +92,9 @@ body {
   flex: 1;
   min-width: 0;
   width: 100%;
+  position: relative;
+  z-index: 1;
+  isolation: isolate;
 }
 
 /* —— 侧栏玻璃 —— */
@@ -112,7 +115,7 @@ body {
   border-right: 1px solid rgba(255, 255, 255, 0.08);
   box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.04);
   transition: width 0.30s ease, box-shadow 0.30s ease;
-  z-index: 30;
+  z-index: 100;
 }
 
 .lux-shell .sidebar-glass:not(.is-collapsed) {
@@ -233,6 +236,17 @@ body {
   min-height: 0;
 }
 
+/* 表格 loading 仅覆盖表格区域，不压住侧栏 */
+.lux-shell .table-loading-host {
+  position: relative;
+  overflow: hidden;
+  min-height: 120px;
+}
+
+.lux-shell .table-loading-host .el-loading-mask {
+  z-index: 8 !important;
+}
+
 .lux-shell .lux-footer {
   flex-shrink: 0;
   height: auto !important;
diff --git a/frontend/src/views/brand/index.vue b/frontend/src/views/brand/index.vue
index fdb59fa..5f09fac 100644
--- a/frontend/src/views/brand/index.vue
+++ b/frontend/src/views/brand/index.vue
@@ -32,8 +32,8 @@
         </el-button>
       </div>
 
+      <div class="table-loading-host" v-loading="loading">
       <el-table
-        v-loading="loading"
         :data="tableData"
         border
         stripe
@@ -60,6 +60,7 @@
           </template>
         </el-table-column>
       </el-table>
+      </div>
 
       <div class="pagination">
         <el-pagination
diff --git a/frontend/src/views/model/index.vue b/frontend/src/views/model/index.vue
index 2e318a1..f4d1245 100644
--- a/frontend/src/views/model/index.vue
+++ b/frontend/src/views/model/index.vue
@@ -58,9 +58,9 @@
         </div>
       </div>
 
+      <div class="table-loading-host" v-loading="loading">
       <el-table
         ref="tableRef"
-        v-loading="loading"
         :data="tableData"
         border
         stripe
@@ -134,6 +134,7 @@
           </template>
         </el-table-column>
       </el-table>
+      </div>
 
       <div class="pagination">
         <el-pagination
diff --git a/frontend/src/views/ota/index.vue b/frontend/src/views/ota/index.vue
index ac52936..b674b87 100644
--- a/frontend/src/views/ota/index.vue
+++ b/frontend/src/views/ota/index.vue
@@ -64,7 +64,8 @@
         </el-button>
       </div>
 
-      <el-table v-loading="loading" :data="tableData" border stripe style="width: 100%">
+      <div class="table-loading-host" v-loading="loading">
+      <el-table :data="tableData" border stripe style="width: 100%">
         <el-table-column prop="id" label="ID" width="70" />
         <el-table-column prop="verCode" label="版本号" width="90" />
         <el-table-column prop="verName" label="版本名" width="120" show-overflow-tooltip />
@@ -96,6 +97,7 @@
           </template>
         </el-table-column>
       </el-table>
+      </div>
 
       <div class="pagination">
         <el-pagination
diff --git a/frontend/src/views/share-code/log.vue b/frontend/src/views/share-code/log.vue
index c80144f..71d2afe 100644
--- a/frontend/src/views/share-code/log.vue
+++ b/frontend/src/views/share-code/log.vue
@@ -68,8 +68,8 @@
         <span class="title">分享日志</span>
       </div>
 
+      <div class="table-loading-host" v-loading="loading">
       <el-table
-        v-loading="loading"
         :data="tableData"
         border
         stripe
@@ -102,6 +102,7 @@
           </template>
         </el-table-column>
       </el-table>
+      </div>
 
       <div class="pagination">
         <el-pagination
diff --git a/frontend/src/views/system/users/index.vue b/frontend/src/views/system/users/index.vue
index c5f02e8..1a69040 100644
--- a/frontend/src/views/system/users/index.vue
+++ b/frontend/src/views/system/users/index.vue
@@ -32,7 +32,8 @@
         </el-button>
       </div>
 
-      <el-table v-loading="loading" :data="tableData" border stripe style="width: 100%">
+      <div class="table-loading-host" v-loading="loading">
+      <el-table :data="tableData" border stripe style="width: 100%">
         <el-table-column prop="id" label="ID" width="70" />
         <el-table-column prop="username" label="用户名" min-width="140" />
         <el-table-column prop="is_super_admin" label="超级管理员" width="120">
@@ -84,6 +85,7 @@
           </template>
         </el-table-column>
       </el-table>
+      </div>
 
       <div class="pagination">
         <el-pagination