From ecb227761ca8192529f37e2ccc69e8fff530f7ef 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:23:10 +0000
Subject: [PATCH] ui: remove inline styles in platform order show receipts
 sections

---
 public/css/admin-base.css                     |  8 +-
 .../admin/platform_orders/show.blade.php      | 76 +++++++++----------
 2 files changed, 45 insertions(+), 39 deletions(-)

diff --git a/public/css/admin-base.css b/public/css/admin-base.css
index 4617b04..325cd10 100644
--- a/public/css/admin-base.css
+++ b/public/css/admin-base.css
@@ -161,7 +161,13 @@ button.btn-sm{
 }
 
 textarea.w-full,input.w-full{width:100%;}
-input.w-140{width:140px;}
+
+.w-100{width:100px;}
+.w-120{width:120px;}
+.w-140{width:140px;}
+.w-160{width:160px;}
+.w-200{width:200px;}
+
 input.w-90{width:90px;}
 .block{display:block;}
 .inline{display:inline;}
diff --git a/resources/views/admin/platform_orders/show.blade.php b/resources/views/admin/platform_orders/show.blade.php
index d032db8..ee90882 100644
--- a/resources/views/admin/platform_orders/show.blade.php
+++ b/resources/views/admin/platform_orders/show.blade.php
@@ -55,7 +55,7 @@
     <h3>订单信息</h3>
     <table>
         <tbody>
-        <tr><th style="width:160px;">ID</th><td>{{ $order->id }}</td></tr>
+        <tr><th class="w-160">ID</th><td>{{ $order->id }}</td></tr>
         <tr><th>订单号</th><td>{{ $order->order_no }}</td></tr>
         @php
             $platformLeadId = (int) (data_get($order->meta, 'platform_lead_id') ?? 0);
@@ -298,13 +298,13 @@
     </div>
 
     @if(! $canActivate)
-        <div class="muted" style="margin-top:10px;">同步订阅需满足：已支付 + 订单状态已生效</div>
+        <div class="muted mt-10">同步订阅需满足：已支付 + 订单状态已生效</div>
     @elseif($alreadySynced)
-        <div class="muted" style="margin-top:10px;">该订单已完成同步（幂等保护）</div>
+        <div class="muted mt-10">该订单已完成同步（幂等保护）</div>
     @endif
 
     @if($syncError)
-        <div class="muted" style="margin-top:10px; color:#b42318;">最近同步失败：{{ $syncError }}{{ $syncErrorAt ? '（' . $syncErrorAt . '）' : '' }}</div>
+        <div class="muted mt-10 text-danger">最近同步失败：{{ $syncError }}{{ $syncErrorAt ? '（' . $syncErrorAt . '）' : '' }}</div>
     @endif
 </div>
 
@@ -313,7 +313,7 @@
     @if($order->siteSubscription)
         <table>
             <tbody>
-            <tr><th style="width:160px;">订阅ID</th><td>{{ $order->siteSubscription->id }}</td></tr>
+            <tr><th class="w-160">订阅ID</th><td>{{ $order->siteSubscription->id }}</td></tr>
             <tr><th>订阅号</th><td>{{ $order->siteSubscription->subscription_no }}</td></tr>
             <tr>
                 <th>订阅管理</th>
@@ -376,7 +376,7 @@
     @if((string) data_get($batchMarkActivated, 'at') !== '')
         <table>
             <tbody>
-            <tr><th style="width:160px;">生效时间</th><td>{{ data_get($batchMarkActivated, 'at') }}</td></tr>
+            <tr><th class="w-160">生效时间</th><td>{{ data_get($batchMarkActivated, 'at') }}</td></tr>
             <tr><th>操作管理员</th><td>{{ data_get($batchMarkActivated, 'admin_id') ?: '-' }}</td></tr>
             <tr><th>范围</th><td>{{ data_get($batchMarkActivated, 'scope') ?: '-' }}</td></tr>
             </tbody>
@@ -409,7 +409,7 @@
     @endphp
 
     @if($isReconcileMismatch)
-        <div class="muted text-danger" style="margin-top:10px; margin-bottom:10px;">
+        <div class="muted text-danger mt-10 mb-10">
             提示：该订单「回执总额 vs 已付金额」存在差异，可能对账不一致。
             <span class="muted">｜</span>
             <a class="link" href="#add-payment-receipt">去补一条支付回执</a>
@@ -423,12 +423,12 @@
         <table>
             <thead>
             <tr>
-                <th style="width:140px;">类型</th>
-                <th style="width:120px;">渠道</th>
-                <th style="width:120px;">金额</th>
-                <th style="width:200px;">支付时间</th>
-                <th style="width:160px;">记录时间</th>
-                <th style="width:100px;">管理员</th>
+                <th class="w-140">类型</th>
+                <th class="w-120">渠道</th>
+                <th class="w-120">金额</th>
+                <th class="w-200">支付时间</th>
+                <th class="w-160">记录时间</th>
+                <th class="w-100">管理员</th>
                 <th>备注</th>
             </tr>
             </thead>
@@ -450,23 +450,23 @@
         <p class="muted">暂无支付回执记录。</p>
     @endif
 
-    <details style="margin-top:12px;" id="add-payment-receipt">
+    <details class="mt-12" id="add-payment-receipt">
         <summary class="muted">追加一条支付回执（不自动改状态）</summary>
-        <form method="post" action="/admin/platform-orders/{{ $order->id }}/add-payment-receipt" style="margin-top:10px;">
+        <form method="post" action="/admin/platform-orders/{{ $order->id }}/add-payment-receipt" class="mt-10">
             @csrf
             <div class="grid-3">
                 <input type="text" name="type" placeholder="类型：bank_transfer/现金/支付宝等" value="bank_transfer">
                 <input type="text" name="channel" placeholder="渠道（可选）" value="{{ (string) ($order->payment_channel ?? '') }}">
                 <input type="number" step="0.01" name="amount" placeholder="金额" value="{{ number_format((float) ($order->paid_amount > 0 ? $order->paid_amount : $order->payable_amount), 2, '.', '') }}">
             </div>
-            <div style="margin-top:10px;">
-                <input type="text" name="paid_at" placeholder="支付时间：YYYY-mm-dd HH:ii:ss（可选）" value="{{ optional($order->paid_at)->format('Y-m-d H:i:s') }}">
+            <div class="mt-10">
+                <input type="text" name="paid_at" placeholder="支付时间：YYYY-mm-dd HH:ii:ss（可选）" value="{{ optional($order->paid_at)->format('Y-m-d H:i:s') }}" class="w-full">
             </div>
-            <div style="margin-top:10px;">
-                <textarea name="note" placeholder="备注（可选，用于对账说明）" rows="3" style="width:100%;"></textarea>
+            <div class="mt-10">
+                <textarea name="note" placeholder="备注（可选，用于对账说明）" rows="3" class="w-full"></textarea>
             </div>
-            <div style="margin-top:10px;">
-                <button type="submit">追加回执记录</button>
+            <div class="mt-10">
+                <button type="submit" class="btn btn-sm">追加回执记录</button>
             </div>
         </form>
     </details>
@@ -482,7 +482,7 @@
     @endphp
 
     @if($isRefundInconsistent3)
-        <div class="muted text-danger" style="margin-top:10px;">
+        <div class="muted text-danger mt-10">
             提示：该订单疑似存在「退款状态 vs 退款总额」不一致（按容差口径），建议核对退款轨迹、已付金额与支付状态。
             <span class="muted">｜</span>
             <a class="link" href="{!! $refundInconsistentListUrl !!}">查看全部退款不一致订单</a>
@@ -494,12 +494,12 @@
         <table>
             <thead>
             <tr>
-                <th style="width:140px;">类型</th>
-                <th style="width:120px;">渠道</th>
-                <th style="width:120px;">金额</th>
-                <th style="width:200px;">退款时间</th>
-                <th style="width:160px;">记录时间</th>
-                <th style="width:100px;">管理员</th>
+                <th class="w-140">类型</th>
+                <th class="w-120">渠道</th>
+                <th class="w-120">金额</th>
+                <th class="w-200">退款时间</th>
+                <th class="w-160">记录时间</th>
+                <th class="w-100">管理员</th>
                 <th>备注</th>
             </tr>
             </thead>
@@ -521,23 +521,23 @@
         <p class="muted">暂无退款记录。</p>
     @endif
 
-    <details style="margin-top:12px;">
+    <details class="mt-12">
         <summary class="muted">追加一条退款记录（会自动推进支付状态）</summary>
-        <form method="post" action="/admin/platform-orders/{{ $order->id }}/add-refund-receipt" style="margin-top:10px;" onsubmit="return confirm('确认追加退款记录？该操作会写入退款轨迹，并可能推进支付状态为部分退款/已退款');">
+        <form method="post" action="/admin/platform-orders/{{ $order->id }}/add-refund-receipt" class="mt-10" onsubmit="return confirm('确认追加退款记录？该操作会写入退款轨迹，并可能推进支付状态为部分退款/已退款');">
             @csrf
             <div class="grid-3">
                 <input type="text" name="type" placeholder="类型：refund/chargeback/手工退款等" value="refund">
                 <input type="text" name="channel" placeholder="渠道（可选）" value="{{ (string) ($order->payment_channel ?? '') }}">
                 <input type="number" step="0.01" name="amount" placeholder="金额" value="0.00">
             </div>
-            <div style="margin-top:10px;">
-                <input type="text" name="refunded_at" placeholder="退款时间：YYYY-mm-dd HH:ii:ss（可选）" value="{{ optional($order->refunded_at)->format('Y-m-d H:i:s') }}">
+            <div class="mt-10">
+                <input type="text" name="refunded_at" placeholder="退款时间：YYYY-mm-dd HH:ii:ss（可选）" value="{{ optional($order->refunded_at)->format('Y-m-d H:i:s') }}" class="w-full">
             </div>
-            <div style="margin-top:10px;">
-                <textarea name="note" placeholder="备注（可选，用于退款说明/对账）" rows="3" style="width:100%;"></textarea>
+            <div class="mt-10">
+                <textarea name="note" placeholder="备注（可选，用于退款说明/对账）" rows="3" class="w-full"></textarea>
             </div>
-            <div style="margin-top:10px;">
-                <button type="submit">追加退款记录</button>
+            <div class="mt-10">
+                <button type="submit" class="btn btn-sm">追加退款记录</button>
             </div>
         </form>
     </details>
@@ -548,7 +548,7 @@
     @if($activation)
         <table>
             <tbody>
-            <tr><th style="width:160px;">订阅ID</th><td>{{ data_get($activation, 'subscription_id') }}</td></tr>
+            <tr><th class="w-160">订阅ID</th><td>{{ data_get($activation, 'subscription_id') }}</td></tr>
             <tr><th>同步时间</th><td>{{ data_get($activation, 'synced_at') ?: '-' }}</td></tr>
             <tr><th>操作管理员</th><td>{{ data_get($activation, 'admin_id') ?: '-' }}</td></tr>
             </tbody>
@@ -563,7 +563,7 @@
     @if($activationError)
         <table>
             <tbody>
-            <tr><th style="width:160px;">失败原因</th><td>{{ data_get($activationError, 'message') }}</td></tr>
+            <tr><th class="w-160">失败原因</th><td>{{ data_get($activationError, 'message') }}</td></tr>
             <tr><th>失败时间</th><td>{{ data_get($activationError, 'at') ?: '-' }}</td></tr>
             <tr><th>操作管理员</th><td>{{ data_get($activationError, 'admin_id') ?: '-' }}</td></tr>
             </tbody>