html/admin-web
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(overseas): keep inbound actions on one line

Browse Source
This commit is contained in:
ouyangxq
2026-09-08 16:04:53 +08:00
parent cbc5521958
commit cb7bb90eb6
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/modules/overseas-warehouse/layoutAcceptance.test.ts
+3 -2
View File
@@ -9,7 +9,7 @@ describe('overseas warehouse 1920px layout acceptance', () => {
it('keeps action columns first and wide enough for every visible action', () => { it('keeps action columns first and wide enough for every visible action', () => {
const widths: Record<string, number> = { const widths: Record<string, number> = {
'LastMileOrdersView.vue': 178, 'LastMileOrdersView.vue': 178,
'InboundOrdersView.vue': 260, 'InboundOrdersView.vue': 300,
'DispatchesView.vue': 270, 'DispatchesView.vue': 270,
'OutboundsView.vue': 180, 'OutboundsView.vue': 180,
'DeliveryOrdersView.vue': 300, 'DeliveryOrdersView.vue': 300,
@@ -28,7 +28,8 @@ describe('overseas warehouse 1920px layout acceptance', () => {
it('keeps all inbound-order row actions on one line', () => { it('keeps all inbound-order row actions on one line', () => {
const source = page('InboundOrdersView.vue') const source = page('InboundOrdersView.vue')
expect(source).toContain('<template #actions="{ row }"><div class="row-actions">') expect(source).toContain('<template #actions="{ row }"><div class="row-actions">')
expect(source).toContain('.row-actions { display: flex; align-items: center; gap: 8px; white-space: nowrap; }') expect(source).toContain('.row-actions { display: inline-flex; min-width: max-content; align-items: center; flex-wrap: nowrap; gap: 8px; white-space: nowrap; }')
expect(source).toContain('.row-actions :deep(.el-button) { flex: 0 0 auto; }')
expect(source).toContain('.row-actions :deep(.el-button + .el-button) { margin-left: 0; }') expect(source).toContain('.row-actions :deep(.el-button + .el-button) { margin-left: 0; }')
}) })
src/modules/overseas-warehouse/pages/InboundOrdersView.vue
+3 -2
View File
@@ -64,7 +64,7 @@ function selectableRow(source: object) {
} }
const columns: DataTableColumn[] = [ const columns: DataTableColumn[] = [
{ key: 'actions', label: '操作', width: 260, fixed: 'left', slotName: 'actions' }, { key: 'actions', label: '操作', width: 300, fixed: 'left', slotName: 'actions' },
{ key: 'selection', type: 'selection', width: 48, fixed: 'left', selectable: selectableRow }, { key: 'selection', type: 'selection', width: 48, fixed: 'left', selectable: selectableRow },
{ key: 'orderNo', prop: 'orderNo', label: '入库单号', minWidth: 170 }, { key: 'orderNo', prop: 'orderNo', label: '入库单号', minWidth: 170 },
{ key: 'inboundCode', prop: 'inboundCode', label: '入仓码', minWidth: 140 }, { key: 'inboundCode', prop: 'inboundCode', label: '入仓码', minWidth: 140 },
@@ -213,7 +213,8 @@ onMounted(() => { void load() })
.appointment-summary { margin-bottom: 16px; padding: 10px 12px; border: 1px solid #cdddfd; border-radius: 6px; background: #f5f9ff; color: #52627a; font-size: 13px; } .appointment-summary { margin-bottom: 16px; padding: 10px 12px; border: 1px solid #cdddfd; border-radius: 6px; background: #f5f9ff; color: #52627a; font-size: 13px; }
.appointment-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; } .appointment-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; }
.appointment-form :deep(.el-date-editor), .appointment-form :deep(.el-select) { width: 100%; } .appointment-form :deep(.el-date-editor), .appointment-form :deep(.el-select) { width: 100%; }
.row-actions { display: flex; align-items: center; gap: 8px; white-space: nowrap; } .row-actions { display: inline-flex; min-width: max-content; align-items: center; flex-wrap: nowrap; gap: 8px; white-space: nowrap; }
.row-actions :deep(.el-button) { flex: 0 0 auto; }
.row-actions :deep(.el-button + .el-button) { margin-left: 0; } .row-actions :deep(.el-button + .el-button) { margin-left: 0; }
@media (max-width: 720px) { .appointment-form { grid-template-columns: 1fr; } } @media (max-width: 720px) { .appointment-form { grid-template-columns: 1fr; } }
</style> </style>