admin: platform orders tools layout + table wrap to avoid vertical text

This commit is contained in:
萝卜
2026-03-14 10:53:22 +00:00
parent 9678121efa
commit 50d90442c1
3 changed files with 60 additions and 31 deletions

View File

@@ -53,6 +53,7 @@ a:hover{text-decoration:underline;}
.card-spaced{margin-bottom:20px;} .card-spaced{margin-bottom:20px;}
.grid{display:grid;gap:16px;} .grid{display:grid;gap:16px;}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;} .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;} .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;} .grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}

View File

@@ -52,3 +52,19 @@
font-size:12px; font-size:12px;
line-height:1.5; line-height:1.5;
} }
/* 平台订单列表:避免列太多导致内容挤压成“竖排/断字” */
.table-wrap{
width:100%;
overflow-x:auto;
}
.table-wrap table{
min-width:1600px;
}
.table-nowrap th,
.table-nowrap td{
white-space:nowrap;
word-break:normal;
}

View File

@@ -513,6 +513,14 @@
<h3>工具</h3> <h3>工具</h3>
<div class="muted mb-10">清除仅影响订单 meta 中的失败标记,不改变订单/订阅状态。</div> <div class="muted mb-10">清除仅影响订单 meta 中的失败标记,不改变订单/订阅状态。</div>
@php
// 工具区布局:采用与“筛选条件”类似的排版(两列),避免所有内容挤到左侧。
// 说明:仅做结构包裹,不改动原表单字段/行为。
$toolForms = [];
@endphp
<div class="grid-2">
@php @php
$hasReconcileMismatchFilter = (($filters['reconcile_mismatch'] ?? '') === '1'); $hasReconcileMismatchFilter = (($filters['reconcile_mismatch'] ?? '') === '1');
$hasRefundInconsistentFilter = (($filters['refund_inconsistent'] ?? '') === '1'); $hasRefundInconsistentFilter = (($filters['refund_inconsistent'] ?? '') === '1');
@@ -895,6 +903,8 @@
<button class="btn btn-danger btn-sm" type="submit">清除批量标记支付失败标记(全部订单)</button> <button class="btn btn-danger btn-sm" type="submit">清除批量标记支付失败标记(全部订单)</button>
</div> </div>
</form> </form>
</div>
</div> </div>
<div class="card"> <div class="card">
@@ -922,7 +932,8 @@
@endphp @endphp
<a href="{!! $createOrderUrl !!}" class="btn btn-sm">新建平台订单</a> <a href="{!! $createOrderUrl !!}" class="btn btn-sm">新建平台订单</a>
</div> </div>
<table> <div class="table-wrap">
<table class="table-nowrap">
<thead> <thead>
<tr> <tr>
<th>ID</th> <th>ID</th>
@@ -1272,6 +1283,7 @@
</tbody> </tbody>
</table> </table>
</div> </div>
</div>
<div class="pagination-wrap">{{ $orders->links() }}</div> <div class="pagination-wrap">{{ $orders->links() }}</div>
@endsection @endsection