From e7cd9c5e450901b51010a558e7f4554cda719f59 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=90=9D=E5=8D=9C?= <dev@saasshop.local>
Date: Sat, 14 Mar 2026 07:47:58 +0000
Subject: [PATCH] chore(admin-ui): remove inline styles from platform order
 show and add layout helpers

---
 public/css/admin-base.css                     |  9 +++++++++
 .../admin/platform_orders/show.blade.php      | 20 +++++++++----------
 2 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/public/css/admin-base.css b/public/css/admin-base.css
index 4cde11f..77b717f 100644
--- a/public/css/admin-base.css
+++ b/public/css/admin-base.css
@@ -162,6 +162,8 @@ button.btn-sm{
 
 textarea.w-full,input.w-full{width:100%;}
 
+.pre-wrap{white-space:pre-wrap;}
+
 .w-100{width:100px;}
 .w-120{width:120px;}
 .w-140{width:140px;}
@@ -200,7 +202,14 @@ input.w-90{width:90px;}
 .actions-spread{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;}
 .inline-links,.card-link-list{display:flex;gap:8px;flex-wrap:wrap;}
 
+/* Layout helpers */
+.flex-between{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;}
+.items-center{align-items:center;}
+
 .gap-12{gap:12px;}
+.gap-10{gap:10px;}
+
+.flex-between{display:flex;align-items:center;justify-content:space-between;}
 
 .focus-box,.nav-box,.profile-box{padding:12px;border:1px solid #334155;border-radius:8px;}
 .summary-box,.stat-box,.status-card,.status-link{padding:12px;border:1px solid #334155;border-radius:8px;}
diff --git a/resources/views/admin/platform_orders/show.blade.php b/resources/views/admin/platform_orders/show.blade.php
index 66ec359..0140f35 100644
--- a/resources/views/admin/platform_orders/show.blade.php
+++ b/resources/views/admin/platform_orders/show.blade.php
@@ -387,8 +387,8 @@
 </div>
 
 <div class="card mb-20" id="payment-receipts">
-    <div class="flex-between" style="align-items:center;">
-        <h3 style="margin:0;">支付回执（对账留痕）</h3>
+    <div class="flex-between items-center">
+        <h3 class="mb-0">支付回执（对账留痕）</h3>
         @php
             $makeExportLedgerUrl = function (array $query = []) use ($order) {
                 // download 必须显式为 1（导出安全阀），且为了测试/口径稳定，固定放在 query 的第一位
@@ -397,7 +397,7 @@
                 return '/admin/platform-orders/' . $order->id . '/export-ledger?' . \Illuminate\Support\Arr::query($query);
             };
         @endphp
-        <div class="muted" style="display:flex; gap:10px;">
+        <div class="muted inline-links">
             <a class="muted" href="{!! $makeExportLedgerUrl() !!}" target="_blank" rel="noopener">导出对账明细（CSV）</a>
             <a class="muted" href="{!! $makeExportLedgerUrl(['include_order_snapshot' => 1]) !!}" target="_blank" rel="noopener">导出含订单摘要（CSV）</a>
         </div>
@@ -592,11 +592,11 @@
         <table>
             <thead>
             <tr>
-                <th style="width:180px;">动作</th>
-                <th style="width:120px;">范围</th>
-                <th style="width:200px;">时间</th>
-                <th style="width:100px;">管理员</th>
-                <th style="width:180px;">快照</th>
+                <th class="w-200">动作</th>
+                <th class="w-120">范围</th>
+                <th class="w-200">时间</th>
+                <th class="w-120">管理员</th>
+                <th class="w-200">快照</th>
                 <th>备注</th>
             </tr>
             </thead>
@@ -663,10 +663,10 @@
 
 <div class="card">
     <h3>原始 meta（JSON）</h3>
-    <pre style="white-space: pre-wrap;">{{ json_encode($order->meta, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
+    <pre class="pre-wrap">{{ json_encode($order->meta, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
 </div>
 
-<div class="mb-20" style="margin-top:16px;">
+<div class="mb-20 mt-16">
     @php
         $back = (string) request()->query('back', '');
         // back 安全校验：只接受相对路径，且拒绝引号/尖括号，并拒绝 nested back，避免潜在 XSS/URL 膨胀。