admin: platform orders tools layout + table wrap to avoid vertical text
This commit is contained in:
@@ -53,6 +53,7 @@ a:hover{text-decoration:underline;}
|
||||
.card-spaced{margin-bottom:20px;}
|
||||
|
||||
.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-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
|
||||
.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}
|
||||
|
||||
@@ -52,3 +52,19 @@
|
||||
font-size:12px;
|
||||
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;
|
||||
}
|
||||
|
||||
@@ -513,6 +513,14 @@
|
||||
<h3>工具</h3>
|
||||
<div class="muted mb-10">清除仅影响订单 meta 中的失败标记,不改变订单/订阅状态。</div>
|
||||
|
||||
@php
|
||||
// 工具区布局:采用与“筛选条件”类似的排版(两列),避免所有内容挤到左侧。
|
||||
// 说明:仅做结构包裹,不改动原表单字段/行为。
|
||||
$toolForms = [];
|
||||
@endphp
|
||||
|
||||
<div class="grid-2">
|
||||
|
||||
@php
|
||||
$hasReconcileMismatchFilter = (($filters['reconcile_mismatch'] ?? '') === '1');
|
||||
$hasRefundInconsistentFilter = (($filters['refund_inconsistent'] ?? '') === '1');
|
||||
@@ -895,6 +903,8 @@
|
||||
<button class="btn btn-danger btn-sm" type="submit">清除批量标记支付失败标记(全部订单)</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
@@ -922,36 +932,37 @@
|
||||
@endphp
|
||||
<a href="{!! $createOrderUrl !!}" class="btn btn-sm">新建平台订单</a>
|
||||
</div>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>订单号</th>
|
||||
<th>站点</th>
|
||||
<th>套餐</th>
|
||||
<th>订单类型</th>
|
||||
<th>订单状态</th>
|
||||
<th>支付状态</th>
|
||||
<th>应付金额</th>
|
||||
<th>已付金额</th>
|
||||
<th>下单时间</th>
|
||||
<th>支付时间</th>
|
||||
<th>同步状态</th>
|
||||
<th>订阅号</th>
|
||||
<th>订阅到期</th>
|
||||
<th>同步时间</th>
|
||||
<th>失败原因</th>
|
||||
<th>最近批量同步</th>
|
||||
<th>最近批量生效</th>
|
||||
<th>回执总额</th>
|
||||
<th>对账差额</th>
|
||||
<th>回执数</th>
|
||||
<th>退款数</th>
|
||||
<th>退款总额</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<div class="table-wrap">
|
||||
<table class="table-nowrap">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>订单号</th>
|
||||
<th>站点</th>
|
||||
<th>套餐</th>
|
||||
<th>订单类型</th>
|
||||
<th>订单状态</th>
|
||||
<th>支付状态</th>
|
||||
<th>应付金额</th>
|
||||
<th>已付金额</th>
|
||||
<th>下单时间</th>
|
||||
<th>支付时间</th>
|
||||
<th>同步状态</th>
|
||||
<th>订阅号</th>
|
||||
<th>订阅到期</th>
|
||||
<th>同步时间</th>
|
||||
<th>失败原因</th>
|
||||
<th>最近批量同步</th>
|
||||
<th>最近批量生效</th>
|
||||
<th>回执总额</th>
|
||||
<th>对账差额</th>
|
||||
<th>回执数</th>
|
||||
<th>退款数</th>
|
||||
<th>退款总额</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@forelse($orders as $order)
|
||||
<tr>
|
||||
<td>{{ $order->id }}</td>
|
||||
@@ -1270,7 +1281,8 @@
|
||||
</tr>
|
||||
@endforelse
|
||||
</tbody>
|
||||
</table>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pagination-wrap">{{ $orders->links() }}</div>
|
||||
|
||||
Reference in New Issue
Block a user