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

fix: 供应商/品牌/材料分类列表统一列宽策略 

- 文本列加 min-width + show-overflow-tooltip 防换行
- 操作列 fixed="right"，横向滚动时保持可见

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
caoqianming 2026-04-24 08:15:56 +08:00
parent 2552655663
commit aeec917c09
3 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/views/BrandManage.vue
View File

@ -16,15 +16,15 @@
<div class="table-wrap">
<el-table v-loading="tableLoading" :data="brands" border height="100%">
<el-table-column prop="id" label="ID" width="80" />
<el-table-column prop="name" label="品牌名称" min-width="180" />
<el-table-column prop="description" label="品牌描述" min-width="240" show-overflow-tooltip />
<el-table-column prop="name" label="品牌名称" min-width="180" show-overflow-tooltip />
<el-table-column prop="description" label="品牌描述" min-width="260" show-overflow-tooltip />
<el-table-column prop="material_count" label="关联材料数" width="120" />
<el-table-column label="创建时间" width="180">
<template #default="scope">
{{ formatDate(scope.row.created_at) }}
</template>
</el-table-column>
<el-table-column label="操作" width="160" v-if="isAdmin">
<el-table-column label="操作" width="160" fixed="right" v-if="isAdmin">
<template #default="scope">
<div class="table-actions">
<el-button size="small" @click="openEdit(scope.row)">编辑</el-button>

14
frontend/src/views/DictionaryManage.vue
View File

@ -7,10 +7,10 @@
<el-button type="primary" @click="openCategoryCreate">新增分类</el-button>
</div>
<el-table v-loading="categoryLoading" :data="categories" border>
<el-table-column prop="name" label="分类名称" />
<el-table-column prop="value" label="分类值" />
<el-table-column prop="name" label="分类名称" min-width="200" show-overflow-tooltip />
<el-table-column prop="value" label="分类值" min-width="200" show-overflow-tooltip />
<el-table-column prop="subcategory_count" label="子类数量" width="120" />
<el-table-column label="操作" width="160">
<el-table-column label="操作" width="160" fixed="right">
<template #default="scope">
<div class="table-actions">
<el-button size="small" @click="openCategoryEdit(scope.row)">编辑</el-button>
@ -28,10 +28,10 @@
<el-button type="primary" @click="openSubcategoryCreate">新增子分类</el-button>
</div>
<el-table v-loading="subcategoryLoading" :data="subcategories" border>
<el-table-column prop="category_name" label="所属分类" />
<el-table-column prop="name" label="子分类名称" />
<el-table-column prop="value" label="子分类值" />
<el-table-column label="操作" width="160">
<el-table-column prop="category_name" label="所属分类" min-width="180" show-overflow-tooltip />
<el-table-column prop="name" label="子分类名称" min-width="200" show-overflow-tooltip />
<el-table-column prop="value" label="子分类值" min-width="200" show-overflow-tooltip />
<el-table-column label="操作" width="160" fixed="right">
<template #default="scope">
<div class="table-actions">
<el-button size="small" @click="openSubcategoryEdit(scope.row)">编辑</el-button>

12
frontend/src/views/FactoryManage.vue
View File

@ -6,20 +6,20 @@
</div>
<div class="table-wrap">
<el-table v-loading="tableLoading" :data="factories" border height="100%">
<el-table-column prop="factory_name" label="供应商全称" />
<el-table-column prop="short_name" label="供应商简称" />
<el-table-column prop="dealer_name" label="经销商" />
<el-table-column label="用户账号">
<el-table-column prop="factory_name" label="供应商全称" min-width="220" show-overflow-tooltip />
<el-table-column prop="short_name" label="供应商简称" min-width="160" show-overflow-tooltip />
<el-table-column prop="dealer_name" label="经销商" min-width="160" show-overflow-tooltip />
<el-table-column label="用户账号" min-width="160" show-overflow-tooltip>
<template #default="scope">
{{ (scope.row.usernames || []).join('、') || '-' }}
</template>
</el-table-column>
<el-table-column label="地区">
<el-table-column label="地区" min-width="180" show-overflow-tooltip>
<template #default="scope">
{{ formatRegion(scope.row.province, scope.row.city, scope.row.district) }}
</template>
</el-table-column>
<el-table-column label="操作" width="200">
<el-table-column label="操作" width="220" fixed="right">
<template #default="scope">
<div class="table-actions">
<el-button size="small" @click="goDetail(scope.row)">详情</el-button>