fix(admin): 优化商品审核待审核列表卡片高度与首图展示,防止内容被挤压形变

This commit is contained in:
yml2213
2026-09-07 14:00:07 +08:00
parent 5f0b43fe42
commit 0df5cebf5d
2 changed files with 38 additions and 17 deletions
@@ -84,6 +84,13 @@ interface ChecklistItem {
const _defaultScreenshotURL = '/api/listings/default-upload-screenshot?v=webp1'
function onThumbError(e: Event) {
const target = e.target as HTMLImageElement
if (target && target.src !== _defaultScreenshotURL) {
target.src = _defaultScreenshotURL
}
}
const sortOptions = [
{ label: '最新提交 (默认)', value: 'default' },
{ label: '风险优先 (封禁/默认图)', value: 'risk' },
@@ -1075,7 +1082,7 @@ async function handleScreenshotSaved(payload: { oldUrl: string; newUrl: string }
</span>
</div>
<div class="queue-title-row">
<div class="queue-main-row">
<div class="queue-thumb">
<img
:src="
@@ -1085,18 +1092,20 @@ async function handleScreenshotSaved(payload: { oldUrl: string; newUrl: string }
"
alt="缩略图"
loading="lazy"
@error="onThumbError"
/>
<span v-if="hasDefaultScreenshot(item)" class="thumb-warning-badge">默认图</span>
</div>
<strong class="queue-title" :title="item.title">{{ item.title }}</strong>
</div>
<div class="queue-specs">
<span class="spec-pill">{{ item.rank_level || '段位未知' }}</span>
<span class="spec-pill">{{
assetText(item, 'season_insurance') || '保险未填'
}}</span>
<span class="spec-pill">KD {{ assetNumberText(item, 'secret_kd') }}</span>
<div class="queue-main-info">
<strong class="queue-title" :title="item.title">{{ item.title }}</strong>
<div class="queue-specs">
<span class="spec-pill">{{ item.rank_level || '段位未知' }}</span>
<span class="spec-pill">{{
assetText(item, 'season_insurance') || '保险未填'
}}</span>
<span class="spec-pill">KD {{ assetNumberText(item, 'secret_kd') }}</span>
</div>
</div>
</div>
<div class="queue-footer">