快递运费:固定列宽+收紧内边距,12 列表头一屏可见(超长内容省略+悬停提示)

This commit is contained in:
qiuxiang 2026-10-12 15:46:01 +08:00
parent 66d6146c19
commit 9c62f4364b

View File

@ -595,6 +595,53 @@
text-align: left;
}
/* 快递运费:列数多(含序号共 12 列),用固定列宽 + 收紧列内边距把全部表头压进一屏;
超长内容(条形码 / 店铺名称)省略号截断,悬停单元格可看全值。 */
#directory-table-courier-freight {
table-layout: fixed;
}
#directory-table-courier-freight th,
#directory-table-courier-freight td {
min-width: 0;
padding: 0.35rem;
}
#directory-table-courier-freight td {
overflow: hidden;
text-overflow: ellipsis;
}
#directory-table-courier-freight th:first-child,
#directory-table-courier-freight td:first-child { width: 3.2rem; }
#directory-table-courier-freight th[data-column-key="source"],
#directory-table-courier-freight td[data-column-key="source"] { width: 7rem; }
#directory-table-courier-freight th[data-column-key="part"],
#directory-table-courier-freight td[data-column-key="part"] { width: 5.2rem; }
#directory-table-courier-freight th[data-column-key="transaction_no"],
#directory-table-courier-freight td[data-column-key="transaction_no"] { width: 10.6rem; }
#directory-table-courier-freight th[data-column-key="express_no"],
#directory-table-courier-freight td[data-column-key="express_no"] { width: 7.5rem; }
#directory-table-courier-freight th[data-column-key="barcode"],
#directory-table-courier-freight td[data-column-key="barcode"] { width: 11rem; }
#directory-table-courier-freight th[data-column-key="shop_name"],
#directory-table-courier-freight td[data-column-key="shop_name"] { width: 10rem; }
#directory-table-courier-freight th[data-column-key="freight_amount"],
#directory-table-courier-freight td[data-column-key="freight_amount"] { width: 6.5rem; }
#directory-table-courier-freight th[data-column-key="freight_difference"],
#directory-table-courier-freight td[data-column-key="freight_difference"] { width: 5.2rem; }
#directory-table-courier-freight th[data-column-key="settled_freight"],
#directory-table-courier-freight td[data-column-key="settled_freight"] { width: 5.6rem; }
#directory-table-courier-freight th[data-column-key="other_surcharge_amount"],
#directory-table-courier-freight td[data-column-key="other_surcharge_amount"] { width: 7.2rem; }
#directory-table-courier-freight th[data-column-key="return_fee_amount"],
#directory-table-courier-freight td[data-column-key="return_fee_amount"] { width: 5.4rem; }
/* 排序 / 隐藏字段浮层贴列右缘向左展开;闭合的 details 会为表头贡献不可见溢出宽度,用 clip 收住。 */
#directory-table-courier-freight .directory-header-menu__panel {
left: auto;
right: 0;
}
#directory-table-courier-freight details:not([open]) {
overflow: clip;
}
.directory-table .is-empty td {
height: 8rem;
color: var(--vip-content-muted, #595959);
@ -1922,7 +1969,7 @@
$display = in_array($value, [true, 1, '1', '是', '✔'], true) ? '是' : '否';
}
@endphp
<td data-column-key="{{ $field['name'] }}" class="{{ in_array($kind, ['number', 'integer'], true) ? 'is-number' : '' }} {{ !in_array($field['name'], $visibleDirectoryColumns, true) ? 'is-column-hidden' : '' }}">
<td data-column-key="{{ $field['name'] }}" class="{{ in_array($kind, ['number', 'integer'], true) ? 'is-number' : '' }} {{ !in_array($field['name'], $visibleDirectoryColumns, true) ? 'is-column-hidden' : '' }}"@if (($page['slug'] ?? '') === 'courier-freight' && in_array($field['name'], ['transaction_no', 'express_no', 'barcode', 'shop_name'], true) && filled($display)) title="{{ $display }}"@endif>
@if (($page['slug'] ?? '') === 'store-accounts' && $field['name'] === 'password_configured')
<span class="sr-only" data-password-status>{{ filled($display) ? $display : '—' }}</span>
@if ($value === false)