linxianzhuang/saasshop
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

1
public/css/admin-base.css
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;}

16
public/css/admin-components.css
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;
}

74
resources/views/admin/platform_orders/index.blade.php
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,36 +932,37 @@
@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">
<thead> <table class="table-nowrap">
<tr> <thead>
<th>ID</th> <tr>
<th>订单号</th> <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> <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> <th>操作</th>
</thead> </tr>
<tbody> </thead>
<tbody>
@forelse($orders as $order) @forelse($orders as $order)
<tr> <tr>
<td>{{ $order->id }}</td> <td>{{ $order->id }}</td>
@@ -1270,7 +1281,8 @@
</tr> </tr>
@endforelse @endforelse
</tbody> </tbody>
</table> </table>
</div>
</div> </div>
<div class="pagination-wrap">{{ $orders->links() }}</div> <div class="pagination-wrap">{{ $orders->links() }}</div>