chore(admin-ui): orders show uses page header and list cards
This commit is contained in:
萝卜
@@ -1,50 +1,101 @@
|
||||
@extends('admin.layouts.app')
|
||||
|
||||
@section('title', '平台订单详情')
|
||||
@section('page_title', '平台订单详情')
|
||||
@section('title', '订单详情')
|
||||
@section('page_title', '订单详情')
|
||||
|
||||
@section('content')
|
||||
<div class="card mb-20">
|
||||
<h3>订单 {{ $order->order_no }}</h3>
|
||||
<table>
|
||||
<tr><th>ID</th><td>{{ $order->id }}</td></tr>
|
||||
<tr><th>商家</th><td>{{ $order->merchant?->name ?? ('商家#'.$order->merchant_id) }}</td></tr>
|
||||
<tr><th>平台</th><td>{{ $order->platform }}</td></tr>
|
||||
<tr><th>订单状态</th><td>{{ $order->status }}</td></tr>
|
||||
<tr><th>支付渠道</th><td>{{ $order->payment_channel }}</td></tr>
|
||||
<tr><th>支付状态</th><td>{{ $order->payment_status }}</td></tr>
|
||||
<tr><th>买家</th><td>{{ $order->buyer_name }}</td></tr>
|
||||
<tr><th>手机</th><td>{{ $order->buyer_phone }}</td></tr>
|
||||
<tr><th>邮箱</th><td>{{ $order->buyer_email }}</td></tr>
|
||||
<tr><th>商品金额</th><td>¥{{ number_format($order->product_amount, 2) }}</td></tr>
|
||||
<tr><th>优惠金额</th><td>¥{{ number_format($order->discount_amount, 2) }}</td></tr>
|
||||
<tr><th>运费</th><td>¥{{ number_format($order->shipping_amount, 2) }}</td></tr>
|
||||
<tr><th>应付金额</th><td>¥{{ number_format($order->pay_amount, 2) }}</td></tr>
|
||||
<tr><th>备注</th><td>{{ $order->remark }}</td></tr>
|
||||
<tr><th>创建时间</th><td>{{ $order->created_at }}</td></tr>
|
||||
</table>
|
||||
@php
|
||||
$incomingBack = (string) request()->query('back', '');
|
||||
$safeBackForLinks = \App\Support\BackUrl::sanitizeForLinks($incomingBack);
|
||||
@endphp
|
||||
|
||||
<div class="page-header mb-20" data-page="admin.orders.show">
|
||||
<div class="page-header-main">
|
||||
<div>
|
||||
<div class="page-header-title">订单详情</div>
|
||||
<div class="page-header-subtitle">订单号 {{ $order->order_no }}（商家：{{ $order->merchant?->name ?? ('商家#'.$order->merchant_id) }}）</div>
|
||||
</div>
|
||||
<div class="page-header-actions">
|
||||
@if($safeBackForLinks)
|
||||
<a class="btn btn-secondary btn-sm" href="{!! $safeBackForLinks !!}">← 返回上一页（保留上下文）</a>
|
||||
@endif
|
||||
<a class="btn btn-secondary btn-sm" href="/admin/orders">返回订单列表</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="page-header-meta">
|
||||
<div>订单状态：{{ $order->status }}</div>
|
||||
<div>支付状态：{{ $order->payment_status }}</div>
|
||||
<div>实付：¥{{ number_format((float) $order->pay_amount, 2) }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h3>订单明细</h3>
|
||||
<table>
|
||||
<thead><tr><th>ID</th><th>商品</th><th>SKU</th><th>单价</th><th>数量</th><th>小计</th><th>快照</th></tr></thead>
|
||||
<tbody>
|
||||
@forelse($order->items as $item)
|
||||
<div class="card list-card mb-20">
|
||||
<div class="list-card-header">
|
||||
<div>
|
||||
<h3 class="list-card-title">订单信息</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list-card-body">
|
||||
<table class="list-card-table">
|
||||
<tbody>
|
||||
<tr><th style="width:160px;">ID</th><td>{{ $order->id }}</td></tr>
|
||||
<tr><th>商家</th><td>{{ $order->merchant?->name ?? ('商家#'.$order->merchant_id) }}</td></tr>
|
||||
<tr><th>平台</th><td>{{ $order->platform }}</td></tr>
|
||||
<tr><th>订单状态</th><td>{{ $order->status }}</td></tr>
|
||||
<tr><th>支付渠道</th><td>{{ $order->payment_channel }}</td></tr>
|
||||
<tr><th>支付状态</th><td>{{ $order->payment_status }}</td></tr>
|
||||
<tr><th>买家</th><td>{{ $order->buyer_name }}</td></tr>
|
||||
<tr><th>手机</th><td>{{ $order->buyer_phone }}</td></tr>
|
||||
<tr><th>邮箱</th><td>{{ $order->buyer_email }}</td></tr>
|
||||
<tr><th>商品金额</th><td>¥{{ number_format((float) $order->product_amount, 2) }}</td></tr>
|
||||
<tr><th>优惠金额</th><td>¥{{ number_format((float) $order->discount_amount, 2) }}</td></tr>
|
||||
<tr><th>运费</th><td>¥{{ number_format((float) $order->shipping_amount, 2) }}</td></tr>
|
||||
<tr><th>应付金额</th><td>¥{{ number_format((float) $order->pay_amount, 2) }}</td></tr>
|
||||
<tr><th>备注</th><td>{{ $order->remark }}</td></tr>
|
||||
<tr><th>创建时间</th><td>{{ $order->created_at }}</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card list-card">
|
||||
<div class="list-card-header">
|
||||
<div>
|
||||
<h3 class="list-card-title">订单明细</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list-card-body">
|
||||
<table class="list-card-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>{{ $item->id }}</td>
|
||||
<td>{{ $item->product_title }}</td>
|
||||
<td>{{ $item->product_sku }}</td>
|
||||
<td>¥{{ number_format($item->product_price, 2) }}</td>
|
||||
<td>{{ $item->quantity }}</td>
|
||||
<td>¥{{ number_format($item->line_total_amount, 2) }}</td>
|
||||
<td>{{ $item->snapshot['category'] ?? '-' }}</td>
|
||||
<th>ID</th>
|
||||
<th>商品</th>
|
||||
<th>SKU</th>
|
||||
<th>单价</th>
|
||||
<th>数量</th>
|
||||
<th>小计</th>
|
||||
<th>快照</th>
|
||||
</tr>
|
||||
@empty
|
||||
<tr><td colspan="7" class="muted">暂无订单明细</td></tr>
|
||||
@endforelse
|
||||
</tbody>
|
||||
</table>
|
||||
<p class="mt-16"><a href="/admin/orders">返回订单列表</a></p>
|
||||
</thead>
|
||||
<tbody>
|
||||
@forelse($order->items as $item)
|
||||
<tr>
|
||||
<td>{{ $item->id }}</td>
|
||||
<td>{{ $item->product_title }}</td>
|
||||
<td>{{ $item->product_sku }}</td>
|
||||
<td>¥{{ number_format((float) $item->product_price, 2) }}</td>
|
||||
<td>{{ $item->quantity }}</td>
|
||||
<td>¥{{ number_format((float) $item->line_total_amount, 2) }}</td>
|
||||
<td>{{ $item->snapshot['category'] ?? '-' }}</td>
|
||||
</tr>
|
||||
@empty
|
||||
<tr><td colspan="7" class="muted table-empty">暂无订单明细</td></tr>
|
||||
@endforelse
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
Reference in New Issue
Block a user