terrylee/star-cloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[FIX] 修正排行欄位顯示空白問題

Browse Source 
1. 將 product-reports.blade.php 中 13 處誤植為 pageSize 的變數，統一修正為 Alpine.js component data 物件所定義之 perPage 屬性。
2. 徹底解決因 pageSize 未定義而導致計算出 NaN、從而造成排行列內容空白未顯示的 Bug。
This commit is contained in:
sky121113 2026-05-18 14:57:26 +08:00
parent 90a77404fe
commit e4c63bbf38
1 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
resources/views/admin/analysis/product-reports.blade.php
View File

@ -329,17 +329,17 @@
<template x-for="(row, index) in paginatedTableData" :key="row.product_id || row.barcode || row.name"> <template x-for="(row, index) in paginatedTableData" :key="row.product_id || row.barcode || row.name">
<tr class="group hover:bg-slate-50/50 dark:hover:bg-white/[0.02] transition-colors duration-200"> <tr class="group hover:bg-slate-50/50 dark:hover:bg-white/[0.02] transition-colors duration-200">
<td class="px-6 py-4 text-xs font-mono font-black text-slate-400 dark:text-slate-500"> <td class="px-6 py-4 text-xs font-mono font-black text-slate-400 dark:text-slate-500">
<template x-if="((currentPage - 1) * pageSize) + index + 1 === 1"> <template x-if="((currentPage - 1) * perPage) + index + 1 === 1">
<span class="inline-flex items-center justify-center w-6 h-6 rounded-full bg-amber-500/10 text-amber-500 border border-amber-500/20 font-black shadow-sm">1</span> <span class="inline-flex items-center justify-center w-6 h-6 rounded-full bg-amber-500/10 text-amber-500 border border-amber-500/20 font-black shadow-sm">1</span>
</template> </template>
<template x-if="((currentPage - 1) * pageSize) + index + 1 === 2"> <template x-if="((currentPage - 1) * perPage) + index + 1 === 2">
<span class="inline-flex items-center justify-center w-6 h-6 rounded-full bg-slate-400/10 text-slate-400 border border-slate-400/20 font-black shadow-sm">2</span> <span class="inline-flex items-center justify-center w-6 h-6 rounded-full bg-slate-400/10 text-slate-400 border border-slate-400/20 font-black shadow-sm">2</span>
</template> </template>
<template x-if="((currentPage - 1) * pageSize) + index + 1 === 3"> <template x-if="((currentPage - 1) * perPage) + index + 1 === 3">
<span class="inline-flex items-center justify-center w-6 h-6 rounded-full bg-amber-700/10 text-amber-700 border border-amber-700/20 font-black shadow-sm">3</span> <span class="inline-flex items-center justify-center w-6 h-6 rounded-full bg-amber-700/10 text-amber-700 border border-amber-700/20 font-black shadow-sm">3</span>
</template> </template>
<template x-if="((currentPage - 1) * pageSize) + index + 1 > 3"> <template x-if="((currentPage - 1) * perPage) + index + 1 > 3">
<span x-text="((currentPage - 1) * pageSize) + index + 1" class="pl-2"></span> <span x-text="((currentPage - 1) * perPage) + index + 1" class="pl-2"></span>
</template> </template>
</td> </td>
<td class="px-6 py-4 text-xs font-black font-mono text-slate-400 dark:text-slate-500 tracking-widest" x-text="row.barcode || '-'"></td> <td class="px-6 py-4 text-xs font-black font-mono text-slate-400 dark:text-slate-500 tracking-widest" x-text="row.barcode || '-'"></td>
@ -383,16 +383,16 @@
<div class="flex items-center gap-4 min-w-0"> <div class="flex items-center gap-4 min-w-0">
<div class="w-14 h-14 rounded-2xl flex items-center justify-center border transition-all duration-300 overflow-hidden shadow-sm shrink-0 font-black text-base" <div class="w-14 h-14 rounded-2xl flex items-center justify-center border transition-all duration-300 overflow-hidden shadow-sm shrink-0 font-black text-base"
:class=" :class="
((currentPage - 1) * pageSize) + index + 1 === 1 ? 'bg-amber-500/10 text-amber-500 border-amber-500/20' : ((currentPage - 1) * perPage) + index + 1 === 1 ? 'bg-amber-500/10 text-amber-500 border-amber-500/20' :
(((currentPage - 1) * pageSize) + index + 1 === 2 ? 'bg-slate-400/10 text-slate-400 border-slate-400/20' : (((currentPage - 1) * perPage) + index + 1 === 2 ? 'bg-slate-400/10 text-slate-400 border-slate-400/20' :
(((currentPage - 1) * pageSize) + index + 1 === 3 ? 'bg-amber-700/10 text-amber-700 border-amber-700/20' : (((currentPage - 1) * perPage) + index + 1 === 3 ? 'bg-amber-700/10 text-amber-700 border-amber-700/20' :
'bg-slate-100 dark:bg-slate-800 text-slate-400 border-slate-200 dark:border-slate-700 group-hover:bg-cyan-500 group-hover:text-white group-hover:border-cyan-500')) 'bg-slate-100 dark:bg-slate-800 text-slate-400 border-slate-200 dark:border-slate-700 group-hover:bg-cyan-500 group-hover:text-white group-hover:border-cyan-500'))
"> ">
<template x-if="((currentPage - 1) * pageSize) + index + 1 === 1"><span>🥇</span></template> <template x-if="((currentPage - 1) * perPage) + index + 1 === 1"><span>🥇</span></template>
<template x-if="((currentPage - 1) * pageSize) + index + 1 === 2"><span>🥈</span></template> <template x-if="((currentPage - 1) * perPage) + index + 1 === 2"><span>🥈</span></template>
<template x-if="((currentPage - 1) * pageSize) + index + 1 === 3"><span>🥉</span></template> <template x-if="((currentPage - 1) * perPage) + index + 1 === 3"><span>🥉</span></template>
<template x-if="((currentPage - 1) * pageSize) + index + 1 > 3"> <template x-if="((currentPage - 1) * perPage) + index + 1 > 3">
<span x-text="((currentPage - 1) * pageSize) + index + 1" class="text-sm font-black font-mono"></span> <span x-text="((currentPage - 1) * perPage) + index + 1" class="text-sm font-black font-mono"></span>
</template> </template>
</div> </div>
<div class="min-w-0"> <div class="min-w-0">