This commit is contained in:
pushuo 2022-09-01 16:24:03 +08:00
parent b23746c125
commit 52f40302fd
7 changed files with 65 additions and 42 deletions

View File

@ -26,7 +26,7 @@
@click="currentMenuIndex = index" v-for="menu, index in form.menus" :key="index">
<div class="d-flex justify-content-between align-items-center">
<div class="d-flex align-items-center flex-grow-1">
<el-tooltip class="icon-rank cursor-scroll" effect="dark" content="{{ __('admin/builder.text_drag_sort') }}" placement="left">
<el-tooltip class="icon-rank cursor-scroll" effect="dark" content="{{ __('admin/builder.text_drag_sort') }}" placement="top">
<i class="el-icon-rank"></i>
</el-tooltip>
<div class="name mx-2">

View File

@ -37,3 +37,9 @@ body.page-account {
}
}
}
.account-sides-info {
@media (max-width:768px) {
margin-bottom: 14px;
}
}

View File

@ -8,7 +8,7 @@ body.page-order-success, body.page-payment {
padding-left: 7rem;
@media (max-width:768px) {
padding: 3rem;
padding: 1rem;
}
}

View File

@ -14,6 +14,10 @@ body.page-account-address, body.page-checkout {
height: 130px;
cursor: pointer;
@media (max-width: 768px) {
padding: 10px 10px 10px 14px;
}
&:hover {
border-color: #222;
}

View File

@ -41,6 +41,10 @@ body.page-account-order-list {
.img {
flex: 0 0 60px;
margin-right: 10px;
@media (max-width:768px) {
display: none;
}
}
}
}

View File

@ -43,7 +43,14 @@ body.page-checkout {
.addresses-wrap {
.item {
&.address-right {
padding: 0 2.6rem;
@media (min-width: 768px) {
padding: 0 2.6rem;
}
@media (max-width: 768px) {
padding: 0;
}
display: flex;
flex-direction: column;
align-items: center;

View File

@ -19,47 +19,49 @@
<h5 class="card-title">{{ __('shop/account.order.index') }}</h5>
</div>
<div class="card-body">
<table class="table ">
<thead>
<tr>
<th>{{ __('shop/account.order.order_details') }}</th>
<th width="160px">{{ __('shop/account.order.amount') }}</th>
<th width="100px">{{ __('shop/account.order.state') }}</th>
<th width="100px" class="text-end">{{ __('common.action') }}</th>
</tr>
</thead>
@foreach ($orders as $order)
<tbody>
<tr class="sep-row"><td colspan="4"></td></tr>
<tr class="head-tr">
<td colspan="4">
<span class="order-created me-4">{{ $order->created_at }}</span>
<span class="order-number">{{ __('shop/account.order.order_number') }}{{ $order->number }}</span>
</td>
<div class="table-responsive">
<table class="table ">
<thead>
<tr>
<th>{{ __('shop/account.order.order_details') }}</th>
<th width="160px">{{ __('shop/account.order.amount') }}</th>
<th width="100px">{{ __('shop/account.order.state') }}</th>
<th width="100px" class="text-end">{{ __('common.action') }}</th>
</tr>
@foreach ($order->orderProducts as $product)
<tr class="{{ $loop->first ? 'first-tr' : '' }}">
<td>
<div class="product-info">
<div class="img"><img src="{{ $product->image }}" class="img-fluid"></div>
<div class="name">
<a class="text-dark" href="{{ shop_route('products.show', ['product' => $product->product_id]) }}">{{ $product->name }}</a>
<div class="quantity mt-1 text-secondary">x {{ $product->quantity }}</div>
</div>
</div>
</td>
@if ($loop->first)
<td rowspan="{{ $loop->count }}">{{ currency_format($order->total, $order->currency_code, $order->currency_value) }}</td>
<td rowspan="{{ $loop->count }}">{{ __("common.order.{$order->status}") }}</td>
<td rowspan="{{ $loop->count }}" class="text-end">
<a href="{{ shop_route('account.order.show', ['number' => $order->number]) }}" class="btn btn-outline-secondary btn-sm">{{ __('shop/account.order.check') }}</a>
</thead>
@foreach ($orders as $order)
<tbody>
<tr class="sep-row"><td colspan="4"></td></tr>
<tr class="head-tr">
<td colspan="4">
<span class="order-created me-4">{{ $order->created_at }}</span>
<span class="order-number">{{ __('shop/account.order.order_number') }}{{ $order->number }}</span>
</td>
@endif
</tr>
@endforeach
</tbody>
@endforeach
</table>
</tr>
@foreach ($order->orderProducts as $product)
<tr class="{{ $loop->first ? 'first-tr' : '' }}">
<td>
<div class="product-info">
<div class="img"><img src="{{ $product->image }}" class="img-fluid"></div>
<div class="name">
<a class="text-dark" href="{{ shop_route('products.show', ['product' => $product->product_id]) }}">{{ $product->name }}</a>
<div class="quantity mt-1 text-secondary">x {{ $product->quantity }}</div>
</div>
</div>
</td>
@if ($loop->first)
<td rowspan="{{ $loop->count }}">{{ currency_format($order->total, $order->currency_code, $order->currency_value) }}</td>
<td rowspan="{{ $loop->count }}">{{ __("common.order.{$order->status}") }}</td>
<td rowspan="{{ $loop->count }}" class="text-end">
<a href="{{ shop_route('account.order.show', ['number' => $order->number]) }}" class="btn btn-outline-secondary btn-sm">{{ __('shop/account.order.check') }}</a>
</td>
@endif
</tr>
@endforeach
</tbody>
@endforeach
</table>
</div>
</div>
</div>
</div>