zcdsj
/
mat
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 材料列表列宽按内容给 min-width + 省略号防换行，操作列固定右侧 

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

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
caoqianming 2026-04-23 22:13:38 +08:00
parent d2332f369f
commit 7ecdd06c4b
1 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/src/views/MaterialManage.vue
View File

@ -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>