html/admin-web
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化

Browse Source
This commit is contained in:
ouyangxq
2026-10-20 23:34:11 +08:00
parent f155976f52
commit 13e4aa56ec
321 changed files with 6756 additions and 2110 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/modules/inbounds/measurement/components/MeasurementEvidenceThumbnail.vue
+7 -5
View File
@@ -1,4 +1,6 @@
<script setup lang="ts">
import '@/styles/adminDensity.css'
import '@/styles/adminWorkbench.css'
import { onBeforeUnmount, ref, watch } from 'vue'
import { ImageOff } from '@lucide/vue'
import { downloadWeightThumbnail } from '../../weight/api/weightOcr'
@@ -55,7 +57,7 @@ onBeforeUnmount(() => {
<template>
<button
class="measurement-evidence-thumb"
class="measurement-evidence-thumb admin-workbench"
type="button"
:disabled="!fileId"
:aria-label="fileId ? `查看${alt}` : emptyText"
@@ -70,10 +72,10 @@ onBeforeUnmount(() => {
</template>
<style scoped>
.measurement-evidence-thumb { display: block; width: 100%; min-width: 96px; aspect-ratio: 4 / 3; overflow: hidden; padding: 0; border: 1px solid var(--cc-border); border-radius: 6px; background: #f2f4f7; cursor: zoom-in; }
.measurement-evidence-thumb { display: block; width: 100%; min-width: 96px; aspect-ratio: 4 / 3; overflow: hidden; padding: 0; border: 1px solid var(--workbench-border); border-radius: 6px; background: var(--workbench-surface-soft); cursor: zoom-in; }
.measurement-evidence-thumb:disabled { cursor: default; }
.measurement-evidence-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.measurement-evidence-thumb__state { display: grid; width: 100%; height: 100%; place-items: center; align-content: center; gap: 7px; padding: 8px; color: #667085; font-size: 12px; }
.measurement-evidence-thumb__state.is-loading { color: #98a2b3; }
.measurement-evidence-thumb:focus-visible { outline: 2px solid var(--cc-primary); outline-offset: 2px; }
.measurement-evidence-thumb__state { display: grid; width: 100%; height: 100%; place-items: center; align-content: center; gap: 7px; padding: 8px; color: var(--workbench-muted); font-size: 12px; }
.measurement-evidence-thumb__state.is-loading { color: var(--workbench-muted); }
.measurement-evidence-thumb:focus-visible { outline: 2px solid var(--workbench-primary); outline-offset: 2px; }
</style>