duxingchen/KCGL
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(purchase): 统一列表行高

Browse Source 
- CSS 固定主表格行高 52px，行内 line-height 20px
- 状态列'待审批 N 项'改为单行 inline 显示（不再撑高）
- 物品列加 white-space: nowrap 防止换行导致高度差异
This commit is contained in:
yueli
2026-08-31 14:07:02 +08:00
parent a6c21fd313
commit 74271d53bc
1 changed files with 21 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
inventory-web/src/views/purchase/index.vue
View File

@ -75,13 +75,15 @@
<!-- ★ 物品列：单个显示 名称+货号，多个显示数量 -->
<el-table-column label="采购物品" min-width="200" show-overflow-tooltip>
<template #default="{ row }">
<template v-if="row.itemCount === 1">
<span>{{ row.items[0].name }}</span>
<span v-if="row.items[0].spec_model" style="color:#909399; font-size:12px; margin-left:6px;">{{ row.items[0].spec_model }}</span>
</template>
<template v-else>
<el-tag size="small" type="info">{{ row.itemCount }} 种物料</el-tag>
</template>
<span style="white-space: nowrap;">
<template v-if="row.itemCount === 1">
<span>{{ row.items[0].name }}</span>
<span v-if="row.items[0].spec_model" style="color:#909399; font-size:12px; margin-left:6px;">{{ row.items[0].spec_model }}</span>
</template>
<template v-else>
<el-tag size="small" type="info">{{ row.itemCount }} 种物料</el-tag>
</template>
</span>
</template>
</el-table-column>
<el-table-column v-if="userStore.hasPermission('inbound_purchase:total_price')" label="批次总价" width="120" align="right">
@ -100,9 +102,9 @@
</el-tag>
</template>
<el-tag v-if="row.statusTexts.length > 1" type="warning" size="small">混合</el-tag>
<div v-if="row.pendingCount > 0" style="font-size: 11px; color: #F56C6C;">
待审批 {{ row.pendingCount }} 项
</div>
<span v-if="row.pendingCount > 0" style="font-size: 11px; color: #F56C6C; margin-left: 2px;">
待审{{ row.pendingCount }}
</span>
</template>
</el-table-column>
<el-table-column label="操作" width="220" fixed="right" align="center">
@ -1273,4 +1275,13 @@ onMounted(() => {
:deep(.table-mini-uploader) .el-upload-list--picture-card .el-upload-list__item-actions {
font-size: 14px;
}
/* ★ 统一列表行高：防止单/多物品、状态差异导致行高不一致 */
:deep(.el-table .el-table__row > td) {
height: 52px;
line-height: 20px;
}
:deep(.el-table .el-table__row > td .cell) {
line-height: 20px;
}
</style>