dachui/hfb_sys
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(pickup): 优化线下提号列表操作列布局为单行紧凑展示

Browse Source 
- 扩展操作列宽度至 430px
- 设置操作按钮为 nowrap 不换行紧凑排版，间距调整为 6px
- 解决操作按钮折行掉至第二行的问题
This commit is contained in:
yml2213
2026-10-09 18:51:07 +08:00
parent b4d2d1e2f5
commit e92668689b
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/features/admin/views/AdminPickupView.css
+4 -2
View File
@@ -115,8 +115,10 @@
} }
.action-buttons { .action-buttons {
display: flex; display: flex;
flex-wrap: wrap; align-items: center;
gap: 8px; flex-wrap: nowrap;
gap: 6px;
white-space: nowrap;
} }
.amount-group-card { .amount-group-card {
frontend/src/features/admin/views/AdminPickupView.vue
+1 -1
View File
@@ -697,7 +697,7 @@ function listingOptionLabel(item: AvailableListing) {
<el-table-column label="创建时间" width="170"> <el-table-column label="创建时间" width="170">
<template #default="{ row }">{{ formatDateTime(row.created_at) }}</template> <template #default="{ row }">{{ formatDateTime(row.created_at) }}</template>
</el-table-column> </el-table-column>
<el-table-column label="操作" width="380" fixed="right"> <el-table-column label="操作" width="430" fixed="right">
<template #default="{ row }"> <template #default="{ row }">
<div class="action-buttons"> <div class="action-buttons">
<RouterLink :to="adminPath(`pickup/${row.id}`)"> <RouterLink :to="adminPath(`pickup/${row.id}`)">