|
|
@@ -3,6 +3,13 @@
|
|
|
@lang('gift::app.admin.title')
|
|
|
</x-slot>
|
|
|
|
|
|
+ {{-- 礼品卡列表列宽：第 6 个轨道是「用户邮箱」，给它更宽的空间（改这里的 300px 即可调整宽度） --}}
|
|
|
+ <style>
|
|
|
+ .gift-datagrid .row {
|
|
|
+ grid-template-columns: 50px 70px 110px 110px 130px minmax(300px, 1fr) 160px 100px 140px 170px 80px !important;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+
|
|
|
<v-gift-cards>
|
|
|
<!-- DataGrid Shimmer -->
|
|
|
<x-admin::shimmer.datagrid />
|
|
|
@@ -35,6 +42,7 @@
|
|
|
<x-admin::datagrid
|
|
|
:src="route('admin.gift.index')"
|
|
|
ref="datagrid"
|
|
|
+ class="gift-datagrid"
|
|
|
>
|
|
|
<template #body="{
|
|
|
isLoading,
|
|
|
@@ -82,7 +90,11 @@
|
|
|
<p>@{{ record.remaining_giftcard_amount }}</p>
|
|
|
|
|
|
<!-- Customer Email -->
|
|
|
- <p v-html="record.customer_email"></p>
|
|
|
+ <p
|
|
|
+ v-html="record.customer_email"
|
|
|
+ :title="record.customer_email ? record.customer_email.replace(/<[^>]*>/g, '') : ''"
|
|
|
+ style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"
|
|
|
+ ></p>
|
|
|
|
|
|
<!-- Expiration Date -->
|
|
|
<p>@{{ record.expirationdate }}</p>
|
llp