From bafe4f667f2b04777e9ad469f72ab6c1411e0929 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E6=98=8A=E5=A4=A9?= <442384644@qq.com>
Date: Fri, 16 Oct 2026 15:15:40 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E5=95=86=E5=93=81=E7=BC=96=E8=BE=91):=20?=
 =?UTF-8?q?=E8=A7=84=E6=A0=BC=E8=A1=A8=E6=A0=BC=E9=AB=98=E5=BA=A6=E4=B8=8E?=
 =?UTF-8?q?=E6=A8=AA=E5=90=91=E6=BB=9A=E5=8A=A8=E5=B8=83=E5=B1=80=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

规格表 height 改 max-height（行少时不被拉高），容器允许 flex 收缩使表格在表单内横向滚动、固定右列正常钉住
---
 .../src/pages/plugin/normal/add/components/SpecStock.vue  | 8 +++++++-
 .../src/pages/product/productAdd/components/SpecStock.vue | 8 +++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/frontend/admin/src/pages/plugin/normal/add/components/SpecStock.vue b/frontend/admin/src/pages/plugin/normal/add/components/SpecStock.vue
index fad1f8fc4..a471f0dce 100644
--- a/frontend/admin/src/pages/plugin/normal/add/components/SpecStock.vue
+++ b/frontend/admin/src/pages/plugin/normal/add/components/SpecStock.vue
@@ -135,7 +135,7 @@
       <el-form-item label="商品属性：" class="labeltop" v-if="manyFormValidate.length">
         <el-table
           row-key="index"
-          height="700px"
+          max-height="700px"
           :data="manyFormValidate"
           style="width: 100%"
           :cell-class-name="tableCellClassName"
@@ -669,4 +669,10 @@ function objectSpanMethod({ row, column, rowIndex, columnIndex }) {
 </script>
 <style lang="scss" scoped>
 @use '../productAdd.scss' as *;
+// 规格表列合计宽超出表单容器时允许 flex 收缩，让 el-table 在容器内横向滚动、fixed right 列正常钉住
+.labeltop {
+  :deep(.el-table) {
+    min-width: 0;
+  }
+}
 </style>
diff --git a/frontend/admin/src/pages/product/productAdd/components/SpecStock.vue b/frontend/admin/src/pages/product/productAdd/components/SpecStock.vue
index 830e1372d..531095552 100644
--- a/frontend/admin/src/pages/product/productAdd/components/SpecStock.vue
+++ b/frontend/admin/src/pages/product/productAdd/components/SpecStock.vue
@@ -154,6 +154,7 @@
     <el-col :span="24" v-if="formValidate.spec_type === 1">
       <el-form-item label="商品属性：" class="labeltop" v-if="manyFormValidate.length">
         <VirtualScroll
+          class="spec-table-scroll"
           :data="manyFormValidate"
           :buffer="50"
           :height="62"
@@ -163,7 +164,7 @@
           <!-- <el-table row-key="id" :data="virtualList" height="500px"> </el-table> -->
           <el-table
             row-key="index"
-            height="700px"
+            max-height="700px"
             :data="manyFormValidate"
             style="width: 100%"
             :cell-class-name="tableCellClassName"
@@ -814,6 +815,11 @@ function objectSpanMethod({ row, column, rowIndex, columnIndex }) {
 </script>
 <style lang="scss" scoped>
 @use '../productAdd.scss' as *;
+// 规格表列合计宽超出表单容器时允许 flex 收缩（网盘多规格列多，撑破容器会把固定右列一起推出视口），
+// 收缩后 el-table 在容器内横向滚动，fixed right 列正常钉住
+.spec-table-scroll {
+  min-width: 0;
+}
 // 网盘信息输入组（多规格表格/单规格区共用）
 .fictitious-netdisk {
   display: flex;