direv/admin_new
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(F006-W17.4.1): 商品/服务页列宽精细化 + 删审核意见列

Browse Source 
用户原话:
- 商品ID 宽度太多 → 140 缩到 100
- 商品名称/服务名称 列再加宽一些 → minWidth 240 加到 320 (业务核心, 最长字段)
- 分类列调窄一些 → GoodListView minWidth 240 缩到 180 (3 级合并后 180 足够)
- 单位的标题不应该换行 → width 80 + minWidth 80 (DataTable 已有 whiteSpace: nowrap)
- 审核意见列不用在列表中展示 → 整列删除 (详情弹窗内可看)

改动:
- GoodListView columns 11 列 → 10 列
- ServiceGoodListView columns 12 列 → 11 列
- 整体宽度收敛给商品/服务名称 (核心信息)
This commit is contained in:
Sisyphus 2026-07-07 18:34:37 +08:00
parent c69fa216f8
commit 04728fb7a6
2 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/modules/supplier/good/GoodListView.vue
View File

@ -132,14 +132,13 @@ const batchRejectForm = reactive({ reason: '' })
const columns = [ const columns = [
{ type: 'selection' as const, label: '', width: 50 }, { type: 'selection' as const, label: '', width: 50 },
{ prop: 'supplierGoodId', label: '商品ID', width: 140 }, { prop: 'supplierGoodId', label: '商品ID', width: 100 },
{ prop: 'title', label: '商品名称', minWidth: 240, slot: 'title' }, { prop: 'title', label: '商品名称', minWidth: 320, slot: 'title' },
{ prop: 'enterpriseName', label: '供应商', minWidth: 180, showOverflowTooltip: true }, { prop: 'enterpriseName', label: '供应商', minWidth: 180, showOverflowTooltip: true },
{ prop: 'categoryName', label: '分类', minWidth: 240, slot: 'category' }, { prop: 'categoryName', label: '分类', minWidth: 180, slot: 'category' },
{ prop: 'brandName', label: '品牌', width: 120 }, { prop: 'brandName', label: '品牌', width: 110 },
{ prop: 'unitName', label: '单位', width: 80, align: 'center' as const }, { prop: 'unitName', label: '单位', width: 70, align: 'center' as const },
{ prop: 'onShelf', label: '铺货', width: 100, align: 'center' as const, slot: 'onShelf' }, { prop: 'onShelf', label: '铺货', width: 100, align: 'center' as const, slot: 'onShelf' },
{ prop: 'checkOpinion', label: '审核意见', minWidth: 160, showOverflowTooltip: true },
{ prop: 'checkStatus', label: '状态', width: 100, align: 'center' as const, slot: 'checkStatus' }, { prop: 'checkStatus', label: '状态', width: 100, align: 'center' as const, slot: 'checkStatus' },
{ prop: 'createDate', label: '申请时间', width: 170 }, { prop: 'createDate', label: '申请时间', width: 170 },
{ label: '操作', width: 240, align: 'center' as const, fixed: 'right' as const, slot: 'action' } { label: '操作', width: 240, align: 'center' as const, fixed: 'right' as const, slot: 'action' }

5
src/modules/supplier/servicegood/ServiceGoodListView.vue
View File

@ -72,14 +72,13 @@ const checkStats = reactive({ pending: 0, approved: 0, rejected: 0 })
const columns = [ const columns = [
{ type: 'selection' as const, label: '', width: 50 }, { type: 'selection' as const, label: '', width: 50 },
{ prop: 'serviceGoodId', label: '服务ID', width: 140 }, { prop: 'serviceGoodId', label: '服务ID', width: 100 },
{ prop: 'title', label: '服务名称', minWidth: 240, slot: 'title' }, { prop: 'title', label: '服务名称', minWidth: 320, slot: 'title' },
{ prop: 'enterpriseName', label: '供应商', minWidth: 180 }, { prop: 'enterpriseName', label: '供应商', minWidth: 180 },
{ prop: 'categoryName', label: '分类', width: 160 }, { prop: 'categoryName', label: '分类', width: 160 },
{ prop: 'serviceArea', label: '服务区域', width: 120, align: 'center' as const }, { prop: 'serviceArea', label: '服务区域', width: 120, align: 'center' as const },
{ prop: 'price', label: '价格', width: 160, align: 'right' as const, slot: 'price' }, { prop: 'price', label: '价格', width: 160, align: 'right' as const, slot: 'price' },
{ prop: 'onShelf', label: '铺货', width: 100, align: 'center' as const, slot: 'onShelf' }, { prop: 'onShelf', label: '铺货', width: 100, align: 'center' as const, slot: 'onShelf' },
{ prop: 'checkOpinion', label: '审核意见', minWidth: 160 },
{ prop: 'checkStatus', label: '状态', width: 100, align: 'center' as const, slot: 'checkStatus' }, { prop: 'checkStatus', label: '状态', width: 100, align: 'center' as const, slot: 'checkStatus' },
{ prop: 'createDate', label: '申请时间', width: 170 }, { prop: 'createDate', label: '申请时间', width: 170 },
{ label: '操作', width: 280, align: 'center' as const, fixed: 'right' as const, slot: 'action' } { label: '操作', width: 280, align: 'center' as const, fixed: 'right' as const, slot: 'action' }