From 7ecdd06c4bf50e7c13395e51618f6e9b7f761ac3 Mon Sep 17 00:00:00 2001
From: caoqianming <caoqianming@foxmail.com>
Date: Thu, 23 Apr 2026 22:13:38 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9D=90=E6=96=99=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E5=88=97=E5=AE=BD=E6=8C=89=E5=86=85=E5=AE=B9=E7=BB=99=20min-wi?=
 =?UTF-8?q?dth=20+=20=E7=9C=81=E7=95=A5=E5=8F=B7=E9=98=B2=E6=8D=A2?=
 =?UTF-8?q?=E8=A1=8C=EF=BC=8C=E6=93=8D=E4=BD=9C=E5=88=97=E5=9B=BA=E5=AE=9A?=
 =?UTF-8?q?=E5=8F=B3=E4=BE=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 可变长度列（名称/分类/备注/供应商/品牌等）改 min-width + show-overflow-tooltip
- 固定选项列（大类/阶段/等级/状态）用 width 固定
- 操作列加 fixed="right"，列多时左侧横向滚动时操作按钮保持可见

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 frontend/src/views/MaterialManage.vue | 30 +++++++++++++--------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/frontend/src/views/MaterialManage.vue b/frontend/src/views/MaterialManage.vue
index 758ea30..b51dbc1 100644
--- a/frontend/src/views/MaterialManage.vue
+++ b/frontend/src/views/MaterialManage.vue
@@ -33,21 +33,21 @@
     </div>
 
     <el-table v-loading="tableLoading" :data="materials" border :max-height="560">
-      <el-table-column prop="name" label="材料名称" />
-      <el-table-column prop="major_category_display" label="材料大类" />
-      <el-table-column prop="material_category" label="细分种类" />
-      <el-table-column prop="material_subcategory" label="材料子类" />
-      <el-table-column prop="stage_display" label="阶段" />
-      <el-table-column prop="importance_level_display" label="重要等级" />
-      <el-table-column prop="landing_project" label="落地项目" />
-      <el-table-column prop="contact_person" label="对接人" />
-      <el-table-column prop="contact_phone" label="对接人联系方式" width="130px"/>
-      <el-table-column prop="handler" label="经办人" />
-      <el-table-column prop="remark" label="备注" />
-      <el-table-column prop="factory_short_name" label="供应商" />
-      <el-table-column prop="brand_name" label="品牌" />
-      <el-table-column prop="status_display" label="状态" width="120" />
-      <el-table-column label="操作" width="320">
+      <el-table-column prop="name" label="材料名称" min-width="180" show-overflow-tooltip />
+      <el-table-column prop="major_category_display" label="材料大类" width="100" />
+      <el-table-column prop="material_category" label="细分种类" min-width="140" show-overflow-tooltip />
+      <el-table-column prop="material_subcategory" label="材料子类" min-width="140" show-overflow-tooltip />
+      <el-table-column prop="stage_display" label="阶段" width="130" show-overflow-tooltip />
+      <el-table-column prop="importance_level_display" label="重要等级" width="110" />
+      <el-table-column prop="landing_project" label="落地项目" min-width="140" show-overflow-tooltip />
+      <el-table-column prop="contact_person" label="对接人" width="100" show-overflow-tooltip />
+      <el-table-column prop="contact_phone" label="对接人联系方式" width="150" show-overflow-tooltip />
+      <el-table-column prop="handler" label="经办人" width="100" show-overflow-tooltip />
+      <el-table-column prop="remark" label="备注" min-width="160" show-overflow-tooltip />
+      <el-table-column prop="factory_short_name" label="供应商" min-width="140" show-overflow-tooltip />
+      <el-table-column prop="brand_name" label="品牌" min-width="140" show-overflow-tooltip />
+      <el-table-column prop="status_display" label="状态" width="100" />
+      <el-table-column label="操作" width="320" fixed="right">
         <template #default="scope">
           <div class="table-actions">
             <el-button size="small" @click="goDetail(scope.row)">详情</el-button>